@appinternalleads/ui 0.3.0 → 0.4.1

package/dist/esm/components/onboarding/animated-status/contract.js

@@ -0,0 +1,78 @@
+import { COLOR_TOKENS, parseColor } from '../shared/configColor';
+import presetsJson from './presets.json';
+/**
+ * **Animated Status** — a short animated message in a fixed motion design (Rive,
+ * `rive/animated-status/`): six scenes, from an opening word a square bounces across to a dark end
+ * card with an icon. The config gives the words, two colours and the icon; the motion, layout,
+ * typography and timing are the component's and have no key.
+ *
+ * Every word slot has its own word limit, part of the design: over it, the config is refused with
+ * the reason — never cut short. A longer word shrinks inside its fixed box in the animation, so no
+ * text can move anything. `done` means the animation finished playing — not that the task the
+ * words describe is done; the host owns that.
+ */
+export const ANIMATED_STATUS_SCENES = ['default', 'playing', 'done', 'loading', 'empty', 'error'];
+export const ANIMATED_STATUS_IN_FLIGHT = [];
+/** The emblem's icons, in the order the Rive file holds their artwork. */
+export const ANIMATED_STATUS_ICONS = ['search', 'location', 'document', 'calendar', 'check', 'sparkles', 'loader', 'warning'];
+/** Each slot's limits: words `[min, max]`, characters, and characters per word. */
+export const ANIMATED_STATUS_SLOTS = {
+    scene1Text: { words: [1, 1], maxChars: 12, shows: 'the opening word; a square bounces across it and fills it in' },
+    scene2Text: { words: [1, 1], maxChars: 12, shows: 'one word, stacked up the screen five times' },
+    scene3Text: { words: [6, 6], maxChars: 44, maxWordChars: 11, shows: 'six words, one per line, each larger; the fifth is emphasised' },
+    scene4Text: { words: [3, 3], maxChars: 20, maxWordChars: 6, shows: 'three words as hard cuts; a full stop follows the third' },
+    scene5Text: { words: [1, 3], maxChars: 22, shows: 'the call to action' },
+    scene6Text: { words: [1, 3], maxChars: 36, shows: 'the sign-off on the dark end card' },
+};
+export const ANIMATED_STATUS_SLOT_KEYS = Object.keys(ANIMATED_STATUS_SLOTS);
+export const ANIMATED_STATUS_PRESETS = presetsJson;
+/** How long one playthrough takes: 271 frames at 24 fps. */
+export const ANIMATED_STATUS_SECONDS = 11.3;
+/* Colours are content here: see `shared/configColor`. */
+export { COLOR_TOKENS, parseColor } from '../shared/configColor';
+/* ─── validation ──────────────────────────────────────────────────────────────────────────── */
+const words = (s) => s.trim().split(/\s+/).filter(Boolean);
+const plural = (n, one) => `${n} ${one}${n === 1 ? '' : 's'}`;
+/**
+ * The config's problems, each with its field. Text over a limit is refused and says which limit;
+ * it is never shortened. Never throws, whatever it is given.
+ */
+export function validateAnimatedStatus(c) {
+    const issues = [];
+    for (const key of ANIMATED_STATUS_SLOT_KEYS) {
+        const rule = ANIMATED_STATUS_SLOTS[key];
+        const text = c?.[key];
+        if (typeof text !== 'string' || !text.trim()) {
+            issues.push({ path: key, message: `${key} needs text: ${rule.shows}.` });
+            continue;
+        }
+        if ([...text].some(ch => ch.charCodeAt(0) < 32 || ch.charCodeAt(0) === 127)) {
+            issues.push({ path: key, message: `${key} is one line of plain text.` });
+            continue;
+        }
+        const ws = words(text);
+        const [min, max] = rule.words;
+        const exact = min === max;
+        if (ws.length > max)
+            issues.push({ path: key, message: `${key} takes ${exact ? 'exactly' : 'at most'} ${plural(max, 'word')} (${rule.shows}); it has ${ws.length}.` });
+        else if (ws.length < min)
+            issues.push({ path: key, message: `${key} takes ${exact ? 'exactly' : 'at least'} ${plural(min, 'word')} (${rule.shows}); it has ${ws.length}.` });
+        if (text.trim().length > rule.maxChars)
+            issues.push({ path: key, message: `${key} takes at most ${rule.maxChars} characters; it has ${text.trim().length}.` });
+        const long = rule.maxWordChars ? ws.filter(w => w.length > rule.maxWordChars) : [];
+        if (long.length)
+            issues.push({ path: key, message: `Each word of ${key} is at most ${rule.maxWordChars} characters: ${long.join(', ')} is too long.` });
+    }
+    for (const key of ['textColor', 'accentColor']) {
+        // eslint-disable-next-line comppack/no-raw-colour -- the message names the colour formats the config may supply
+        if (!parseColor(c?.[key]))
+            issues.push({ path: key, message: `${key} is a colour: #RGB, #RRGGBB, #RRGGBBAA, rgb(), rgba() or a hue token (${Object.keys(COLOR_TOKENS).slice(0, 4).join(', ')}…).` });
+    }
+    if (!ANIMATED_STATUS_ICONS.includes(c?.emblemIcon)) {
+        issues.push({ path: 'emblemIcon', message: `emblemIcon is one of ${ANIMATED_STATUS_ICONS.join(', ')}.` });
+    }
+    if (c?.autoplay !== undefined && typeof c.autoplay !== 'boolean')
+        issues.push({ path: 'autoplay', message: 'autoplay is yes or no.' });
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/esm/components/onboarding/animated-status/contract.js.map

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

package/dist/esm/components/onboarding/animated-status/engine.d.ts

@@ -0,0 +1,24 @@
+import { ANIMATED_STATUS_SLOT_KEYS, type AnimatedStatusScene, type AnimatedStatusSettings, type AnimatedStatusStatus } from './contract';
+export { cssColor } from '../shared/configColor';
+/** A demo scene's starting point: where playback is when the card shows. */
+export type AnimatedStatusSeed = {
+    status: AnimatedStatusStatus;
+};
+export declare function animatedStatusSeed(_config: AnimatedStatusSettings, scene: AnimatedStatusScene | string): AnimatedStatusSeed;
+/** The config's words, as the animation shows them. */
+export type AnimatedStatusWords = Record<(typeof ANIMATED_STATUS_SLOT_KEYS)[number], string>;
+export declare const wordsOf: (c: AnimatedStatusSettings) => AnimatedStatusWords;
+/** Everything the animation says, in order — its accessible name (a canvas has no text of its own). */
+export declare function spokenText(w: AnimatedStatusWords): string;
+export type RiveWrite = {
+    kind: 'string' | 'color' | 'number';
+    name: string;
+    value: string | number;
+};
+/**
+ * **The words and appearance as the Rive file's view model takes them.** The one place its names
+ * appear: scene 3's words go one per line (`scene3Line1–6`), scene 4's one per cut
+ * (`scene4Word1–3`), and the icon by its index in the file (`iconIndex`).
+ */
+export declare function riveWrites(w: AnimatedStatusWords, textColor: string, accentColor: string, icon: string): RiveWrite[];
+//# sourceMappingURL=engine.d.ts.map

package/dist/esm/components/onboarding/animated-status/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/engine.ts"],"names":[],"mappings":"AAAA,OAAO,EACkB,yBAAyB,EAChD,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB,EACjF,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,4EAA4E;AAC5E,MAAM,MAAM,kBAAkB,GAAG;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC;AAElE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,EAAE,KAAK,EAAE,mBAAmB,GAAG,MAAM,GAAG,kBAAkB,CAE3H;AAED,uDAAuD;AACvD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAC7F,eAAO,MAAM,OAAO,GAAI,GAAG,sBAAsB,KAAG,mBACoE,CAAC;AAEzH,uGAAuG;AACvG,wBAAgB,UAAU,CAAC,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAEzD;AAGD,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC;AAEtG;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,CAcpH"}

package/dist/esm/components/onboarding/animated-status/engine.js

@@ -0,0 +1,32 @@
+import { ANIMATED_STATUS_ICONS, ANIMATED_STATUS_SLOT_KEYS, } from './contract';
+import { argb } from '../shared/configColor';
+export { cssColor } from '../shared/configColor';
+export function animatedStatusSeed(_config, scene) {
+    return { status: scene === 'playing' ? 'playing' : scene === 'done' ? 'done' : 'idle' };
+}
+export const wordsOf = (c) => Object.fromEntries(ANIMATED_STATUS_SLOT_KEYS.map(k => [k, c[k].trim().split(/\s+/).join(' ')]));
+/** Everything the animation says, in order — its accessible name (a canvas has no text of its own). */
+export function spokenText(w) {
+    return [w.scene1Text, w.scene2Text, w.scene3Text, `${w.scene4Text}.`, w.scene5Text, w.scene6Text].join(' · ');
+}
+/**
+ * **The words and appearance as the Rive file's view model takes them.** The one place its names
+ * appear: scene 3's words go one per line (`scene3Line1–6`), scene 4's one per cut
+ * (`scene4Word1–3`), and the icon by its index in the file (`iconIndex`).
+ */
+export function riveWrites(w, textColor, accentColor, icon) {
+    const s3 = w.scene3Text.split(' ');
+    const s4 = w.scene4Text.split(' ');
+    return [
+        { kind: 'string', name: 'scene1Text', value: w.scene1Text },
+        { kind: 'string', name: 'scene2Text', value: w.scene2Text },
+        ...s3.map((v, i) => ({ kind: 'string', name: `scene3Line${i + 1}`, value: v })),
+        ...s4.map((v, i) => ({ kind: 'string', name: `scene4Word${i + 1}`, value: v })),
+        { kind: 'string', name: 'scene5Text', value: w.scene5Text },
+        { kind: 'string', name: 'scene6Text', value: w.scene6Text },
+        { kind: 'color', name: 'textColor', value: argb(textColor) },
+        { kind: 'color', name: 'accentColor', value: argb(accentColor) },
+        { kind: 'number', name: 'iconIndex', value: Math.max(0, ANIMATED_STATUS_ICONS.indexOf(icon)) },
+    ];
+}
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/onboarding/animated-status/engine.js.map

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

package/dist/esm/components/onboarding/animated-status/index.d.ts

@@ -0,0 +1,5 @@
+export { ANIMATED_STATUS_ICONS, ANIMATED_STATUS_IN_FLIGHT, ANIMATED_STATUS_PRESETS, ANIMATED_STATUS_SCENES, ANIMATED_STATUS_SECONDS, ANIMATED_STATUS_SLOTS, COLOR_TOKENS as ANIMATED_STATUS_COLOR_TOKENS, parseColor as parseAnimatedStatusColor, validateAnimatedStatus, type AnimatedStatusIcon, type AnimatedStatusScene, type AnimatedStatusSettings, type AnimatedStatusStatus, } from './contract';
+export { animatedStatusSeed, riveWrites as animatedStatusRiveWrites, spokenText as animatedStatusSpokenText, type AnimatedStatusSeed } from './engine';
+export { AnimatedStatus, type AnimatedStatusProps } from './AnimatedStatusView';
+export type { AnimatedStageProps, AnimatedStageCommand } from './AnimatedStage.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/onboarding/animated-status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,qBAAqB,EACjJ,YAAY,IAAI,4BAA4B,EAAE,UAAU,IAAI,wBAAwB,EAAE,sBAAsB,EAC5G,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB,GAC1G,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,wBAAwB,EAAE,UAAU,IAAI,wBAAwB,EAAE,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACvJ,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/components/onboarding/animated-status/index.js

@@ -0,0 +1,4 @@
+export { ANIMATED_STATUS_ICONS, ANIMATED_STATUS_IN_FLIGHT, ANIMATED_STATUS_PRESETS, ANIMATED_STATUS_SCENES, ANIMATED_STATUS_SECONDS, ANIMATED_STATUS_SLOTS, COLOR_TOKENS as ANIMATED_STATUS_COLOR_TOKENS, parseColor as parseAnimatedStatusColor, validateAnimatedStatus, } from './contract';
+export { animatedStatusSeed, riveWrites as animatedStatusRiveWrites, spokenText as animatedStatusSpokenText } from './engine';
+export { AnimatedStatus } from './AnimatedStatusView';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/onboarding/animated-status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/animated-status/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAAE,yBAAyB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,qBAAqB,EACjJ,YAAY,IAAI,4BAA4B,EAAE,UAAU,IAAI,wBAAwB,EAAE,sBAAsB,GAE7G,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,wBAAwB,EAAE,UAAU,IAAI,wBAAwB,EAA2B,MAAM,UAAU,CAAC;AACvJ,OAAO,EAAE,cAAc,EAA4B,MAAM,sBAAsB,CAAC"}

package/dist/esm/components/onboarding/animated-status/presets.json

@@ -0,0 +1,126 @@
+{
+    "component": "animated-status",
+    "baseCopy": {
+        "loadingLabel": "Loading {title}",
+        "attentionLabel": "Needs attention",
+        "loadErrorTitle": "Couldn’t load the animation",
+        "loadErrorBody": "Nothing was lost. Retry to load it again.",
+        "retryLabel": "Retry",
+        "emptyTitle": "Nothing to animate yet",
+        "emptyBody": "The words for this animation haven’t arrived.",
+        "emptyCta": "Refresh"
+    },
+    "base": {
+        "type": "agent",
+        "icon": "sparkle",
+        "title": "Brand promo",
+        "subtitle": "Animated status · plays once",
+        "scene1Text": "Hey",
+        "scene2Text": "Scroller",
+        "scene3Text": "Scrolling Won't Get Your BRAND Noticed",
+        "scene4Text": "BUT WE WILL",
+        "scene5Text": "contact us today",
+        "scene6Text": "comppack.vercel.app",
+        "textColor": "#0A0A0A",
+        "accentColor": "#8C2C3A",
+        "emblemIcon": "sparkles",
+        "autoplay": false,
+        "playLabel": "Play",
+        "replayLabel": "Replay",
+        "resetLabel": "Reset",
+        "idleLabel": "Ready",
+        "playingLabel": "Playing",
+        "doneLabel": "Played",
+        "hintText": "Plays once · {seconds} s"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "type": "data",
+            "icon": "search",
+            "title": "Restaurant search",
+            "subtitle": "While the agent looks for a table",
+            "scene1Text": "Search",
+            "scene2Text": "Nearby",
+            "scene3Text": "Hungry? Let Us Find TABLES Nearby",
+            "scene4Text": "WE FIND IT",
+            "scene5Text": "Finding restaurants",
+            "scene6Text": "tablefinder.app",
+            "textColor": "#1A1A1A",
+            "accentColor": "coral",
+            "emblemIcon": "location"
+        },
+        "case3": {
+            "type": "file",
+            "icon": "doc",
+            "title": "Contract review",
+            "subtitle": "While a document is read",
+            "scene1Text": "Opening",
+            "scene2Text": "Contract",
+            "scene3Text": "Reading Every Clause For YOU Now",
+            "scene4Text": "NEARLY THERE NOW",
+            "scene5Text": "Preparing results",
+            "scene6Text": "docs.acme.co",
+            "textColor": "skyDeep",
+            "accentColor": "sky",
+            "emblemIcon": "document"
+        },
+        "case4": {
+            "type": "schedule",
+            "icon": "calendar",
+            "title": "Meeting finder",
+            "subtitle": "While calendars are compared",
+            "scene1Text": "Checking",
+            "scene2Text": "Calendars",
+            "scene3Text": "Finding A Time That WORKS Everyone",
+            "scene4Text": "ONE SLOT LEFT",
+            "scene5Text": "Checking availability",
+            "scene6Text": "meet.acme.co",
+            "textColor": "#2A2724",
+            "accentColor": "butterDeep",
+            "emblemIcon": "calendar"
+        },
+        "case5": {
+            "type": "agent",
+            "icon": "spark",
+            "title": "Assistant reply",
+            "subtitle": "While a response is written",
+            "scene1Text": "Thinking",
+            "scene2Text": "Drafting",
+            "scene3Text": "Writing Your Reply With CARE Today",
+            "scene4Text": "ALMOST READY NOW",
+            "scene5Text": "Generating response",
+            "scene6Text": "assistant.acme.ai",
+            "textColor": "#1F1B2E",
+            "accentColor": "lilacDeep",
+            "emblemIcon": "sparkles"
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · Brand",
+            "title": "Brand promo",
+            "scenario": "The reference animation, word for word: Hey, the stacked Scroller, “Scrolling Won't Get Your BRAND Noticed”, BUT WE WILL, and the end card."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · Search",
+            "title": "Restaurant search",
+            "scenario": "An agent is finding a table nearby. Same motion, new words, a coral end card with the location icon. “Finding restaurants” is shown progress — not a result."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · Documents",
+            "title": "Contract review",
+            "scenario": "A document is being read. Sky-blue words from a hue token, the document icon."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Scheduling",
+            "title": "Meeting finder",
+            "scenario": "Calendars are being compared, with the calendar icon on a butter end card."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · Assistant",
+            "title": "Assistant reply",
+            "scenario": "An assistant is writing a reply: dark ink, a lilac end card and the sparkles icon."
+        }
+    }
+}