@the-portland-company/shell 0.97.1 → 0.98.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-SHcw15A4.cjs';
-export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-SHcw15A4.cjs';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-CUPeC2Ji.cjs';
+export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, V as VRM_TIER_LABELS, j as VRM_VERIFIED_TOOLTIP, k as VrmVerifiedBadge, l as VrmVerifiedBadgeProps, m as VrmVerifiedTier, n as aiCreditsWalletUrl, o as createCommsNotificationsAdapter, p as emptyNotificationsFeed, q as normalizeNotificationsFeed, r as resolveTabGlyph, s as rowMenuPosition } from './index-CUPeC2Ji.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-smsLP_tM.js';
-export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, j as aiCreditsWalletUrl, k as createCommsNotificationsAdapter, l as emptyNotificationsFeed, n as normalizeNotificationsFeed, r as resolveTabGlyph, m as rowMenuPosition } from './index-smsLP_tM.js';
+import { P as PageHeaderProps, B as BreadcrumbBarProps, N as NavItem } from './index-DAD6tSfV.js';
+export { A as AI_CREDITS_STATE_TITLES, a as AiCreditsState, b as AiCreditsStateKind, C as Card, c as CommsNotification, d as CommsNotificationKind, F as FormColumn, H as HeaderTabBar, e as HeaderTabBarItem, K as KNOWN_TAB_GLYPHS, f as NotificationsAdapter, g as NotificationsFeed, R as RowMenu, h as RowMenuItem, i as RowMenuPlacement, T as TabGlyphComponent, V as VRM_TIER_LABELS, j as VRM_VERIFIED_TOOLTIP, k as VrmVerifiedBadge, l as VrmVerifiedBadgeProps, m as VrmVerifiedTier, n as aiCreditsWalletUrl, o as createCommsNotificationsAdapter, p as emptyNotificationsFeed, q as normalizeNotificationsFeed, r as resolveTabGlyph, s as rowMenuPosition } from './index-DAD6tSfV.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';

package/dist/index.js

@@ -1,7 +1,7 @@
-import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-XPTC47TY.js';
-export { AI_CREDITS_STATE_TITLES, AiCreditsState, Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition } from './chunk-XPTC47TY.js';
+import { PageHeaderView, warnDeprecated, BreadcrumbBarView } from './chunk-WOOBPM4V.js';
+export { AI_CREDITS_STATE_TITLES, AiCreditsState, Card, FormColumn, HeaderTabBar, KNOWN_TAB_GLYPHS, RowMenu, RowMenuItem, SpeculationRulesScript, VRM_TIER_LABELS, VRM_VERIFIED_TOOLTIP, VrmVerifiedBadge, aiCreditsWalletUrl, buildNavSpeculationRules, buildSpeculationRules, collectSiblingAppUrls, createCommsNotificationsAdapter, emptyNotificationsFeed, normalizeNotificationsFeed, resolveTabGlyph, rowMenuPosition } from './chunk-WOOBPM4V.js';
 import { readResolvedTheme } from './chunk-BHRVZPZ7.js';
-export { BRAND_APPLE_ICON_LINK_ID, BRAND_FAVICON_LINK_ID, BrandFavicon, applyBrandFavicon, watchBrandFavicon } from './chunk-BMR5WAWH.js';
+export { BRAND_APPLE_ICON_LINK_ID, BRAND_FAVICON_LINK_ID, BrandFavicon, applyBrandFavicon, watchBrandFavicon } from './chunk-Q5DTPY5N.js';
 import { extendTheme, ChakraProvider, useColorMode } from '@chakra-ui/react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';

package/dist/native.cjs

@@ -2430,6 +2430,30 @@ function readBrandAsset(kind) {
     return null;
   }
 }
+var RETRY_MS = [0, 250, 1e3, 3e3];
+function useBrandAsset(kind) {
+  const [url, setUrl] = react.useState(null);
+  react.useEffect(() => {
+    let done = false;
+    const read = () => {
+      if (done) return;
+      const next = readBrandAsset(kind);
+      setUrl((prev) => prev === next ? prev : next);
+    };
+    const links = Array.from(
+      document.querySelectorAll('link[rel="stylesheet"][href*="api/tokens"]')
+    );
+    links.forEach((l) => l.addEventListener("load", read));
+    const timers = RETRY_MS.map((ms) => window.setTimeout(read, ms));
+    read();
+    return () => {
+      done = true;
+      links.forEach((l) => l.removeEventListener("load", read));
+      timers.forEach((t) => window.clearTimeout(t));
+    };
+  }, [kind]);
+  return url;
+}
 
 // src/lib/brandFavicon.ts
 var BRAND_FAVICON_LINK_ID = "politogy-brand-favicon";
