@appinternalleads/ui 0.2.0

package/dist/cjs/components/onboarding/shared/viz.js

@@ -0,0 +1,190 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInView = useInView;
+exports.useRevealClock = useRevealClock;
+exports.useTweenedValues = useTweenedValues;
+exports.RevealRow = RevealRow;
+exports.VizBar = VizBar;
+exports.ToneText = ToneText;
+exports.DataTip = DataTip;
+exports.CapsuleBar = CapsuleBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const core_1 = require("../../../core");
+const tokens_1 = require("../../../tokens");
+const m15_1 = require("./m15");
+/**
+ * **M15, running** — the hooks and parts the batch 5 data-viz views share. The timing is `./m15`
+ * (pure); this holds the clock, the in-view trigger, the tweens and the drawn pieces. Only
+ * `opacity` and `transform` ever animate (never width or height), and reduced motion — the OS
+ * setting or the board's `forceReduced` — drops every stagger, fill and count for one 160ms fade.
+ */
+/* ── When: 30% in view, once per mount ─────────────────────────────────────────────────── */
+/**
+ * The first time the card is 30% in view. On the web: an `IntersectionObserver` at 0.3, plus a
+ * 400ms `getBoundingClientRect` poll (iframes can throttle the observer) — the prototype's pair.
+ * Where there is no layout to measure (native, a test DOM), it counts as in view.
+ */
+function useInView() {
+    const ref = (0, react_1.useRef)(null);
+    const [seen, setSeen] = (0, react_1.useState)(react_native_1.Platform.OS !== 'web');
+    (0, react_1.useEffect)(() => {
+        if (seen || react_native_1.Platform.OS !== 'web')
+            return;
+        const el = ref.current;
+        const w = globalThis;
+        if (!el || typeof el.getBoundingClientRect !== 'function') {
+            setSeen(true);
+            return;
+        }
+        const check = () => {
+            const r = el.getBoundingClientRect();
+            if (r.height === 0 && r.width === 0)
+                return true; // nothing measured: a test DOM
+            const vh = w.innerHeight ?? 0;
+            const visible = Math.max(0, Math.min(r.bottom, vh) - Math.max(r.top, 0));
+            return visible / Math.max(1, r.height) >= 0.3;
+        };
+        if (check()) {
+            setSeen(true);
+            return;
+        }
+        let io;
+        if (w.IntersectionObserver) {
+            io = new w.IntersectionObserver(es => { if (es.some(e => e.intersectionRatio >= 0.3))
+                setSeen(true); }, { threshold: 0.3 });
+            io.observe(el);
+        }
+        const poll = setInterval(() => { if (check())
+            setSeen(true); }, 400);
+        return () => { io?.disconnect(); clearInterval(poll); };
+    }, [seen]);
+    return [ref, seen];
+}
+/**
+ * **Milliseconds since the reveal began** — a 16ms timer, as the prototype drives it, stopping at
+ * `total`. It starts when `active` (in view and ready) and starts over when `replay` changes.
+ * Reduced motion: `t` is at the end at once, and `fade` runs 0→1 over 160ms.
+ */
+function useRevealClock(active, total, replay, forceReduced) {
+    const osReduced = (0, core_1.useReduceMotion)();
+    const reduced = Boolean(forceReduced) || osReduced;
+    const [t, setT] = (0, react_1.useState)(0);
+    const [fade, setFade] = (0, react_1.useState)(0);
+    const started = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => { started.current = null; setT(0); setFade(0); }, [replay, reduced]);
+    (0, react_1.useEffect)(() => {
+        if (!active || started.current !== null)
+            return;
+        started.current = Date.now();
+        const span = reduced ? m15_1.M15.reducedFadeMs : total;
+        const iv = setInterval(() => {
+            const e = Date.now() - (started.current ?? Date.now());
+            if (reduced)
+                setFade(Math.min(1, e / span));
+            else
+                setT(Math.min(e, total));
+            if (e >= span)
+                clearInterval(iv);
+        }, 16);
+        return () => clearInterval(iv);
+    }, [active, replay, reduced, total]);
+    /* Reduced: the final values at once — only the opacity fades in, once the card is in view. */
+    if (reduced)
+        return { t: Number.MAX_SAFE_INTEGER, fade: active ? Math.max(fade, 0.001) : 0, done: true, reduced };
+    return { t, fade: 1, done: started.current !== null && t >= total, reduced };
+}
+/**
+ * **Values that tween on a data change** (a period switch, a live update) — from where they are
+ * now to the new targets over `ms`, never re-staggering. Before `settled` (the reveal still
+ * running) the targets pass through untouched; the reveal draws them.
+ */
+function useTweenedValues(targets, ms, settled, reduced) {
+    const [shown, setShown] = (0, react_1.useState)(targets);
+    const from = (0, react_1.useRef)(targets);
+    const key = targets.join('|');
+    const last = (0, react_1.useRef)(key);
+    (0, react_1.useEffect)(() => {
+        if (key === last.current)
+            return;
+        last.current = key;
+        if (!settled || reduced) {
+            from.current = targets;
+            setShown(targets);
+            return;
+        }
+        const start = Date.now();
+        const a = from.current;
+        const iv = setInterval(() => {
+            const p = (0, m15_1.ease)(Math.min(1, (Date.now() - start) / ms));
+            const next = targets.map((to, i) => (a[i] ?? 0) + (to - (a[i] ?? 0)) * p);
+            from.current = next;
+            setShown(next);
+            if (p >= 1)
+                clearInterval(iv);
+        }, 16);
+        return () => clearInterval(iv);
+    }, [key, settled, reduced]);
+    return settled ? shown : targets;
+}
+/* ── Drawn pieces ───────────────────────────────────────────────────────────────────────── */
+/** A row that drops 6px into place and fades in (M15), or only fades under reduced motion. */
+function RevealRow({ opacity, y, children, style }) {
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [{ opacity, transform: [{ translateY: y }] }, style], children: children });
+}
+/**
+ * **A bar: a track and a fill scaled on X** — never a width — from the left, or the centre (Funnel).
+ * `overlay` is a tone layer (apricot) at the same scale that fades in on its own opacity.
+ */
+function VizBar({ scale, height = 6, color, track, radius = 999, origin = 'left', overlay, dim = 1, a11y, }) {
+    const s = Math.max(0, Math.min(1, scale));
+    const fill = (bg, opacity = 1) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: 'absolute', left: 0, right: 0, top: 0, bottom: 0, borderRadius: radius, backgroundColor: bg, opacity, transform: [{ scaleX: s }], transformOrigin: origin === 'left' ? 'left' : 'center' } }));
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { role: a11y?.role, "aria-label": a11y?.label, "aria-valuemin": a11y ? a11y.min ?? 0 : undefined, "aria-valuemax": a11y ? a11y.max ?? 100 : undefined, "aria-valuenow": a11y?.now, "aria-valuetext": a11y?.text, style: { height, borderRadius: radius, backgroundColor: track, overflow: 'hidden', opacity: dim, position: 'relative' }, children: [s > 0 ? fill(color) : null, s > 0 && overlay ? fill(overlay.color, overlay.opacity) : null] }));
+}
+/**
+ * **Two stacked layers that cross-fade (M9)** — the muted figure, then its toned twin once the count
+ * has ended. The text is the same in both, so nothing moves; only colour arrives.
+ */
+function ToneText({ children, color, tone, toneOpacity, weight = '400', size = 12, align = 'left', minWidth }) {
+    const base = { fontSize: size, fontWeight: weight, textAlign: align };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { position: 'relative', minWidth }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { ...base, color, opacity: tone ? 1 - toneOpacity : 1 }, children: children }), tone ? (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, "aria-hidden": true, style: { ...base, color: tone, opacity: toneOpacity, position: 'absolute', left: 0, right: 0, top: 0 }, children: children }) : null] }));
+}
+/**
+ * **O4 · the data tooltip** — ink, white 12px tabular text, radius 8, padding 6/10, above the row.
+ * Shows on hover and on focus, fades 160ms (opacity only), Esc hides it; linked by
+ * `aria-describedby`. The row is focusable to reach it, and pressable only with `onPress`.
+ */
+function DataTip({ label, children, onPress, style, testID, onHover }) {
+    const { colors, lift2 } = (0, tokens_1.useDs)();
+    const id = `dt-${(0, react_1.useId)().replace(/:/g, '')}`;
+    const [shown, setShown] = (0, react_1.useState)(false);
+    const [hover, setHover] = (0, react_1.useState)(false);
+    const op = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    (0, react_1.useEffect)(() => { react_native_1.Animated.timing(op, { toValue: shown ? 1 : 0, duration: 160, useNativeDriver: false }).start(); onHover?.(shown); }, [shown, op]);
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Pressable, { ...{ focusable: true, 'aria-describedby': id, onKeyDown: (e) => { if (e.key === 'Escape')
+                        setShown(false); } }, testID: testID, onPress: onPress, onHoverIn: () => { setHover(true); setShown(true); }, onHoverOut: () => { setHover(false); setShown(false); }, onFocus: () => setShown(true), onBlur: () => setShown(false), style: [{ borderRadius: tokens_1.blockRadii.inset, backgroundColor: hover ? colors.surfaceSunken : 'transparent' }, style], children: children }), (0, jsx_runtime_1.jsx)(core_1.MotionView, { nativeID: id, role: "tooltip", "aria-hidden": !shown, pointerEvents: "none", style: {
+                    position: 'absolute', bottom: '100%', left: 0, marginBottom: 4, zIndex: 5,
+                    paddingHorizontal: 10, paddingVertical: 6, borderRadius: tokens_1.blockRadii.inset,
+                    backgroundColor: colors.textPrimary, opacity: op, maxWidth: 320,
+                    boxShadow: lift2,
+                }, children: (0, jsx_runtime_1.jsx)(core_1.Text, { numeric: true, style: { fontSize: 12, color: colors.surface1 }, children: label }) })] }));
+}
+/**
+ * **A centred bar whose rounded ends stay round** — the Funnel's. Scaling a rounded rectangle on X
+ * squashes its corners, so a narrow stage read as square-ended (the prototype's own scaling does the
+ * same; decided 2026-09-26 to fix it). Here two fixed caps (radius r) ride outward on `translateX`
+ * and a square middle scales between them — still only `transform`, never a width. Below 2r wide
+ * (the 2px floor) one cap scales down, as a bar that small has no visible corners.
+ */
+function CapsuleBar({ scale, height, radius, color, opacity = 1, a11y }) {
+    /* The bar measures its own track, so the caps and the middle are placed against one width. */
+    const [width, setWidth] = (0, react_1.useState)(0);
+    const s = Math.max(0, Math.min(1, scale));
+    const w = s * width;
+    const r = Math.min(radius, height / 2);
+    const cap = (x, sx = 1) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: 'absolute', top: 0, bottom: 0, left: width / 2 - r, width: 2 * r, borderRadius: r, backgroundColor: color, transform: [{ translateX: x }, { scaleX: sx }] } }));
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { role: a11y ? 'meter' : undefined, "aria-label": a11y?.label, "aria-valuemin": a11y ? 0 : undefined, "aria-valuemax": a11y ? a11y.max ?? 100 : undefined, "aria-valuenow": a11y?.now, "aria-valuetext": a11y?.text, onLayout: e => setWidth(e.nativeEvent.layout.width), style: { height, width: '100%', position: 'relative', overflow: 'hidden', opacity }, children: w <= 0 || width === 0 ? null : w < 2 * r ? cap(0, w / (2 * r)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, backgroundColor: color, transform: [{ scaleX: Math.max(0, (w - 2 * r) / width) }] } }), cap(-(w / 2 - r)), cap(w / 2 - r)] })) }));
+}
+//# sourceMappingURL=viz.js.map

