@scalebun/web 1.0.0

package/dist/features/inapp/blocks/heavy/spinwheel.js

@@ -0,0 +1,127 @@
+import { showUnavailable, clearUnavailable } from './unavailable';
+const COLORS = ['#6C5CE7', '#8b7bff', '#5b4bd6', '#a99cff', '#4c3fb0', '#7c6ef0'];
+const labelOf = (x) => (typeof x === 'string' ? x : String(x?.label ?? ''));
+function polar(cx, cy, r, deg) {
+    const a = ((deg - 90) * Math.PI) / 180;
+    return { x: cx + r * Math.cos(a), y: cy + r * Math.sin(a) };
+}
+function slicePath(cx, cy, r, a0, a1) {
+    const s = polar(cx, cy, r, a1);
+    const e = polar(cx, cy, r, a0);
+    const large = a1 - a0 <= 180 ? 0 : 1;
+    return `M ${cx} ${cy} L ${s.x} ${s.y} A ${r} ${r} 0 ${large} 0 ${e.x} ${e.y} Z`;
+}
+function reducedMotion() {
+    try {
+        return typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+    }
+    catch {
+        return false;
+    }
+}
+const SVGNS = 'http://www.w3.org/2000/svg';
+export const spinwheelRenderer = (block, ctx) => {
+    const segs = (Array.isArray(block.props?.segments) ? block.props.segments : []).map(labelOf).filter(Boolean);
+    const segments = segs.length ? segs : ['10% off', 'Free ship', 'Try again', '20% off', '$5 credit', 'Jackpot'];
+    const n = segments.length;
+    const result = Math.max(0, Math.min(n - 1, Number(block.props?.resultIndex) || 0));
+    const root = ctx.doc.createElement('div');
+    root.className = 'scalebun-wheel';
+    const size = 220;
+    const cx = size / 2;
+    const r = size / 2 - 4;
+    const step = 360 / n;
+    const svg = ctx.doc.createElementNS(SVGNS, 'svg');
+    svg.setAttribute('viewBox', `0 0 ${size} ${size}`);
+    svg.setAttribute('width', String(size));
+    svg.setAttribute('height', String(size));
+    svg.setAttribute('class', 'scalebun-wheel-svg');
+    segments.forEach((label, i) => {
+        const path = ctx.doc.createElementNS(SVGNS, 'path');
+        path.setAttribute('d', slicePath(cx, cx, r, i * step, (i + 1) * step));
+        path.setAttribute('fill', COLORS[i % COLORS.length]);
+        svg.appendChild(path);
+        const mid = polar(cx, cx, r * 0.62, i * step + step / 2);
+        const text = ctx.doc.createElementNS(SVGNS, 'text');
+        text.setAttribute('x', String(mid.x));
+        text.setAttribute('y', String(mid.y));
+        text.setAttribute('fill', '#fff');
+        text.setAttribute('font-size', '10');
+        text.setAttribute('text-anchor', 'middle');
+        text.setAttribute('transform', `rotate(${i * step + step / 2} ${mid.x} ${mid.y})`);
+        text.textContent = label.slice(0, 12);
+        svg.appendChild(text);
+    });
+    const pointer = ctx.doc.createElement('div');
+    pointer.className = 'scalebun-wheel-pointer';
+    const spinBtn = ctx.doc.createElement('button');
+    spinBtn.type = 'button';
+    spinBtn.className = 'scalebun-wheel-spin';
+    spinBtn.textContent = 'SPIN';
+    let spun = false;
+    const landAngle = (i) => 360 * 5 - (i * step + step / 2); // bring segment centre to the top pointer
+    /** Animate to a decided segment. Never called before the outcome is known. */
+    const landOn = (i, label) => {
+        const text = (label ?? segments[i] ?? '').slice(0, 14);
+        if (reducedMotion()) {
+            svg.style.transform = `rotate(${-(i * step + step / 2)}deg)`;
+            spinBtn.textContent = text;
+            return;
+        }
+        svg.style.transition = 'transform 3.4s cubic-bezier(.17,.67,.16,.99)';
+        svg.style.transform = `rotate(${landAngle(i)}deg)`;
+        const done = () => { spinBtn.textContent = text; };
+        svg.addEventListener('transitionend', done, { once: true });
+        setTimeout(done, 3600); // fallback if transitionend doesn't fire
+    };
+    /**
+     * SERVER-RESOLVED spin. `ctx.requestOutcome` is present only for the eight gamified variants, and
+     * it is asked HERE — on the click — rather than at render, so an impression nobody played never
+     * spends an attempt or hits the customer's backend.
+     *
+     * The wheel starts turning immediately and the answer lands it. Waiting for the network before any
+     * motion reads as a dead button on a slow connection; the spin is presentation, and the segment it
+     * stops on is the only part that has to be authoritative.
+     */
+    const spinResolved = (attempt) => {
+        spun = true;
+        spinBtn.disabled = true;
+        clearUnavailable(root);
+        if (!reducedMotion()) {
+            svg.style.transition = 'transform 1.1s linear';
+            svg.style.transform = 'rotate(400deg)';
+        }
+        void ctx.requestOutcome(attempt).then((outcome) => {
+            if (!outcome.ok) {
+                // The button stays a button; the explanation is its own element. A retry is a NEW attempt,
+                // so the host sees a fresh attempt number and its idempotency key changes with it.
+                svg.style.transition = '';
+                svg.style.transform = '';
+                spun = false;
+                spinBtn.disabled = false;
+                showUnavailable(root, ctx.doc, outcome, { onRetry: () => spinResolved(attempt + 1) });
+                ctx.onInteraction?.('spin_unavailable');
+                return;
+            }
+            const landed = Math.max(0, Math.min(n - 1, Number(outcome.index ?? 0)));
+            ctx.onInteraction?.(`spin:${landed}`);
+            landOn(landed, outcome.label);
+        });
+    };
+    spinBtn.addEventListener('click', () => {
+        if (spun)
+            return;
+        if (ctx.requestOutcome) {
+            spinResolved(1);
+            return;
+        }
+        // No resolver (a non-game use of this block): the authored `resultIndex` stands. Still never
+        // random — the client does not choose a prize under any path.
+        spun = true;
+        ctx.onInteraction?.(`spin:${result}`);
+        landOn(result);
+    });
+    root.append(pointer, svg, spinBtn);
+    return root;
+};
+//# sourceMappingURL=spinwheel.js.map

