@liiift-studio/sanity-visitor-insights 0.26.0 → 0.27.1

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as sanity from 'sanity';
 import React from 'react';
-import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-BUZuS1c-.mjs';
-export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DailyPoint, j as DateRange, k as DiagnosticCheck, E as EmailCampaign, l as EventCutover, m as JourneyOutcome, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-BUZuS1c-.mjs';
+import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-_SBvGBJx.mjs';
+export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DailyPoint, j as DateRange, k as DiagnosticCheck, E as EmailCampaign, l as EventCutover, m as JourneyOutcome, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-_SBvGBJx.mjs';
 
 /**
  * Data hook for the Studio panels.

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as sanity from 'sanity';
 import React from 'react';
-import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-BUZuS1c-.js';
-export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DailyPoint, j as DateRange, k as DiagnosticCheck, E as EmailCampaign, l as EventCutover, m as JourneyOutcome, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-BUZuS1c-.js';
+import { R as ReportEnvelope, a as ReportName, b as RangeKey, M as MetricValue, A as AcquisitionData, c as MeasurementHealthData, D as DiagnosticReport, J as JourneyData, T as TypefaceInterestData } from './ranges-_SBvGBJx.js';
+export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DailyPoint, j as DateRange, k as DiagnosticCheck, E as EmailCampaign, l as EventCutover, m as JourneyOutcome, n as JourneyStep, L as LandingPage, o as LicenceTierRow, P as PREEXISTING, p as REPORT_NAMES, q as ReportError, S as SiteAnalyticsConfig, r as SourceName, s as SourceRow, t as SourceStatus, u as TimelineEvent, v as TypefaceInterestRow, U as UnavailableReason, w as coverageForRange, x as estimated, y as isReportName, z as ok, B as partial, F as previousRange, G as resolveRange, H as unavailable, I as validateSiteConfig, K as valueOrNull } from './ranges-_SBvGBJx.js';
 
 /**
  * Data hook for the Studio panels.

package/dist/index.js

@@ -1595,7 +1595,7 @@ function OverviewPanel({ data, previous, onBrush }) {
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Pageviews, counted server-side." })
       ] }) }),
       /* @__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: "Mailing list" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Label, { size: 1, muted: true, children: "Mailing list, total" }),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: figureRow, children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MetricFigure, { metric: metricOr(data.audience, OLDER_ROUTE), label: "Mailing list members" }),
           (() => {
@@ -1608,7 +1608,7 @@ function OverviewPanel({ data, previous, onBrush }) {
             ] });
           })()
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Mailchimp\u2019s own count \u2014 not consent-gated or blockable." })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Everyone subscribed today, not just this period. Mailchimp\u2019s own count, so it is not consent-gated or blockable." })
       ] }) })
     ] }),
     (data.crossSource?.length ?? 0) >= 3 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
@@ -2017,10 +2017,59 @@ function AcquisitionPanel({ data, previous }) {
               // The quality signal. Ranked by volume alone, 27 Display sessions looked
               // equal to 27 from Search, which flatters the worst line of spend.
               render: (row) => finiteOrNull(row.engagementRate) === null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "\u2014" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatPercent(row.engagementRate, 0) })
+            },
+            {
+              /*
+               * What the channel BROUGHT, which is the question a foundry opens this tool
+               * with and the one it could not answer. Sessions and engagement rank
+               * channels by attention; nothing ranked them by money, so "is the design
+               * press worth chasing" and "did the newsletter sell anything" were
+               * unaskable while revenue sat one tab away, split by typeface and by
+               * licence — the two cuts already available from the order list.
+               *
+               * Sorted on the SHARE, so the ordering holds even when Sanity supplies no
+               * total and the money column is empty.
+               */
+              key: "brought",
+              label: "Revenue (est.)",
+              numeric: true,
+              sortValue: (row) => finiteOrNull(row.revenueShare),
+              exportValue: (row) => {
+                const money = finiteOrNull(row.apportionedRevenue);
+                return money === null ? null : formatMoney(money, data.currency ?? null);
+              },
+              render: (row) => {
+                const share = finiteOrNull(row.revenueShare);
+                if (share === null) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "\u2014" });
+                const money = finiteOrNull(row.apportionedRevenue);
+                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 1, children: [
+                  money !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: formatMoney(money, data.currency ?? null) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
+                    formatPercent(share, 0),
+                    " of tracked sales"
+                  ] })
+                ] });
+              }
             }
           ]
         }
