@appinternalleads/ui 0.4.0 → 0.4.1

package/dist/esm/components/onboarding/send-completion/contract.js

@@ -0,0 +1,76 @@
+import { COLOR_FORMATS, parseColor } from '../shared/configColor';
+import presetsJson from './presets.json';
+/**
+ * **Send Completion** — a send button that finishes its own story. Pressed, its icon launches on a
+ * looping flight, the button balls up into a circle, a check draws in, and a pill slides out with
+ * the completed label ("Send" → "Sent!"). Rive owns every frame of it
+ * (`rive/send-completion/`); the config owns the words, the colours, the icon, the shape and the
+ * behaviour — never the motion.
+ *
+ * The press runs the host's `send` operation. The check is not drawn until it has succeeded: a
+ * slow send holds the circle (it breathes) and a failed one returns the button and says so. So
+ * `sent` means the send is done — the one component here whose last frame IS the task's result,
+ * because it waits for it.
+ */
+export const SEND_COMPLETION_SCENES = ['default', 'sending', 'sent', 'failed', 'loading', 'empty', 'error'];
+/** Scenes that are the send in flight — see `sceneProps`. */
+export const SEND_COMPLETION_IN_FLIGHT = ['sending'];
+/** The icons the button can carry and launch, in the order the Rive file holds them. */
+export const SEND_COMPLETION_ICONS = ['plane', 'arrow', 'chevron'];
+export const SEND_COMPLETION_PRESETS = presetsJson;
+/** Limits that keep the words legible inside the fixed button and pill. */
+export const SEND_COMPLETION_LIMITS = {
+    label: { words: 3, chars: 16 },
+    completedLabel: { words: 3, chars: 16 },
+    tapHint: { words: 3, chars: 20 },
+    iconScale: [0.6, 1.4],
+    cornerRadius: [0, 40],
+    width: [160, 960],
+};
+/** One playthrough, press to "Sent!": 65 frames at 24 fps; the reference then holds it 2.3 s. */
+export const SEND_COMPLETION_SECONDS = 2.7;
+const COLOR_KEYS = ['backgroundColor', 'buttonColor', 'textColor', 'iconColor', 'completionColor', 'trailColor'];
+const isText = (v) => typeof v === 'string' && v.trim() !== '';
+const words = (s) => s.trim().split(/\s+/).filter(Boolean).length;
+const inRange = (v, [lo, hi]) => typeof v === 'number' && Number.isFinite(v) && v >= lo && v <= hi;
+/**
+ * The config's problems, each with its field. Words over a limit are refused, never shortened.
+ * Never throws, whatever it is given.
+ */
+export function validateSendCompletion(c) {
+    const issues = [];
+    for (const key of ['label', 'completedLabel', 'tapHint']) {
+        const v = c?.[key];
+        const lim = SEND_COMPLETION_LIMITS[key];
+        if (!isText(v)) {
+            issues.push({ path: key, message: `${key} needs text.` });
+            continue;
+        }
+        if ([...v].some(ch => ch.charCodeAt(0) < 32 || ch.charCodeAt(0) === 127)) {
+            issues.push({ path: key, message: `${key} is one line of plain text.` });
+            continue;
+        }
+        if (words(v) > lim.words)
+            issues.push({ path: key, message: `${key} takes at most ${lim.words} words; it has ${words(v)}.` });
+        if (v.trim().length > lim.chars)
+            issues.push({ path: key, message: `${key} takes at most ${lim.chars} characters; it has ${v.trim().length}.` });
+    }
+    for (const key of COLOR_KEYS) {
+        if (!parseColor(c?.[key]))
+            issues.push({ path: key, message: `${key} is a colour: ${COLOR_FORMATS}.` });
+    }
+    if (!SEND_COMPLETION_ICONS.includes(c?.sendIcon))
+        issues.push({ path: 'sendIcon', message: `sendIcon is one of ${SEND_COMPLETION_ICONS.join(', ')}.` });
+    if (!inRange(c?.iconScale, SEND_COMPLETION_LIMITS.iconScale))
+        issues.push({ path: 'iconScale', message: 'iconScale is a number from 0.6 to 1.4.' });
+    if (!inRange(c?.cornerRadius, SEND_COMPLETION_LIMITS.cornerRadius))
+        issues.push({ path: 'cornerRadius', message: 'cornerRadius is a number from 0 to 40.' });
+    if (!inRange(c?.width, SEND_COMPLETION_LIMITS.width))
+        issues.push({ path: 'width', message: 'width is a number of points from 160 to 960.' });
+    for (const key of ['showTapCue', 'autoplay', 'loop']) {
+        if (c?.[key] !== undefined && typeof c[key] !== 'boolean')
+            issues.push({ path: key, message: `${key} is yes or no.` });
+    }
+    return issues;
+}
+//# sourceMappingURL=contract.js.map