package/dist/features/inapp/blocks/heavy/spinwheel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinwheel.js","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/spinwheel.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAElE,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAClF,MAAM,OAAO,GAAG,CAAC,CAAU,EAAU,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAE,CAAwB,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC;AAErH,SAAS,KAAK,CAAC,EAAU,EAAE,EAAU,EAAE,CAAS,EAAE,GAAW;IAC3D,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IACvC,OAAO,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;AAC9D,CAAC;AACD,SAAS,SAAS,CAAC,EAAU,EAAE,EAAU,EAAE,CAAS,EAAE,EAAU,EAAE,EAAU;IAC1E,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/B,MAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/B,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAClF,CAAC;AAED,SAAS,aAAa;IACpB,IAAI,CAAC;QACH,OAAO,OAAO,UAAU,KAAK,WAAW,IAAI,UAAU,CAAC,kCAAkC,CAAC,CAAC,OAAO,CAAC;IACrG,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,MAAM,KAAK,GAAG,4BAA4B,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,KAAM,CAAC,QAAsB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC7H,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAC/G,MAAM,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAEnF,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;IAClC,MAAM,IAAI,GAAG,GAAG,CAAC;IACjB,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC;IACpB,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB,MAAM,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;IAErB,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAkB,CAAC;IACnE,GAAG,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IACnD,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACzC,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC;IAEhD,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QAC5B,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAE,CAAC,CAAC;QACtD,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC;QACzD,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACpD,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACrC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACnF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACtC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7C,OAAO,CAAC,SAAS,GAAG,wBAAwB,CAAC;IAC7C,MAAM,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,OAAO,CAAC,IAAI,GAAG,QAAQ,CAAC;IACxB,OAAO,CAAC,SAAS,GAAG,qBAAqB,CAAC;IAC1C,OAAO,CAAC,WAAW,GAAG,MAAM,CAAC;IAE7B,IAAI,IAAI,GAAG,KAAK,CAAC;IACjB,MAAM,SAAS,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,0CAA0C;IAE5G,8EAA8E;IAC9E,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,KAAc,EAAQ,EAAE;QACjD,MAAM,IAAI,GAAG,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,IAAI,aAAa,EAAE,EAAE,CAAC;YACpB,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC;YAC7D,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;YAC3B,OAAO;QACT,CAAC;QACD,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,8CAA8C,CAAC;QACtE,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACnD,MAAM,IAAI,GAAG,GAAG,EAAE,GAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QACnD,GAAG,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5D,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,yCAAyC;IACnE,CAAC,CAAC;IAEF;;;;;;;;OAQG;IACH,MAAM,YAAY,GAAG,CAAC,OAAe,EAAQ,EAAE;QAC7C,IAAI,GAAG,IAAI,CAAC;QACZ,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACxB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;YACrB,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,uBAAuB,CAAC;YAC/C,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC;QACzC,CAAC;QACD,KAAK,GAAG,CAAC,cAAe,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE;YACjD,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;gBAChB,2FAA2F;gBAC3F,mFAAmF;gBACnF,GAAG,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;gBAC1B,GAAG,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;gBACzB,IAAI,GAAG,KAAK,CAAC;gBACb,OAAO,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACzB,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;gBACtF,GAAG,CAAC,aAAa,EAAE,CAAC,kBAAkB,CAAC,CAAC;gBACxC,OAAO;YACT,CAAC;YACD,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YACxE,GAAG,CAAC,aAAa,EAAE,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAC;YACtC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACrC,IAAI,IAAI;YAAE,OAAO;QACjB,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC;YAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAAC,OAAO;QAAC,CAAC;QACpD,6FAA6F;QAC7F,8DAA8D;QAC9D,IAAI,GAAG,IAAI,CAAC;QACZ,GAAG,CAAC,aAAa,EAAE,CAAC,QAAQ,MAAM,EAAE,CAAC,CAAC;QACtC,MAAM,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IACnC,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/features/inapp/blocks/heavy/steps.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Mechanic block: multi-step wizard (`multiStepSheet`).
+ *
+ * The registry is explicit that this is not its own container — "multiStepSheet keeps the
+ * bottom-sheet defaults (it IS a bottom sheet, just wizard-paged)" — so the paging lives here as
+ * content and the sheet stays `slideover[placement=bottom]`. That also keeps the block library the
+ * source of distinctness, which is the registry's stated design.
+ *
+ * Semantics mirror the RN reference (`engageMultiStepSheet.ts`, read-only): the same label
+ * precedence, the same clamped index, and the same rule that a terminal CTA which isn't `dismiss`
+ * is handed to the host rather than resolved locally.
+ *
+ * Zero-dependency; own lazy chunk. No client state is persisted — a wizard that resumed mid-flow
+ * after a dismiss would contradict the frequency/throttle contract that governs when it may show.
+ */
+import type { BlockRenderer } from '../blocks';
+/** Labels, resolved with the RN precedence so one authored payload reads the same on both platforms. */
+export declare function stepLabels(props: Record<string, unknown> | undefined): {
+    back: string;
+    skip: string;
+    next: string;
+    finish: string;
+};
+/** Clamp a step move. Mirrors `resolveMultiStepSheetIndex`. */
+export declare function nextStepIndex(current: number, count: number, dir: 'next' | 'back'): number;
+export declare const stepsRenderer: BlockRenderer;
+//# sourceMappingURL=steps.d.ts.map

package/dist/features/inapp/blocks/heavy/steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/steps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAU/C,wGAAwG;AACxG,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,GAAG;IACtE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;CAC1D,CAQA;AAED,+DAA+D;AAC/D,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAG1F;AAeD,eAAO,MAAM,aAAa,EAAE,aAoG3B,CAAC"}

package/dist/features/inapp/blocks/heavy/steps.js

