medusa-analytics 0.0.21 → 0.0.22

package/.medusa/server/src/admin/index.js

@@ -2637,7 +2637,7 @@ function EmptyAnalyticsPanel({ title, description }) {
   ] });
 }
 function ProductsDashboard() {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [summaryDays, setSummaryDays] = react.useState("all");
   const [graphPeriod, setGraphPeriod] = react.useState("one_week");
   const [topSellerPeriod, setTopSellerPeriod] = react.useState("week");
@@ -2764,7 +2764,7 @@ function ProductsDashboard() {
     };
   }, [salesChannelId, topSellerPeriod]);
   react.useEffect(() => {
-    var _a2, _b2;
+    var _a2;
     let cancelled = false;
     if (topSellersLoading) {
       setBestSellersTrendLoading(true);
@@ -2780,7 +2780,12 @@ function ProductsDashboard() {
         cancelled = true;
       };
     }
-    const topProductId = (_b2 = (_a2 = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.product_id;
+    const topSellersByUnits2 = [...(topSellers == null ? void 0 : topSellers.products) ?? []].sort((a, b) => {
+      if (b.units_sold !== a.units_sold) return b.units_sold - a.units_sold;
+      if (b.order_count !== a.order_count) return b.order_count - a.order_count;
+      return b.revenue - a.revenue;
+    });
+    const topProductId = (_a2 = topSellersByUnits2[0]) == null ? void 0 : _a2.product_id;
     if (!topProductId) {
       setBestSellersTrendLoading(false);
       setBestSellersTrendError(null);
@@ -2926,16 +2931,24 @@ function ProductsDashboard() {
   }, [series]);
   const peakRevenuePoint = series.length > 0 ? series.reduce((peak, point) => point.revenue > peak.revenue ? point : peak) : null;
   const viewsConnectedForPulse = ((summary == null ? void 0 : summary.productViewsConnected) ?? false) || (overTime == null ? void 0 : overTime.productViewsConnected) === true || (topSellers == null ? void 0 : topSellers.productViewsConnected) === true || (performance == null ? void 0 : performance.productViewsConnected) === true;
+  const topSellersByUnits = react.useMemo(
+    () => [...(topSellers == null ? void 0 : topSellers.products) ?? []].sort((a, b) => {
+      if (b.units_sold !== a.units_sold) return b.units_sold - a.units_sold;
+      if (b.order_count !== a.order_count) return b.order_count - a.order_count;
+      return b.revenue - a.revenue;
+    }),
+    [topSellers]
+  );
   const bestSellersTrendSeries = (bestSellersTrend == null ? void 0 : bestSellersTrend.series) ?? [];
   const mostViewedTrendSeries = (mostViewedTrend == null ? void 0 : mostViewedTrend.series) ?? [];
-  const bestSellerTrendProductTitle = ((_a = bestSellersTrend == null ? void 0 : bestSellersTrend.product) == null ? void 0 : _a.product_title) ?? ((_c = (_b = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _b[0]) == null ? void 0 : _c.product_title) ?? null;
-  const mostViewedTrendProductTitle = ((_d = mostViewedTrend == null ? void 0 : mostViewedTrend.product) == null ? void 0 : _d.product_title) ?? ((_f = (_e = performance == null ? void 0 : performance.topViewedProducts) == null ? void 0 : _e[0]) == null ? void 0 : _f.product_title) ?? null;
+  const bestSellerTrendProductTitle = ((_a = bestSellersTrend == null ? void 0 : bestSellersTrend.product) == null ? void 0 : _a.product_title) ?? ((_b = topSellersByUnits[0]) == null ? void 0 : _b.product_title) ?? null;
+  const mostViewedTrendProductTitle = ((_c = mostViewedTrend == null ? void 0 : mostViewedTrend.product) == null ? void 0 : _c.product_title) ?? ((_e = (_d = performance == null ? void 0 : performance.topViewedProducts) == null ? void 0 : _d[0]) == null ? void 0 : _e.product_title) ?? null;
   const viewsVsUnitsScatterData = react.useMemo(
     () => ((performance == null ? void 0 : performance.topViewedProducts) ?? []).slice(0, 48).filter((row) => row.total_views > 0 || row.units_sold > 0),
     [performance]
   );
-  const selectedSummaryPeriod = ((_g = SUMMARY_PERIODS.find((p) => p.value === summaryDays)) == null ? void 0 : _g.label) ?? "All time";
-  const selectedGraphPeriodLabel = ((_h = GRAPH_PERIODS.find((p) => p.value === graphPeriod)) == null ? void 0 : _h.label) ?? "One week";
+  const selectedSummaryPeriod = ((_f = SUMMARY_PERIODS.find((p) => p.value === summaryDays)) == null ? void 0 : _f.label) ?? "All time";
+  const selectedGraphPeriodLabel = ((_g = GRAPH_PERIODS.find((p) => p.value === graphPeriod)) == null ? void 0 : _g.label) ?? "One week";
   const quickPulseMetrics = [
     {
       label: "Range units",
@@ -2977,7 +2990,7 @@ function ProductsDashboard() {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.Container, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-danger", children: summaryError ?? "Failed to load product analytics" }) });
   }
   const viewsConnected = summary.productViewsConnected || (overTime == null ? void 0 : overTime.productViewsConnected) === true || (topSellers == null ? void 0 : topSellers.productViewsConnected) === true || (performance == null ? void 0 : performance.productViewsConnected) === true;
-  const selectedChannelLabel = salesChannelId === "all" ? "All channels" : ((_i = salesChannels.find((channel) => channel.id === salesChannelId)) == null ? void 0 : _i.name) ?? "Selected channel";
+  const selectedChannelLabel = salesChannelId === "all" ? "All channels" : ((_h = salesChannels.find((channel) => channel.id === salesChannelId)) == null ? void 0 : _h.name) ?? "Selected channel";
   const primaryStats = [
     {
       label: "Units sold",
@@ -3398,7 +3411,7 @@ function ProductsDashboard() {
               variant: "atlas",
               actionsBare: true,
               title: "Best sellers",
-              description: bestSellerTrendProductTitle ? `Revenue and units over time for “${bestSellerTrendProductTitle}” (#1 by revenue in this window; all-time uses a 12‑month chart).` : "Revenue and units over time for the top product by revenue in this window (all-time leaderboard uses a 12‑month chart).",
+              description: bestSellerTrendProductTitle ? `Revenue and units over time for “${bestSellerTrendProductTitle}” (#1 by units sold in this window; all-time uses a 12‑month chart).` : "Revenue and units over time for the top product by units sold in this window (all-time leaderboard uses a 12‑month chart).",
               actions: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   ui.Label,
@@ -3562,7 +3575,7 @@ function ProductsDashboard() {
             variant: "atlas",
             className: "min-w-0 md:col-span-1 xl:col-span-1",
             title: "Leaderboard table",
-            description: "Products ranked by revenue — same window as Best sellers.",
+            description: "Products ranked by units sold — same window as Best sellers.",
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-[212px] min-w-0 sm:min-h-[228px]", children: /* @__PURE__ */ jsxRuntime.jsx(AnalyticsTableSurface, { className: "shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { className: LEADERBOARD_TABLE_CLASS, children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Header, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Table.HeaderCell, { className: TABLE_HEAD_CELL_NOWRAP, children: "Product" }),
@@ -3577,12 +3590,12 @@ function ProductsDashboard() {
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {})
                 ] }) : null,
-                !topSellersError ? ((topSellers == null ? void 0 : topSellers.products) ?? []).slice(0, 8).map((product) => {
-                  var _a2, _b2;
+                !topSellersError ? topSellersByUnits.slice(0, 8).map((product) => {
+                  var _a2;
                   return /* @__PURE__ */ jsxRuntime.jsxs(
                     ui.Table.Row,
                     {
-                      className: product.product_id === ((_b2 = (_a2 = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.product_id) ? "bg-emerald-500/5" : void 0,
+                      className: product.product_id === ((_a2 = topSellersByUnits[0]) == null ? void 0 : _a2.product_id) ? "bg-emerald-500/5" : void 0,
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: product.product_title }),
                         /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: product.units_sold.toLocaleString() }),
@@ -3593,7 +3606,7 @@ function ProductsDashboard() {
                     product.product_id
                   );
                 }) : null,
-                !topSellersLoading && !topSellersError && (((_j = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _j.length) ?? 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+                !topSellersLoading && !topSellersError && (((_i = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _i.length) ?? 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-xs", children: "No best seller data yet." }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
@@ -3749,7 +3762,7 @@ function ProductsDashboard() {
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: product.units_sold.toLocaleString() }),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: formatRatio(product.views_per_unit) })
                 ] }, product.product_id)),
-                !performanceLoading && !performanceError && (((_k = performance == null ? void 0 : performance.viewOpportunities) == null ? void 0 : _k.length) ?? 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
+                !performanceLoading && !performanceError && (((_j = performance == null ? void 0 : performance.viewOpportunities) == null ? void 0 : _j.length) ?? 0) === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Table.Row, { children: [
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { className: "text-ui-fg-muted text-xs", children: "No product view opportunities yet." }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Table.Cell, {}),

package/.medusa/server/src/admin/index.mjs

@@ -2636,7 +2636,7 @@ function EmptyAnalyticsPanel({ title, description }) {
   ] });
 }
 function ProductsDashboard() {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const [summaryDays, setSummaryDays] = useState("all");
   const [graphPeriod, setGraphPeriod] = useState("one_week");
   const [topSellerPeriod, setTopSellerPeriod] = useState("week");
@@ -2763,7 +2763,7 @@ function ProductsDashboard() {
     };
   }, [salesChannelId, topSellerPeriod]);
   useEffect(() => {
-    var _a2, _b2;
+    var _a2;
     let cancelled = false;
     if (topSellersLoading) {
       setBestSellersTrendLoading(true);
@@ -2779,7 +2779,12 @@ function ProductsDashboard() {
         cancelled = true;
       };
     }
-    const topProductId = (_b2 = (_a2 = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.product_id;
+    const topSellersByUnits2 = [...(topSellers == null ? void 0 : topSellers.products) ?? []].sort((a, b) => {
+      if (b.units_sold !== a.units_sold) return b.units_sold - a.units_sold;
+      if (b.order_count !== a.order_count) return b.order_count - a.order_count;
+      return b.revenue - a.revenue;
+    });
+    const topProductId = (_a2 = topSellersByUnits2[0]) == null ? void 0 : _a2.product_id;
     if (!topProductId) {
       setBestSellersTrendLoading(false);
       setBestSellersTrendError(null);
@@ -2925,16 +2930,24 @@ function ProductsDashboard() {
   }, [series]);
   const peakRevenuePoint = series.length > 0 ? series.reduce((peak, point) => point.revenue > peak.revenue ? point : peak) : null;
   const viewsConnectedForPulse = ((summary == null ? void 0 : summary.productViewsConnected) ?? false) || (overTime == null ? void 0 : overTime.productViewsConnected) === true || (topSellers == null ? void 0 : topSellers.productViewsConnected) === true || (performance == null ? void 0 : performance.productViewsConnected) === true;
+  const topSellersByUnits = useMemo(
+    () => [...(topSellers == null ? void 0 : topSellers.products) ?? []].sort((a, b) => {
+      if (b.units_sold !== a.units_sold) return b.units_sold - a.units_sold;
+      if (b.order_count !== a.order_count) return b.order_count - a.order_count;
+      return b.revenue - a.revenue;
+    }),
+    [topSellers]
+  );
   const bestSellersTrendSeries = (bestSellersTrend == null ? void 0 : bestSellersTrend.series) ?? [];
   const mostViewedTrendSeries = (mostViewedTrend == null ? void 0 : mostViewedTrend.series) ?? [];
-  const bestSellerTrendProductTitle = ((_a = bestSellersTrend == null ? void 0 : bestSellersTrend.product) == null ? void 0 : _a.product_title) ?? ((_c = (_b = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _b[0]) == null ? void 0 : _c.product_title) ?? null;
-  const mostViewedTrendProductTitle = ((_d = mostViewedTrend == null ? void 0 : mostViewedTrend.product) == null ? void 0 : _d.product_title) ?? ((_f = (_e = performance == null ? void 0 : performance.topViewedProducts) == null ? void 0 : _e[0]) == null ? void 0 : _f.product_title) ?? null;
+  const bestSellerTrendProductTitle = ((_a = bestSellersTrend == null ? void 0 : bestSellersTrend.product) == null ? void 0 : _a.product_title) ?? ((_b = topSellersByUnits[0]) == null ? void 0 : _b.product_title) ?? null;
+  const mostViewedTrendProductTitle = ((_c = mostViewedTrend == null ? void 0 : mostViewedTrend.product) == null ? void 0 : _c.product_title) ?? ((_e = (_d = performance == null ? void 0 : performance.topViewedProducts) == null ? void 0 : _d[0]) == null ? void 0 : _e.product_title) ?? null;
   const viewsVsUnitsScatterData = useMemo(
     () => ((performance == null ? void 0 : performance.topViewedProducts) ?? []).slice(0, 48).filter((row) => row.total_views > 0 || row.units_sold > 0),
     [performance]
   );
-  const selectedSummaryPeriod = ((_g = SUMMARY_PERIODS.find((p) => p.value === summaryDays)) == null ? void 0 : _g.label) ?? "All time";
-  const selectedGraphPeriodLabel = ((_h = GRAPH_PERIODS.find((p) => p.value === graphPeriod)) == null ? void 0 : _h.label) ?? "One week";
+  const selectedSummaryPeriod = ((_f = SUMMARY_PERIODS.find((p) => p.value === summaryDays)) == null ? void 0 : _f.label) ?? "All time";
+  const selectedGraphPeriodLabel = ((_g = GRAPH_PERIODS.find((p) => p.value === graphPeriod)) == null ? void 0 : _g.label) ?? "One week";
   const quickPulseMetrics = [
     {
       label: "Range units",
@@ -2976,7 +2989,7 @@ function ProductsDashboard() {
     return /* @__PURE__ */ jsx(Container, { className: "p-6", children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-danger", children: summaryError ?? "Failed to load product analytics" }) });
   }
   const viewsConnected = summary.productViewsConnected || (overTime == null ? void 0 : overTime.productViewsConnected) === true || (topSellers == null ? void 0 : topSellers.productViewsConnected) === true || (performance == null ? void 0 : performance.productViewsConnected) === true;
-  const selectedChannelLabel = salesChannelId === "all" ? "All channels" : ((_i = salesChannels.find((channel) => channel.id === salesChannelId)) == null ? void 0 : _i.name) ?? "Selected channel";
+  const selectedChannelLabel = salesChannelId === "all" ? "All channels" : ((_h = salesChannels.find((channel) => channel.id === salesChannelId)) == null ? void 0 : _h.name) ?? "Selected channel";
   const primaryStats = [
     {
       label: "Units sold",
@@ -3397,7 +3410,7 @@ function ProductsDashboard() {
               variant: "atlas",
               actionsBare: true,
               title: "Best sellers",
-              description: bestSellerTrendProductTitle ? `Revenue and units over time for “${bestSellerTrendProductTitle}” (#1 by revenue in this window; all-time uses a 12‑month chart).` : "Revenue and units over time for the top product by revenue in this window (all-time leaderboard uses a 12‑month chart).",
+              description: bestSellerTrendProductTitle ? `Revenue and units over time for “${bestSellerTrendProductTitle}” (#1 by units sold in this window; all-time uses a 12‑month chart).` : "Revenue and units over time for the top product by units sold in this window (all-time leaderboard uses a 12‑month chart).",
               actions: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
                 /* @__PURE__ */ jsx(
                   Label,
@@ -3561,7 +3574,7 @@ function ProductsDashboard() {
             variant: "atlas",
             className: "min-w-0 md:col-span-1 xl:col-span-1",
             title: "Leaderboard table",
-            description: "Products ranked by revenue — same window as Best sellers.",
+            description: "Products ranked by units sold — same window as Best sellers.",
             children: /* @__PURE__ */ jsx("div", { className: "min-h-[212px] min-w-0 sm:min-h-[228px]", children: /* @__PURE__ */ jsx(AnalyticsTableSurface, { className: "shadow-sm", children: /* @__PURE__ */ jsxs(Table, { className: LEADERBOARD_TABLE_CLASS, children: [
               /* @__PURE__ */ jsx(Table.Header, { children: /* @__PURE__ */ jsxs(Table.Row, { children: [
                 /* @__PURE__ */ jsx(Table.HeaderCell, { className: TABLE_HEAD_CELL_NOWRAP, children: "Product" }),
@@ -3576,12 +3589,12 @@ function ProductsDashboard() {
                   /* @__PURE__ */ jsx(Table.Cell, {}),
                   /* @__PURE__ */ jsx(Table.Cell, {})
                 ] }) : null,
-                !topSellersError ? ((topSellers == null ? void 0 : topSellers.products) ?? []).slice(0, 8).map((product) => {
-                  var _a2, _b2;
+                !topSellersError ? topSellersByUnits.slice(0, 8).map((product) => {
+                  var _a2;
                   return /* @__PURE__ */ jsxs(
                     Table.Row,
                     {
-                      className: product.product_id === ((_b2 = (_a2 = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.product_id) ? "bg-emerald-500/5" : void 0,
+                      className: product.product_id === ((_a2 = topSellersByUnits[0]) == null ? void 0 : _a2.product_id) ? "bg-emerald-500/5" : void 0,
                       children: [
                         /* @__PURE__ */ jsx(Table.Cell, { children: product.product_title }),
                         /* @__PURE__ */ jsx(Table.Cell, { children: product.units_sold.toLocaleString() }),
@@ -3592,7 +3605,7 @@ function ProductsDashboard() {
                     product.product_id
                   );
                 }) : null,
-                !topSellersLoading && !topSellersError && (((_j = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _j.length) ?? 0) === 0 ? /* @__PURE__ */ jsxs(Table.Row, { children: [
+                !topSellersLoading && !topSellersError && (((_i = topSellers == null ? void 0 : topSellers.products) == null ? void 0 : _i.length) ?? 0) === 0 ? /* @__PURE__ */ jsxs(Table.Row, { children: [
                   /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-xs", children: "No best seller data yet." }) }),
                   /* @__PURE__ */ jsx(Table.Cell, {}),
                   /* @__PURE__ */ jsx(Table.Cell, {}),
@@ -3748,7 +3761,7 @@ function ProductsDashboard() {
                   /* @__PURE__ */ jsx(Table.Cell, { children: product.units_sold.toLocaleString() }),
                   /* @__PURE__ */ jsx(Table.Cell, { children: formatRatio(product.views_per_unit) })
                 ] }, product.product_id)),
-                !performanceLoading && !performanceError && (((_k = performance == null ? void 0 : performance.viewOpportunities) == null ? void 0 : _k.length) ?? 0) === 0 ? /* @__PURE__ */ jsxs(Table.Row, { children: [
+                !performanceLoading && !performanceError && (((_j = performance == null ? void 0 : performance.viewOpportunities) == null ? void 0 : _j.length) ?? 0) === 0 ? /* @__PURE__ */ jsxs(Table.Row, { children: [
                   /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(Text, { className: "text-ui-fg-muted text-xs", children: "No product view opportunities yet." }) }),
                   /* @__PURE__ */ jsx(Table.Cell, {}),
                   /* @__PURE__ */ jsx(Table.Cell, {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "medusa-analytics",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "A starter for Medusa plugins.",
   "author": "Medusa (https://medusajs.com)",
   "license": "MIT",