@liiift-studio/sanity-visitor-insights 0.53.0 → 0.55.0

package/dist/index.js

@@ -1461,9 +1461,8 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
                   x2: at,
                   y1: TOP_PAD,
                   y2: height - AXIS_HEIGHT + 4,
-                  stroke: "currentColor",
-                  strokeWidth: 1,
-                  opacity: 0.18
+                  stroke: mark("chart.grid"),
+                  strokeWidth: 1
                 },
                 `grid-${date}`
               );
@@ -1495,7 +1494,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
               const stems = row.mark === "events" ? row.points.filter((p) => p.value !== null && p.value !== 0) : [];
               const zeroes = row.mark === "events" && pitch >= 6 ? row.points.filter((p) => p.value === 0) : [];
               const gap = row.shortfall ? gapGen(row.points) ?? "" : "";
-              const shortfallLine = row.shortfall && revealed ? lineGen(shortfallPoints) ?? "" : "";
+              const shortfallLine = row.shortfall ? lineGen(shortfallPoints) ?? "" : "";
               const clipId = `${instanceId}-row-${rowIndex}`;
               return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("clipPath", { id: clipId, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: GUTTER, y: plotTop, width: plotWidth, height: Math.max(1, bottom - plotTop) }) }) }),
@@ -1514,21 +1513,29 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
                     {
                       d: ghost,
                       fill: "none",
-                      stroke: "currentColor",
+                      stroke: mark("chart.ghost"),
                       strokeWidth: 1,
-                      strokeDasharray: "2 3",
-                      opacity: 0.35
+                      strokeDasharray: "2 3"
                     }
                   ),
                   gap && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "path",
                     {
                       d: gap,
-                      fill: shortfallStroke ? seriesFill(colorFor(row.shortfall.source, row.unit, row.shortfall.color), 0.3) : "currentColor",
+                      fill: shortfallStroke ? seriesFill(colorFor(row.shortfall.source, row.unit, row.shortfall.color), MARKS["chart.region"].alpha) : "currentColor",
                       opacity: shortfallStroke ? 1 : 0.48
                     }
                   ),
-                  shortfallLine && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: shortfallLine, fill: "none", stroke: shortfallStroke ?? "currentColor", strokeWidth: 1.5, strokeDasharray: "6 4", opacity: 0.8 }),
+                  shortfallLine && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "path",
+                    {
+                      d: shortfallLine,
+                      fill: "none",
+                      stroke: mark("chart.regionEdge"),
+                      strokeWidth: 1.5,
+                      strokeDasharray: "6 4"
+                    }
+                  ),
                   zeroes.map((p) => {
                     const cx = at(p);
                     if (!Number.isFinite(cx)) return null;
@@ -1539,8 +1546,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
                         y: zeroY - 3,
                         width: stemWidth,
                         height: 3,
-                        fill: stroke,
-                        opacity: 0.7
+                        fill: stroke
                       },
                       `zero-${p.date}`
                     );
@@ -1556,8 +1562,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
                         y: Math.min(headY, zeroY),
                         width: stemWidth,
                         height: Math.max(1.5, Math.abs(zeroY - headY)),
-                        fill: stroke,
-                        opacity: 0.9
+                        fill: stroke
                       },
                       p.date
                     );
@@ -1569,8 +1574,7 @@ function CrossSourceTimeline({ series, markers = [], currency, onBrush }) {
                       fill: "none",
                       stroke,
                       strokeWidth: 2,
-                      strokeDasharray: row.complete ? void 0 : "6 4",
-                      opacity: row.complete ? 0.95 : 0.7
+                      strokeDasharray: row.complete ? void 0 : "6 4"
                     }
                   )
                 ] })
@@ -2040,7 +2044,6 @@ function OverviewPanel({ data, previous, onBrush }) {
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         ChartData,
         {
-          note: "A negative miss means GA4 counted more than Vercel that day \u2014 usually a tag firing twice, not extra traffic.",
           label: "Show these figures as a table",
           rows: data.crossSource ?? [],
           rowKey: (d) => d.date,
@@ -2384,7 +2387,11 @@ function AcquisitionPanel({ data, previous }) {
           filterOn: (row) => `${row.source} ${row.channel} ${row.medium ?? ""} ${row.campaign ?? ""}`,
           filterPlaceholder: "Filter sources",
           exportName: "traffic-sources",
-          truncatedNote: data.rowsTruncated ? "GA4 held more source rows than are shown here, so this is the top of a longer list \u2014 for a foundry, the tail of small design blogs is often the referral story." : void 0,
+          truncatedNote: shortListNote(
+            Boolean(data.rowsTruncated),
+            Boolean(data.rowsWithheld),
+            "For a foundry the tail of small design blogs is often the referral story."
+          ),
           columns: [
             {
               key: "source",
@@ -2500,8 +2507,7 @@ function AcquisitionPanel({ data, previous }) {
           " of those sales; the rest came from sources outside this list, so this column does not add up to the whole."
         ] })
       ] })
-    ] }),
-    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."] })
+    ] })
   ] });
 }
 function firstStepRate(steps) {
@@ -2526,6 +2532,11 @@ function spread(segments) {
   if (ratio < RATIO) return null;
   return `${worst.label} reaches the second step at ${formatPercent(worst.rate, 2)} against ${best.label}'s ${formatPercent(best.rate, 2)} \u2014 about ${Math.round(ratio)} times worse, on ${formatCount(worst.users)} visitors. The combined funnel above averages the two and describes neither.`;
 }
+function shortListNote(truncated, withheld, tail) {
+  if (!truncated && !withheld) return void 0;
+  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 JourneyPanel({ data }) {
   const [segmentKey, setSegmentKey] = import_react4.default.useState(null);
   const segments = data.segments ?? [];
@@ -2723,7 +2734,11 @@ function TypefaceInterestPanel({ data }) {
           filterOn: (row) => row.typeface,
           filterPlaceholder: "Filter typefaces",
           exportName: "typeface-interest",
-          truncatedNote: data.rowsTruncated ? "GA4 returned only its top rows, so families past the cap show as unknown rather than as zero. For a foundry the long tail is most of the catalogue." : void 0,
+          truncatedNote: shortListNote(
+            Boolean(data.rowsTruncated),
+            Boolean(data.rowsWithheld),
+            "A family missing from this table has not necessarily gone quiet \u2014 and for a foundry the long tail is most of the catalogue."
+          ),
           columns: [
             {
               key: "typeface",
@@ -2858,7 +2873,6 @@ function TypefaceInterestPanel({ data }) {
         }
       )
     ] }),
-    data.rowsWithheld && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(NoticeList, { notices: ["GA4 withheld some low-count rows for privacy. A family missing from this table has not necessarily gone quiet."] }),
     data.revenueIsApportioned && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: "Revenue is apportioned: an order covering several families or licences is split evenly between them, because the order documents carry no per-line value." })
   ] });
 }