@liiift-studio/sanity-visitor-insights 0.56.0 → 0.57.0

package/dist/index.js

@@ -1785,6 +1785,33 @@ var legendRow = {
   alignItems: "center"
 };
 
+// src/core/rank.ts
+var MIN_WEEKS_TO_RANK = 4;
+function weeklyRank(series) {
+  if (series.length < 7 * MIN_WEEKS_TO_RANK) return null;
+  const weeks = [];
+  for (let end = series.length; end - 7 >= 0; end -= 7) {
+    const slice = series.slice(end - 7, end);
+    weeks.push(slice.some((d) => d.value === null) ? null : slice.reduce((sum, d) => sum + d.value, 0));
+  }
+  const latest = weeks[0];
+  if (latest === null || latest === void 0) return null;
+  const comparable = weeks.filter((w) => w !== null);
+  if (comparable.length < MIN_WEEKS_TO_RANK) return null;
+  const better = comparable.filter((w) => w > latest).length;
+  return { rank: better + 1, of: comparable.length, value: latest };
+}
+function describeRank(rank) {
+  const ordinal = (n) => {
+    const tens = n % 100;
+    if (tens >= 11 && tens <= 13) return `${n}th`;
+    return `${n}${["th", "st", "nd", "rd"][n % 10] ?? "th"}`;
+  };
+  if (rank.rank === 1) return `best of the last ${rank.of} weeks`;
+  if (rank.rank === rank.of) return `lowest of the last ${rank.of} weeks`;
+  return `${ordinal(rank.rank)} best of the last ${rank.of} weeks`;
+}
+
 // src/types.ts
 function estimated(value, low, high, basis) {
   return { status: "estimated", value, low, high, basis };
@@ -1887,14 +1914,16 @@ function OverviewPanel({ data, previous, onBrush }) {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
           metricOr(data.revenue, OLDER_ROUTE).status === "ok" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: formatMoney(data.revenue.value, data.currency ?? null) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.revenue, OLDER_ROUTE), label: "Revenue" }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: metricSortValue(data.revenue), previous: metricSortValue(previous?.revenue) })
-        ] })
+        ] }),
+        rankLine(data.crossSource, (d) => d.revenue) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: rankLine(data.crossSource, (d) => d.revenue) })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Orders" }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: data.orders, label: "Orders" }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Delta, { current: metricSortValue(data.orders), previous: metricSortValue(previous?.orders) })
-        ] })
+        ] }),
+        rankLine(data.crossSource, (d) => d.orders) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: rankLine(data.crossSource, (d) => d.orders) })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Traffic" }),
@@ -2537,6 +2566,11 @@ function shortListNote(truncated, withheld, tail) {
   const cause = truncated && withheld ? "GA4 returned only its top rows, and withheld others with too few people to report" : truncated ? "GA4 returned only its top rows" : "GA4 withheld rows with too few people to report";
   return `${cause}, so this list is shorter than reality. ${tail}`;
 }
+function rankLine(series, pick) {
+  if (!series || series.length === 0) return null;
+  const ranked = weeklyRank(series.map((d) => ({ date: d.date, value: pick(d) })));
+  return ranked ? describeRank(ranked) : null;
+}
 function JourneyPanel({ data }) {
   const [segmentKey, setSegmentKey] = import_react4.default.useState(null);
   const segments = data.segments ?? [];