@@ -0,0 +1,127 @@
+const str = (v) => typeof v === 'string' && v.trim() ? v.trim() : undefined;
+/** Labels, resolved with the RN precedence so one authored payload reads the same on both platforms. */
+export function stepLabels(props) {
+    const p = props ?? {};
+    return {
+        back: str(p.backLabel) ?? 'Back',
+        skip: str(p.skipLabel) ?? str(p.secondaryLabel) ?? 'Skip',
+        next: str(p.nextLabel) ?? 'Next',
+        finish: str(p.finalLabel) ?? str(p.ctaLabel) ?? 'Finish',
+    };
+}
+/** Clamp a step move. Mirrors `resolveMultiStepSheetIndex`. */
+export function nextStepIndex(current, count, dir) {
+    if (count <= 0)
+        return 0;
+    return Math.max(0, Math.min(current + (dir === 'next' ? 1 : -1), count - 1));
+}
+function readSteps(props) {
+    const raw = props?.steps;
+    const rows = Array.isArray(raw) ? raw : [];
+    const steps = rows.map((r) => {
+        if (typeof r === 'string')
+            return { title: r };
+        const o = (r && typeof r === 'object' ? r : {});
+        return { title: str(o.title) ?? str(o.label), body: str(o.body) ?? str(o.text) };
+    });
+    // A wizard with no authored steps is a single-page sheet, not an empty one — never render a
+    // pager over nothing.
+    return steps.length ? steps : [{}];
+}
+export const stepsRenderer = (block, ctx) => {
+    const props = block.props;
+    const steps = readSteps(props);
+    const labels = stepLabels(props);
+    const doc = ctx.doc;
+    let index = 0;
+    const root = doc.createElement('div');
+    root.className = 'scalebun-steps';
+    // ── progress ──
+    const rail = doc.createElement('div');
+    rail.className = 'scalebun-steps-rail';
+    rail.setAttribute('role', 'progressbar');
+    rail.setAttribute('aria-valuemin', '1');
+    rail.setAttribute('aria-valuemax', String(steps.length));
+    const dots = steps.map(() => {
+        const d = doc.createElement('span');
+        d.className = 'scalebun-steps-dot';
+        rail.appendChild(d);
+        return d;
+    });
+    root.appendChild(rail);
+    // ── page ──
+    const page = doc.createElement('div');
+    page.className = 'scalebun-steps-page';
+    const h = doc.createElement('div');
+    h.className = 'scalebun-steps-title';
+    const b = doc.createElement('div');
+    b.className = 'scalebun-steps-body';
+    page.appendChild(h);
+    page.appendChild(b);
+    root.appendChild(page);
+    // ── nav ──
+    const nav = doc.createElement('div');
+    nav.className = 'scalebun-steps-nav';
+    const mk = (label, cls) => {
+        const el = doc.createElement('button');
+        el.type = 'button';
+        el.className = cls;
+        el.textContent = label;
+        nav.appendChild(el);
+        return el;
+    };
+    const back = mk(labels.back, 'scalebun-btn-ghost');
+    const skip = mk(labels.skip, 'scalebun-btn-ghost');
+    const fwd = mk(labels.next, 'scalebun-btn-primary');
+    root.appendChild(nav);
+    const paint = () => {
+        // `readSteps` guarantees at least one entry and `index` is clamped, so this is always present —
+        // defaulted rather than asserted so a future refactor degrades to an empty page, not a throw
+        // inside a render.
+        const s = steps[index] ?? {};
+        h.textContent = s.title ?? '';
+        h.style.display = s.title ? '' : 'none';
+        b.textContent = s.body ?? '';
+        b.style.display = s.body ? '' : 'none';
+        const last = index + 1 >= steps.length;
+        fwd.textContent = last ? labels.finish : labels.next;
+        // `hidden` rather than removal: the nav keeps its shape, so the primary button doesn't jump
+        // horizontally between steps.
+        back.hidden = index === 0;
+        skip.hidden = last;
+        rail.setAttribute('aria-valuenow', String(index + 1));
+        rail.setAttribute('aria-label', `Step ${index + 1} of ${steps.length}`);
+        dots.forEach((d, i) => {
+            d.setAttribute('data-state', i < index ? 'done' : i === index ? 'current' : 'todo');
+            // aria-current names the step for a screen reader; the dots are otherwise decorative.
+            if (i === index)
+                d.setAttribute('aria-current', 'step');
+            else
+                d.removeAttribute('aria-current');
+        });
+    };
+    const go = (dir) => {
+        const moved = nextStepIndex(index, steps.length, dir);
+        if (moved === index)
+            return;
+        index = moved;
+        paint();
+        // `onInteraction` is name-only by contract. The step number rides the name so a funnel can be
+        // built per step, and it is bounded by the authored step count — not open cardinality.
+        ctx.onInteraction?.(`step-${index + 1}`);
+    };
+    back.addEventListener('click', () => go('back'));
+    // Skip and finish both END the flow. The host owns what "finish" MEANS — a link or custom action
+    // rides the surface's own CTA block; this block only reports that the flow reached its end.
+    skip.addEventListener('click', () => ctx.onInteraction?.('step-skip'));
+    fwd.addEventListener('click', () => {
+        if (index + 1 >= steps.length) {
+            ctx.onInteraction?.('step-finish');
+            return;
+        }
+        go('next');
+    });
+    paint();
+    return root;
+};
+//# sourceMappingURL=steps.js.map

package/dist/features/inapp/blocks/heavy/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/steps.ts"],"names":[],"mappings":"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"}

package/dist/features/inapp/blocks/heavy/streak.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Mechanic block: streak / daily check-in — a row of day cells, filled up to a **server-decided**
+ * count.
+ *
+ * Why this exists: `streak_reward` and `daily_check_in` are two of eight variants the registry
+ * collapses onto the `checklistProgress` archetype, so both used to ship a progress bar and a
+ * to-do list. Neither is a to-do list. A streak is a run of consecutive days and a check-in is a
+ * calendar with a today cell — the shape IS the message, and a 40%-full bar says none of it.
+ *
+ * Outcome model matches every other mechanic here: `filled` and `today` come from the server. The
+ * block reflects state and never grants it — clicking the today cell reports an interaction, it does
+ * not mark the day complete locally.
+ *
+ * Zero-dependency, own lazy chunk (2 of 100 variants use it, so it must not sit in core).
+ */
+import type { BlockRenderer } from '../blocks';
+export declare const streakRenderer: BlockRenderer;
+//# sourceMappingURL=streak.d.ts.map

