@liiift-studio/sanity-visitor-insights 0.61.0 → 0.63.0

package/dist/index.js

@@ -2289,16 +2289,21 @@ function Verdict({ data, previous }) {
       parts.push(Math.abs(change) < 5e-3 ? `${label} flat` : `${label} little changed (${change > 0 ? "+" : "\u2212"}${formatPercent(Math.abs(change), 0)})`);
     } else if (unit === "money") {
       parts.push(`${label} ${change > 0 ? "up" : "down"} to ${formatMoney(a, data.currency ?? null)} from ${formatMoney(b, data.currency ?? null)}`);
+    } else if (Math.abs(b) < MIN_DELTA_BASE) {
+      parts.push(`${label} ${formatCount(a)}, was ${formatCount(b)}`);
     } else parts.push(`${label} ${change > 0 ? "up" : "down"} ${formatPercent(Math.abs(change), 0)}`);
   };
   say("Revenue", data.revenue, previous?.revenue, "money");
+  say("Orders", data.orders, previous?.orders, "count");
   say("Traffic", data.vercelPageviews, previous?.vercelPageviews, "count");
   const sends = data.campaigns?.length ?? 0;
   const shortfall = data.shortfallRatio;
   const seeing = shortfall !== null && shortfall !== void 0 ? `GA4 is seeing ${formatPercent(1 - shortfall, 0)} of your traffic` : null;
   const broken = shortfall === null || shortfall === void 0 ? data.capture?.discrepancy ? "measurement disagrees between sources" : null : shortfall > 0.6 ? `${seeing} \u2014 treat its figures as broken` : shortfall > 0.35 ? `${seeing} \u2014 its figures are undercounts, not what happened` : data.capture?.discrepancy ? "measurement disagrees between sources" : null;
   if (broken) parts.push(broken);
-  if (parts.length === 0) return null;
+  if (parts.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Card, { padding: 3, radius: 2, tone: "transparent", border: true, style: { borderLeftWidth: 3, borderLeftStyle: "solid" }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 4, children: "No figures arrived for this window." }) });
+  }
   const noticeable = shortfall !== null && shortfall !== void 0 && shortfall > 0.2;
   const closing = broken || !noticeable ? "" : ` \xB7 ${seeing}`;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -2320,6 +2325,10 @@ function DataHealthPanel({ data, diagnostics }) {
   const pageviewMax = maxOf([data.ga4Pageviews, data.vercelPageviews]);
   const contained = isContainment(data.vercelPageviews, data.ga4Pageviews);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 4, children: [
+    /* @__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: 2, children: [
+      data.shortfallRatio !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, weight: "semibold", children: data.shortfallRatio >= 0 ? `GA4 saw ${formatPercent(data.shortfallRatio, 1)} fewer pageviews than Vercel` : `GA4 saw ${formatPercent(-data.shortfallRatio, 1)} more pageviews than Vercel` }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: data.interpretation })
+    ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SectionTitle, { title: "Pageviews, source against source" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "Both counting pageviews. Google Analytics is blockable, so seeing fewer is normal." }),
@@ -2337,10 +2346,21 @@ function DataHealthPanel({ data, diagnostics }) {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ComparisonBar, { label: "GA4 pageviews", metric: data.ga4Pageviews, max: pageviewMax })
       ] })
     ] }),
-    /* @__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: 2, children: [
-      data.shortfallRatio !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, weight: "semibold", children: data.shortfallRatio >= 0 ? `GA4 saw ${formatPercent(data.shortfallRatio, 1)} fewer pageviews than Vercel` : `GA4 saw ${formatPercent(-data.shortfallRatio, 1)} more pageviews than Vercel` }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: data.interpretation })
-    ] }) }),
+    diagnostics && /* Open, and primary. This is the longest block on the tab and the obvious candidate
+       for folding away — but the tab it sits on exists to answer "what should I fix
+       before trusting any of this", and these checks ARE that answer. Folding it would
+       have left Data health opening on a summary of the problem with the solution behind
+       a click. It stays collapsible so a reader who has read it can get it out of the
+       way. */
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Section,
+      {
+        title: "Configuration",
+        subtitle: "What this site has wired up, and what it is missing.",
+        collapsible: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DiagnosticsPanel, { data: diagnostics })
+      }
+    ),
     ((data.capture?.estimates?.length ?? 0) > 0 || data.estimatedSessions?.status === "estimated") && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SectionTitle, { title: "How much GA4 is seeing" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: cardGrid, children: (data.capture?.estimates ?? []).map((estimate) => /* @__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: [
@@ -2395,21 +2415,6 @@ function DataHealthPanel({ data, diagnostics }) {
           ] }) })
         ] })
       }
-    ),
-    diagnostics && /* Open, and primary. This is the longest block on the tab and the obvious candidate
-       for folding away — but the tab it sits on exists to answer "what should I fix
-       before trusting any of this", and these checks ARE that answer. Folding it would
-       have left Data health opening on a summary of the problem with the solution behind
-       a click. It stays collapsible so a reader who has read it can get it out of the
-       way. */
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      Section,
-      {
-        title: "Configuration",
-        subtitle: "What this site has wired up, and what it is missing.",
-        collapsible: true,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DiagnosticsPanel, { data: diagnostics })
-      }
     )
   ] });
 }