package/dist/esm/components/onboarding/send-completion/contract.js.map

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

package/dist/esm/components/onboarding/send-completion/engine.d.ts

@@ -0,0 +1,20 @@
+import { type SendCompletionScene, type SendCompletionSettings } from './contract';
+/** Where the send is — the host's truth, which the animation follows. */
+export type SendPhase = 'idle' | 'sending' | 'sent' | 'failed';
+/** A demo scene's starting point. */
+export type SendCompletionSeed = {
+    phase: SendPhase;
+    message?: string;
+};
+export declare function sendCompletionSeed(_config: SendCompletionSettings, scene: SendCompletionScene | string): SendCompletionSeed;
+export type RiveWrite = {
+    kind: 'string' | 'color' | 'number' | 'boolean';
+    name: string;
+    value: string | number | boolean;
+};
+/**
+ * **The config as the Rive file's view model takes it.** The one place its names appear
+ * (`rive/send-completion/README.md`); the icon goes by its index in the file.
+ */
+export declare function riveWrites(c: SendCompletionSettings): RiveWrite[];
+//# sourceMappingURL=engine.d.ts.map

package/dist/esm/components/onboarding/send-completion/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/send-completion/engine.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAE1G,yEAAyE;AACzE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE/D,qCAAqC;AACrC,MAAM,MAAM,kBAAkB,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,EAAE,KAAK,EAAE,mBAAmB,GAAG,MAAM,GAAG,kBAAkB,CAE3H;AAED,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;CAAE,CAAC;AAE5H;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,sBAAsB,GAAG,SAAS,EAAE,CAiBjE"}

package/dist/esm/components/onboarding/send-completion/engine.js

@@ -0,0 +1,28 @@
+import { argb } from '../shared/configColor';
+import { SEND_COMPLETION_ICONS } from './contract';
+export function sendCompletionSeed(_config, scene) {
+    return { phase: scene === 'sending' ? 'sending' : scene === 'sent' ? 'sent' : scene === 'failed' ? 'failed' : 'idle' };
+}
+/**
+ * **The config as the Rive file's view model takes it.** The one place its names appear
+ * (`rive/send-completion/README.md`); the icon goes by its index in the file.
+ */
+export function riveWrites(c) {
+    return [
+        { kind: 'string', name: 'label', value: c.label.trim() },
+        { kind: 'string', name: 'completedLabel', value: c.completedLabel.trim() },
+        { kind: 'string', name: 'tapHint', value: c.tapHint.trim() },
+        { kind: 'color', name: 'backgroundColor', value: argb(c.backgroundColor) },
+        { kind: 'color', name: 'buttonColor', value: argb(c.buttonColor) },
+        { kind: 'color', name: 'textColor', value: argb(c.textColor) },
+        { kind: 'color', name: 'iconColor', value: argb(c.iconColor) },
+        { kind: 'color', name: 'completionColor', value: argb(c.completionColor) },
+        { kind: 'color', name: 'trailColor', value: argb(c.trailColor) },
+        { kind: 'number', name: 'iconIndex', value: Math.max(0, SEND_COMPLETION_ICONS.indexOf(c.sendIcon)) },
+        { kind: 'number', name: 'iconScale', value: c.iconScale },
+        { kind: 'number', name: 'cornerRadius', value: c.cornerRadius },
+        { kind: 'boolean', name: 'showTapCue', value: c.showTapCue },
+        { kind: 'boolean', name: 'loop', value: !!c.loop },
+    ];
+}
+//# sourceMappingURL=engine.js.map

