@spiffcommerce/core 26.23.2 → 26.23.3

package/dist/index.mjs

@@ -11,7 +11,7 @@ import Pt from "lodash.clonedeep";
 import { toString as nn } from "qrcode";
 import Ar from "svg-path-bbox";
 import { parse as Je } from "opentype.js";
-import { jsx as F, jsxs as lt, Fragment as Vt } from "preact/jsx-runtime";
+import { jsx as x, jsxs as lt, Fragment as Vt } from "preact/jsx-runtime";
 import { dataUriToBuffer as ur } from "data-uri-to-buffer";
 import Da from "lodash.chunk";
 import rn from "lodash.isequal";
@@ -179,8 +179,8 @@ function ct(r, t) {
   }
   return Xe(r, t);
 }
-const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), cn = async (r) => {
-  const t = xa.get(r);
+const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), cn = async (r) => {
+  const t = Fa.get(r);
   if (t)
     return t;
   const a = (async () => {
@@ -188,13 +188,13 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
     const n = await ct(r);
     return ln.set(r, ((i = n.headers) == null ? void 0 : i.get("content-type")) || ""), await n.arrayBuffer();
   })();
-  return xa.set(r, a), a;
+  return Fa.set(r, a), a;
 }, vr = async (r) => {
-  const t = Fa.get(r);
+  const t = xa.get(r);
   if (t)
     return t;
   const a = (async () => await (await ct(r)).text())();
-  return Fa.set(r, a), a;
+  return xa.set(r, a), a;
 }, Mt = (r) => r.every((t) => t !== "undefined"), ee = (r) => Mt([typeof document]) ? document.createElement(r) : Jt().document.createElement(r), Er = (r, t) => {
   if (Mt([typeof document]))
     return document.createElementNS(r, t);
@@ -292,9 +292,9 @@ const Ma = (r) => {
   un = r;
 };
 let ua;
-const xr = (r) => {
+const Fr = (r) => {
   ua = r;
-}, Fr = () => ua;
+}, xr = () => ua;
 let hn;
 const kr = (r) => {
   hn = r;
@@ -1798,7 +1798,7 @@ const Nr = (r) => new Promise((t) => {
   "Black 5 C",
   "Black 6 C",
   "Black 7 C"
-], xt = [
+], Ft = [
   "FEDD00",
   "FFD700",
   "FE5000",
@@ -3140,17 +3140,17 @@ const Nr = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Re = xt.map((r) => [
+], Re = Ft.map((r) => [
   parseInt(r.substring(0, 2), 16),
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
 function ec(r) {
   const t = jt.indexOf(r);
-  return t >= 0 ? xt[t] : "";
+  return t >= 0 ? Ft[t] : "";
 }
 function Lr(r) {
-  const t = xt.indexOf(r);
+  const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
 function ac(r, t = 64) {
@@ -3162,16 +3162,16 @@ function ac(r, t = 64) {
   });
   const i = parseInt(r.substring(0, 2), 16), s = parseInt(r.substring(2, 4), 16), o = parseInt(r.substring(4, 6), 16);
   let l, c, d;
-  for (let A = 0; A < xt.length; A++) {
+  for (let A = 0; A < Ft.length; A++) {
     l = Re[A][0], c = Re[A][1], d = Re[A][2];
     const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - d, 2));
     a.push(u);
   }
   for (let A = 0; A < a.length; A++)
-    a[A] <= t && !e.some((u) => u.pms === jt[A]) && e.push({ pms: jt[A], hex: xt[A], distance: a[A] });
+    a[A] <= t && !e.some((u) => u.pms === jt[A]) && e.push({ pms: jt[A], hex: Ft[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const $r = jt.map((r, t) => ({ pms: r, hex: xt[t] })), Vr = new dr($r, { keys: ["pms"] });
+const $r = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr($r, { keys: ["pms"] });
 function nc(r, t) {
   return Vr.search(r, t ? { limit: t } : void 0);
 }
@@ -3228,8 +3228,8 @@ const ne = (r) => {
   "textPath",
   "tref",
   "tspan"
-], Wr = ["fill", "stroke"], Ft = (r, t) => {
-  t(r), r.children.length > 0 && Array.from(r.children).forEach((e) => Ft(e, t));
+], Wr = ["fill", "stroke"], xt = (r, t) => {
+  t(r), r.children.length > 0 && Array.from(r.children).forEach((e) => xt(e, t));
 }, jr = (r, t) => {
   try {
     return r.matches(t);
@@ -3239,7 +3239,7 @@ const ne = (r) => {
 }, ma = (r, t = !1) => {
   !t && r.setAttribute("preserveAspectRatio", "none");
   const e = [];
-  Ft(r, (a) => {
+  xt(r, (a) => {
     var i, s, o;
     if (a.tagName === "script") {
       a.remove();
@@ -3266,7 +3266,7 @@ const ne = (r) => {
         }
       }), l.length > 0 ? a.setAttribute("style", l.join(";")) : a.removeAttribute("style");
     }
-  }), Ft(r, (a) => {
+  }), xt(r, (a) => {
     e.forEach((n) => {
       var i;
       (i = n.selectors) == null || i.forEach((s) => {
@@ -3285,7 +3285,7 @@ const ne = (r) => {
 }, pn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, qr = (r, t, e) => {
   r.setAttribute("height", `${e}px`), r.setAttribute("width", `${t}px`);
 }, Cn = (r, t, e) => {
-  Ft(r, (a) => {
+  xt(r, (a) => {
     const n = a.attributes.getNamedItem("fill");
     n && n.value !== "none" && a.classList.forEach((s) => {
       if (s.startsWith("spiff-fill")) {
@@ -3342,7 +3342,7 @@ const ne = (r) => {
     throw new Error("Failed to read SVG.");
   ma(e);
   const a = {};
-  Ft(e, (s) => {
+  xt(e, (s) => {
     Gr.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
     const o = s.attributes.getNamedItem("fill");
     if (o && o.value !== "none" && !o.value.startsWith("url(")) {
@@ -5070,7 +5070,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, xi = y`
+`, Fi = y`
     ${Pe}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
@@ -5079,7 +5079,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, Fi = y`
+`, xi = y`
     mutation CreateOrder($orderItems: [OrderItemInput]!) {
         orderCreate(orderItems: $orderItems, paid: false, generateInternalId: true) {
             id
@@ -5269,9 +5269,9 @@ const Q = () => {
   width: u
 }) => {
   var B;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = Q(), C = a.purpose === Gt.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = Q(), C = a.purpose === Gt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ F("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
+    /* @__PURE__ */ x("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
   )), v = n.map((E) => ({
     ...E,
     _renderingConfiguration: a,
@@ -5298,7 +5298,7 @@ const Q = () => {
       children: [
         w,
         C,
-        !!r && /* @__PURE__ */ F(
+        !!r && /* @__PURE__ */ x(
           "rect",
           {
             id: "layout-background",
@@ -5308,7 +5308,7 @@ const Q = () => {
             rx: h
           }
         ),
-        /* @__PURE__ */ F(
+        /* @__PURE__ */ x(
           "g",
           {
             id: "element-group",
@@ -5316,7 +5316,7 @@ const Q = () => {
             children: S.map((E) => Qn(E)).filter((E) => !!E)
           }
         ),
-        l && /* @__PURE__ */ F(
+        l && /* @__PURE__ */ x(
           "rect",
           {
             x: l.x,
@@ -5330,7 +5330,7 @@ const Q = () => {
           }
         ),
         l && /* @__PURE__ */ lt("mask", { id: `viewmask-${p}`, children: [
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ x(
             "rect",
             {
               x: g.x,
@@ -5340,7 +5340,7 @@ const Q = () => {
               fill: "black"
             }
           ),
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ x(
             "rect",
             {
               x: l.x,
@@ -5432,9 +5432,9 @@ const Q = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, mc = 0.352778, gc = 0.035277, xn = (r) => {
+}, mc = 0.352778, gc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = gt(t), a = Math.cos(e), n = -Math.sin(e);
-  return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
     {
       transform: `
@@ -5443,7 +5443,7 @@ const Q = () => {
                 matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
-      children: /* @__PURE__ */ F(
+      children: /* @__PURE__ */ x(
         "image",
         {
           xlinkHref: r.src,
@@ -5454,11 +5454,11 @@ const Q = () => {
       )
     }
   ) });
-}, Fn = (r) => {
+}, xn = (r) => {
   var l;
   const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = gt(e), n = Math.cos(a), i = -Math.sin(a), s = ya(r.children);
   return /* @__PURE__ */ lt(Vt, { children: [
-    /* @__PURE__ */ F("defs", { children: (() => /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ F("path", { d: r.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
+    /* @__PURE__ */ x("defs", { children: (() => /* @__PURE__ */ x("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ x("path", { d: r.clipPath }) : /* @__PURE__ */ x("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ lt(
       "g",
       {
@@ -5469,7 +5469,7 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
         children: [
-          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ F(
+          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ x(
             "rect",
             {
               stroke: "red",
@@ -5481,7 +5481,7 @@ const Q = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ x("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5497,9 +5497,9 @@ const Q = () => {
     return r.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ F(Vt, {});
-  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ F(Vt, { children: r.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ lt("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
-    /* @__PURE__ */ F(
+    return /* @__PURE__ */ x(Vt, {});
+  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ x(Vt, { children: r.useThreshold && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ lt("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    /* @__PURE__ */ x(
       "feColorMatrix",
       {
         type: "matrix",
@@ -5513,14 +5513,14 @@ const Q = () => {
       }
     ),
     /* @__PURE__ */ lt("feComponentTransfer", { in: "greyscale", children: [
-      /* @__PURE__ */ F("feFuncR", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ F("feFuncG", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ F("feFuncB", { type: "discrete", tableValues: n() })
+      /* @__PURE__ */ x("feFuncR", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ x("feFuncG", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = gt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, v, S, B, E, I, P, x, M, N;
+    var w, v, S, B, E, I, P, F, M, N;
     const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((B = r.pattern) == null ? void 0 : B.height) || 0, g = ((E = r.pattern) == null ? void 0 : E.scaleX) || 1, f = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, p = ((P = r.pattern) == null ? void 0 : P.rotation) || 0;
-    return [(x = r.pattern) != null && x.svg ? {
+    return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
       type: T.Illustration,
       x: A,
@@ -5544,13 +5544,13 @@ const Q = () => {
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     i(),
-    /* @__PURE__ */ F(
+    /* @__PURE__ */ x(
       "g",
       {
         opacity: r.opacity,
         mask: r.stepName ? void 0 : r.mask,
         filter: r.useThreshold ? `url(#${e})` : void 0,
-        children: /* @__PURE__ */ F(
+        children: /* @__PURE__ */ x(
           "g",
           {
             transform: `
@@ -5560,8 +5560,8 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 matrix(${r.scaleX}, 0, 0, ${r.scaleY}, 0, 0)
                 `,
-            children: /* @__PURE__ */ F(
-              Fn,
+            children: /* @__PURE__ */ x(
+              xn,
               {
                 id: t,
                 x: 0,
@@ -5689,8 +5689,8 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     E.fill = f, E.stroke = p, E.strokeWidth = parseFloat(C ?? "0");
-    const I = E.toSVG(2), x = t.parseFromString(I, "image/svg+xml").firstElementChild;
-    h.appendChild(x);
+    const I = E.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    h.appendChild(F);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Et().serializeToString(a);
 }, pe = (r, t, e, a) => Math.max(Gi(r.join(`
@@ -5837,7 +5837,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     /* @__PURE__ */ lt("defs", { children: [
-      r.textFillImage && /* @__PURE__ */ F(
+      r.textFillImage && /* @__PURE__ */ x(
         "pattern",
         {
           id: s,
@@ -5846,7 +5846,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           height: r.textFillImage.scale * r.textFillImage.height,
           x: 0,
           y: 0,
-          children: /* @__PURE__ */ F(
+          children: /* @__PURE__ */ x(
             "image",
             {
               href: r.textFillImage.src,
@@ -5857,7 +5857,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           )
         }
       ),
-      /* @__PURE__ */ F(
+      /* @__PURE__ */ x(
         "style",
         {
           type: "text/css",
@@ -5871,10 +5871,10 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           }
         }
       ),
-      r.curved && r.paths ? /* @__PURE__ */ F("path", { id: i, d: r.paths[0] }) : void 0
+      r.curved && r.paths ? /* @__PURE__ */ x("path", { id: i, d: r.paths[0] }) : void 0
     ] }),
-    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ F("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
-    /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ F(
+    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ x("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
+    /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ x(
       "text",
       {
         xmlSpace: "preserve",
@@ -5889,7 +5889,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         },
         stroke: d,
         strokeWidth: A,
-        children: r.curved ? /* @__PURE__ */ F(Yi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ F(
+        children: r.curved ? /* @__PURE__ */ x(Yi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ x(
           qi,
           {
             align: r.vertical ? "center" : r.align,
@@ -5920,10 +5920,10 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     const s = (r.amountLines - 1) / 2;
     return (r.thisLineIdx - s) * n + r.fontSize / 4;
   };
-  return /* @__PURE__ */ F("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ x("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, Yi = (r) => {
   const t = `#${r.curvedPathId}`;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ x(
     "textPath",
     {
       startOffset: (() => r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%")(),
@@ -5936,8 +5936,8 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, Ji = (r) => {
   var s, o;
   if (r.cachedObjectURL && !((s = r._renderingConfiguration) != null && s.omitCachedFields))
-    return /* @__PURE__ */ F(
-      xn,
+    return /* @__PURE__ */ x(
+      Fn,
       {
         id: r.id,
         src: r.cachedObjectURL,
@@ -5961,7 +5961,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     throw new Error(
       `Illustration element ${r.id} (stepName ${r.stepName}) lacked svg from src ${r.src} at render time.`
     );
-  return /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
     {
       transform: i,
@@ -6069,9 +6069,9 @@ class Ki {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ F(xn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ F(Ri, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ F(Ji, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ F(Hi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ F(Fn, { ...r }, r.id) : null, wa = (r, t, e) => {
+const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ x(Fn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x(Ri, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(Ji, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(Hi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(xn, { ...r }, r.id) : null, wa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ x(
     Ni,
     {
       preserveAspectRatio: void 0,
@@ -6142,7 +6142,7 @@ const te = (r) => {
   if (!e.asset)
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
-}, xe = async (r) => {
+}, Fe = async (r) => {
   if (Le.has(r))
     return Le.get(r);
   const e = (async () => {
@@ -6315,7 +6315,7 @@ const te = (r) => {
 };
 class pc {
   static async getFrame(t, e) {
-    const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
+    const a = await Nn(e.region, e.src), n = await Fe(a), i = e.region || await Ut(t, T.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -7671,7 +7671,7 @@ class we {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const f = await xe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
+        const f = await Fe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
           p,
           f,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7980,7 +7980,7 @@ class os {
           const S = {};
           (((v = o.assetConfiguration) == null ? void 0 : v.channelNumbers) || []).forEach((E) => {
             var P;
-            const I = C.find((x) => x.channelNumber === E.number);
+            const I = C.find((F) => F.channelNumber === E.number);
             I && (S[`${E.id.replace(/\W/g, "")}`] = { browserValue: ((P = I == null ? void 0 : I.variant) == null ? void 0 : P.color) || "" });
           }), await this.changeColors(
             t,
@@ -7996,7 +7996,7 @@ class os {
             const I = S[0], P = B[0];
             await this.changeColors(
               t,
-              u.map((x) => x.regionElement),
+              u.map((F) => F.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
               /* @__PURE__ */ new Map([[P, I.variant.color]])
@@ -9176,10 +9176,10 @@ class ps {
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
         B.set(v.id, I), E.set(v.id, P);
-        const x = a.curved || a.vertical ? l : (P || []).join(`
+        const F = a.curved || a.vertical ? l : (P || []).join(`
 `);
         S.push(
-          this.generateTextChangeCommandsForRegion(I, a, v.id, x)
+          this.generateTextChangeCommandsForRegion(I, a, v.id, F)
         );
         const M = new W(v, h);
         return {
@@ -9461,7 +9461,7 @@ async function Hn(r) {
     return new Is();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
 }
-const Fe = y`
+const xe = y`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -9484,7 +9484,7 @@ const Fe = y`
         }
     }
 `, Ds = y`
-    ${Fe}
+    ${xe}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -9494,7 +9494,7 @@ const Fe = y`
         }
     }
 `, Ps = y`
-    ${Fe}
+    ${xe}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -9505,7 +9505,7 @@ const Fe = y`
     }
 `;
 y`
-    ${Fe}
+    ${xe}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -9515,7 +9515,7 @@ y`
         }
     }
 `;
-const xs = y`
+const Fs = y`
     ${De}
     fragment ProductFields on Product {
         id
@@ -9561,7 +9561,7 @@ const xs = y`
         }
     }
 `, Ea = y`
-    ${xs}
+    ${Fs}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9628,8 +9628,8 @@ const xs = y`
             }
         }
     }
-`, Fs = (r) => y`
-    ${Fe}
+`, xs = (r) => y`
+    ${xe}
     ${ke(r)}
     query GetBundle($id: String!) {
         globalPropertyState(bundleId: $id) {
@@ -11600,13 +11600,13 @@ const go = async (r) => {
     if (c !== void 0)
       return c;
     await r.outstandingRequestsPromise();
-    const x = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
+    const F = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
       query: bn,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
       errorPolicy: "all",
       context: {
-        transactionOwnerId: x
+        transactionOwnerId: F
       }
     }), V = (j = N.data) == null ? void 0 : j.transactions[0].workflowState;
     return N.errors ? (N.errors.forEach((G) => {
@@ -11614,7 +11614,7 @@ const go = async (r) => {
     }), null) : V ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
   const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && oa(l, t, !0), f = l && oa(l, t, !1), p = async (P) => {
-    const x = {};
+    const F = {};
     let M = 0;
     if (Object.keys(i).length > 0)
       for (const N of Object.keys(i)) {
@@ -11623,11 +11623,11 @@ const go = async (r) => {
           const nt = V.selections[G];
           if (j && (!P || j.option && (j.option.variants || []).length > 1 && !j.data.hideSelectionInCart && !j.data.hideSelectionsInCart)) {
             const Te = j.stepTitle;
-            x[Te] ? x[Te].push({
+            F[Te] ? F[Te].push({
               id: nt.id || "",
               name: nt.name,
               priceModifier: nt.priceModifier
-            }) : x[Te] = [
+            }) : F[Te] = [
               {
                 id: nt.id || "",
                 name: nt.name,
@@ -11638,13 +11638,13 @@ const go = async (r) => {
           M += nt.priceModifier;
         }
       }
-    return [x, M];
+    return [F, M];
   }, [C] = await p(!0), w = Object.fromEntries(
-    Object.keys(C).map((P) => [P, C[P].map((x) => x.id)])
+    Object.keys(C).map((P) => [P, C[P].map((F) => F.id)])
   ), [v] = await p(!1), S = Object.fromEntries(
     Object.keys(v).map((P) => [
       P,
-      v[P].map((x) => x.id)
+      v[P].map((F) => F.id)
     ])
   );
   let B = await o(m, n.id);
@@ -11661,9 +11661,9 @@ const go = async (r) => {
     designDetails: (() => {
       const P = {
         name: s,
-        layouts: e.map((x) => ({
-          index: x.index,
-          panelId: x.panelId
+        layouts: e.map((F) => ({
+          index: F.index,
+          panelId: F.panelId
         })),
         workflowId: t.id,
         transactionId: n.id,
@@ -11671,16 +11671,16 @@ const go = async (r) => {
         previewImage: B
       };
       if (f) {
-        const x = [];
+        const F = [];
         for (const [M, N] of Object.entries(f))
-          x.push({ key: M, value: N });
-        P.metadata = x;
+          F.push({ key: M, value: N });
+        P.metadata = F;
       }
       if (w) {
-        const x = [];
+        const F = [];
         for (const [M, N] of Object.entries(S))
-          x.push({ key: M, ids: N });
-        P.selectedVariants = x;
+          F.push({ key: M, ids: N });
+        P.selectedVariants = F;
       }
       return P;
     })(),
@@ -12370,7 +12370,7 @@ const Io = [
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
       var g;
-      const d = await Nn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await xe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
+      const d = await Nn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Fe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Sa(
@@ -12421,7 +12421,7 @@ const Io = [
   } catch (o) {
     return console.error(o), [];
   }
-}, xo = async (r, t, e, a) => {
+}, Fo = async (r, t, e, a) => {
   var S, B;
   const n = e.data, i = a.option;
   if (!i)
@@ -12440,17 +12440,17 @@ const Io = [
     return console.error("Failed to read SVG."), [];
   ma(m);
   const g = {};
-  Ft(m, (E) => {
+  xt(m, (E) => {
     Io.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
     const I = E.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
-      const x = I.value, N = `spiff-fill-${x.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: x };
+      const F = I.value, N = `spiff-fill-${F.replace(/\W/g, "")}`;
+      E.classList.add(N), g[N] = { browserValue: F };
     }
     const P = E.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const x = P.value, N = `spiff-stroke-${x.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: x };
+      const F = P.value, N = `spiff-stroke-${F.replace(/\W/g, "")}`;
+      E.classList.add(N), g[N] = { browserValue: F };
     }
   });
   const p = Et().serializeToString(m), C = n.colors;
@@ -12463,7 +12463,7 @@ const Io = [
         }
   }
   const w = (E) => {
-    const I = r.find((x) => x.panelId === E.panelId);
+    const I = r.find((F) => F.panelId === E.panelId);
     if (!I)
       throw new Y(E);
     const P = Q();
@@ -12490,7 +12490,7 @@ const Io = [
   } catch (E) {
     return console.error(E), [];
   }
-}, Fo = async (r, t, e) => {
+}, xo = async (r, t, e) => {
   const a = await Hn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
@@ -12803,7 +12803,7 @@ const Io = [
           break;
         case D.Illustration:
           n.push(
-            ...await xo(
+            ...await Fo(
               e,
               i,
               s,
@@ -12812,7 +12812,7 @@ const Io = [
           );
           break;
         case D.Module:
-          n.push(...await Fo(e, s, o));
+          n.push(...await xo(e, s, o));
           break;
         case D.Picture:
           n.push(
@@ -13781,7 +13781,12 @@ class Ho {
   }
   getSerializedState() {
     if (this.state)
-      return JSON.stringify(this.state);
+      return this.deleteFieldNameFromObjectRecursive(this.state, "__typename"), JSON.stringify(this.state);
+  }
+  deleteFieldNameFromObjectRecursive(t, e) {
+    if (!(typeof t != "object" || t === null))
+      for (const a in t)
+        a === e ? delete t[a] : this.deleteFieldNameFromObjectRecursive(t[a], e);
   }
   flipTransform(t, e) {
     return e && e.flipTransform ? e.flipTransform(
@@ -15007,7 +15012,7 @@ class Xn extends ba {
     return t.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class xc extends ba {
+class Fc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15195,7 +15200,7 @@ const Ya = y`
     (o) => Ht.set({ id: o, options: t }, Al(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Fc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, xc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -15224,7 +15229,7 @@ class kc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.23.2"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.23.3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && kr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15242,7 +15247,7 @@ class kc {
     return this.currencyCode;
   }
   getFlowService() {
-    if (!Fr())
+    if (!xr())
       throw new Error("Application key required to use Flow Service.");
     return new al();
   }
@@ -15531,7 +15536,7 @@ class kc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var f, p, C, w, v, S, B, E, I, P, x;
+    var f, p, C, w, v, S, B, E, I, P, F;
     const i = k.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([M, N]) => M.startsWith("CognitoIdentityServiceProvider") && M.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
     c && !ve(c) && (d.Authorization = `Bearer ${c}`);
     const A = {
@@ -15539,7 +15544,7 @@ class kc {
       ...d,
       ...(p = n == null ? void 0 : n.graphql) == null ? void 0 : p.additionalHeaders
     }, u = await b.getShadowGraphqlClient().query({
-      query: Fs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
+      query: xs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -15554,7 +15559,7 @@ class kc {
     m.set(h.id, h.partner.id), k.setMap("bundlePartnerIds", m);
     const g = new He(this, h, e, a, s, {
       additionalHeaders: (I = n == null ? void 0 : n.graphql) == null ? void 0 : I.additionalHeaders,
-      eagerFetchProducts: (x = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : x.eagerFetchProducts,
+      eagerFetchProducts: (F = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : F.eagerFetchProducts,
       existingGlobalPropertyState: u.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -15669,7 +15674,7 @@ class kc {
     if (t.length === 0)
       throw new ut("No options provided!");
     const a = b.getShadowGraphqlClient(), n = async (S) => {
-      var P, x, M;
+      var P, F, M;
       if (S.length === 0)
         return [];
       const B = S.map((N) => N.option.transactionId), E = await a.query({
@@ -15681,7 +15686,7 @@ class kc {
         fetchPolicy: "no-cache"
       }), I = E.data.transactions;
       if (I.length !== S.length) {
-        const N = ((x = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
+        const N = ((F = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${N}`);
       }
       return !this.activeIntegration && ((M = I[0].integrationProduct) != null && M.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((N, V) => {
@@ -15694,7 +15699,7 @@ class kc {
         };
       });
     }, i = async (S) => {
-      var I, P, x;
+      var I, P, F;
       if (S.length === 0)
         return [];
       const B = await a.mutate({
@@ -15715,7 +15720,7 @@ class kc {
         fetchPolicy: "no-cache"
       }), E = (I = B.data) == null ? void 0 : I.transactionCreateMany;
       if (!E || E.length === 0) {
-        const M = ((x = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
+        const M = ((F = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${M}`);
       }
       return E.map((M, N) => ({
@@ -15731,7 +15736,7 @@ class kc {
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await Zn(u, e), m = new Map(h.map((S) => [S.id, S])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (S) => {
       var j;
-      const { transaction: B, workflowId: E, readOnly: I, index: P } = S, x = m.get(E), M = t[P];
+      const { transaction: B, workflowId: E, readOnly: I, index: P } = S, F = m.get(E), M = t[P];
       !g.get(B.id) && B.transactionOwnerId && g.set(B.id, B.transactionOwnerId);
       const N = g.get(B.id) || void 0, V = {
         product: B.product,
@@ -15745,7 +15750,7 @@ class kc {
           context: { transactionOwnerId: N, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         }),
         readOnly: I,
-        workflow: x,
+        workflow: F,
         isReloadedTransaction: M.type === "transaction"
       };
       if (M.type === "transaction" && B.workflowState) {
@@ -15824,7 +15829,7 @@ class kc {
   }
   async placeOrder(t) {
     const e = await b.getShadowGraphqlClient().mutate({
-      mutation: Fi,
+      mutation: xi,
       variables: {
         orderItems: t
       }
@@ -15875,7 +15880,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
 }, Qc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
-    query: xi,
+    query: Fi,
     errorPolicy: "all",
     variables: {
       id: r
@@ -15927,7 +15932,7 @@ class fl {
         if (n.currentFrameSources) {
           let i = !1;
           for (let s = 0; s < n.currentFrameSources.length; s++) {
-            const o = n.currentFrameSources[s], l = await xe(o), c = this.frameData ? this.frameData[s] : void 0;
+            const o = n.currentFrameSources[s], l = await Fe(o), c = this.frameData ? this.frameData[s] : void 0;
             rn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
           }
           i && (this.onFrameDataChangeListeners.forEach(
@@ -16735,7 +16740,7 @@ K = { __e: function(r, t, e, a) {
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var st, qe, Ja, tr = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
-function xl() {
+function Fl() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
@@ -16755,7 +16760,7 @@ K.__b = function(r) {
 }, K.diffed = function(r) {
   Xa && Xa(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Fl)(xl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || xl)(Fl)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ye && (e.__ = e.__V), e.i = void 0, e.__V = Ye;
   })), qe = st = null;
 }, K.__c = function(r, t) {
@@ -16782,7 +16787,7 @@ K.__b = function(r) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function Fl(r) {
+function xl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -16798,7 +16803,7 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  xc as ArrayInput,
+  Fc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
   he as AssetType,
@@ -16911,7 +16916,7 @@ export {
   Vc as getCustomer,
   zc as getCustomerBundles,
   hc as getElementVertices,
-  xe as getFrameData,
+  Fe as getFrameData,
   ml as getIntegration,
   dc as getNEPoint,
   cc as getNWPoint,
@@ -16927,7 +16932,7 @@ export {
   Gc as getTransactionsForBundle,
   oc as getTrueCoordinates,
   Wc as getUnorderedTransactions,
-  Fc as getWorkflow,
+  xc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,