@@ -3085,11 +3090,11 @@ var RANGES = [
 ];
 var GA4_ONLY_TABS = ["acquisition", "journey", "typeface-interest"];
 var PANELS = [
-  { id: "overview", report: "measurement-health", label: "Overview", blurb: "Money, traffic and what moved this period" },
-  { id: "acquisition", report: "acquisition", label: "Acquisition", blurb: "Where visitors come from" },
-  { id: "journey", report: "journey", label: "Journey", blurb: "How far visitors get" },
-  { id: "typeface-interest", report: "typeface-interest", label: "Typeface interest", blurb: "Viewed, tested and bought, by family" },
-  { id: "data-health", report: "measurement-health", label: "Data health", blurb: "Whether to trust what the other tabs are telling you" }
+  { id: "overview", report: "measurement-health", label: "Overview" },
+  { id: "acquisition", report: "acquisition", label: "Acquisition" },
+  { id: "journey", report: "journey", label: "Journey" },
+  { id: "typeface-interest", report: "typeface-interest", label: "Typeface interest" },
+  { id: "data-health", report: "measurement-health", label: "Data health" }
 ];
 function RangeSelector({
   value,
@@ -3495,7 +3500,7 @@ function VisitorInsightsTool(props) {
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Heading, { size: 2, children: "Visitor insights" }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sanity_ui_compat4.Stack, { space: 2, children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RangeSelector, { value: range, custom, onChange: setRange, onCustomChange: setCustom }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BasisSelector, { value: compare, onChange: setCompare })
+          COMPARED_TABS.includes(activePanel) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BasisSelector, { value: compare, onChange: setCompare })
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PanelTabs, { value: activePanel, onChange: setActivePanel }),
@@ -3555,25 +3560,22 @@ function VisitorInsightsTool(props) {
           "aria-labelledby": `tab-${activePanel}`,
           tabIndex: 0,
           style: { position: "relative" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sanity_ui_compat4.Stack, { space: 4, children: [
-            active && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 1, muted: true, children: active.blurb }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PanelBoundary, { resetKey: `${activePanel}|${range}|${custom.start}|${custom.end}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              ReportPanel,
-              {
-                tabId: active?.id ?? "overview",
-                report: active?.report ?? "measurement-health",
-                apiBaseUrl,
-                range,
-                custom,
-                compare,
-                onBrush: (start, end) => {
-                  if (range !== "custom") setRangeBeforeBrush(range);
-                  setCustom({ start, end });
-                  setRange("custom");
-                }
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Stack, { space: 4, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PanelBoundary, { resetKey: `${activePanel}|${range}|${custom.start}|${custom.end}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ReportPanel,
+            {
+              tabId: active?.id ?? "overview",
+              report: active?.report ?? "measurement-health",
+              apiBaseUrl,
+              range,
+              custom,
+              compare,
+              onBrush: (start, end) => {
+                if (range !== "custom") setRangeBeforeBrush(range);
+                setCustom({ start, end });
+                setRange("custom");
               }
-            ) })
-          ] })
+            }
+          ) }) })
         }
       )
     ] }) })