package/dist/cjs/components/onboarding/shared/viz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viz.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/shared/viz.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/onboarding/shipping-update/ShippingUpdateView.js

@@ -0,0 +1,43 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShippingUpdate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../../../core");
+const ds_1 = require("../../../ds");
+const tokens_1 = require("../../../tokens");
+const contract_1 = require("../shared/contract");
+const InvalidConfig_1 = require("../shared/InvalidConfig");
+const OnboardingCard_1 = require("../shared/OnboardingCard");
+const parts_1 = require("../shared/parts");
+const runtime_1 = require("../shared/runtime");
+const contract_2 = require("./contract");
+const engine_1 = require("./engine");
+const guard_1 = require("../shared/guard");
+/**
+ * **Shipping Update** — the tracking number, read-only in mono with Copy; a Q2 timeline (an ordered
+ * list, columns at least 120px, scrolling in its own container on a narrow screen; the current
+ * node `aria-current="step"`, a delay a 3px apricot ring and "Delayed"); then the ETA — or, delayed,
+ * a bold apricot alert. Footer: Get help and one coral primary.
+ */
+function ShippingUpdateView(props) {
+    const config = (0, contract_1.resolveConfig)(contract_2.SHIPPING_PRESETS, props.preset, props.config);
+    const issues = (0, contract_2.validateShippingUpdate)(config);
+    if (issues.length)
+        return (0, jsx_runtime_1.jsx)(InvalidConfig_1.InvalidConfig, { title: config.title, issues: issues, testID: props.testID });
+    return (0, jsx_runtime_1.jsx)(Valid, { ...props, config: config });
+}
+function Valid({ config, density, status, reload, initial, onHelp, onPrimary, onCopyTracking, onScene, testID, }) {
+    const { colors } = (0, tokens_1.useDs)();
+    const key = JSON.stringify([config, initial ?? null]);
+    /* Read-only: the state is the config (or a restored seed), never changed here. */
+    const state = (0, react_1.useMemo)(() => (0, engine_1.initialShippingUpdate)(config, initial ?? (config.ship ? (0, engine_1.shippingSeed)(config, config.ship) : {})), [key]);
+    const pattern = (0, runtime_1.usePatternStatus)(status ?? 'ready', reload);
+    const v = (0, engine_1.shippingView)(config, state);
+    (0, runtime_1.useSceneReport)(pattern.status === 'ready' ? v.scene : pattern.status, onScene);
+    return ((0, jsx_runtime_1.jsx)(OnboardingCard_1.OnboardingCard, { testID: testID, header: config, copy: config, density: density, status: pattern.status, onRetry: pattern.retry, onEmptyAction: pattern.retry, chip: v.chip, hint: v.footerHint, secondary: { label: 'Get help', onPress: () => onHelp?.() }, primary: { label: config.primaryLabel, onPress: () => onPrimary?.() }, children: (0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s4", children: [(0, jsx_runtime_1.jsx)(parts_1.CopyField, { nativeID: `su-no-${config.trackingNo.replace(/\W/g, '')}`, label: config.trackLabel, value: config.trackingNo, copyLabel: `Copy ${config.trackLabel.toLowerCase()}`, mono: true, onCopy: onCopyTracking }), (0, jsx_runtime_1.jsx)(ds_1.Timeline, { variant: "track", label: config.timelineLabel, steps: v.steps }), v.delayed ? ((0, jsx_runtime_1.jsx)(ds_1.Callout, { alert: true, strong: true, title: config.delayTitle, children: config.delayBody })) : ((0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", gap: "s2", style: { paddingVertical: 10, paddingHorizontal: 12, borderRadius: tokens_1.blockRadii.inset, backgroundColor: colors.surfaceSunken }, children: [(0, jsx_runtime_1.jsx)(core_1.Icon, { name: "clock", size: 16, color: colors.textSecondary }), (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textPrimary", numeric: true, style: { fontSize: 13, flexShrink: 1 }, children: v.etaLine })] }))] }) }));
+}
+/** ShippingUpdate, guarded: a wrong-kind config is refused by name and a render error is caught, never thrown to the page (`shared/guard`). */
+exports.ShippingUpdate = (0, guard_1.guarded)(ShippingUpdateView, contract_2.SHIPPING_PRESETS, 'ShippingUpdate');
+//# sourceMappingURL=ShippingUpdateView.js.map

package/dist/cjs/components/onboarding/shipping-update/ShippingUpdateView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShippingUpdateView.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/shipping-update/ShippingUpdateView.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/onboarding/shipping-update/contract.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SHIPPING_PRESETS = exports.SHIPPING_IN_FLIGHT = exports.SHIPPING_SCENES = void 0;
+exports.validateShippingUpdate = validateShippingUpdate;
+const presets_json_1 = __importDefault(require("./presets.json"));
+exports.SHIPPING_SCENES = ['default', 'inTransit', 'delivered', 'delayed', 'loading', 'empty', 'error'];
+/** Scenes that are an operation in flight — none: tracking is read-only. */
+exports.SHIPPING_IN_FLIGHT = [];
+exports.SHIPPING_PRESETS = presets_json_1.default;
+function validateShippingUpdate(c) {
+    if (!Array.isArray(c.nodes) || c.nodes.length < 2)
+        return [{ path: 'nodes', message: 'nodes must list at least two steps.' }];
+    const issues = [];
+    if (!['transit', 'delivered', 'delayed'].includes(c.status))
+        issues.push({ path: 'status', message: 'status is transit, delivered or delayed.' });
+    if (!(Number.isInteger(c.currentIdx) && c.currentIdx >= 0 && c.currentIdx < c.nodes.length))
+        issues.push({ path: 'currentIdx', message: `currentIdx is a node index from 0 to ${c.nodes.length - 1}.` });
+    if (c.delayedIdx !== undefined && !(Number.isInteger(c.delayedIdx) && c.delayedIdx >= 0 && c.delayedIdx < c.nodes.length))
+        issues.push({ path: 'delayedIdx', message: 'delayedIdx is a node index.' });
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/cjs/components/onboarding/shipping-update/contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/shipping-update/contract.ts"],"names":[],"mappings":";;;;;;AA6CA,wDAOC;AAnDD,kEAAyC;AAU5B,QAAA,eAAe,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAU,CAAC;AAEtH,4EAA4E;AAC/D,QAAA,kBAAkB,GAAsB,EAAE,CAAC;AA6B3C,QAAA,gBAAgB,GAAG,sBAA6D,CAAC;AAE9F,SAAgB,sBAAsB,CAAC,CAAyB;IAC9D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,qCAAqC,EAAE,CAAC,CAAC;IAC9H,MAAM,MAAM,GAAsB,EAAE,CAAC;IACrC,IAAI,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,0CAA0C,EAAE,CAAC,CAAC;IAClJ,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,wCAAwC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;IACzM,IAAI,CAAC,CAAC,UAAU,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;QAAE,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,6BAA6B,EAAE,CAAC,CAAC;IACvM,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/cjs/components/onboarding/shipping-update/engine.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialShippingUpdate = initialShippingUpdate;
+exports.shippingSeed = shippingSeed;
+exports.shippingView = shippingView;
+function initialShippingUpdate(c, seed = {}) {
+    return { phase: seed.phase ?? c.status, cur: seed.cur ?? c.currentIdx };
+}
+function shippingSeed(c, scene) {
+    if (scene === 'inTransit')
+        return { phase: 'transit', cur: c.currentIdx < c.nodes.length - 1 ? c.currentIdx : 1 };
+    if (scene === 'delivered')
+        return { phase: 'delivered', cur: c.nodes.length - 1 };
+    if (scene === 'delayed')
+        return { phase: 'delayed', cur: c.delayedIdx ?? Math.max(1, c.currentIdx) };
+    return {};
+}
+function shippingView(c, s) {
+    const delivered = s.phase === 'delivered';
+    const delayed = s.phase === 'delayed';
+    const steps = c.nodes.map((n, i) => {
+        const done = delivered || i < s.cur;
+        const current = !delivered && i === s.cur;
+        return {
+            id: `n${i}`,
+            label: n.label,
+            detail: n.date,
+            state: done ? 'done' : current ? (delayed ? 'attention' : 'current') : 'pending',
+            note: current && delayed ? 'Delayed' : undefined,
+        };
+    });
+    const chip = delivered ? { tone: 'success', label: c.deliveredLabel, dot: true }
+        : delayed ? { tone: 'attention', label: 'Delayed', dot: true }
+            : { tone: 'neutral', label: c.transitLabel, dot: false };
+    return {
+        delivered, delayed, steps, chip,
+        etaLine: delivered ? c.deliveredLine : c.etaLine,
+        footerHint: delivered ? c.deliveredHint : delayed ? 'We’ll update you within 24 hours' : `Updated ${c.updated}`,
+        scene: (delivered ? 'delivered' : delayed ? 'delayed' : 'inTransit'),
+    };
+}
+//# sourceMappingURL=engine.js.map

package/dist/cjs/components/onboarding/shipping-update/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/shipping-update/engine.ts"],"names":[],"mappings":";;AAQA,sDAEC;AAED,oCAKC;AAED,oCAuBC;AAlCD,SAAgB,qBAAqB,CAAC,CAAyB,EAAE,OAA2B,EAAE;IAC5F,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;AAC1E,CAAC;AAED,SAAgB,YAAY,CAAC,CAAyB,EAAE,KAAoB;IAC1E,IAAI,KAAK,KAAK,WAAW;QAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClH,IAAI,KAAK,KAAK,WAAW;QAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;IAClF,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC;IACrG,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAgB,YAAY,CAAC,CAAyB,EAAE,CAAsB;IAC5E,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC;IAC1C,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC;IACtC,MAAM,KAAK,GAAgB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;QACpC,MAAM,OAAO,GAAG,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;QAC1C,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,CAAC,CAAC,KAAK;YACd,MAAM,EAAE,CAAC,CAAC,IAAI;YACd,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;YAChF,IAAI,EAAE,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;SACjD,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,IAAI,GAAyD,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,IAAI,EAAE;QACpI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE;YAC9D,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;IAC3D,OAAO;QACL,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI;QAC/B,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;QAChD,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE;QAC/G,KAAK,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAkB;KACtF,CAAC;AACJ,CAAC"}

package/dist/cjs/components/onboarding/shipping-update/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShippingUpdate = exports.shippingView = exports.shippingSeed = exports.initialShippingUpdate = exports.validateShippingUpdate = exports.SHIPPING_SCENES = exports.SHIPPING_PRESETS = exports.SHIPPING_IN_FLIGHT = void 0;
+var contract_1 = require("./contract");
+Object.defineProperty(exports, "SHIPPING_IN_FLIGHT", { enumerable: true, get: function () { return contract_1.SHIPPING_IN_FLIGHT; } });
+Object.defineProperty(exports, "SHIPPING_PRESETS", { enumerable: true, get: function () { return contract_1.SHIPPING_PRESETS; } });
+Object.defineProperty(exports, "SHIPPING_SCENES", { enumerable: true, get: function () { return contract_1.SHIPPING_SCENES; } });
+Object.defineProperty(exports, "validateShippingUpdate", { enumerable: true, get: function () { return contract_1.validateShippingUpdate; } });
+var engine_1 = require("./engine");
+Object.defineProperty(exports, "initialShippingUpdate", { enumerable: true, get: function () { return engine_1.initialShippingUpdate; } });
+Object.defineProperty(exports, "shippingSeed", { enumerable: true, get: function () { return engine_1.shippingSeed; } });
+Object.defineProperty(exports, "shippingView", { enumerable: true, get: function () { return engine_1.shippingView; } });
+var ShippingUpdateView_1 = require("./ShippingUpdateView");
+Object.defineProperty(exports, "ShippingUpdate", { enumerable: true, get: function () { return ShippingUpdateView_1.ShippingUpdate; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/onboarding/shipping-update/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/shipping-update/index.ts"],"names":[],"mappings":";;;AAAA,uCAGoB;AAFlB,8GAAA,kBAAkB,OAAA;AAAE,4GAAA,gBAAgB,OAAA;AAAE,2GAAA,eAAe,OAAA;AAAE,kHAAA,sBAAsB,OAAA;AAG/E,mCAAgI;AAAvH,+GAAA,qBAAqB,OAAA;AAAE,sGAAA,YAAY,OAAA;AAAE,sGAAA,YAAY,OAAA;AAC1D,2DAAgF;AAAvE,oHAAA,cAAc,OAAA"}

package/dist/cjs/components/onboarding/shipping-update/presets.json

@@ -0,0 +1,204 @@
+{
+    "component": "shipping-update",
+    "baseCopy": {
+        "loadErrorTitle": "Couldn’t load this step",
+        "loadErrorBody": "Nothing was lost. Retry to load it again.",
+        "retryLabel": "Retry",
+        "emptyCta": "Refresh"
+    },
+    "base": {
+        "type": "schedule",
+        "icon": "truck",
+        "title": "Order #1042",
+        "subtitle": "Linen shirt, Canvas tote",
+        "trackLabel": "Tracking number",
+        "trackingNo": "1Z 999 AA1 01 2345 6784",
+        "status": "transit",
+        "currentIdx": 2,
+        "nodes": [
+            {
+                "label": "Ordered",
+                "date": "Mon 23 Sep"
+            },
+            {
+                "label": "Shipped",
+                "date": "Tue 24 Sep"
+            },
+            {
+                "label": "Out for delivery",
+                "date": "Today"
+            },
+            {
+                "label": "Delivered",
+                "date": "Expected today"
+            }
+        ],
+        "transitLabel": "In transit",
+        "deliveredLabel": "Delivered",
+        "timelineLabel": "Delivery progress",
+        "etaLine": "Arrives today by 18:00",
+        "deliveredLine": "Delivered today at 14:12 · left at front door",
+        "deliveredHint": "Signed for by Ana",
+        "updated": "12 min ago",
+        "delayTitle": "Delayed",
+        "delayBody": "Your parcel is held up in transit. We’ll send a new delivery date soon.",
+        "primaryLabel": "View order",
+        "emptyTitle": "No tracking yet",
+        "emptyBody": "Tracking appears once your order ships.",
+        "emptyCta": "Refresh"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "type": "action",
+            "icon": "refresh",
+            "title": "Return #R-311",
+            "subtitle": "Linen shirt · wrong size",
+            "trackingNo": "RT 4410 2291 08",
+            "ship": "delivered",
+            "nodes": [
+                {
+                    "label": "Requested",
+                    "date": "Thu 19 Sep"
+                },
+                {
+                    "label": "Picked up",
+                    "date": "Fri 20 Sep"
+                },
+                {
+                    "label": "Received",
+                    "date": "Mon 23 Sep"
+                },
+                {
+                    "label": "Refunded",
+                    "date": "Tue 24 Sep"
+                }
+            ],
+            "deliveredLabel": "Refunded",
+            "deliveredLine": "$48.00 refunded to Visa ••42",
+            "deliveredHint": "Refunds can take 3–5 days to show",
+            "primaryLabel": "View refund"
+        },
+        "case3": {
+            "type": "file",
+            "icon": "flask",
+            "title": "Blood test · J. Carter",
+            "subtitle": "Riverside Lab",
+            "trackLabel": "Sample ID",
+            "trackingNo": "RL-2026-09-4471",
+            "currentIdx": 1,
+            "nodes": [
+                {
+                    "label": "Collected",
+                    "date": "Today 08:40"
+                },
+                {
+                    "label": "In lab",
+                    "date": "Today 10:15"
+                },
+                {
+                    "label": "Reviewed",
+                    "date": "Expected tomorrow"
+                },
+                {
+                    "label": "Results ready",
+                    "date": "Expected tomorrow"
+                }
+            ],
+            "transitLabel": "In lab",
+            "deliveredLabel": "Results ready",
+            "etaLine": "Results expected tomorrow by 12:00",
+            "deliveredLine": "Results are in the patient portal",
+            "primaryLabel": "Open patient record",
+            "timelineLabel": "Sample progress"
+        },
+        "case4": {
+            "type": "action",
+            "icon": "laptop",
+            "title": "Laptop for Priya Nair",
+            "subtitle": "IT request #IT-882",
+            "trackingNo": "DHL 7730 1184 22",
+            "ship": "delayed",
+            "delayedIdx": 2,
+            "currentIdx": 2,
+            "nodes": [
+                {
+                    "label": "Approved",
+                    "date": "Mon 16 Sep"
+                },
+                {
+                    "label": "Shipped",
+                    "date": "Wed 18 Sep"
+                },
+                {
+                    "label": "Customs",
+                    "date": "Since Fri 20 Sep"
+                },
+                {
+                    "label": "Delivered",
+                    "date": "Was due Mon 23 Sep"
+                }
+            ],
+            "delayTitle": "Held at customs",
+            "delayBody": "Customs needs the commercial invoice. IT has sent it; expect an update within 24 hours.",
+            "primaryLabel": "View request"
+        },
+        "case5": {
+            "type": "file",
+            "icon": "doc",
+            "title": "Signed contract · Harbor Legal",
+            "subtitle": "Courier · original documents",
+            "trackingNo": "CX-55 8810 4",
+            "ship": "delivered",
+            "nodes": [
+                {
+                    "label": "Sent",
+                    "date": "Tue 17 Sep"
+                },
+                {
+                    "label": "In transit",
+                    "date": "Wed 18 Sep"
+                },
+                {
+                    "label": "Signed",
+                    "date": "Thu 19 Sep"
+                },
+                {
+                    "label": "Returned",
+                    "date": "Mon 23 Sep"
+                }
+            ],
+            "deliveredLabel": "Returned",
+            "deliveredLine": "Signed originals received by Finance",
+            "deliveredHint": "Filed in Contracts · 2026",
+            "primaryLabel": "View document"
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · E-commerce",
+            "title": "Order delivery",
+            "scenario": "An order is out for delivery."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · E-commerce",
+            "title": "Return",
+            "scenario": "A return has been received and refunded."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · Clinic",
+            "title": "Lab sample",
+            "scenario": "A blood sample is in the lab."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · IT",
+            "title": "Hardware order",
+            "scenario": "A laptop is held at customs."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · Legal/Finance",
+            "title": "Document courier",
+            "scenario": "Signed originals are back with Finance."
+        }
+    }
+}