package/dist/features/inapp/blocks/heavy/streak.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"streak.d.ts","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/streak.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAO/C,eAAO,MAAM,cAAc,EAAE,aAyD5B,CAAC"}

package/dist/features/inapp/blocks/heavy/streak.js

@@ -0,0 +1,52 @@
+const int = (v, fallback) => {
+    const n = Number(v);
+    return Number.isFinite(n) ? Math.trunc(n) : fallback;
+};
+export const streakRenderer = (block, ctx) => {
+    const p = block.props ?? {};
+    /** 'checkin' draws a calendar-ish grid with a today cell; anything else is a linear streak run. */
+    const checkin = p.mode === 'checkin';
+    const labels = Array.isArray(p.labels) ? p.labels.map((l) => String(l ?? '')) : [];
+    // Day count follows the labels when the author supplied them, so a 5-day challenge is 5 cells.
+    const days = Math.max(1, Math.min(31, int(p.days, labels.length || 7)));
+    const filled = Math.max(0, Math.min(days, int(p.filled, 0)));
+    // `today` is 1-based to match how authors count days; -1 means "no today cell".
+    const today = checkin ? Math.max(0, Math.min(days, int(p.today, filled + 1))) : 0;
+    const root = ctx.doc.createElement('div');
+    root.className = checkin ? 'scalebun-streak scalebun-streak-checkin' : 'scalebun-streak';
+    root.setAttribute('role', 'group');
+    root.setAttribute('aria-label', checkin ? `Checked in ${filled} of ${days} days` : `${filled} day streak of ${days}`);
+    for (let i = 1; i <= days; i++) {
+        const done = i <= filled;
+        const isToday = i === today && !done;
+        const cell = ctx.doc.createElement(isToday ? 'button' : 'div');
+        cell.className = 'scalebun-streak-day';
+        cell.setAttribute('data-done', done ? 'true' : 'false');
+        if (isToday) {
+            cell.type = 'button';
+            cell.setAttribute('data-today', 'true');
+        }
+        const mark = ctx.doc.createElement('span');
+        mark.className = 'scalebun-streak-mark';
+        mark.setAttribute('aria-hidden', 'true');
+        // A flame reads as "streak" and a tick as "checked in"; the empty cell stays empty rather than
+        // showing a greyed glyph, which tested as looking already-done.
+        mark.textContent = done ? (checkin ? '✓' : '🔥') : '';
+        cell.appendChild(mark);
+        const label = labels[i - 1];
+        if (label) {
+            const cap = ctx.doc.createElement('span');
+            cap.className = 'scalebun-streak-label';
+            cap.textContent = label;
+            cell.appendChild(cap);
+        }
+        // Screen readers get the state as words — the glyph alone does not convey it.
+        cell.setAttribute('aria-label', `${label || `Day ${i}`} — ${done ? 'done' : isToday ? 'today' : 'not done'}`);
+        if (isToday) {
+            cell.addEventListener('click', () => ctx.onInteraction?.(`check_in:${i}`), { once: true });
+        }
+        root.appendChild(cell);
+    }
+    return root;
+};
+//# sourceMappingURL=streak.js.map

package/dist/features/inapp/blocks/heavy/streak.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streak.js","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/streak.ts"],"names":[],"mappings":"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"}

package/dist/features/inapp/blocks/heavy/table.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Heavy block: table (P3.6). Renders a data/comparison/pricing table from columns + rows. Text via
+ * textContent (safe). Own lazy chunk.
+ */
+import type { BlockRenderer } from '../blocks';
+export declare const tableRenderer: BlockRenderer;
+//# sourceMappingURL=table.d.ts.map

package/dist/features/inapp/blocks/heavy/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/table.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,eAAO,MAAM,aAAa,EAAE,aA8B3B,CAAC"}

package/dist/features/inapp/blocks/heavy/table.js

@@ -0,0 +1,30 @@
+export const tableRenderer = (block, ctx) => {
+    const columns = Array.isArray(block.props?.columns) ? block.props.columns.map(String) : [];
+    const rows = Array.isArray(block.props?.rows) ? block.props.rows : [];
+    const table = ctx.doc.createElement('table');
+    table.className = 'scalebun-table';
+    if (columns.length) {
+        const thead = ctx.doc.createElement('thead');
+        const tr = ctx.doc.createElement('tr');
+        for (const c of columns) {
+            const th = ctx.doc.createElement('th');
+            th.textContent = c;
+            tr.appendChild(th);
+        }
+        thead.appendChild(tr);
+        table.appendChild(thead);
+    }
+    const tbody = ctx.doc.createElement('tbody');
+    for (const row of rows) {
+        const tr = ctx.doc.createElement('tr');
+        for (const cell of Array.isArray(row) ? row : [row]) {
+            const td = ctx.doc.createElement('td');
+            td.textContent = cell == null ? '' : String(cell);
+            tr.appendChild(td);
+        }
+        tbody.appendChild(tr);
+    }
+    table.appendChild(tbody);
+    return table;
+};
+//# sourceMappingURL=table.js.map

package/dist/features/inapp/blocks/heavy/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/table.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,KAAM,CAAC,OAAqB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3G,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAE,KAAK,CAAC,KAAM,CAAC,IAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;IACxF,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7C,KAAK,CAAC,SAAS,GAAG,gBAAgB,CAAC;IAEnC,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACvC,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC;YACxB,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACvC,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC;YACnB,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACtB,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACvC,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACpD,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACvC,EAAE,CAAC,WAAW,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAClD,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC;QACD,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IACD,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/features/inapp/blocks/heavy/unavailable.d.ts

