@liiift-studio/sanity-visitor-insights 0.78.0 → 0.79.0

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-BgcKmdw3.mjs';
-export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, 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-BgcKmdw3.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-C7y7-GWi.mjs';
+export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, n as JourneyStep, L as LandingPage, o as LibraryCoverageData, p as LicenceTierRow, P as PREEXISTING, q as REPORT_NAMES, r as ReportError, S as SiteAnalyticsConfig, s as SourceName, t as SourceRow, u as SourceStatus, v as StyleDemandData, w as TimelineEvent, x as TypefaceInterestRow, U as UnavailableReason, y as coverageForRange, z as estimated, B as isReportName, F as ok, G as partial, H as previousRange, I as resolveRange, K as unavailable, N as validateSiteConfig, O as valueOrNull } from './ranges-C7y7-GWi.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-BgcKmdw3.js';
-export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, 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-BgcKmdw3.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-C7y7-GWi.js';
+export { C as CaptureBasis, d as CaptureEstimate, e as CaptureModel, f as CheckStatus, g as Coverage, h as CrossSourceDay, i as DateRange, j as DiagnosticCheck, E as EmailCampaign, k as EventCutover, l as JourneyOutcome, m as JourneySegment, n as JourneyStep, L as LandingPage, o as LibraryCoverageData, p as LicenceTierRow, P as PREEXISTING, q as REPORT_NAMES, r as ReportError, S as SiteAnalyticsConfig, s as SourceName, t as SourceRow, u as SourceStatus, v as StyleDemandData, w as TimelineEvent, x as TypefaceInterestRow, U as UnavailableReason, y as coverageForRange, z as estimated, B as isReportName, F as ok, G as partial, H as previousRange, I as resolveRange, K as unavailable, N as validateSiteConfig, O as valueOrNull } from './ranges-C7y7-GWi.js';
 
 /**
  * Data hook for the Studio panels.

package/dist/index.js

@@ -3053,8 +3053,8 @@ function JourneyPanel({ data }) {
         ]
       }
     ),
-    spread(segments) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: spread(segments) }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(FunnelChart, { stages, measurement: data.measurement ?? "independent-totals" }),
+    spread(segments) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: spread(segments) }),
     (data.outcomes?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       Section,
       {
@@ -3172,6 +3172,22 @@ function visitorsPerOrder(data) {
   }
   return ok(Math.round(visitors / orders));
 }
+var WEIGHTS_SHOWN = 12;
+function leadingFamily(demand) {
+  if (demand.licences <= 0) return null;
+  const ranked = Object.entries(demand.familyLicences).sort((a, b) => b[1] - a[1]);
+  const top = ranked[0];
+  if (!top) return null;
+  return { family: top[0], share: top[1] / demand.licences };
+}
+function styleDemandSubtitle(demand) {
+  return `${formatCount(demand.licences)} style licences across ${formatCount(demand.orders)} orders \u2014 your whole order history, not the range above, because a month of style-level counts is too thin to rank.`;
+}
+function libraryCoverageSubtitle(coverage) {
+  const unreleasedStyles = coverage.unreleased.reduce((sum, f) => sum + f.styles, 0);
+  const released = coverage.styles - unreleasedStyles;
+  return `${formatCount(coverage.everLicensed)} of ${formatCount(released)} released styles have been licensed at least once.`;
+}
 function TypefaceInterestPanel({ data }) {
   const benchmark = catalogueRate(data.rows ?? []);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: panelStack, children: [
@@ -3314,6 +3330,73 @@ function TypefaceInterestPanel({ data }) {
         }
       )
     ] }),
+    (data.styleDemand?.weights.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      Section,
+      {
+        title: "Which weights sell",
+        subtitle: styleDemandSubtitle(data.styleDemand),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            ProportionChart,
+            {
+              bars: (data.styleDemand?.weights ?? []).slice(0, WEIGHTS_SHOWN).map((row) => ({
+                key: row.weight,
+                label: row.weight,
+                sublabel: row.families === 1 ? "one family only" : `across ${formatCount(row.families)} families`,
+                value: row.licences
+              })),
+              format: (value) => `${formatCount(value)} licences`,
+              totalLabel: "Style licences in the weights shown"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackPair, children: [
+            (data.styleDemand?.weights.length ?? 0) > WEIGHTS_SHOWN && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
+              formatCount(data.styleDemand.weights.length - WEIGHTS_SHOWN),
+              " quieter",
+              " ",
+              "weights are not shown."
+            ] }),
+            leadingFamily(data.styleDemand) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, children: [
+              leadingFamily(data.styleDemand)?.family,
+              " accounts for",
+              " ",
+              formatPercent(leadingFamily(data.styleDemand)?.share ?? 0, 0),
+              " of every style ever licensed."
+            ] }),
+            (data.styleDemand?.orders ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
+              formatPercent(data.styleDemand.singleStyleOrders / data.styleDemand.orders, 0),
+              " ",
+              "of orders licensed exactly one style."
+            ] })
+          ] })
+        ]
+      }
+    ),
+    data.libraryCoverage && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      Section,
+      {
+        title: "What the library holds",
+        tone: "secondary",
+        subtitle: libraryCoverageSubtitle(data.libraryCoverage),
+        children: [
+          data.libraryCoverage.gaps.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 1, children: [
+            "Never licensed, in families that sell:",
+            " ",
+            data.libraryCoverage.gaps.map((g) => `${g.family} (${formatCount(g.styles)})`).join(", "),
+            "."
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, children: "Every style in every selling family has been licensed at least once." }),
+          data.libraryCoverage.unreleased.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sanity_ui_compat3.Text, { size: 0, muted: true, children: [
+            "Not counted above:",
+            " ",
+            data.libraryCoverage.unreleased.map((u) => `${u.family} (${formatCount(u.styles)} styles)`).join(", "),
+            " ",
+            "\u2014 no style from ",
+            data.libraryCoverage.unreleased.length === 1 ? "it" : "them",
+            " has ever sold, which reads as unreleased rather than unwanted."
+          ] })
+        ]
+      }
+    ),
     (data.licences?.length ?? 0) > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: stackBlock, children: [
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SectionTitle, { title: "How licences sell" }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sanity_ui_compat3.Text, { size: 1, muted: true, children: "From your orders, so exact. Bars are orders; the money beside them is that order total split evenly across the licences on it, so it is a share rather than a price." }),
@@ -3655,7 +3738,7 @@ function PanelTabs({ value, onChange }) {
 }
 function CoverageRibbon({ ratio }) {
   if (ratio === null) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 0, muted: true, children: "Every figure on this tab comes from Google Analytics. How much of your traffic it is seeing has not been checked for this window \u2014 open Overview or Data health to measure it." });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sanity_ui_compat4.Text, { size: 0, muted: true, children: "Figures marked (GA4) on this tab come from Google Analytics. How much of your traffic it is seeing has not been checked for this window \u2014 open Overview to measure it." });
   }
   if (ratio < 0.2) return null;
   const seen = Math.round((1 - ratio) * 100);