@stackable-labs/embeddables 1.68.0 → 1.69.0

package/dist/embeddables/src/components/ExtensionSetup.d.ts

@@ -1,3 +1,11 @@
+import { type EventDomain } from '@stackable-labs/sdk-extension-contracts';
+declare global {
+    interface Window {
+        stackable?: {
+            emit: (type: `${EventDomain}:${string}`, payload?: Record<string, unknown>) => void;
+        };
+    }
+}
 export interface ExtensionSetupProps {
     queryApiBase?: string;
     apiBase?: string;

package/dist/embeddables/src/stackable-widget.d.ts

@@ -1,8 +1 @@
-import type { EventDomain } from '@stackable-labs/sdk-extension-contracts';
-declare global {
-    interface Window {
-        stackable?: {
-            emit: (type: `${EventDomain}:${string}`, payload?: Record<string, unknown>) => void;
-        };
-    }
-}
+export {};

package/dist/react.js

@@ -5,7 +5,7 @@ import * as Cn from "react-dom";
 import ps from "react-dom";
 const el = () => {
   try {
-    return "4fbe8185-5a77-4a76-bee1-bbf61afd3cbe";
+    return "f305b0bb-d5a0-4759-ad08-1563998460ba";
   } catch {
     return "dev";
   }
@@ -894,7 +894,7 @@ function $l(e) {
 }
 const Fl = (e) => {
   var t, n, o, r, s, a, i, c, d;
-  const { invert: p, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: E, closeButton: R, style: N, cancelButtonStyle: k, actionButtonStyle: P, className: O = "", descriptionClassName: F = "", duration: z, position: V, gap: q, expandByDefault: K, classNames: M, icons: B, closeButtonAriaLabel: Y = "Close toast" } = e, [T, S] = _.useState(null), [A, D] = _.useState(null), [I, L] = _.useState(!1), [$, J] = _.useState(!1), [W, j] = _.useState(!1), [ee, te] = _.useState(!1), [se, oe] = _.useState(!1), [ue, fe] = _.useState(0), [at, Ke] = _.useState(0), Te = _.useRef(l.duration || z || br), Kt = _.useRef(null), be = _.useRef(null), Hc = y === 0, Vc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, Wc = l.className || "", Uc = l.descriptionClassName || "", Xt = _.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
+  const { invert: p, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: E, closeButton: R, style: N, cancelButtonStyle: k, actionButtonStyle: P, className: O = "", descriptionClassName: F = "", duration: z, position: V, gap: q, expandByDefault: K, classNames: M, icons: B, closeButtonAriaLabel: Y = "Close toast" } = e, [T, S] = _.useState(null), [A, L] = _.useState(null), [I, D] = _.useState(!1), [$, J] = _.useState(!1), [W, j] = _.useState(!1), [ee, te] = _.useState(!1), [se, oe] = _.useState(!1), [ue, fe] = _.useState(0), [at, Ke] = _.useState(0), Te = _.useRef(l.duration || z || br), Kt = _.useRef(null), be = _.useRef(null), Hc = y === 0, Vc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, Wc = l.className || "", Uc = l.descriptionClassName || "", Xt = _.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
     v,
     l.id
   ]), jc = _.useMemo(() => {
@@ -918,7 +918,7 @@ const Fl = (e) => {
   }, [
     dr
   ]), _.useEffect(() => {
-    L(!0);
+    D(!0);
   }, []), _.useEffect(() => {
     const ne = be.current;
     if (ne) {
@@ -1062,7 +1062,7 @@ const Fl = (e) => {
       bt.current = null;
       const Ce = Number(((ne = be.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Zt = Number(((me = be.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Kt.current) == null ? void 0 : ge.getTime()), Ne = T === "x" ? Ce : Zt, Jt = Math.abs(Ne) / he;
       if (Math.abs(Ne) >= Dl || Jt > 0.11) {
-        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), D(T === "x" ? Ce > 0 ? "right" : "left" : Zt > 0 ? "down" : "up"), Xe(), te(!0);
+        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), L(T === "x" ? Ce > 0 ? "right" : "left" : Zt > 0 ? "down" : "up"), Xe(), te(!0);
         return;
       } else {
         var Pe, Ae;
@@ -1182,16 +1182,16 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
   ].concat(k.filter((I) => I.position).map((I) => I.position)))), [
     k,
     s
-  ]), [O, F] = _.useState([]), [z, V] = _.useState(!1), [q, K] = _.useState(!1), [M, B] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Y = _.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = _.useRef(null), A = _.useRef(!1), D = _.useCallback((I) => {
-    N((L) => {
+  ]), [O, F] = _.useState([]), [z, V] = _.useState(!1), [q, K] = _.useState(!1), [M, B] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Y = _.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = _.useRef(null), A = _.useRef(!1), L = _.useCallback((I) => {
+    N((D) => {
       var $;
-      return ($ = L.find((J) => J.id === I.id)) != null && $.delete || we.dismiss(I.id), L.filter(({ id: J }) => J !== I.id);
+      return ($ = D.find((J) => J.id === I.id)) != null && $.delete || we.dismiss(I.id), D.filter(({ id: J }) => J !== I.id);
     });
   }, []);
   return _.useEffect(() => we.subscribe((I) => {
     if (I.dismiss) {
       requestAnimationFrame(() => {
-        N((L) => L.map(($) => $.id === I.id ? {
+        N((D) => D.map(($) => $.id === I.id ? {
           ...$,
           delete: !0
         } : $));
@@ -1200,18 +1200,18 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
     }
     setTimeout(() => {
       ps.flushSync(() => {
-        N((L) => {
-          const $ = L.findIndex((J) => J.id === I.id);
+        N((D) => {
+          const $ = D.findIndex((J) => J.id === I.id);
           return $ !== -1 ? [
-            ...L.slice(0, $),
+            ...D.slice(0, $),
             {
-              ...L[$],
+              ...D[$],
               ...I
             },
-            ...L.slice($ + 1)
+            ...D.slice($ + 1)
           ] : [
             I,
-            ...L
+            ...D
           ];
         });
       });
@@ -1226,8 +1226,8 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
     if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? B("dark") : B("light")), typeof window > "u") return;
     const I = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      I.addEventListener("change", ({ matches: L }) => {
-        B(L ? "dark" : "light");
+      I.addEventListener("change", ({ matches: D }) => {
+        B(D ? "dark" : "light");
       });
     } catch {
       I.addListener(({ matches: $ }) => {
@@ -1245,13 +1245,13 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
   }, [
     R
   ]), _.useEffect(() => {
-    const I = (L) => {
+    const I = (D) => {
       var $;
-      if (a.every((j) => L[j] || L.code === j)) {
+      if (a.every((j) => D[j] || D.code === j)) {
         var W;
         V(!0), (W = Y.current) == null || W.focus();
       }
-      L.code === "Escape" && (document.activeElement === Y.current || ($ = Y.current) != null && $.contains(document.activeElement)) && V(!1);
+      D.code === "Escape" && (document.activeElement === Y.current || ($ = Y.current) != null && $.contains(document.activeElement)) && V(!1);
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [
@@ -1274,7 +1274,7 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, P.map((I, L) => {
+  }, P.map((I, D) => {
     var $;
     const [J, W] = I.split("-");
     return k.length ? /* @__PURE__ */ _.createElement("ol", {
@@ -1312,7 +1312,7 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
         j.target instanceof HTMLElement && j.target.dataset.dismissible === "false" || K(!0);
       },
       onPointerUp: () => K(!1)
-    }, k.filter((j) => !j.position && L === 0 || j.position === I).map((j, ee) => {
+    }, k.filter((j) => !j.position && D === 0 || j.position === I).map((j, ee) => {
       var te, se;
       return /* @__PURE__ */ _.createElement(Fl, {
         key: j.id,
@@ -1334,7 +1334,7 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
         cancelButtonStyle: y == null ? void 0 : y.cancelButtonStyle,
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
-        removeToast: D,
+        removeToast: L,
         toasts: k.filter((oe) => oe.position == j.position),
         heights: O.filter((oe) => oe.position == j.position),
         setHeights: F,
@@ -2303,11 +2303,11 @@ const ru = (e, t) => {
     span: ["full", Je, U, H]
   }, Je, U, H], z = () => [Je, "auto", U, H], V = () => ["auto", "min", "max", "fr", U, H], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], M = () => ["auto", ...k()], B = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], Y = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], T = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], S = () => [e, U, H], A = () => [...C(), Tr, Rr, {
     position: [U, H]
-  }], D = () => ["no-repeat", {
+  }], L = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], I = () => ["auto", "cover", "contain", Hu, Du, {
     size: [U, H]
-  }], L = () => [Xn, Lt, ct], $ = () => [
+  }], D = () => [Xn, Lt, ct], $ = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3384,7 +3384,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: D()
+        bg: L()
       }],
       /**
        * Background Size
@@ -3418,21 +3418,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: L()
+        from: D()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: L()
+        via: D()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: L()
+        to: D()
       }],
       /**
        * Gradient Color Stops From
@@ -4089,7 +4089,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: D()
+        mask: L()
       }],
       /**
        * Mask Size
@@ -8041,7 +8041,7 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
     de(() => {
       B && (A == null || A());
     }, [B, A]);
-    const D = (W = Y.arrow) == null ? void 0 : W.x, I = (j = Y.arrow) == null ? void 0 : j.y, L = ((ee = Y.arrow) == null ? void 0 : ee.centerOffset) !== 0, [$, J] = f.useState();
+    const L = (W = Y.arrow) == null ? void 0 : W.x, I = (j = Y.arrow) == null ? void 0 : j.y, D = ((ee = Y.arrow) == null ? void 0 : ee.centerOffset) !== 0, [$, J] = f.useState();
     return de(() => {
       y && J(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ u(
@@ -8074,9 +8074,9 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
             scope: n,
             placedSide: T,
             onArrowChange: E,
-            arrowX: D,
+            arrowX: L,
             arrowY: I,
-            shouldHideArrow: L,
+            shouldHideArrow: D,
             children: /* @__PURE__ */ u(
               Z.div,
               {
@@ -9392,13 +9392,13 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
     const [S, A] = sc((W) => {
       const j = z().filter((se) => !se.disabled), ee = j.find((se) => se.ref.current === document.activeElement), te = ac(j, W, ee);
       te && setTimeout(() => te.ref.current.focus());
-    }), D = f.useCallback(
+    }), L = f.useCallback(
       (W, j, ee) => {
         const te = !K.current && !ee;
         (w.value !== void 0 && w.value === j || te) && (P(W), te && (K.current = !0));
       },
       [w.value]
-    ), I = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), L = f.useCallback(
+    ), I = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), D = f.useCallback(
       (W, j, ee) => {
         const te = !K.current && !ee;
         (w.value !== void 0 && w.value === j || te) && F(W);
@@ -9423,10 +9423,10 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
         content: x,
         viewport: E,
         onViewportChange: R,
-        itemRefCallback: D,
+        itemRefCallback: L,
         selectedItem: k,
         onItemLeave: I,
-        itemTextRefCallback: L,
+        itemTextRefCallback: D,
         focusSelectedItem: B,
         selectedItemText: O,
         position: o,
@@ -9517,8 +9517,8 @@ var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.right = Te + "px";
       }
-      const F = m(), z = window.innerHeight - Ie * 2, V = g.scrollHeight, q = window.getComputedStyle(d), K = parseInt(q.borderTopWidth, 10), M = parseInt(q.paddingTop, 10), B = parseInt(q.borderBottomWidth, 10), Y = parseInt(q.paddingBottom, 10), T = K + M + V + Y + B, S = Math.min(v.offsetHeight * 5, T), A = window.getComputedStyle(g), D = parseInt(A.paddingTop, 10), I = parseInt(A.paddingBottom, 10), L = N.top + N.height / 2 - Ie, $ = z - L, J = v.offsetHeight / 2, W = v.offsetTop + J, j = K + M + W, ee = T - j;
-      if (j <= L) {
+      const F = m(), z = window.innerHeight - Ie * 2, V = g.scrollHeight, q = window.getComputedStyle(d), K = parseInt(q.borderTopWidth, 10), M = parseInt(q.paddingTop, 10), B = parseInt(q.borderBottomWidth, 10), Y = parseInt(q.paddingBottom, 10), T = K + M + V + Y + B, S = Math.min(v.offsetHeight * 5, T), A = window.getComputedStyle(g), L = parseInt(A.paddingTop, 10), I = parseInt(A.paddingBottom, 10), D = N.top + N.height / 2 - Ie, $ = z - D, J = v.offsetHeight / 2, W = v.offsetTop + J, j = K + M + W, ee = T - j;
+      if (j <= D) {
         const se = F.length > 0 && v === F[F.length - 1].ref.current;
         i.style.bottom = "0px";
         const oe = d.clientHeight - g.offsetTop - g.offsetHeight, ue = Math.max(
@@ -9531,11 +9531,11 @@ var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
         const se = F.length > 0 && v === F[0].ref.current;
         i.style.top = "0px";
         const ue = Math.max(
-          L,
+          D,
           K + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (se ? D : 0) + J
+          (se ? L : 0) + J
         ) + ee;
-        i.style.height = ue + "px", g.scrollTop = j - L + g.offsetTop;
+        i.style.height = ue + "px", g.scrollTop = j - D + g.offsetTop;
       }
       i.style.margin = `${Ie}px 0`, i.style.minHeight = S + "px", i.style.maxHeight = z + "px", o == null || o(), requestAnimationFrame(() => h.current = !0);
     }
@@ -11830,7 +11830,18 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   customerEmail: a,
   customerName: i
 }) => {
-  const [c, d] = le([]), [p, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [C, E] = le(void 0), R = Me(null), N = Me(/* @__PURE__ */ new Set()), k = Bt(() => c.filter((T) => T.manifest.permissions.includes("extend:identity")).map((T) => T.id), [c]);
+  const [c, d] = le([]), [p, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [C, E] = le(void 0);
+  ce(() => {
+    window.stackable || (window.stackable = {
+      emit: (T, S = {}) => {
+        const [A, ...L] = T.split(":"), I = L.join(":");
+        window.dispatchEvent(new CustomEvent(`stackable:${A}`, {
+          detail: { eventName: I, data: S }
+        }));
+      }
+    });
+  }, []);
+  const R = Me(null), N = Me(/* @__PURE__ */ new Set()), k = Bt(() => c.filter((T) => T.manifest.permissions.includes("extend:identity")).map((T) => T.id), [c]);
   ce(() => {
     (async () => {
       const S = e;
@@ -11848,8 +11859,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        const D = await A.json(), I = bs(typeof window < "u" ? window.location.search : ""), L = await jl(D, I), { tokens: $, errors: J } = await Mb(L, n, o, I);
-        d(L), l(I), h(new Map($)), g(J);
+        const L = await A.json(), I = bs(typeof window < "u" ? window.location.search : ""), D = await jl(L, I), { tokens: $, errors: J } = await Mb(D, n, o, I);
+        d(D), l(I), h(new Map($)), g(J);
       } catch (A) {
         console.error("Failed to load extensions:", A);
       } finally {
@@ -11862,27 +11873,27 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     const S = setInterval(async () => {
       const A = [];
       await Promise.all(
-        c.filter((D) => D.manifest.permissions.includes("data:fetch")).map(async (D) => {
-          const I = p.find((j) => j.extensionId === D.id), L = I == null ? void 0 : I.token, $ = I == null ? void 0 : I.mode, J = zt(n, "/proxy-token"), W = await fetch(J, {
+        c.filter((L) => L.manifest.permissions.includes("data:fetch")).map(async (L) => {
+          const I = p.find((j) => j.extensionId === L.id), D = I == null ? void 0 : I.token, $ = I == null ? void 0 : I.mode, J = zt(n, "/proxy-token"), W = await fetch(J, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
               appId: o,
-              extensionId: D.id,
+              extensionId: L.id,
               ...$ && { mode: $ },
-              ...L && { devSessionToken: L }
+              ...D && { devSessionToken: D }
             })
           });
           if (W.ok) {
             const { token: j, encryptionKey: ee } = await W.json();
-            A.push([D.id, { token: j, encryptionKey: ee }]);
+            A.push([L.id, { token: j, encryptionKey: ee }]);
           } else
-            console.warn(`[embeddables] Proxy token refresh failed for extension ${D.id} (${W.status}) — using stale token`);
+            console.warn(`[embeddables] Proxy token refresh failed for extension ${L.id} (${W.status}) — using stale token`);
         })
-      ), A.length > 0 && h((D) => {
-        const I = new Map(D);
-        for (const [L, $] of A)
-          I.set(L, $);
+      ), A.length > 0 && h((L) => {
+        const I = new Map(L);
+        for (const [D, $] of A)
+          I.set(D, $);
         return I;
       });
     }, 3300 * 1e3);
@@ -11894,24 +11905,24 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       const A = S.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const D = A.extensionId, I = c.find((J) => J.id === D);
+      const L = A.extensionId, I = c.find((J) => J.id === L);
       if (!(I != null && I.bundleUrl))
         return;
-      const L = p.find((J) => J.extensionId === D);
-      if (Vl(I.bundleUrl) && (L == null ? void 0 : L.mode) !== "staging")
+      const D = p.find((J) => J.extensionId === L);
+      if (Vl(I.bundleUrl) && (D == null ? void 0 : D.mode) !== "staging")
         return;
-      const $ = m.get(D);
-      $ && $e(D, { type: "extension-encryption-key", encryptionKey: $.encryptionKey });
+      const $ = m.get(L);
+      $ && $e(L, { type: "extension-encryption-key", encryptionKey: $.encryptionKey });
     };
     return window.addEventListener("message", T), () => window.removeEventListener("message", T);
   }, [c, p, m]);
   const P = ye((T, S) => {
     const A = Ct();
-    for (const [D, I] of A) {
+    for (const [L, I] of A) {
       if (!I.manifest.permissions.includes("events:identity"))
         continue;
-      const L = I.manifest.events ?? [];
-      !L.includes("identity") && !L.includes(`identity:${T}`) || $e(D, {
+      const D = I.manifest.events ?? [];
+      !D.includes("identity") && !D.includes(`identity:${T}`) || $e(L, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: T, data: { state: S, timestamp: Kn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -11919,10 +11930,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
   }, []), O = ye((T) => {
     const S = Ct();
-    for (const [A, D] of S) {
-      if (!D.manifest.permissions.includes("events:messaging"))
+    for (const [A, L] of S) {
+      if (!L.manifest.permissions.includes("events:messaging"))
         continue;
-      const I = D.manifest.events ?? [];
+      const I = L.manifest.events ?? [];
       !I.includes("messaging") && !I.includes("messaging:postback") && !I.includes(`messaging:postback:${T.data.actionName}`) || $e(A, {
         type: "extension-event",
         eventType: "messaging",
@@ -11931,10 +11942,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
   }, []), F = ye((T) => {
     const S = Ct();
-    for (const [A, D] of S) {
-      if (!D.manifest.permissions.includes("events:activity"))
+    for (const [A, L] of S) {
+      if (!L.manifest.permissions.includes("events:activity"))
         continue;
-      const I = D.manifest.events ?? [];
+      const I = L.manifest.events ?? [];
       !I.includes("activity") && !I.includes(`activity:${T.eventName}`) || $e(A, {
         type: "extension-event",
         eventType: "activity",
@@ -11943,8 +11954,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
   }, []), z = ye(async (T) => {
     const S = Ct(), A = [];
-    for (const [I, L] of S) {
-      if (!L.manifest.permissions.includes("extend:identity"))
+    for (const [I, D] of S) {
+      if (!D.manifest.permissions.includes("extend:identity"))
         continue;
       const $ = new Promise((J) => {
         const W = `enrich_${I}_${Date.now()}`, j = (ee) => {
@@ -11963,8 +11974,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
     if (A.length === 0)
       return {};
-    const D = await Promise.all(A);
-    return Object.assign({}, ...D);
+    const L = await Promise.all(A);
+    return Object.assign({}, ...L);
   }, []), V = ye(async (T) => {
     if (!n || !o || !e)
       return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!n, appId: !!o, instanceId: !!e }), null;
@@ -11978,8 +11989,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       });
       if (!A.ok)
         return console.warn(`[embeddables] Identity sign failed (${A.status})`), null;
-      const { token: D } = await A.json();
-      return D;
+      const { token: L } = await A.json();
+      return L;
     } catch (A) {
       return console.warn("[embeddables] Identity sign request failed:", A), null;
     }
@@ -11993,17 +12004,17 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     T && T("messenger", "logoutUser");
   }, []), M = ye((T) => {
     console.log("[embeddables] Running sign lifecycle for user:", T.id);
-    const { email: S, name: A } = T, D = { external_id: String(T.id) };
+    const { email: S, name: A } = T, L = { external_id: String(T.id) };
     (async () => {
-      const I = await z({ ...D, email: S, name: A });
+      const I = await z({ ...L, email: S, name: A });
       console.log("[embeddables] Enriched claims:", I);
-      const L = await V({
-        ...D,
+      const D = await V({
+        ...L,
         ...I,
         email: S,
         name: A
       });
-      console.log("[embeddables] Sign result:", { hasToken: !!L }), L && q(L);
+      console.log("[embeddables] Sign result:", { hasToken: !!D }), D && q(D);
     })();
   }, [z, V, q]), B = ye((T) => {
     if (k.length > 0 && N.current.size < k.length) {
@@ -12029,8 +12040,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
         }
       };
       x((S) => {
-        var A, D;
-        return S.authenticated && ((A = S.user) == null ? void 0 : A.id) === ((D = T.user) == null ? void 0 : D.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), B(T.user), P("login", T), T);
+        var A, L;
+        return S.authenticated && ((A = S.user) == null ? void 0 : A.id) === ((L = T.user) == null ? void 0 : L.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), B(T.user), P("login", T), T);
       });
     } else {
       if (s === void 0)
@@ -12044,24 +12055,24 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       const A = document.getElementById("stackable-identity");
       if (A)
         try {
-          const D = JSON.parse(A.textContent ?? "{}"), I = {
+          const L = JSON.parse(A.textContent ?? "{}"), I = {
             authenticated: !0,
             user: {
-              id: String(D.customerId ?? ""),
-              email: D.customerEmail,
-              name: D.customerName,
+              id: String(L.customerId ?? ""),
+              email: L.customerEmail,
+              name: L.customerName,
               provider: "shopify"
             }
           };
-          x((L) => {
+          x((D) => {
             var $, J;
-            return L.authenticated && (($ = L.user) == null ? void 0 : $.id) === ((J = I.user) == null ? void 0 : J.id) ? L : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), B(I.user), P("login", I), I);
+            return D.authenticated && (($ = D.user) == null ? void 0 : $.id) === ((J = I.user) == null ? void 0 : J.id) ? D : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), B(I.user), P("login", I), I);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
         }
       else
-        x((D) => D.authenticated ? (K(), P("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : D);
+        x((L) => L.authenticated ? (K(), P("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : L);
     };
     T();
     const S = new MutationObserver(T);
@@ -12073,11 +12084,11 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       const A = S.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const D = A.extensionId, I = c.find(($) => $.id === D);
+      const L = A.extensionId, I = c.find(($) => $.id === L);
       if (!(I != null && I.manifest.permissions.includes("events:identity")))
         return;
-      const L = I.manifest.events ?? [];
-      !L.includes("identity") && !L.includes("identity:login") || $e(D, {
+      const D = I.manifest.events ?? [];
+      !D.includes("identity") && !D.includes("identity:login") || $e(L, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: "login", data: { state: w, timestamp: Kn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -12088,14 +12099,14 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     if (k.length === 0)
       return;
     const T = (A) => {
-      const D = A.data;
-      if ((D == null ? void 0 : D.type) !== "extension-ready")
+      const L = A.data;
+      if ((L == null ? void 0 : L.type) !== "extension-ready")
         return;
-      const I = D.extensionId;
+      const I = L.extensionId;
       if (k.includes(I) && (N.current.add(I), console.log(`[embeddables] extend:identity extension ready: ${I} (${N.current.size}/${k.length})`), N.current.size >= k.length && R.current)) {
         console.log("[embeddables] All extend:identity extensions ready, running deferred sign lifecycle");
-        const L = R.current;
-        R.current = null, M(L);
+        const D = R.current;
+        R.current = null, M(D);
       }
     };
     window.addEventListener("message", T);
@@ -12119,7 +12130,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           conversationId: A.data.conversationId ?? "",
           timestamp: Kn((/* @__PURE__ */ new Date()).toISOString())
         }
-      }) : A.eventName === "context" && E((D) => ({ ...D, ...A.data })));
+      }) : A.eventName === "context" && E((L) => ({ ...L, ...A.data })));
     };
     return window.addEventListener("stackable:messaging", T), () => window.removeEventListener("stackable:messaging", T);
   }, [O]), ce(() => {
@@ -12141,8 +12152,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       messaging: C,
       identity: w
     }, S = Ct();
-    for (const [A, D] of S)
-      D.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
+    for (const [A, L] of S)
+      L.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
   }, [v, s, a, i, w, C]);
   const Y = Bt(
     () => ({
@@ -12158,12 +12169,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
               error: "data.fetch: proxy token unavailable — ensure the extension has data:fetch permission and allowedDomains configured"
             }
           };
-        const D = Ob(S) ? S : {
+        const L = Ob(S) ? S : {
           url: S.url,
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, I = zt(n, "/proxy"), L = await fetch(I, {
+        }, I = zt(n, "/proxy"), D = await fetch(I, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -12171,11 +12182,11 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
             "X-Application-Id": o ?? "",
             Authorization: `Bearer ${A.token}`
           },
-          body: JSON.stringify(D)
-        }), $ = await L.json();
+          body: JSON.stringify(L)
+        }), $ = await D.json();
         return {
-          status: $.status ?? L.status,
-          ok: $.ok ?? L.ok,
+          status: $.status ?? D.status,
+          ok: $.ok ?? D.ok,
           data: $.data
         };
       },
@@ -12188,10 +12199,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           ...S.closeButton != null && { closeButton: S.closeButton }
         };
         if (S.fetch) {
-          const D = (L) => new Promise(($) => setTimeout($, L)), I = Promise.all([
+          const L = (D) => new Promise(($) => setTimeout($, D)), I = Promise.all([
             Y["data.fetch"](T, S.fetch),
-            D(_b)
-          ]).then(([L]) => L);
+            L(_b)
+          ]).then(([D]) => D);
           yt.promise(I, {
             loading: S.loading ?? S.message,
             success: S.success ?? S.message,