package/dist/esm/components/onboarding/send-completion/engine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/send-completion/engine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAyD,MAAM,YAAY,CAAC;AAQ1G,MAAM,UAAU,kBAAkB,CAAC,OAA+B,EAAE,KAAmC;IACrG,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;AACzH,CAAC;AAID;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,CAAyB;IAClD,OAAO;QACL,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE;QACxD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE;QAC1E,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE;QAC5D,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;QAC1E,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE;QAClE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE;QAC9D,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE;QAC9D,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE;QAC1E,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE;QAChE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAG,qBAA2C,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE;QAC3H,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,SAAS,EAAE;QACzD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,CAAC,YAAY,EAAE;QAC/D,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,UAAU,EAAE;QAC5D,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;KACnD,CAAC;AACJ,CAAC"}

package/dist/esm/components/onboarding/send-completion/index.d.ts

@@ -0,0 +1,6 @@
+export { SEND_COMPLETION_ICONS, SEND_COMPLETION_IN_FLIGHT, SEND_COMPLETION_LIMITS, SEND_COMPLETION_PRESETS, SEND_COMPLETION_SCENES, SEND_COMPLETION_SECONDS, validateSendCompletion, type SendCompletionColors, type SendCompletionCopy, type SendCompletionIcon, type SendCompletionScene, type SendCompletionSettings, type SendCompletionStatus, } from './contract';
+export { riveWrites as sendCompletionRiveWrites, sendCompletionSeed, type SendCompletionSeed, type SendPhase } from './engine';
+export { SendCompletion, type SendCompletionOperations, type SendCompletionProps } from './SendCompletionView';
+export { COLOR_TOKENS as CONFIG_COLOR_TOKENS, configColorHex, parseColor as parseConfigColor } from '../shared/configColor';
+export type { SendStageCommand, SendStageProps } from './SendStage.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/onboarding/send-completion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/onboarding/send-completion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAClJ,sBAAsB,EACtB,KAAK,oBAAoB,EAAE,KAAK,kBAAkB,EAAE,KAAK,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB,GAC9J,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,kBAAkB,EAAE,KAAK,kBAAkB,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC/H,OAAO,EAAE,cAAc,EAAE,KAAK,wBAAwB,EAAE,KAAK,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE/G,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,cAAc,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5H,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/components/onboarding/send-completion/index.js

@@ -0,0 +1,6 @@
+export { SEND_COMPLETION_ICONS, SEND_COMPLETION_IN_FLIGHT, SEND_COMPLETION_LIMITS, SEND_COMPLETION_PRESETS, SEND_COMPLETION_SCENES, SEND_COMPLETION_SECONDS, validateSendCompletion, } from './contract';
+export { riveWrites as sendCompletionRiveWrites, sendCompletionSeed } from './engine';
+export { SendCompletion } from './SendCompletionView';
+/* Colours a config may give — hex, rgb(), rgba(), hue tokens, transparent — for builders' colour controls. */
+export { COLOR_TOKENS as CONFIG_COLOR_TOKENS, configColorHex, parseColor as parseConfigColor } from '../shared/configColor';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/onboarding/send-completion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/onboarding/send-completion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EAAE,yBAAyB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,uBAAuB,EAClJ,sBAAsB,GAEvB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,IAAI,wBAAwB,EAAE,kBAAkB,EAA2C,MAAM,UAAU,CAAC;AAC/H,OAAO,EAAE,cAAc,EAA2D,MAAM,sBAAsB,CAAC;AAC/G,8GAA8G;AAC9G,OAAO,EAAE,YAAY,IAAI,mBAAmB,EAAE,cAAc,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/components/onboarding/send-completion/presets.json

