fix: conform average-order-value widget port to widget contract

Author: chihsuan

projects/js-packages/storybook/changelog/add-average-order-value-widget-story

@@ -1,6 +1,7 @@
 /**
  * External dependencies
  */
+import { LineChart } from '@automattic/charts';
 import { formatDate, formatMetricValue } from '@jetpack-premium-analytics/formatters';
 import { Stack } from '@wordpress/ui';
 import clsx from 'clsx';
@@ -9,7 +10,6 @@ import { type ComponentProps } from 'react';
 /**
  * Internal dependencies
  */
-import { LineChart } from '../../../../../../../js-packages/charts/src/charts/line-chart';
 import { RESIZE_DEBOUNCE_MS } from '../../constants';
 import { isEmptyChartData, getEmptyChartDomain } from '../../helpers';
 import { ChartTooltip } from '../chart-tooltip';

projects/packages/premium-analytics/packages/widgets-toolkit/src/components/chart-comparative-line/comparative-line-chart.tsx

@@ -7,7 +7,7 @@
 		"@jetpack-premium-analytics/widgets-toolkit": "link:../../packages/widgets-toolkit",
 		"@wordpress/i18n": "^6.9.0",
 		"@wordpress/icons": "^13.0.0",
-		"@wordpress/ui": "0.13.0",
+		"@wordpress/widget-primitives": "next",
 		"react": "18.3.1"
 	}
 }

projects/packages/premium-analytics/widgets/average-order-value/package.json

@@ -6,10 +6,17 @@ import {
 	WidgetRoot,
 	type ReportParamsFieldAttributes,
 } from '@jetpack-premium-analytics/widgets-toolkit';
+import type { AverageOrderValueAttributes } from './widget';
+import type { WidgetRenderProps } from '@wordpress/widget-primitives';
+import type { ComponentProps } from 'react';
 
-type AverageOrderValueRenderProps = {
-	attributes?: Partial< ReportParamsFieldAttributes >;
-	setError?: Parameters< typeof WidgetRoot >[ 0 ][ 'setError' ];
+// Report params are usually URL-driven (WidgetRoot's fallback), but callers may
+// also pass them via `attributes`. Compose the render-only shape to cover both.
+type AverageOrderValueRenderAttributes = AverageOrderValueAttributes &
+	Partial< ReportParamsFieldAttributes >;
+
+type AverageOrderValueRenderProps = WidgetRenderProps< AverageOrderValueRenderAttributes > & {
+	setError?: ComponentProps< typeof WidgetRoot >[ 'setError' ];
 };
 
 /**
@@ -21,7 +28,7 @@ type AverageOrderValueRenderProps = {
  * comparison delta and sparkline.
  */
 export default function AverageOrderValueRender( {
-	attributes,
+	attributes = {},
 	setError,
 }: AverageOrderValueRenderProps ) {
 	return (

projects/packages/premium-analytics/widgets/average-order-value/render.tsx

@@ -4,6 +4,13 @@
 import { __ } from '@wordpress/i18n';
 import { chartBar } from '@wordpress/icons';
 
+/**
+ * The widget has no user-configurable attributes. Report params still reach it
+ * through WidgetRoot: the dashboard date range, or `attributes.reportParams`
+ * when a host injects them (e.g. Storybook and dashboard previews).
+ */
+export type AverageOrderValueAttributes = Record< never, never >;
+
 /**
  * Widget type definition.
  *