@@ -0,0 +1,28 @@
+/**
+ * G3 — the shared "we could not get your reward" state for the eight gamified mechanics.
+ *
+ * Before this, each block overwrote its own button's label. That worked but was three different
+ * failure presentations, and it destroyed the control's affordance: a SPIN button reading "Back
+ * shortly" is neither a message nor a button. Worse, a non-retryable failure left a dead control on
+ * screen with no explanation of why nothing happened.
+ *
+ * One element, one behaviour: say what happened, and offer a retry only when the host said the
+ * failure was retryable. Lives with the heavy blocks so it costs core nothing.
+ */
+import type { BlockOutcome } from '../blocks';
+export interface UnavailableOptions {
+    /** Called when the user asks to try again. Only wired when the outcome is retryable. */
+    onRetry?: () => void;
+    /** Label for the retry control. */
+    retryLabel?: string;
+}
+/**
+ * Render (or replace) the notice inside `root`.
+ *
+ * Replaces rather than appends: a user who retries twice should see one message, not a growing
+ * stack of them.
+ */
+export declare function showUnavailable(root: HTMLElement, doc: Document, outcome: BlockOutcome, opts?: UnavailableOptions): void;
+/** Remove any notice — used when a retry succeeds. */
+export declare function clearUnavailable(root: HTMLElement): void;
+//# sourceMappingURL=unavailable.d.ts.map

package/dist/features/inapp/blocks/heavy/unavailable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unavailable.d.ts","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/unavailable.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,EACjB,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,IAAI,GAAE,kBAAuB,GAC5B,IAAI,CAyBN;AAED,sDAAsD;AACtD,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAExD"}

package/dist/features/inapp/blocks/heavy/unavailable.js

@@ -0,0 +1,33 @@
+/**
+ * Render (or replace) the notice inside `root`.
+ *
+ * Replaces rather than appends: a user who retries twice should see one message, not a growing
+ * stack of them.
+ */
+export function showUnavailable(root, doc, outcome, opts = {}) {
+    root.querySelector('.scalebun-game-note')?.remove();
+    const note = doc.createElement('div');
+    note.className = 'scalebun-game-note';
+    // Announced, because the thing the user just clicked appears not to have worked.
+    note.setAttribute('role', 'status');
+    const text = doc.createElement('span');
+    text.textContent = outcome.message ?? 'Rewards are unavailable right now.';
+    note.appendChild(text);
+    if (outcome.retryable && opts.onRetry) {
+        const retry = doc.createElement('button');
+        retry.type = 'button';
+        retry.className = 'scalebun-game-retry';
+        retry.textContent = opts.retryLabel ?? 'Try again';
+        retry.addEventListener('click', () => {
+            note.remove();
+            opts.onRetry?.();
+        }, { once: true });
+        note.appendChild(retry);
+    }
+    root.appendChild(note);
+}
+/** Remove any notice — used when a retry succeeds. */
+export function clearUnavailable(root) {
+    root.querySelector('.scalebun-game-note')?.remove();
+}
+//# sourceMappingURL=unavailable.js.map

package/dist/features/inapp/blocks/heavy/unavailable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unavailable.js","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/unavailable.ts"],"names":[],"mappings":"AAoBA;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,IAAiB,EACjB,GAAa,EACb,OAAqB,EACrB,OAA2B,EAAE;IAE7B,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEpD,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,SAAS,GAAG,oBAAoB,CAAC;IACtC,iFAAiF;IACjF,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAEpC,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACvC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,IAAI,oCAAoC,CAAC;IAC3E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvB,IAAI,OAAO,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC1C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,SAAS,GAAG,qBAAqB,CAAC;QACxC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,IAAI,WAAW,CAAC;QACnD,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YACnC,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;QACnB,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;QACnB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC;IAED,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,gBAAgB,CAAC,IAAiB;IAChD,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;AACtD,CAAC"}

package/dist/features/inapp/blocks/heavy/video.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Heavy block: video (P3.6). Poster + click-to-load — NO autoplay by default (respectful + light: the
+ * <video> element and network fetch happen only on interaction). Own lazy chunk.
+ */
+import type { BlockRenderer } from '../blocks';
+export declare const videoRenderer: BlockRenderer;
+//# sourceMappingURL=video.d.ts.map

package/dist/features/inapp/blocks/heavy/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/video.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAE/C,eAAO,MAAM,aAAa,EAAE,aAqC3B,CAAC"}

package/dist/features/inapp/blocks/heavy/video.js

@@ -0,0 +1,38 @@
+export const videoRenderer = (block, ctx) => {
+    const src = typeof block.props?.src === 'string' ? block.props.src : '';
+    const poster = typeof block.props?.poster === 'string' ? block.props.poster : '';
+    const root = ctx.doc.createElement('div');
+    root.className = 'scalebun-video';
+    if (!src)
+        return root;
+    const mount = () => {
+        root.replaceChildren();
+        const video = ctx.doc.createElement('video');
+        video.className = 'scalebun-video-el';
+        video.src = src;
+        video.controls = true;
+        video.autoplay = true;
+        video.playsInline = true;
+        root.appendChild(video);
+        ctx.onInteraction?.('video_play');
+    };
+    const btn = ctx.doc.createElement('button');
+    btn.type = 'button';
+    btn.className = 'scalebun-video-poster';
+    btn.setAttribute('aria-label', 'Play video');
+    if (poster) {
+        const img = ctx.doc.createElement('img');
+        img.src = poster;
+        img.alt = '';
+        img.loading = 'lazy';
+        btn.appendChild(img);
+    }
+    const play = ctx.doc.createElement('span');
+    play.className = 'scalebun-video-play';
+    play.textContent = '▶';
+    btn.appendChild(play);
+    btn.addEventListener('click', mount);
+    root.appendChild(btn);
+    return root;
+};
+//# sourceMappingURL=video.js.map