@@ -2454,7 +2478,7 @@ function applyBrandFavicon() {
   if (apple) upsertLink(BRAND_APPLE_ICON_LINK_ID, "apple-touch-icon", apple);
   return true;
 }
-var RETRY_MS = [0, 250, 1e3, 3e3];
+var RETRY_MS2 = [0, 250, 1e3, 3e3];
 function watchBrandFavicon() {
   if (typeof document === "undefined") return () => {
   };
@@ -2471,7 +2495,7 @@ function watchBrandFavicon() {
     });
   };
   listen();
-  const timers = RETRY_MS.map((ms) => window.setTimeout(apply, ms));
+  const timers = RETRY_MS2.map((ms) => window.setTimeout(apply, ms));
   const observer = typeof MutationObserver === "undefined" ? null : new MutationObserver(() => {
     listen();
     apply();
@@ -3013,6 +3037,90 @@ function RowMenuItem({
     }
   );
 }
+var VRM_VERIFIED_TOOLTIP = "Politogy has confirmed this is a real, registered voter.";
+var VRM_TIER_LABELS = {
+  verified: "VRM Verified",
+  identified: "Identified",
+  anonymous: "Anonymous",
+  stale: "Stale",
+  inactive: "Inactive"
+};
+var TIER_TOOLTIPS = {
+  verified: VRM_VERIFIED_TOOLTIP,
+  identified: "Identified: we know who this is, but Politogy has not verified them.",
+  anonymous: "Anonymous: nothing identifying has been captured yet.",
+  stale: "Stale: was VRM Verified, but the proof is more than 12 months old.",
+  inactive: "Inactive: the voter file marks this registration inactive or canceled."
+};
+var DOT_FALLBACK = {
+  identified: "#a855f7",
+  anonymous: "var(--color-graphite, #2b2b2b)",
+  stale: "#eab308",
+  inactive: "var(--muted, #8a8a8a)"
+};
+function VrmVerifiedBadge({ tier, size, showLabel = true, className, style }) {
+  const icon = useBrandAsset("verified-icon");
+  const known = tier && tier in VRM_TIER_LABELS ? tier : null;
+  const label = known ? VRM_TIER_LABELS[known] : "Not yet computed";
+  const title = known ? TIER_TOOLTIPS[known] : "The VRM Verified tier has not been worked out yet.";
+  const iconSize = size ?? 16;
+  const dotSize = size ?? 8;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-vrm-tier": known ?? "none",
+      title,
+      "aria-label": showLabel ? void 0 : label,
+      role: showLabel ? void 0 : "img",
+      className,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 6,
+        borderRadius: 9999,
+        border: "1px solid var(--line, #e5e5e5)",
+        padding: "2px 10px",
+        fontSize: 12,
+        fontWeight: 600,
+        lineHeight: 1.4,
+        whiteSpace: "nowrap",
+        ...style
+      },
+      children: [
+        known === "verified" ? (
+          // The box is reserved while the Brand sheet loads; nothing stands in.
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, style: { display: "inline-block", width: iconSize, height: iconSize, flexShrink: 0 }, children: icon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src: icon,
+              alt: "",
+              width: iconSize,
+              height: iconSize,
+              draggable: false,
+              "data-testid": "vrm-verified-icon",
+              style: { display: "block", width: iconSize, height: iconSize }
+            }
+          ) : null })
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            style: {
+              display: "inline-block",
+              width: dotSize,
+              height: dotSize,
+              borderRadius: 9999,
+              flexShrink: 0,
+              background: known ? `var(--vrm-tier-${known}, ${DOT_FALLBACK[known]})` : "transparent",
+              border: known ? void 0 : "1px dashed var(--muted, #8a8a8a)"
+            }
+          }
+        ),
+        showLabel ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }) : null
+      ]
+    }
+  );
+}
 var standardNavIcons = {
   home: lu.LuHouse,
   users: lu.LuUsers,
@@ -5019,6 +5127,9 @@ exports.TopBarPanelArrow = TopBarPanelArrow;
 exports.TopBarPopover = TopBarPopover;
 exports.TopBarTooltip = TopBarTooltip;
 exports.TopBarWidgetSlot = TopBarWidgetSlot;
+exports.VRM_TIER_LABELS = VRM_TIER_LABELS;
+exports.VRM_VERIFIED_TOOLTIP = VRM_VERIFIED_TOOLTIP;
+exports.VrmVerifiedBadge = VrmVerifiedBadge;
 exports.aiCreditsWalletUrl = aiCreditsWalletUrl;
 exports.applyBrandFavicon = applyBrandFavicon;
 exports.buildLineParts = buildLineParts;