-      )
+      ),
+      (data.trackedPurchases ?? 0) > 0 && finiteOrNull(data.actualRevenue) !== null && // Says exactly what was combined and what was estimated. The money in that column
+      // is Sanity's real total spread across GA4's split — right in scale, and derived,
+      // which is a different claim from measured. Saying so here is what makes the
+      // column usable rather than another figure to distrust.
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
+        "Revenue is ",
+        formatMoney(finiteOrNull(data.actualRevenue) ?? 0, data.currency ?? null),
+        " from",
+        " ",
+        finiteOrNull(data.actualOrders) === null ? "your orders" : `${formatCount(data.actualOrders)} orders`,
+        " in Sanity, split across the ",
+        formatCount(data.trackedPurchases),
+        " purchase",
+        data.trackedPurchases === 1 ? "" : "s",
+        " Google Analytics attributed to a source. Google Analytics sees a fraction of your traffic, but it loses it fairly evenly across channels \u2014 so the split is far more trustworthy than its own totals. Treat these as proportions with a real total behind them, not as measured takings per channel."
+      ] })
     ] }),
     data.rowsWithheld && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(NoticeList, { notices: ["GA4 withheld some low-traffic rows for privacy, so this list is shorter than reality."] })
   ] });
@@ -2102,12 +2151,24 @@ function JourneyPanel({ data }) {
     ] })
   ] });
 }
+function medianOf(values) {
+  const usable = values.filter((v) => v !== null && Number.isFinite(v) && v > 0).sort((a, b) => a - b);
+  if (usable.length < 3) return null;
+  const middle = Math.floor(usable.length / 2);
+  return usable.length % 2 === 0 ? (usable[middle - 1] + usable[middle]) / 2 : usable[middle];
+}
+function buyRateIndex(row, median) {
+  const rate = row.buyRate;
+  if (median === null || median <= 0 || rate === null || rate === void 0 || !Number.isFinite(rate)) return null;
+  return rate / median;
+}
 function TypefaceInterestPanel({ data }) {
+  const medianBuyRate = medianOf((data.rows ?? []).map((row) => finiteOrNull(row.buyRate)));
   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.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: data.interpretationNote }) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Stack, { space: 3, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Heading, { size: 1, style: sectionHeading, children: "Engagement by typeface" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "Sort by any column. Sort on buy rate to find families that are looked at and do not sell." }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "Sort by any column. \u201CSells vs catalogue\u201D compares each family\u2019s orders-per-view against the median family, which is the part of that ratio that holds even though Google Analytics only sees a fraction of the views. It ranks families against each other; it is not the share of visitors who buy, and at these order volumes a family with one or two sales will swing a long way." }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         SortableTable,
         {
@@ -2168,15 +2229,46 @@ function TypefaceInterestPanel({ data }) {
               }
             },
             {
+              /*
+               * Relative to the catalogue, NOT an absolute rate.
+               *
+               * This is Sanity orders over GA4 views: a complete numerator on a lossy
+               * denominator. Printed as "0.85%" it invited the reading "eight in a
+               * thousand visitors buy this", which is wrong by whatever multiple GA4 is
+               * missing — and it MOVES when the tag breaks. When Darden's GA4 count fell
+               * from 471 a day to 70, every family's printed rate multiplied by about
+               * seven, and the families that looked best were the ones GA4 had stopped
+               * seeing.
+               *
+               * What survives that is the ORDER. The loss is roughly uniform across
+               * families, so it cancels in a comparison between them even as it wrecks
+               * the absolute figure. Showing each family against the catalogue median
+               * keeps the one question this column can answer — which families convert
+               * better or worse than the rest — and drops the one it cannot.
+               */
               key: "buyRate",
-              label: "Buy rate",
+              label: "Sells vs catalogue",
               numeric: true,
               sortValue: (row) => finiteOrNull(row.buyRate),
               exportValue: (row) => {
-                const r = finiteOrNull(row.buyRate);
-                return r === null ? null : formatPercent(r, 2);
+                const index = buyRateIndex(row, medianBuyRate);
+                return index === null ? null : `${index.toFixed(1)}x`;
               },
-              render: (row) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, "aria-label": finiteOrNull(row.buyRate) === null ? `${row.typeface} buy rate unavailable` : void 0, children: finiteOrNull(row.buyRate) === null ? "\u2014" : formatPercent(row.buyRate, 2) })
+              render: (row) => {
+                const index = buyRateIndex(row, medianBuyRate);
+                if (index === null) {
+                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, "aria-label": `${row.typeface} not comparable`, children: "\u2014" });
+                }
+                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, children: [
+                  index.toFixed(1),
+                  "\xD7",
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { style: { opacity: 0.6, fontSize: "0.85em" }, children: [
+                    index >= 1.15 ? "above" : index <= 0.85 ? "below" : "at",
+                    " median"
+                  ] })
+                ] });
+              }
             },
             {
               key: "testRate",