package/dist/features/inapp/blocks/heavy/video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../../../src/features/inapp/blocks/heavy/video.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,aAAa,GAAkB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzD,MAAM,GAAG,GAAG,OAAO,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACxE,MAAM,MAAM,GAAG,OAAO,KAAK,CAAC,KAAK,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACjF,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;IAClC,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAEtB,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,MAAM,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC7C,KAAK,CAAC,SAAS,GAAG,mBAAmB,CAAC;QACtC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QAChB,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;QACtB,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACxB,GAAG,CAAC,aAAa,EAAE,CAAC,YAAY,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5C,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC;IACpB,GAAG,CAAC,SAAS,GAAG,uBAAuB,CAAC;IACxC,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC7C,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACzC,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC;QACjB,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC;QACb,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;QACrB,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACvB,CAAC;IACD,MAAM,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC3C,IAAI,CAAC,SAAS,GAAG,qBAAqB,CAAC;IACvC,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;IACvB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IACrC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IACtB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/features/inapp/blocks/styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * IAM 2.0 block + shared control styles (P1.1). A single CSS string adopted once into the Shadow
+ * host (via `ShadowHost.addStyles`) — classes, not inline style attrs, so a strict CSP passes.
+ * All colors reference the theme CSS vars set on `:host` (§P0.2), so light/dark just works.
+ */
+export declare const BLOCKS_CSS = "\n.scalebun-h{ font-size:17px; font-weight:700; margin:0 0 6px; color:var(--scalebun-fg); }\n.scalebun-text{ font-size:14px; line-height:1.5; margin:0 0 6px; color:var(--scalebun-fg); }\n.scalebun-rich{ font-size:14px; line-height:1.5; color:var(--scalebun-fg); }\n.scalebun-img{ display:block; max-width:100%; height:auto; border-radius:8px; margin:0 0 10px; }\n.scalebun-list{ margin:0 0 8px; padding-left:18px; color:var(--scalebun-fg); font-size:14px; }\n.scalebun-list li{ margin:2px 0; }\n.scalebun-callout{ display:flex; gap:8px; align-items:flex-start; background:color-mix(in srgb, var(--scalebun-accent) 10%, transparent);\n  border:1px solid var(--scalebun-border); border-radius:8px; padding:8px 10px; font-size:13.5px; color:var(--scalebun-fg); margin:0 0 8px; }\n.scalebun-badge{ display:inline-block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px;\n  background:var(--scalebun-accent); color:var(--scalebun-accent-fg); border-radius:999px; padding:2px 8px; }\n.scalebun-divider{ border:0; border-top:1px solid var(--scalebun-border); margin:10px 0; }\n.scalebun-progress{ height:8px; border-radius:4px; background:color-mix(in srgb, var(--scalebun-fg) 10%, transparent); overflow:hidden; margin:8px 0; }\n.scalebun-progress-fill{ height:100%; background:var(--scalebun-accent); border-radius:4px; transition:width .3s ease; }\n.scalebun-spacer{ height:8px; }\n.scalebun-cta-row{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }\n.scalebun-btn{ font:inherit; font-size:13.5px; font-weight:600; border-radius:8px; padding:8px 14px; cursor:pointer;\n  border:1px solid transparent; transition:filter .12s ease; }\n.scalebun-btn:hover{ filter:brightness(1.06); }\n.scalebun-btn:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }\n.scalebun-btn-primary{ background:var(--scalebun-accent); color:var(--scalebun-accent-fg); }\n.scalebun-btn-secondary{ background:transparent; color:var(--scalebun-fg); border-color:var(--scalebun-border); }\n.scalebun-btn-ghost{ background:transparent; color:var(--scalebun-fg); }\n.scalebun-btn-link{ background:transparent; color:var(--scalebun-accent); border:0; padding:8px 4px; text-decoration:underline; }\n.scalebun-btn-dismiss{ background:transparent; color:var(--scalebun-muted); border:0; }\n\n/* Checklist \u2014 state-reflecting, never state-granting (the mark comes from the server). */\n.scalebun-checklist{ list-style:none; margin:8px 0; padding:0; display:flex; flex-direction:column; gap:7px; }\n.scalebun-checklist-item{ display:flex; align-items:flex-start; gap:9px; font-size:14px; line-height:1.45; }\n.scalebun-checklist-mark{ flex-shrink:0; width:18px; height:18px; border-radius:50%; margin-top:1px;\n  border:1.5px solid var(--scalebun-border); display:grid; place-items:center;\n  font-size:11px; font-weight:700; line-height:1; }\n.scalebun-checklist-item[data-done=\"true\"] .scalebun-checklist-mark{\n  background:var(--scalebun-accent); border-color:var(--scalebun-accent); color:var(--scalebun-accent-fg); }\n/* Done items recede but stay readable \u2014 struck-through text fails contrast for many readers. */\n.scalebun-checklist-item[data-done=\"true\"] .scalebun-checklist-label{ color:var(--scalebun-muted); }\n\n/* The engage theme contract names titleColor and bodyColor separately while IAM carries one\n   foreground. Headings read their own var, which FALLS BACK to --scalebun-fg \u2014 so nothing changes\n   unless a campaign actually set a distinct title colour. */\n.scalebun-h{ color:var(--scalebun-title, var(--scalebun-fg)); }\n\n/* multiStepSheet wizard paging. Buttons reuse .scalebun-btn-* above rather than restyling. */\n.scalebun-steps{ display:flex; flex-direction:column; gap:12px; }\n.scalebun-steps-rail{ display:flex; gap:6px; align-items:center; }\n.scalebun-steps-dot{ height:4px; flex:1; border-radius:99px; background:var(--scalebun-border);\n  transition:background .18s ease; }\n.scalebun-steps-dot[data-state=\"current\"], .scalebun-steps-dot[data-state=\"done\"]{ background:var(--scalebun-accent); }\n.scalebun-steps-dot[data-state=\"todo\"]{ opacity:.55; }\n.scalebun-steps-title{ font-size:16px; font-weight:700; }\n.scalebun-steps-body{ font-size:14px; line-height:1.5; color:var(--scalebun-muted); }\n/* Back sits left, the primary action right; margin-left:auto on the forward button keeps that\n   split stable when Back/Skip are hidden on the first and last steps. */\n.scalebun-steps-nav{ display:flex; gap:8px; align-items:center; margin-top:2px; }\n.scalebun-steps-nav .scalebun-btn-primary{ margin-left:auto; }\n@media (prefers-reduced-motion: reduce){ .scalebun-steps-dot{ transition:none; } }\n\n/* heavy blocks (P3.6) \u2014 styles live with the light sheet (adopted once); the renderers are lazy */\n.scalebun-md-h{ font-weight:700; margin:8px 0 6px; }\n.scalebun-md-p{ font-size:14px; line-height:1.5; margin:0 0 8px; }\n.scalebun-md-ul{ margin:0 0 8px; padding-left:18px; font-size:14px; }\n.scalebun-md code, .scalebun-code code{ font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }\n.scalebun-md code{ background:color-mix(in srgb, var(--scalebun-fg) 8%, transparent); padding:1px 5px; border-radius:5px; font-size:12.5px; }\n.scalebun-code{ border:1px solid var(--scalebun-border); border-radius:10px; overflow:hidden; margin:0 0 8px; }\n.scalebun-code-bar{ display:flex; align-items:center; justify-content:space-between; padding:6px 10px;\n  background:color-mix(in srgb, var(--scalebun-fg) 6%, transparent); border-bottom:1px solid var(--scalebun-border); }\n.scalebun-code-lang{ font-size:11px; color:var(--scalebun-muted); text-transform:uppercase; letter-spacing:.04em; }\n.scalebun-code-copy{ background:none; border:0; color:var(--scalebun-accent); cursor:pointer; font:inherit; font-size:11.5px; }\n.scalebun-code-pre{ margin:0; padding:12px; overflow-x:auto; font-size:12.5px; line-height:1.5; }\n.scalebun-stat{ display:inline-flex; flex-direction:column; }\n.scalebun-stat-value{ font-size:26px; font-weight:800; line-height:1; }\n.scalebun-stat-label{ font-size:12px; color:var(--scalebun-muted); margin-top:3px; }\n.scalebun-stat-delta{ font-size:12px; font-weight:700; margin-top:2px; }\n.scalebun-stat-delta.up{ color:#2fa96b; } .scalebun-stat-delta.down{ color:#e0483d; }\n.scalebun-table{ width:100%; border-collapse:collapse; font-size:13px; margin:0 0 8px; }\n.scalebun-table th, .scalebun-table td{ text-align:left; padding:7px 10px; border-bottom:1px solid var(--scalebun-border); }\n.scalebun-table th{ color:var(--scalebun-muted); font-weight:600; font-size:11.5px; text-transform:uppercase; letter-spacing:.03em; }\n.scalebun-video{ position:relative; border-radius:10px; overflow:hidden; }\n.scalebun-video-poster{ display:block; position:relative; width:100%; padding:0; border:0; cursor:pointer; background:#000; }\n.scalebun-video-poster img{ display:block; width:100%; height:auto; opacity:.85; }\n.scalebun-video-play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#fff; font-size:34px; }\n.scalebun-video-el{ display:block; width:100%; height:auto; }\n\n/* mechanic blocks \u2014 countdown */\n.scalebun-countdown{ display:flex; gap:8px; justify-content:center; margin:10px 0; }\n.scalebun-cd-cell{ min-width:52px; text-align:center; background:color-mix(in srgb, var(--scalebun-fg) 8%, transparent);\n  border:1px solid var(--scalebun-border); border-radius:10px; padding:8px 6px; }\n.scalebun-cd-num{ font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; }\n.scalebun-cd-lab{ font-size:10px; color:var(--scalebun-muted); text-transform:uppercase; letter-spacing:.05em; margin-top:4px; }\n/* carousel */\n.scalebun-carousel{ margin:0 0 8px; }\n.scalebun-car-track{ display:flex; gap:10px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding-bottom:4px; }\n.scalebun-car-track::-webkit-scrollbar{ display:none; }\n.scalebun-car-slide{ flex:0 0 100%; scroll-snap-align:center; }\n.scalebun-car-img{ width:100%; height:auto; border-radius:10px; display:block; margin-bottom:8px; }\n.scalebun-car-title{ font-weight:700; font-size:14px; margin-bottom:4px; }\n.scalebun-car-text{ font-size:13px; color:var(--scalebun-muted); }\n.scalebun-car-dots{ display:flex; gap:6px; justify-content:center; margin-top:8px; }\n.scalebun-car-dot{ width:7px; height:7px; padding:0; border:0; border-radius:50%; cursor:pointer;\n  background:color-mix(in srgb, var(--scalebun-fg) 25%, transparent); }\n.scalebun-car-dot.on{ background:var(--scalebun-accent); }\n/* product grid */\n.scalebun-pgrid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); gap:10px; margin:0 0 8px; }\n.scalebun-pcard{ position:relative; text-align:left; background:var(--scalebun-bg); border:1px solid var(--scalebun-border);\n  border-radius:10px; padding:8px; cursor:pointer; font:inherit; color:var(--scalebun-fg); }\n.scalebun-pcard:hover{ border-color:var(--scalebun-accent); }\n.scalebun-pcard-img{ width:100%; height:auto; border-radius:6px; display:block; margin-bottom:6px; }\n.scalebun-pcard-badge{ position:absolute; top:6px; left:6px; font-size:10px; font-weight:700; background:var(--scalebun-accent);\n  color:var(--scalebun-accent-fg); border-radius:6px; padding:1px 6px; }\n.scalebun-pcard-title{ font-size:12.5px; font-weight:600; }\n.scalebun-pcard-price{ font-size:13px; font-weight:800; color:var(--scalebun-accent); margin-top:2px; }\n/* confetti */\n.scalebun-confetti{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }\n.scalebun-confetti-canvas{ position:absolute; inset:0; width:100%; height:100%; }\n.scalebun-confetti-static{ position:static; display:flex; align-items:center; justify-content:center; font-size:40px; }\n/* spin wheel */\n.scalebun-wheel{ position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; margin:8px 0; }\n.scalebun-wheel-svg{ display:block; transform-origin:50% 50%; }\n.scalebun-wheel-pointer{ position:absolute; top:-2px; left:50%; transform:translateX(-50%); width:0; height:0;\n  border-left:9px solid transparent; border-right:9px solid transparent; border-top:14px solid var(--scalebun-fg); z-index:2; }\n.scalebun-wheel-spin{ font:inherit; font-weight:800; font-size:13px; letter-spacing:.04em; padding:9px 20px; border-radius:999px;\n  border:0; background:var(--scalebun-accent); color:var(--scalebun-accent-fg); cursor:pointer; }\n/* scratch card */\n.scalebun-scratch{ position:relative; width:300px; max-width:100%; height:90px; margin:8px auto; border-radius:10px; overflow:hidden;\n  border:1px dashed var(--scalebun-border); }\n.scalebun-scratch-prize{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-weight:800;\n  font-size:18px; color:var(--scalebun-accent); }\n.scalebun-scratch-cover{ position:absolute; inset:0; width:100%; height:100%; cursor:crosshair; touch-action:none; }\n/* Mystery box: a lid you TAP, not a surface you drag. Same block, same server-decided prize. */\n.scalebun-scratch-box{ height:120px; }\n.scalebun-scratch-lid{ position:absolute; inset:0; width:100%; height:100%; border:0; cursor:pointer;\n  display:grid; place-items:center; font-size:40px; line-height:1;\n  background:linear-gradient(160deg, var(--scalebun-accent), color-mix(in srgb, var(--scalebun-accent) 60%, #000));\n  transition:transform .3s ease, opacity .3s ease; }\n.scalebun-scratch-lid:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }\n.scalebun-scratch-lid[data-open=\"true\"]{ transform:translateY(-100%) rotate(-6deg); opacity:0; pointer-events:none; }\n@media (prefers-reduced-motion: reduce){ .scalebun-scratch-lid{ transition:none; } }\n/* Gamified failure state \u2014 one presentation across every mechanic. */\n.scalebun-game-note{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;\n  margin:10px 0 0; padding:9px 12px; border-radius:10px; font-size:13px; line-height:1.4; text-align:center;\n  background:color-mix(in srgb, var(--scalebun-fg) 6%, transparent); color:var(--scalebun-muted); }\n.scalebun-game-retry{ border:0; cursor:pointer; font:inherit; font-weight:600; padding:5px 12px; border-radius:8px;\n  background:var(--scalebun-accent); color:var(--scalebun-accent-fg, #fff); }\n.scalebun-game-retry:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }\n/* streak / daily check-in: a run of day cells. Wraps, so a 31-day month does not overflow. */\n.scalebun-streak{ display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; }\n.scalebun-streak-day{ flex:0 0 auto; min-width:38px; padding:7px 4px; border-radius:9px; border:0;\n  display:flex; flex-direction:column; align-items:center; gap:3px; font:inherit;\n  background:color-mix(in srgb, var(--scalebun-fg) 7%, transparent); color:var(--scalebun-muted); }\n.scalebun-streak-mark{ font-size:16px; line-height:1.1; min-height:18px; }\n.scalebun-streak-label{ font-size:10px; letter-spacing:.02em; text-transform:uppercase; }\n.scalebun-streak-day[data-done=\"true\"]{ background:color-mix(in srgb, var(--scalebun-accent) 18%, transparent);\n  color:var(--scalebun-accent); }\n/* Today is the only actionable cell, so it is the only one that looks pressable. */\n.scalebun-streak-day[data-today=\"true\"]{ cursor:pointer; color:var(--scalebun-fg);\n  box-shadow:inset 0 0 0 2px var(--scalebun-accent); }\n.scalebun-streak-day[data-today=\"true\"]:focus-visible{ outline:2px solid var(--scalebun-accent); outline-offset:2px; }\n/* slot machine */\n.scalebun-slot{ display:flex; flex-direction:column; align-items:center; gap:12px; margin:8px 0; }\n.scalebun-slot-reels{ display:flex; gap:8px; }\n.scalebun-slot-reel{ width:48px; height:44px; overflow:hidden; border:1px solid var(--scalebun-border); border-radius:8px;\n  background:color-mix(in srgb, var(--scalebun-fg) 6%, transparent); }\n.scalebun-slot-strip{ display:flex; flex-direction:column; transform:translateY(0); }\n.scalebun-slot-cell{ height:44px; display:flex; align-items:center; justify-content:center; font-size:24px; }\n.scalebun-slot-spin{ padding:8px 18px; }\n/* qr */\n.scalebun-qr{ display:flex; flex-direction:column; align-items:center; gap:8px; margin:8px 0; }\n.scalebun-qr-svg{ border-radius:8px; }\n.scalebun-qr-cap{ font-size:11.5px; color:var(--scalebun-muted); word-break:break-all; text-align:center; max-width:220px; }\n\n/* feedback / mechanic blocks (P4.2) */\n.scalebun-nps{ display:flex; gap:4px; flex-wrap:wrap; margin:6px 0; }\n.scalebun-nps-btn{ width:30px; height:30px; border:1px solid var(--scalebun-border); border-radius:7px; background:transparent;\n  color:var(--scalebun-fg); cursor:pointer; font:inherit; font-size:12.5px; }\n.scalebun-nps-btn:hover{ background:var(--scalebun-accent); color:var(--scalebun-accent-fg); border-color:transparent; }\n.scalebun-rating{ display:flex; gap:2px; }\n.scalebun-star{ background:none; border:0; cursor:pointer; font-size:22px; color:var(--scalebun-border); padding:0 2px; }\n.scalebun-star.on{ color:#f5b301; }\n.scalebun-emoji{ display:flex; gap:8px; }\n.scalebun-emoji-btn{ background:none; border:0; cursor:pointer; font-size:24px; padding:2px; border-radius:8px; }\n.scalebun-emoji-btn:hover{ background:color-mix(in srgb, var(--scalebun-fg) 8%, transparent); }\n.scalebun-poll-q, .scalebun-quiz .scalebun-poll-q{ font-weight:600; font-size:13.5px; margin:0 0 8px; }\n.scalebun-poll-opt, .scalebun-quiz-opt{ position:relative; display:flex; align-items:center; width:100%; text-align:left;\n  border:1px solid var(--scalebun-border); border-radius:8px; background:transparent; color:var(--scalebun-fg);\n  padding:9px 12px; margin:0 0 6px; cursor:pointer; font:inherit; font-size:13.5px; overflow:hidden; }\n.scalebun-poll-opt:hover, .scalebun-quiz-opt:hover{ border-color:var(--scalebun-accent); }\n.scalebun-poll-label{ position:relative; z-index:1; flex:1; }\n.scalebun-poll-bar{ position:absolute; left:0; top:0; bottom:0; background:color-mix(in srgb, var(--scalebun-accent) 22%, transparent); }\n.scalebun-poll-pct{ position:relative; z-index:1; font-size:12px; color:var(--scalebun-muted); }\n.scalebun-quiz-opt.correct{ border-color:#2fa96b; background:color-mix(in srgb, #2fa96b 14%, transparent); }\n.scalebun-quiz-opt.incorrect{ border-color:#e0483d; background:color-mix(in srgb, #e0483d 14%, transparent); }\n";
+//# sourceMappingURL=styles.d.ts.map

package/dist/features/inapp/blocks/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/features/inapp/blocks/styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,UAAU,qhgBA+LtB,CAAC"}