@open-mercato/core 0.4.2-canary-cf7d9b4116 → 0.4.2-canary-e6bf6a353e

package/dist/modules/dashboards/widgets/dashboard/new-customers-kpi/widget.js

@@ -0,0 +1,25 @@
+import NewCustomersKpiWidget from "./widget.client.js";
+import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+const widget = {
+  metadata: {
+    id: "dashboards.analytics.newCustomersKpi",
+    title: "Customer Growth",
+    description: "New customer count with period comparison",
+    features: ["analytics.view", "customers.people.view"],
+    defaultSize: "sm",
+    defaultEnabled: false,
+    defaultSettings: DEFAULT_SETTINGS,
+    tags: ["analytics", "customers", "kpi"],
+    category: "analytics",
+    icon: "user-plus",
+    supportsRefresh: true
+  },
+  Widget: NewCustomersKpiWidget,
+  hydrateSettings,
+  dehydrateSettings: (s) => ({ dateRange: s.dateRange, showComparison: s.showComparison })
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/dashboards/widgets/dashboard/new-customers-kpi/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/new-customers-kpi/widget.ts"],
+  "sourcesContent": ["import type { DashboardWidgetModule } from '@open-mercato/shared/modules/dashboard/widgets'\nimport NewCustomersKpiWidget from './widget.client'\nimport { DEFAULT_SETTINGS, hydrateSettings, type NewCustomersKpiSettings } from './config'\n\nconst widget: DashboardWidgetModule<NewCustomersKpiSettings> = {\n  metadata: {\n    id: 'dashboards.analytics.newCustomersKpi',\n    title: 'Customer Growth',\n    description: 'New customer count with period comparison',\n    features: ['analytics.view', 'customers.people.view'],\n    defaultSize: 'sm',\n    defaultEnabled: false,\n    defaultSettings: DEFAULT_SETTINGS,\n    tags: ['analytics', 'customers', 'kpi'],\n    category: 'analytics',\n    icon: 'user-plus',\n    supportsRefresh: true,\n  },\n  Widget: NewCustomersKpiWidget,\n  hydrateSettings,\n  dehydrateSettings: (s) => ({ dateRange: s.dateRange, showComparison: s.showComparison }),\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,2BAA2B;AAClC,SAAS,kBAAkB,uBAAqD;AAEhF,MAAM,SAAyD;AAAA,EAC7D,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,kBAAkB,uBAAuB;AAAA,IACpD,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,MAAM,CAAC,aAAa,aAAa,KAAK;AAAA,IACtC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,gBAAgB,EAAE,eAAe;AACxF;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/config.js

@@ -0,0 +1,18 @@
+import { isValidDateRangePreset } from "@open-mercato/ui/backend/date-range";
+const DEFAULT_SETTINGS = {
+  dateRange: "this_month",
+  variant: "donut"
+};
+function hydrateSettings(raw) {
+  if (!raw || typeof raw !== "object") return { ...DEFAULT_SETTINGS };
+  const obj = raw;
+  return {
+    dateRange: isValidDateRangePreset(obj.dateRange) ? obj.dateRange : DEFAULT_SETTINGS.dateRange,
+    variant: obj.variant === "pie" || obj.variant === "donut" ? obj.variant : DEFAULT_SETTINGS.variant
+  };
+}
+export {
+  DEFAULT_SETTINGS,
+  hydrateSettings
+};
+//# sourceMappingURL=config.js.map

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-by-status/config.ts"],
+  "sourcesContent": ["import { type DateRangePreset, isValidDateRangePreset } from '@open-mercato/ui/backend/date-range'\n\nexport type OrdersByStatusSettings = {\n  dateRange: DateRangePreset\n  variant: 'pie' | 'donut'\n}\n\nexport const DEFAULT_SETTINGS: OrdersByStatusSettings = {\n  dateRange: 'this_month',\n  variant: 'donut',\n}\n\nexport function hydrateSettings(raw: unknown): OrdersByStatusSettings {\n  if (!raw || typeof raw !== 'object') return { ...DEFAULT_SETTINGS }\n  const obj = raw as Record<string, unknown>\n  return {\n    dateRange: isValidDateRangePreset(obj.dateRange) ? obj.dateRange : DEFAULT_SETTINGS.dateRange,\n    variant: obj.variant === 'pie' || obj.variant === 'donut' ? obj.variant : DEFAULT_SETTINGS.variant,\n  }\n}\n"],
+  "mappings": "AAAA,SAA+B,8BAA8B;AAOtD,MAAM,mBAA2C;AAAA,EACtD,WAAW;AAAA,EACX,SAAS;AACX;AAEO,SAAS,gBAAgB,KAAsC;AACpE,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO,EAAE,GAAG,iBAAiB;AAClE,QAAM,MAAM;AACZ,SAAO;AAAA,IACL,WAAW,uBAAuB,IAAI,SAAS,IAAI,IAAI,YAAY,iBAAiB;AAAA,IACpF,SAAS,IAAI,YAAY,SAAS,IAAI,YAAY,UAAU,IAAI,UAAU,iBAAiB;AAAA,EAC7F;AACF;",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/widget.client.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { PieChart } from "@open-mercato/ui/backend/charts";
+import {
+  DateRangeSelect,
+  InlineDateRangeSelect
+} from "@open-mercato/ui/backend/date-range";
+import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+async function fetchOrdersByStatusData(settings) {
+  const body = {
+    entityType: "sales:orders",
+    metric: {
+      field: "id",
+      aggregate: "count"
+    },
+    groupBy: {
+      field: "status"
+    },
+    dateRange: {
+      field: "placedAt",
+      preset: settings.dateRange
+    }
+  };
+  const call = await apiCall("/api/dashboards/widgets/data", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  if (!call.ok) {
+    const errorMsg = call.result?.error;
+    throw new Error(typeof errorMsg === "string" ? errorMsg : "Failed to fetch orders by status data");
+  }
+  return call.result;
+}
+const ORDER_STATUS_KEYS = {
+  draft: "dashboards.analytics.orderStatus.draft",
+  pending: "dashboards.analytics.orderStatus.pending",
+  confirmed: "dashboards.analytics.orderStatus.confirmed",
+  processing: "dashboards.analytics.orderStatus.processing",
+  shipped: "dashboards.analytics.orderStatus.shipped",
+  delivered: "dashboards.analytics.orderStatus.delivered",
+  cancelled: "dashboards.analytics.orderStatus.cancelled"
+};
+function formatStatusLabel(status, t) {
+  if (!status) return t("dashboards.analytics.labels.unknown", "Unknown");
+  const key = ORDER_STATUS_KEYS[status.toLowerCase()];
+  if (key) {
+    return t(key, status.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()));
+  }
+  return status.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+}
+const OrdersByStatusWidget = ({
+  mode,
+  settings = DEFAULT_SETTINGS,
+  onSettingsChange,
+  refreshToken,
+  onRefreshStateChange
+}) => {
+  const t = useT();
+  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings]);
+  const [data, setData] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const refresh = React.useCallback(async () => {
+    onRefreshStateChange?.(true);
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await fetchOrdersByStatusData(hydrated);
+      const chartData = result.data.map((item) => ({
+        name: formatStatusLabel(item.groupKey, t),
+        value: item.value ?? 0
+      }));
+      setData(chartData);
+    } catch (err) {
+      console.error("Failed to load orders by status data", err);
+      setError(t("dashboards.analytics.widgets.ordersByStatus.error", "Failed to load data"));
+    } finally {
+      setLoading(false);
+      onRefreshStateChange?.(false);
+    }
+  }, [hydrated, onRefreshStateChange, t]);
+  React.useEffect(() => {
+    refresh().catch(() => {
+    });
+  }, [refresh, refreshToken]);
+  if (mode === "settings") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        DateRangeSelect,
+        {
+          id: "orders-by-status-date-range",
+          label: t("dashboards.analytics.settings.dateRange", "Date Range"),
+          value: hydrated.dateRange,
+          onChange: (dateRange) => onSettingsChange({ ...hydrated, dateRange })
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: "orders-by-status-variant",
+            className: "text-xs font-semibold uppercase text-muted-foreground",
+            children: t("dashboards.analytics.settings.chartVariant", "Chart Style")
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            id: "orders-by-status-variant",
+            className: "w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary",
+            value: hydrated.variant,
+            onChange: (e) => onSettingsChange({ ...hydrated, variant: e.target.value }),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "donut", children: t("dashboards.analytics.chartVariant.donut", "Donut") }),
+              /* @__PURE__ */ jsx("option", { value: "pie", children: t("dashboards.analytics.chartVariant.pie", "Pie") })
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end mb-2", children: /* @__PURE__ */ jsx(
+      InlineDateRangeSelect,
+      {
+        value: hydrated.dateRange,
+        onChange: (dateRange) => onSettingsChange({ ...hydrated, dateRange })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsx(
+      PieChart,
+      {
+        data,
+        loading,
+        error,
+        variant: hydrated.variant,
+        colors: ["blue", "emerald", "amber", "rose", "violet", "cyan"],
+        emptyMessage: t("dashboards.analytics.widgets.ordersByStatus.empty", "No orders for this period")
+      }
+    ) })
+  ] });
+};
+var widget_client_default = OrdersByStatusWidget;
+export {
+  widget_client_default as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-by-status/widget.client.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { PieChart, type PieChartDataItem } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersByStatusSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchOrdersByStatusData(settings: OrdersByStatusSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    groupBy: {\n      field: 'status',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch orders by status data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst ORDER_STATUS_KEYS: Record<string, string> = {\n  draft: 'dashboards.analytics.orderStatus.draft',\n  pending: 'dashboards.analytics.orderStatus.pending',\n  confirmed: 'dashboards.analytics.orderStatus.confirmed',\n  processing: 'dashboards.analytics.orderStatus.processing',\n  shipped: 'dashboards.analytics.orderStatus.shipped',\n  delivered: 'dashboards.analytics.orderStatus.delivered',\n  cancelled: 'dashboards.analytics.orderStatus.cancelled',\n}\n\nfunction formatStatusLabel(status: string | null, t: (key: string, fallback: string) => string): string {\n  if (!status) return t('dashboards.analytics.labels.unknown', 'Unknown')\n  const key = ORDER_STATUS_KEYS[status.toLowerCase()]\n  if (key) {\n    return t(key, status.replace(/_/g, ' ').replace(/\\b\\w/g, (l) => l.toUpperCase()))\n  }\n  return status.replace(/_/g, ' ').replace(/\\b\\w/g, (l) => l.toUpperCase())\n}\n\nconst OrdersByStatusWidget: React.FC<DashboardWidgetComponentProps<OrdersByStatusSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [data, setData] = React.useState<PieChartDataItem[]>([])\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const result = await fetchOrdersByStatusData(hydrated)\n      const chartData = result.data.map((item) => ({\n        name: formatStatusLabel(item.groupKey as string | null, t),\n        value: item.value ?? 0,\n      }))\n      setData(chartData)\n    } catch (err) {\n      console.error('Failed to load orders by status data', err)\n      setError(t('dashboards.analytics.widgets.ordersByStatus.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"orders-by-status-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label\n            htmlFor=\"orders-by-status-variant\"\n            className=\"text-xs font-semibold uppercase text-muted-foreground\"\n          >\n            {t('dashboards.analytics.settings.chartVariant', 'Chart Style')}\n          </label>\n          <select\n            id=\"orders-by-status-variant\"\n            className=\"w-full rounded-md border bg-background px-2 py-1 text-sm text-foreground focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary\"\n            value={hydrated.variant}\n            onChange={(e) => onSettingsChange({ ...hydrated, variant: e.target.value as 'pie' | 'donut' })}\n          >\n            <option value=\"donut\">{t('dashboards.analytics.chartVariant.donut', 'Donut')}</option>\n            <option value=\"pie\">{t('dashboards.analytics.chartVariant.pie', 'Pie')}</option>\n          </select>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      <div className=\"flex justify-end mb-2\">\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      </div>\n      <div className=\"flex-1 min-h-0\">\n        <PieChart\n          data={data}\n          loading={loading}\n          error={error}\n          variant={hydrated.variant}\n          colors={['blue', 'emerald', 'amber', 'rose', 'violet', 'cyan']}\n          emptyMessage={t('dashboards.analytics.widgets.ordersByStatus.empty', 'No orders for this period')}\n        />\n      </div>\n    </div>\n  )\n}\n\nexport default OrdersByStatusWidget\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/widget.js

@@ -0,0 +1,25 @@
+import OrdersByStatusWidget from "./widget.client.js";
+import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+const widget = {
+  metadata: {
+    id: "dashboards.analytics.ordersByStatus",
+    title: "Orders by Status",
+    description: "Distribution of orders by status",
+    features: ["analytics.view", "sales.orders.view"],
+    defaultSize: "sm",
+    defaultEnabled: false,
+    defaultSettings: DEFAULT_SETTINGS,
+    tags: ["analytics", "sales", "chart"],
+    category: "analytics",
+    icon: "pie-chart",
+    supportsRefresh: true
+  },
+  Widget: OrdersByStatusWidget,
+  hydrateSettings,
+  dehydrateSettings: (s) => ({ dateRange: s.dateRange, variant: s.variant })
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/dashboards/widgets/dashboard/orders-by-status/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-by-status/widget.ts"],
+  "sourcesContent": ["import type { DashboardWidgetModule } from '@open-mercato/shared/modules/dashboard/widgets'\nimport OrdersByStatusWidget from './widget.client'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersByStatusSettings } from './config'\n\nconst widget: DashboardWidgetModule<OrdersByStatusSettings> = {\n  metadata: {\n    id: 'dashboards.analytics.ordersByStatus',\n    title: 'Orders by Status',\n    description: 'Distribution of orders by status',\n    features: ['analytics.view', 'sales.orders.view'],\n    defaultSize: 'sm',\n    defaultEnabled: false,\n    defaultSettings: DEFAULT_SETTINGS,\n    tags: ['analytics', 'sales', 'chart'],\n    category: 'analytics',\n    icon: 'pie-chart',\n    supportsRefresh: true,\n  },\n  Widget: OrdersByStatusWidget,\n  hydrateSettings,\n  dehydrateSettings: (s) => ({ dateRange: s.dateRange, variant: s.variant }),\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,0BAA0B;AACjC,SAAS,kBAAkB,uBAAoD;AAE/E,MAAM,SAAwD;AAAA,EAC5D,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,kBAAkB,mBAAmB;AAAA,IAChD,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,MAAM,CAAC,aAAa,SAAS,OAAO;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,SAAS,EAAE,QAAQ;AAC1E;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/config.js

@@ -0,0 +1,18 @@
+import { isValidDateRangePreset } from "@open-mercato/ui/backend/date-range";
+const DEFAULT_SETTINGS = {
+  dateRange: "this_month",
+  showComparison: true
+};
+function hydrateSettings(raw) {
+  if (!raw || typeof raw !== "object") return { ...DEFAULT_SETTINGS };
+  const obj = raw;
+  return {
+    dateRange: isValidDateRangePreset(obj.dateRange) ? obj.dateRange : DEFAULT_SETTINGS.dateRange,
+    showComparison: typeof obj.showComparison === "boolean" ? obj.showComparison : DEFAULT_SETTINGS.showComparison
+  };
+}
+export {
+  DEFAULT_SETTINGS,
+  hydrateSettings
+};
+//# sourceMappingURL=config.js.map

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-kpi/config.ts"],
+  "sourcesContent": ["import { type DateRangePreset, isValidDateRangePreset } from '@open-mercato/ui/backend/date-range'\n\nexport type OrdersKpiSettings = {\n  dateRange: DateRangePreset\n  showComparison: boolean\n}\n\nexport const DEFAULT_SETTINGS: OrdersKpiSettings = {\n  dateRange: 'this_month',\n  showComparison: true,\n}\n\nexport function hydrateSettings(raw: unknown): OrdersKpiSettings {\n  if (!raw || typeof raw !== 'object') return { ...DEFAULT_SETTINGS }\n  const obj = raw as Record<string, unknown>\n  return {\n    dateRange: isValidDateRangePreset(obj.dateRange) ? obj.dateRange : DEFAULT_SETTINGS.dateRange,\n    showComparison: typeof obj.showComparison === 'boolean' ? obj.showComparison : DEFAULT_SETTINGS.showComparison,\n  }\n}\n"],
+  "mappings": "AAAA,SAA+B,8BAA8B;AAOtD,MAAM,mBAAsC;AAAA,EACjD,WAAW;AAAA,EACX,gBAAgB;AAClB;AAEO,SAAS,gBAAgB,KAAiC;AAC/D,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO,EAAE,GAAG,iBAAiB;AAClE,QAAM,MAAM;AACZ,SAAO;AAAA,IACL,WAAW,uBAAuB,IAAI,SAAS,IAAI,IAAI,YAAY,iBAAiB;AAAA,IACpF,gBAAgB,OAAO,IAAI,mBAAmB,YAAY,IAAI,iBAAiB,iBAAiB;AAAA,EAClG;AACF;",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/widget.client.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { KpiCard } from "@open-mercato/ui/backend/charts";
+import {
+  DateRangeSelect,
+  InlineDateRangeSelect,
+  getComparisonLabelKey
+} from "@open-mercato/ui/backend/date-range";
+import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+async function fetchOrdersData(settings) {
+  const body = {
+    entityType: "sales:orders",
+    metric: {
+      field: "id",
+      aggregate: "count"
+    },
+    dateRange: {
+      field: "placedAt",
+      preset: settings.dateRange
+    },
+    comparison: settings.showComparison ? { type: "previous_period" } : void 0
+  };
+  const call = await apiCall("/api/dashboards/widgets/data", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  if (!call.ok) {
+    const errorMsg = call.result?.error;
+    throw new Error(typeof errorMsg === "string" ? errorMsg : "Failed to fetch orders data");
+  }
+  return call.result;
+}
+const OrdersKpiWidget = ({
+  mode,
+  settings = DEFAULT_SETTINGS,
+  onSettingsChange,
+  refreshToken,
+  onRefreshStateChange
+}) => {
+  const t = useT();
+  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings]);
+  const [value, setValue] = React.useState(null);
+  const [trend, setTrend] = React.useState(void 0);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const refresh = React.useCallback(async () => {
+    onRefreshStateChange?.(true);
+    setLoading(true);
+    setError(null);
+    try {
+      const data = await fetchOrdersData(hydrated);
+      setValue(data.value);
+      if (data.comparison) {
+        setTrend({
+          value: data.comparison.change,
+          direction: data.comparison.direction
+        });
+      } else {
+        setTrend(void 0);
+      }
+    } catch (err) {
+      console.error("Failed to load orders KPI data", err);
+      setError(t("dashboards.analytics.widgets.ordersKpi.error", "Failed to load data"));
+    } finally {
+      setLoading(false);
+      onRefreshStateChange?.(false);
+    }
+  }, [hydrated, onRefreshStateChange, t]);
+  React.useEffect(() => {
+    refresh().catch(() => {
+    });
+  }, [refresh, refreshToken]);
+  if (mode === "settings") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4 text-sm", children: [
+      /* @__PURE__ */ jsx(
+        DateRangeSelect,
+        {
+          id: "orders-kpi-date-range",
+          label: t("dashboards.analytics.settings.dateRange", "Date Range"),
+          value: hydrated.dateRange,
+          onChange: (dateRange) => onSettingsChange({ ...hydrated, dateRange })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: hydrated.showComparison,
+            onChange: (e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked }),
+            className: "h-4 w-4 rounded border focus:ring-primary"
+          }
+        ),
+        t("dashboards.analytics.settings.showComparison", "Show comparison")
+      ] }) })
+    ] });
+  }
+  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange);
+  const comparisonLabel = hydrated.showComparison ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback) : void 0;
+  return /* @__PURE__ */ jsx(
+    KpiCard,
+    {
+      value,
+      trend,
+      comparisonLabel,
+      loading,
+      error,
+      headerAction: /* @__PURE__ */ jsx(
+        InlineDateRangeSelect,
+        {
+          value: hydrated.dateRange,
+          onChange: (dateRange) => onSettingsChange({ ...hydrated, dateRange })
+        }
+      )
+    }
+  );
+};
+var widget_client_default = OrdersKpiWidget;
+export {
+  widget_client_default as default
+};
+//# sourceMappingURL=widget.client.js.map

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/widget.client.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-kpi/widget.client.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { KpiCard, type KpiTrend } from '@open-mercato/ui/backend/charts'\nimport {\n  DateRangeSelect,\n  InlineDateRangeSelect,\n  type DateRangePreset,\n  getComparisonLabelKey,\n} from '@open-mercato/ui/backend/date-range'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersKpiSettings } from './config'\nimport type { WidgetDataResponse } from '../../../services/widgetDataService'\n\nasync function fetchOrdersData(settings: OrdersKpiSettings): Promise<WidgetDataResponse> {\n  const body = {\n    entityType: 'sales:orders',\n    metric: {\n      field: 'id',\n      aggregate: 'count',\n    },\n    dateRange: {\n      field: 'placedAt',\n      preset: settings.dateRange,\n    },\n    comparison: settings.showComparison ? { type: 'previous_period' } : undefined,\n  }\n\n  const call = await apiCall<WidgetDataResponse>('/api/dashboards/widgets/data', {\n    method: 'POST',\n    headers: { 'Content-Type': 'application/json' },\n    body: JSON.stringify(body),\n  })\n\n  if (!call.ok) {\n    const errorMsg = (call.result as Record<string, unknown>)?.error\n    throw new Error(typeof errorMsg === 'string' ? errorMsg : 'Failed to fetch orders data')\n  }\n\n  return call.result as WidgetDataResponse\n}\n\nconst OrdersKpiWidget: React.FC<DashboardWidgetComponentProps<OrdersKpiSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n  const [value, setValue] = React.useState<number | null>(null)\n  const [trend, setTrend] = React.useState<KpiTrend | undefined>(undefined)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const refresh = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      const data = await fetchOrdersData(hydrated)\n      setValue(data.value)\n      if (data.comparison) {\n        setTrend({\n          value: data.comparison.change,\n          direction: data.comparison.direction,\n        })\n      } else {\n        setTrend(undefined)\n      }\n    } catch (err) {\n      console.error('Failed to load orders KPI data', err)\n      setError(t('dashboards.analytics.widgets.ordersKpi.error', 'Failed to load data'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [hydrated, onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    refresh().catch(() => {})\n  }, [refresh, refreshToken])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-4 text-sm\">\n        <DateRangeSelect\n          id=\"orders-kpi-date-range\"\n          label={t('dashboards.analytics.settings.dateRange', 'Date Range')}\n          value={hydrated.dateRange}\n          onChange={(dateRange: DateRangePreset) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n        <div className=\"space-y-1.5\">\n          <label className=\"flex items-center gap-2 text-sm\">\n            <input\n              type=\"checkbox\"\n              checked={hydrated.showComparison}\n              onChange={(e) => onSettingsChange({ ...hydrated, showComparison: e.target.checked })}\n              className=\"h-4 w-4 rounded border focus:ring-primary\"\n            />\n            {t('dashboards.analytics.settings.showComparison', 'Show comparison')}\n          </label>\n        </div>\n      </div>\n    )\n  }\n\n  const comparisonLabelInfo = getComparisonLabelKey(hydrated.dateRange)\n  const comparisonLabel = hydrated.showComparison\n    ? t(comparisonLabelInfo.key, comparisonLabelInfo.fallback)\n    : undefined\n\n  return (\n    <KpiCard\n      value={value}\n      trend={trend}\n      comparisonLabel={comparisonLabel}\n      loading={loading}\n      error={error}\n      headerAction={\n        <InlineDateRangeSelect\n          value={hydrated.dateRange}\n          onChange={(dateRange) => onSettingsChange({ ...hydrated, dateRange })}\n        />\n      }\n    />\n  )\n}\n\nexport default OrdersKpiWidget\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/widget.js

@@ -0,0 +1,25 @@
+import OrdersKpiWidget from "./widget.client.js";
+import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+const widget = {
+  metadata: {
+    id: "dashboards.analytics.ordersKpi",
+    title: "Orders",
+    description: "Total order count with period comparison",
+    features: ["analytics.view", "sales.orders.view"],
+    defaultSize: "sm",
+    defaultEnabled: false,
+    defaultSettings: DEFAULT_SETTINGS,
+    tags: ["analytics", "sales", "kpi"],
+    category: "analytics",
+    icon: "shopping-cart",
+    supportsRefresh: true
+  },
+  Widget: OrdersKpiWidget,
+  hydrateSettings,
+  dehydrateSettings: (s) => ({ dateRange: s.dateRange, showComparison: s.showComparison })
+};
+var widget_default = widget;
+export {
+  widget_default as default
+};
+//# sourceMappingURL=widget.js.map

package/dist/modules/dashboards/widgets/dashboard/orders-kpi/widget.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/orders-kpi/widget.ts"],
+  "sourcesContent": ["import type { DashboardWidgetModule } from '@open-mercato/shared/modules/dashboard/widgets'\nimport OrdersKpiWidget from './widget.client'\nimport { DEFAULT_SETTINGS, hydrateSettings, type OrdersKpiSettings } from './config'\n\nconst widget: DashboardWidgetModule<OrdersKpiSettings> = {\n  metadata: {\n    id: 'dashboards.analytics.ordersKpi',\n    title: 'Orders',\n    description: 'Total order count with period comparison',\n    features: ['analytics.view', 'sales.orders.view'],\n    defaultSize: 'sm',\n    defaultEnabled: false,\n    defaultSettings: DEFAULT_SETTINGS,\n    tags: ['analytics', 'sales', 'kpi'],\n    category: 'analytics',\n    icon: 'shopping-cart',\n    supportsRefresh: true,\n  },\n  Widget: OrdersKpiWidget,\n  hydrateSettings,\n  dehydrateSettings: (s) => ({ dateRange: s.dateRange, showComparison: s.showComparison }),\n}\n\nexport default widget\n"],
+  "mappings": "AACA,OAAO,qBAAqB;AAC5B,SAAS,kBAAkB,uBAA+C;AAE1E,MAAM,SAAmD;AAAA,EACvD,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU,CAAC,kBAAkB,mBAAmB;AAAA,IAChD,aAAa;AAAA,IACb,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,MAAM,CAAC,aAAa,SAAS,KAAK;AAAA,IAClC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,iBAAiB;AAAA,EACnB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,gBAAgB,EAAE,eAAe;AACxF;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/pipeline-summary/config.js

@@ -0,0 +1,16 @@
+import { isValidDateRangePreset } from "@open-mercato/ui/backend/date-range";
+const DEFAULT_SETTINGS = {
+  dateRange: "this_month"
+};
+function hydrateSettings(raw) {
+  if (!raw || typeof raw !== "object") return { ...DEFAULT_SETTINGS };
+  const obj = raw;
+  return {
+    dateRange: isValidDateRangePreset(obj.dateRange) ? obj.dateRange : DEFAULT_SETTINGS.dateRange
+  };
+}
+export {
+  DEFAULT_SETTINGS,
+  hydrateSettings
+};
+//# sourceMappingURL=config.js.map

package/dist/modules/dashboards/widgets/dashboard/pipeline-summary/config.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/dashboards/widgets/dashboard/pipeline-summary/config.ts"],
+  "sourcesContent": ["import { type DateRangePreset, isValidDateRangePreset } from '@open-mercato/ui/backend/date-range'\n\nexport type PipelineSummarySettings = {\n  dateRange: DateRangePreset\n}\n\nexport const DEFAULT_SETTINGS: PipelineSummarySettings = {\n  dateRange: 'this_month',\n}\n\nexport function hydrateSettings(raw: unknown): PipelineSummarySettings {\n  if (!raw || typeof raw !== 'object') return { ...DEFAULT_SETTINGS }\n  const obj = raw as Record<string, unknown>\n  return {\n    dateRange: isValidDateRangePreset(obj.dateRange) ? obj.dateRange : DEFAULT_SETTINGS.dateRange,\n  }\n}\n"],
+  "mappings": "AAAA,SAA+B,8BAA8B;AAMtD,MAAM,mBAA4C;AAAA,EACvD,WAAW;AACb;AAEO,SAAS,gBAAgB,KAAuC;AACrE,MAAI,CAAC,OAAO,OAAO,QAAQ,SAAU,QAAO,EAAE,GAAG,iBAAiB;AAClE,QAAM,MAAM;AACZ,SAAO;AAAA,IACL,WAAW,uBAAuB,IAAI,SAAS,IAAI,IAAI,YAAY,iBAAiB;AAAA,EACtF;AACF;",
+  "names": []
+}

package/dist/modules/dashboards/widgets/dashboard/pipeline-summary/widget.client.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { BarChart } from "@open-mercato/ui/backend/charts";
+import {
+  DateRangeSelect,
+  InlineDateRangeSelect
+} from "@open-mercato/ui/backend/date-range";
+import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+import { formatCurrencyCompact } from "../../../lib/formatters.js";
+async function fetchPipelineData(settings) {
+  const body = {
+    entityType: "customers:deals",
+    metric: {
+      field: "valueAmount",
+      aggregate: "sum"
+    },
+    groupBy: {
+      field: "pipelineStage",
+      resolveLabels: true
+    },
+    dateRange: {
+      field: "createdAt",
+      preset: settings.dateRange
+    }
+  };
+  const call = await apiCall("/api/dashboards/widgets/data", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body)
+  });
+  if (!call.ok) {
+    const errorMsg = call.result?.error;
+    throw new Error(typeof errorMsg === "string" ? errorMsg : "Failed to fetch pipeline data");
+  }
+  return call.result;
+}
+function formatStageLabel(stage, t) {
+  if (stage == null || stage === "") return t("dashboards.analytics.labels.unknown", "Unknown");
+  const stageStr = String(stage);
+  if (stageStr === "0" || stageStr === "null" || stageStr === "undefined") {
+    return t("dashboards.analytics.labels.unknown", "Unknown");
+  }
+  return stageStr.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
+}
+const PipelineSummaryWidget = ({
+  mode,
+  settings = DEFAULT_SETTINGS,
+  onSettingsChange,
+  refreshToken,
+  onRefreshStateChange
+}) => {
+  const t = useT();
+  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings]);
+  const [data, setData] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const refresh = React.useCallback(async () => {
+    onRefreshStateChange?.(true);
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await fetchPipelineData(hydrated);
+      const chartData = result.data.filter((item) => item.groupKey != null && item.groupKey !== "" && String(item.groupKey) !== "0").map((item) => ({
+        stage: formatStageLabel(item.groupLabel ?? item.groupKey, t),
+        Value: item.value ?? 0
+      }));
+      setData(chartData);
+    } catch (err) {
+      console.error("Failed to load pipeline data", err);
+      setError(t("dashboards.analytics.widgets.pipelineSummary.error", "Failed to load data"));
+    } finally {
+      setLoading(false);
+      onRefreshStateChange?.(false);
+    }
+  }, [hydrated, onRefreshStateChange, t]);
+  React.useEffect(() => {
+    refresh().catch(() => {
+    });
+  }, [refresh, refreshToken]);
+  if (mode === "settings") {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ jsx(
+      DateRangeSelect,
+      {
+        id: "pipeline-summary-date-range",
+        label: t("dashboards.analytics.settings.dateRange", "Date Range"),
+        value: hydrated.dateRange,
+        onChange: (dateRange) => onSettingsChange({ ...hydrated, dateRange })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end mb-2", children: /* @__PURE__ */ jsx(
+      InlineDateRangeSelect,
+      {
+        value: hydrated.dateRange,
+        onChange: (dateRange) => onSettingsChange({ ...hydrated, dateRange })
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsx(
+      BarChart,
+      {
+        data,
+        index: "stage",
+        categories: ["Value"],
+        categoryLabels: { Value: t("dashboards.analytics.labels.value", "Value") },
+        loading,
+        error,
+        valueFormatter: formatCurrencyCompact,
+        colors: ["violet"],
+        showLegend: false,
+        emptyMessage: t("dashboards.analytics.widgets.pipelineSummary.empty", "No deal data for this period")
+      }
+    ) })
+  ] });
+};
+var widget_client_default = PipelineSummaryWidget;
+export {
+  widget_client_default as default
+};
+//# sourceMappingURL=widget.client.js.map