@@ -0,0 +1,132 @@
+{
+    "component": "send-completion",
+    "baseCopy": {
+        "loadingLabel": "Loading {title}",
+        "attentionLabel": "Needs attention",
+        "loadErrorTitle": "Couldn’t load the button",
+        "loadErrorBody": "Nothing was lost. Retry to load it again.",
+        "retryLabel": "Retry",
+        "emptyTitle": "Nothing to send yet",
+        "emptyBody": "There’s nothing ready to send.",
+        "emptyCta": "Refresh"
+    },
+    "base": {
+        "type": "action",
+        "icon": "rocket",
+        "title": "Send a message",
+        "subtitle": "Press the button: it launches, then confirms",
+        "label": "Send",
+        "completedLabel": "Sent!",
+        "tapHint": "TAP/CLICK",
+        "backgroundColor": "transparent",
+        "buttonColor": "#281483",
+        "textColor": "#FFFFFF",
+        "iconColor": "#AEB6FF",
+        "completionColor": "#FFFFFF",
+        "trailColor": "#5461DC",
+        "sendIcon": "plane",
+        "iconScale": 1,
+        "cornerRadius": 6,
+        "width": 480,
+        "showTapCue": true,
+        "autoplay": false,
+        "loop": false,
+        "resetLabel": "Reset",
+        "idleChip": "Ready",
+        "sendingChip": "Sending",
+        "sentChip": "Sent",
+        "failTitle": "Couldn’t send",
+        "failBody": "Nothing was sent. Press the button to try again.",
+        "doneAnnouncement": "{completedLabel}"
+    },
+    "cases": {
+        "case1": {},
+        "case2": {
+            "type": "file",
+            "icon": "doc",
+            "title": "Submit the form",
+            "subtitle": "The same motion, different words",
+            "label": "Submit",
+            "completedLabel": "Submitted!",
+            "sendIcon": "arrow",
+            "showTapCue": false
+        },
+        "case3": {
+            "type": "file",
+            "icon": "upload",
+            "title": "Upload a file",
+            "subtitle": "Colours from Solarium hue tokens",
+            "label": "Upload",
+            "completedLabel": "Uploaded",
+            "buttonColor": "skyDeep",
+            "textColor": "#FFFFFF",
+            "iconColor": "#CFE3F3",
+            "completionColor": "#FFFFFF",
+            "sendIcon": "arrow",
+            "cornerRadius": 20,
+            "showTapCue": false,
+            "trailColor": "sky"
+        },
+        "case4": {
+            "type": "action",
+            "icon": "bolt",
+            "title": "Confirm the order",
+            "subtitle": "A dark, rounder button and a larger icon",
+            "label": "Confirm",
+            "completedLabel": "Confirmed",
+            "buttonColor": "#0F172A",
+            "textColor": "#FFF7ED",
+            "iconColor": "#FDBA74",
+            "completionColor": "#86EFAC",
+            "trailColor": "#EA580C",
+            "sendIcon": "chevron",
+            "iconScale": 1.25,
+            "cornerRadius": 40,
+            "width": 360,
+            "showTapCue": false
+        },
+        "case5": {
+            "type": "agent",
+            "icon": "sparkle",
+            "title": "Save — on repeat",
+            "subtitle": "Loops on its own, as a decoration",
+            "label": "Save",
+            "completedLabel": "Saved!",
+            "iconColor": "#EEEBF7",
+            "completionColor": "#FFFFFF",
+            "textColor": "#FFFFFF",
+            "loop": true,
+            "showTapCue": true,
+            "width": 320,
+            "buttonColor": "lilacDeep",
+            "trailColor": "lilacDeep"
+        }
+    },
+    "meta": {
+        "case1": {
+            "eyebrow": "Case study 1 · Messaging",
+            "title": "Send → Sent!",
+            "scenario": "The reference’s motion as it ships: the tap cue, the press, the paper plane’s loop, the button balling up into a check and the “Sent!” pill — on no ground of its own, so it sits on any surface. The check waits for the host’s send."
+        },
+        "case2": {
+            "eyebrow": "Case study 2 · Forms",
+            "title": "Submit → Submitted!",
+            "scenario": "A form’s submit button: new words and the arrow icon, no tap cue. Nothing about the motion changes — “Submitted!” shrinks to fit the pill."
+        },
+        "case3": {
+            "eyebrow": "Case study 3 · Files",
+            "title": "Upload → Uploaded",
+            "scenario": "An upload in sky blue: colours from Solarium hue tokens and a rounder button."
+        },
+        "case4": {
+            "eyebrow": "Case study 4 · Commerce",
+            "title": "Confirm → Confirmed",
+            "scenario": "A checkout confirm: a dark pill-shaped button, a larger chevron, a green check, a smaller stage."
+        },
+        "case5": {
+            "eyebrow": "Case study 5 · Decoration",
+            "title": "Save, on repeat",
+            "scenario": "A looping illustration of saving: it presses itself, holds “Saved!” and resets, forever. Decorative — no send is made."
+        }
+    }
+}