@spiffcommerce/core 26.20.0 → 26.21.0-beta.42b9cd00-4ce1-5564-9951-337d0077061c

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 x, jsxs as lt, Fragment as Vt } from "preact/jsx-runtime";
+import { jsx as F, 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(), Fa = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), cn = async (r) => {
-  const t = Fa.get(r);
+const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), cn = async (r) => {
+  const t = xa.get(r);
   if (t)
     return t;
   const a = (async () => {
@@ -188,13 +188,13 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
     const n = await ct(r);
     return ln.set(r, ((i = n.headers) == null ? void 0 : i.get("content-type")) || ""), await n.arrayBuffer();
   })();
-  return Fa.set(r, a), a;
+  return xa.set(r, a), a;
 }, vr = async (r) => {
-  const t = xa.get(r);
+  const t = Fa.get(r);
   if (t)
     return t;
   const a = (async () => await (await ct(r)).text())();
-  return xa.set(r, a), a;
+  return Fa.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 Fr = (r) => {
+const xr = (r) => {
   ua = r;
-}, xr = () => ua;
+}, Fr = () => ua;
 let hn;
 const kr = (r) => {
   hn = r;
@@ -331,8 +331,8 @@ class Qr {
           const p = window.__SENTRY__.hub;
           if (p) {
             const C = p.traceHeaders();
-            Object.entries(C).forEach(([w, v]) => {
-              l[w] = v;
+            Object.entries(C).forEach(([w, E]) => {
+              l[w] = E;
             });
           }
         }
@@ -1798,7 +1798,7 @@ const Nr = (r) => new Promise((t) => {
   "Black 5 C",
   "Black 6 C",
   "Black 7 C"
-], Ft = [
+], xt = [
   "FEDD00",
   "FFD700",
   "FE5000",
@@ -3140,17 +3140,17 @@ const Nr = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Re = Ft.map((r) => [
+], Re = xt.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 ? Ft[t] : "";
+  return t >= 0 ? xt[t] : "";
 }
 function Lr(r) {
-  const t = Ft.indexOf(r);
+  const t = xt.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 < Ft.length; A++) {
+  for (let A = 0; A < xt.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: Ft[A], distance: a[A] });
+    a[A] <= t && !e.some((u) => u.pms === jt[A]) && e.push({ pms: jt[A], hex: xt[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const $r = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr($r, { keys: ["pms"] });
+const $r = jt.map((r, t) => ({ pms: r, hex: xt[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"], xt = (r, t) => {
-  t(r), r.children.length > 0 && Array.from(r.children).forEach((e) => xt(e, t));
+], Wr = ["fill", "stroke"], Ft = (r, t) => {
+  t(r), r.children.length > 0 && Array.from(r.children).forEach((e) => Ft(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 = [];
-  xt(r, (a) => {
+  Ft(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");
     }
-  }), xt(r, (a) => {
+  }), Ft(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) => {
-  xt(r, (a) => {
+  Ft(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 = {};
-  xt(e, (s) => {
+  Ft(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(")) {
@@ -5068,7 +5068,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, Fi = y`
+`, xi = y`
     ${Pe}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
@@ -5077,7 +5077,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, xi = y`
+`, Fi = y`
     mutation CreateOrder($orderItems: [OrderItemInput]!) {
         orderCreate(orderItems: $orderItems, paid: false, generateInternalId: true) {
             id
@@ -5267,14 +5267,14 @@ 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__ */ 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) => (
+  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((S, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ x("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
-  )), v = n.map((E) => ({
-    ...E,
+    /* @__PURE__ */ F("color-profile", { name: S.name, xlinkHref: S.key, children: " " }, I)
+  )), E = n.map((S) => ({
+    ...S,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${p})` : void 0
-  })), S = ya(v);
+  })), v = ya(E);
   return /* @__PURE__ */ lt(
     "svg",
     {
@@ -5296,7 +5296,7 @@ const Q = () => {
       children: [
         w,
         C,
-        !!r && /* @__PURE__ */ x(
+        !!r && /* @__PURE__ */ F(
           "rect",
           {
             id: "layout-background",
@@ -5306,15 +5306,15 @@ const Q = () => {
             rx: h
           }
         ),
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ F(
           "g",
           {
             id: "element-group",
             clipPath: a.purpose === Gt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: S.map((E) => Qn(E)).filter((E) => !!E)
+            children: v.map((S) => Qn(S)).filter((S) => !!S)
           }
         ),
-        l && /* @__PURE__ */ x(
+        l && /* @__PURE__ */ F(
           "rect",
           {
             x: l.x,
@@ -5328,7 +5328,7 @@ const Q = () => {
           }
         ),
         l && /* @__PURE__ */ lt("mask", { id: `viewmask-${p}`, children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "rect",
             {
               x: g.x,
@@ -5338,7 +5338,7 @@ const Q = () => {
               fill: "black"
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "rect",
             {
               x: l.x,
@@ -5353,12 +5353,12 @@ const Q = () => {
     }
   );
 }, rc = (r, t, e, a, n) => {
-  const i = gt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(f), Math.abs(p)), S = Math.max(Math.abs(C), Math.abs(w));
+  const i = gt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, E = Math.max(Math.abs(f), Math.abs(p)), v = Math.max(Math.abs(C), Math.abs(w));
   return {
-    minX: l - v,
-    maxX: l + v,
-    minY: c - S,
-    maxY: c + S
+    minX: l - E,
+    maxX: l + E,
+    minY: c - v,
+    maxY: c + v
   };
 }, ic = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
@@ -5430,9 +5430,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, Fn = (r) => {
+}, mc = 0.352778, gc = 0.035277, xn = (r) => {
   const t = r.rotation || 0, e = gt(t), a = Math.cos(e), n = -Math.sin(e);
-  return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
     "g",
     {
       transform: `
@@ -5441,7 +5441,7 @@ const Q = () => {
                 matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ F(
         "image",
         {
           xlinkHref: r.src,
@@ -5452,11 +5452,11 @@ const Q = () => {
       )
     }
   ) });
-}, xn = (r) => {
+}, Fn = (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__ */ 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__ */ 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__ */ lt(
       "g",
       {
@@ -5467,7 +5467,7 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
         children: [
-          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ x(
+          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ F(
             "rect",
             {
               stroke: "red",
@@ -5479,7 +5479,7 @@ const Q = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ x("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5495,9 +5495,9 @@ const Q = () => {
     return r.pattern.src;
   };
   if (!a())
-    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(
+    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(
       "feColorMatrix",
       {
         type: "matrix",
@@ -5511,14 +5511,14 @@ const Q = () => {
       }
     ),
     /* @__PURE__ */ lt("feComponentTransfer", { in: "greyscale", children: [
-      /* @__PURE__ */ x("feFuncR", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ x("feFuncG", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
+      /* @__PURE__ */ F("feFuncR", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ F("feFuncG", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ F("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, 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 [(F = r.pattern) != null && F.svg ? {
+    var w, E, v, B, S, I, P, x, M, N;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((E = r.pattern) == null ? void 0 : E.y) || 0, h = ((v = r.pattern) == null ? void 0 : v.width) || 0, m = ((B = r.pattern) == null ? void 0 : B.height) || 0, g = ((S = r.pattern) == null ? void 0 : S.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 ? {
       id: `${t}-contents`,
       type: T.Illustration,
       x: A,
@@ -5542,13 +5542,13 @@ const Q = () => {
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     i(),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ F(
       "g",
       {
         opacity: r.opacity,
         mask: r.stepName ? void 0 : r.mask,
         filter: r.useThreshold ? `url(#${e})` : void 0,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ F(
           "g",
           {
             transform: `
@@ -5558,8 +5558,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__ */ x(
-              xn,
+            children: /* @__PURE__ */ F(
+              Fn,
               {
                 id: t,
                 x: 0,
@@ -5663,8 +5663,8 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       var m, g, f;
       if (h.type === "font-face" && h.declarations) {
         const p = (m = h.declarations.find(
-          (v) => v.property === "font-family"
-        )) == null ? void 0 : m.value, C = (g = h.declarations.find((v) => v.property === "src")) == null ? void 0 : g.value, w = (f = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : f[1];
+          (E) => E.property === "font-family"
+        )) == null ? void 0 : m.value, C = (g = h.declarations.find((E) => E.property === "src")) == null ? void 0 : g.value, w = (f = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : f[1];
         p && w && n.set(p, w);
       }
     });
@@ -5676,19 +5676,19 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
-    ), v = w.getBoundingBox().x2 - w.getBoundingBox().x1;
-    let S = 0;
+    ), E = w.getBoundingBox().x2 - w.getBoundingBox().x1;
+    let v = 0;
     const B = A.getAttribute("text-anchor");
-    B === "middle" ? S = v / 2 : B === "end" && (S = v);
-    const E = g.getPath(
+    B === "middle" ? v = E / 2 : B === "end" && (v = E);
+    const S = g.getPath(
       A.innerHTML,
-      parseFloat(A.getAttribute("x") ?? "0") - S,
+      parseFloat(A.getAttribute("x") ?? "0") - v,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    E.fill = f, E.stroke = p, E.strokeWidth = parseFloat(C ?? "0");
-    const I = E.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
-    h.appendChild(F);
+    S.fill = f, S.stroke = p, S.strokeWidth = parseFloat(C ?? "0");
+    const I = S.toSVG(2), x = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    h.appendChild(x);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Et().serializeToString(a);
 }, pe = (r, t, e, a) => Math.max(Gi(r.join(`
@@ -5835,7 +5835,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     /* @__PURE__ */ lt("defs", { children: [
-      r.textFillImage && /* @__PURE__ */ x(
+      r.textFillImage && /* @__PURE__ */ F(
         "pattern",
         {
           id: s,
@@ -5844,7 +5844,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__ */ x(
+          children: /* @__PURE__ */ F(
             "image",
             {
               href: r.textFillImage.src,
@@ -5855,7 +5855,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           )
         }
       ),
-      /* @__PURE__ */ x(
+      /* @__PURE__ */ F(
         "style",
         {
           type: "text/css",
@@ -5869,10 +5869,10 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           }
         }
       ),
-      r.curved && r.paths ? /* @__PURE__ */ x("path", { id: i, d: r.paths[0] }) : void 0
+      r.curved && r.paths ? /* @__PURE__ */ F("path", { id: i, d: r.paths[0] }) : void 0
     ] }),
-    (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(
+    (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(
       "text",
       {
         xmlSpace: "preserve",
@@ -5887,7 +5887,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         },
         stroke: d,
         strokeWidth: A,
-        children: r.curved ? /* @__PURE__ */ x(Yi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ x(
+        children: r.curved ? /* @__PURE__ */ F(Yi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ F(
           qi,
           {
             align: r.vertical ? "center" : r.align,
@@ -5918,10 +5918,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__ */ x("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ F("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, Yi = (r) => {
   const t = `#${r.curvedPathId}`;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ F(
     "textPath",
     {
       startOffset: (() => r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%")(),
@@ -5934,8 +5934,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__ */ x(
-      Fn,
+    return /* @__PURE__ */ F(
+      xn,
       {
         id: r.id,
         src: r.cachedObjectURL,
@@ -5959,7 +5959,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__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F(
     "g",
     {
       transform: i,
@@ -6067,9 +6067,9 @@ class Ki {
     return { ...t, transaction: e.apply(a) };
   }
 }
-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 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 a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ F(
     Ni,
     {
       preserveAspectRatio: void 0,
@@ -6140,7 +6140,7 @@ const te = (r) => {
   if (!e.asset)
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
-}, Fe = async (r) => {
+}, xe = async (r) => {
   if (Le.has(r))
     return Le.get(r);
   const e = (async () => {
@@ -6313,7 +6313,7 @@ const te = (r) => {
 };
 class pc {
   static async getFrame(t, e) {
-    const a = await Nn(e.region, e.src), n = await Fe(a), i = e.region || await Ut(t, T.Frame);
+    const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -7669,12 +7669,12 @@ class we {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const f = await Fe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
+        const f = await xe(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,
           t.data.forceImageCover
-        ) : void 0, v = p ? {
+        ) : void 0, E = p ? {
           id: Q(),
           src: p.src,
           x: (w == null ? void 0 : w.x) || 0,
@@ -7684,18 +7684,18 @@ class we {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, S = Q(), E = n.getLayouts().find((I) => I.panelId === m.panelId);
-        if (!E)
+        } : void 0, v = Q(), S = n.getLayouts().find((I) => I.panelId === m.panelId);
+        if (!S)
           throw new Y(m);
         return {
-          command: this.getCreateElementCommand(S, m, E, {
+          command: this.getCreateElementCommand(v, m, S, {
             frameData: f,
-            pattern: v,
+            pattern: E,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
           regionEl: {
-            id: S,
+            id: v,
             region: m
           },
           removeExistingCommands: C
@@ -7940,13 +7940,13 @@ class os {
     if (!l)
       throw new Wt(o);
     const c = await ot(await this.getIllustrationBody(l)), d = await qt(c.svg), A = (C) => {
-      const w = i.getLayouts().find((S) => S.panelId === C.panelId);
+      const w = i.getLayouts().find((v) => v.panelId === C.panelId);
       if (!w)
         throw new Y(C);
-      const v = Q();
+      const E = Q();
       return {
-        regionElement: { id: v, region: C },
-        command: this.getCreateElementCommand(v, C, w, {
+        regionElement: { id: E, region: C },
+        command: this.getCreateElementCommand(E, C, w, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
@@ -7958,49 +7958,49 @@ class os {
     const f = t.data.colorOption;
     return f && ((p = f.variants) == null || p.forEach((C) => {
       g = g.map((w) => {
-        var v;
-        return w.toLowerCase() === ((v = C.color) == null ? void 0 : v.toLowerCase()) ? C.name : w;
+        var E;
+        return w.toLowerCase() === ((E = C.color) == null ? void 0 : E.toLowerCase()) ? C.name : w;
       });
     })), i.updateMetadata(t.stepName, { colors: g }), {
       command: new O(m),
       followup: async () => {
-        var w, v;
+        var w, E;
         await i.setSelectionsAndElements(
           t.stepName,
           [e],
-          u.map((S) => S.regionElement),
+          u.map((v) => v.regionElement),
           async () => {
             i.setMandatoryFulfilled(t.stepName, !0), n(!1);
           }
         );
         const C = ((w = o.assetConfiguration) == null ? void 0 : w.defaultColorVariants) || [];
         if (C.length !== 0) {
-          const S = {};
-          (((v = o.assetConfiguration) == null ? void 0 : v.channelNumbers) || []).forEach((E) => {
+          const v = {};
+          (((E = o.assetConfiguration) == null ? void 0 : E.channelNumbers) || []).forEach((S) => {
             var P;
-            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) || "" });
+            const I = C.find((x) => x.channelNumber === S.number);
+            I && (console.log(`COLOR DEBUG: selecting variant for ${S.id} and number ${S.number}`), v[`${S.id.replace(/\W/g, "")}`] = { browserValue: ((P = I == null ? void 0 : I.variant) == null ? void 0 : P.color) || "" });
           }), await this.changeColors(
             t,
-            u.map((E) => E.regionElement),
+            u.map((S) => S.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
-            new Map(Object.entries(S))
+            new Map(Object.entries(v))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const S = await this.availableColors(t, i) || [], B = Object.keys(c.colors), E = S.length === 1 && B.length === 1;
-          if (E) {
-            const I = S[0], P = B[0];
+          const v = await this.availableColors(t, i) || [], B = Object.keys(c.colors), S = v.length === 1 && B.length === 1;
+          if (S) {
+            const I = v[0], P = B[0];
             await this.changeColors(
               t,
-              u.map((F) => F.regionElement),
+              u.map((x) => x.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
               /* @__PURE__ */ new Map([[P, I.variant.color]])
             );
           }
-          !E && C.length === 0 && await this.changeColors(
+          !S && C.length === 0 && await this.changeColors(
             t,
             u.map((I) => I.regionElement),
             i,
@@ -8983,8 +8983,8 @@ class ps {
             g,
             async () => {
               e.updateMetadata(t.stepName, { color: f, text: p }), e.updateStorage(t.stepName, { text: p, inputText: p });
-              const w = o.map((S) => new Va(S.id, m)), v = new O(w);
-              e.getCommandDispatcher()(v);
+              const w = o.map((v) => new Va(v.id, m)), E = new O(w);
+              e.getCommandDispatcher()(E);
             }
           );
           const { command: C } = q.updateInputText(
@@ -9132,7 +9132,7 @@ class ps {
             colorProfileAssetKey: (g = f.colorProfile) == null ? void 0 : g.key
           });
         }
-        const C = await this.getDefaultColor(a), w = C || "#000000", v = {
+        const C = await this.getDefaultColor(a), w = C || "#000000", E = {
           stepRegion: A,
           stepName: t,
           align: this.textAlign(a),
@@ -9156,34 +9156,34 @@ class ps {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: p
-        }, S = [], B = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-        if (!v.fontData)
+        }, v = [], B = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
+        if (!E.fontData)
           throw new z("Failed to resolve font data for text.");
         const [I, P] = Ae(
-          v.fontSize,
-          v.fontData,
+          E.fontSize,
+          E.fontData,
           {
-            left: v.x,
-            top: v.y,
-            width: v.width,
-            height: v.height,
-            rotation: v.rotation,
+            left: E.x,
+            top: E.y,
+            width: E.width,
+            height: E.height,
+            rotation: E.rotation,
             panelId: ""
           },
           [l],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        B.set(v.id, I), E.set(v.id, P);
-        const F = a.curved || a.vertical ? l : (P || []).join(`
+        B.set(E.id, I), S.set(E.id, P);
+        const x = a.curved || a.vertical ? l : (P || []).join(`
 `);
-        S.push(
-          this.generateTextChangeCommandsForRegion(I, a, v.id, F)
+        v.push(
+          this.generateTextChangeCommandsForRegion(I, a, E.id, x)
         );
-        const M = new W(v, h);
+        const M = new W(E, h);
         return {
           regionElement: { id: m, region: A },
-          commands: [M, ...S],
-          newElement: v,
+          commands: [M, ...v],
+          newElement: E,
           fontData: n
         };
       } catch (f) {
@@ -9218,29 +9218,29 @@ class ps {
    */
   async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, d) {
     const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-    for (const v of h)
-      if (v.region) {
-        const [S, B] = Ae(
+    for (const E of h)
+      if (E.region) {
+        const [v, B] = Ae(
           e,
           a,
-          v.region,
+          E.region,
           [u],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        m.set(v.id, S), g.set(v.id, B);
+        m.set(E.id, v), g.set(E.id, B);
       }
     const p = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const v = s.getProfanities(), S = Ke(u.toLowerCase());
-      for (const B of S)
-        for (const E in v) {
-          const I = v[E].toLowerCase().replace(/\s/g, "");
+      const E = s.getProfanities(), v = Ke(u.toLowerCase());
+      for (const B of v)
+        for (const S in E) {
+          const I = E[S].toLowerCase().replace(/\s/g, "");
           if (B === I)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((E) => E) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((S) => S) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
     })();
     if (p.error) {
       c(p.error);
@@ -9252,15 +9252,15 @@ class ps {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const C = [];
-    for (const v of h) {
-      const S = t.data.curved ? u : (g.get(v.id) || []).join(`
+    for (const E of h) {
+      const v = t.data.curved ? u : (g.get(E.id) || []).join(`
 `);
       C.push(
         this.generateTextChangeCommandsForRegion(
-          m.get(v.id) || 1,
+          m.get(E.id) || 1,
           t.data,
-          v.id,
-          S
+          E.id,
+          v
         )
       );
     }
@@ -9426,14 +9426,14 @@ class Is extends Cs {
     const a = Li(ws), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
       const w = tt("g");
       w.classList.add("module-text-group");
-      const v = tt("defs");
-      w.appendChild(v), v.appendChild(Ss(0, 2, 2, "shadow"));
-      const S = tt("path");
-      S.setAttribute("d", d), S.setAttribute("stroke", "black"), S.setAttribute("stroke-width", "3"), v.appendChild(S);
+      const E = tt("defs");
+      w.appendChild(E), E.appendChild(Ss(0, 2, 2, "shadow"));
+      const v = tt("path");
+      v.setAttribute("d", d), v.setAttribute("stroke", "black"), v.setAttribute("stroke-width", "3"), E.appendChild(v);
       const B = tt("g");
-      B.classList.add("module-layer0"), w.appendChild(B), B.setAttribute("filter", "url(#shadow)"), B.innerHTML = S.outerHTML;
-      const E = tt("g");
-      E.classList.add("module-layer1"), w.appendChild(E), E.setAttribute("stroke-width", "3"), E.setAttribute("stroke", "rgb(45,41,38)"), E.setAttribute("fill", "rgb(45,41,38)"), E.setAttribute("transform", "translate(0.5,0)"), E.innerHTML = o;
+      B.classList.add("module-layer0"), w.appendChild(B), B.setAttribute("filter", "url(#shadow)"), B.innerHTML = v.outerHTML;
+      const S = tt("g");
+      S.classList.add("module-layer1"), w.appendChild(S), S.setAttribute("stroke-width", "3"), S.setAttribute("stroke", "rgb(45,41,38)"), S.setAttribute("fill", "rgb(45,41,38)"), S.setAttribute("transform", "translate(0.5,0)"), S.innerHTML = o;
       const I = tt("g");
       I.classList.add("module-layer2"), w.appendChild(I), I.setAttribute("fill", "rgb(255,209,0)"), I.setAttribute("transform", "translate(1,-0.1)"), I.innerHTML = o;
       const P = tt("g");
@@ -9459,7 +9459,7 @@ async function Hn(r) {
     return new Is();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
 }
-const xe = y`
+const Fe = y`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -9482,7 +9482,7 @@ const xe = y`
         }
     }
 `, Ds = y`
-    ${xe}
+    ${Fe}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -9492,7 +9492,7 @@ const xe = y`
         }
     }
 `, Ps = y`
-    ${xe}
+    ${Fe}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -9503,7 +9503,7 @@ const xe = y`
     }
 `;
 y`
-    ${xe}
+    ${Fe}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -9513,7 +9513,7 @@ y`
         }
     }
 `;
-const Fs = y`
+const xs = y`
     ${De}
     fragment ProductFields on Product {
         id
@@ -9559,7 +9559,7 @@ const Fs = y`
         }
     }
 `, Ea = y`
-    ${Fs}
+    ${xs}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9626,8 +9626,8 @@ const Fs = y`
             }
         }
     }
-`, xs = (r) => y`
-    ${xe}
+`, Fs = (r) => y`
+    ${Fe}
     ${ke(r)}
     query GetBundle($id: String!) {
         globalPropertyState(bundleId: $id) {
@@ -10017,13 +10017,13 @@ class ja extends Dn {
 class eo {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h = !1, m, g = !1, f = !1, p = !1) {
     this.workflowStatePromiseQueue = new Pn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
-      var v;
+      var E;
       if (!this.previewService)
         return;
-      const C = this.getCommandContext().getAllLayouts(), w = (v = this.getLayoutPreviewService()) == null ? void 0 : v.getAll();
+      const C = this.getCommandContext().getAllLayouts(), w = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
       if (w)
-        for (const [, S] of w)
-          S.render(C);
+        for (const [, v] of w)
+          v.render(C);
     }, this.experience = t, this.client = e, this.updateTransaction = o, this.commandContext = s, this.reloadedState = u, this.transaction = l, this.readOnly = h, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = c, this.previewService = d, this.modelContainer = m, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = A, this.isReloadedTransaction = g, this.workflow.steps.forEach((C) => {
       this.stepTags[C.stepName] = C.tags ?? [];
     }), p && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
@@ -10498,16 +10498,16 @@ class eo {
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
   async setSelectionsAndElements(t, e, a, n) {
-    var S;
+    var v;
     const i = this.stepSelections;
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((B, E) => B + E.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, P) => I + P, 0), 0), this.workflow.steps.forEach((B) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((B, S) => B + S.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, P) => I + P, 0), 0), this.workflow.steps.forEach((B) => {
       Ct(B, this.stepSelections) || (this.stepInitialised[B.stepName] = !1, delete this.stepMetadata[B.stepName], delete this.stepSelections[B.stepName], delete this.storage[B.stepName]);
     });
     const s = this.allScenes, o = It(s, i), l = It(s, this.stepSelections), c = o.map((B) => B.silentSteps).flat(), A = l.map((B) => B.silentSteps).flat().filter(
-      (B) => !c.some((E) => E.stepName === B.stepName)
+      (B) => !c.some((S) => S.stepName === B.stepName)
     );
     c.forEach((B) => {
       Ct(B, this.stepSelections) || (this.stepInitialised[B.stepName] = !1);
@@ -10520,16 +10520,16 @@ class eo {
     }, this.removeElements(u);
     const g = this.workflow.steps.find((B) => B.stepName === t);
     if ((g == null ? void 0 : g.type) === D.Frame) {
-      const B = (S = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : S.frameService;
-      B == null || B.setTargetElements(a.map((E) => E.id));
+      const B = (v = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : v.frameService;
+      B == null || B.setTargetElements(a.map((S) => S.id));
     }
     const f = u.map((B) => new vt(B.id)), p = new $a(this.constructSerializableWorkflow()), C = [...m, ...f, p];
     C.length > 0 && this.commandContext.apply(new O(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const w = this.getInvalidModelVariants(), v = this.modelContainer;
-    if (v) {
+    const w = this.getInvalidModelVariants(), E = this.modelContainer;
+    if (E) {
       const B = w.map(
-        (E) => v.applyModelVariant(
-          E,
+        (S) => E.applyModelVariant(
+          S,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -10927,7 +10927,7 @@ class ao extends rt {
     return ((s == null ? void 0 : s.defaultColorVariants) || []).length !== 0 ? s.channelNumbers.forEach((c) => {
       if (c.number.toString() === t) {
         const d = c.id.replace(/\W/g, "");
-        a ? n.set(d, { browserValue: e, pmsValue: a }) : n.set(d, e);
+        a ? n.set(d, { browserValue: e, pmsValue: a }) : (n.set(d, e), console.log(`COLOR DEBUG: for item ${c.number} setting hex ${d}, value ${e}`));
       }
     }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), de.changeColors(
       this.step,
@@ -11592,13 +11592,13 @@ const go = async (r) => {
     if (c !== void 0)
       return c;
     await r.outstandingRequestsPromise();
-    const F = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
+    const x = (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: F
+        transactionOwnerId: x
       }
     }), V = (j = N.data) == null ? void 0 : j.transactions[0].workflowState;
     return N.errors ? (N.errors.forEach((G) => {
@@ -11606,7 +11606,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 F = {};
+    const x = {};
     let M = 0;
     if (Object.keys(i).length > 0)
       for (const N of Object.keys(i)) {
@@ -11615,11 +11615,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;
-            F[Te] ? F[Te].push({
+            x[Te] ? x[Te].push({
               id: nt.id || "",
               name: nt.name,
               priceModifier: nt.priceModifier
-            }) : F[Te] = [
+            }) : x[Te] = [
               {
                 id: nt.id || "",
                 name: nt.name,
@@ -11630,13 +11630,13 @@ const go = async (r) => {
           M += nt.priceModifier;
         }
       }
-    return [F, M];
+    return [x, M];
   }, [C] = await p(!0), w = Object.fromEntries(
-    Object.keys(C).map((P) => [P, C[P].map((F) => F.id)])
-  ), [v] = await p(!1), S = Object.fromEntries(
-    Object.keys(v).map((P) => [
+    Object.keys(C).map((P) => [P, C[P].map((x) => x.id)])
+  ), [E] = await p(!1), v = Object.fromEntries(
+    Object.keys(E).map((P) => [
       P,
-      v[P].map((F) => F.id)
+      E[P].map((x) => x.id)
     ])
   );
   let B = await o(m, n.id);
@@ -11653,9 +11653,9 @@ const go = async (r) => {
     designDetails: (() => {
       const P = {
         name: s,
-        layouts: e.map((F) => ({
-          index: F.index,
-          panelId: F.panelId
+        layouts: e.map((x) => ({
+          index: x.index,
+          panelId: x.panelId
         })),
         workflowId: t.id,
         transactionId: n.id,
@@ -11663,16 +11663,16 @@ const go = async (r) => {
         previewImage: B
       };
       if (f) {
-        const F = [];
+        const x = [];
         for (const [M, N] of Object.entries(f))
-          F.push({ key: M, value: N });
-        P.metadata = F;
+          x.push({ key: M, value: N });
+        P.metadata = x;
       }
       if (w) {
-        const F = [];
-        for (const [M, N] of Object.entries(S))
-          F.push({ key: M, ids: N });
-        P.selectedVariants = F;
+        const x = [];
+        for (const [M, N] of Object.entries(v))
+          x.push({ key: M, ids: N });
+        P.selectedVariants = x;
       }
       return P;
     })(),
@@ -11995,9 +11995,9 @@ class bo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = mt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((v) => {
-      var S;
-      return ((S = v.layoutState) == null ? void 0 : S.layout.panelId) === (c == null ? void 0 : c.name);
+    const s = mt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((E) => {
+      var v;
+      return ((v = E.layoutState) == null ? void 0 : v.layout.panelId) === (c == null ? void 0 : c.name);
     }) || o[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
@@ -12127,7 +12127,7 @@ class bo {
             const p = u.getCurrentVariant();
             if (!p)
               return;
-            c.selectVariant(p), d.delete(JSON.stringify(m));
+            console.log("COLOR DEBUG: copying starget step"), c.selectVariant(p), d.delete(JSON.stringify(m));
           } else if (f && (g == null ? void 0 : g.getType()) === "Text") {
             const p = u.getText();
             c.setText(p), d.delete(JSON.stringify(m));
@@ -12362,7 +12362,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 Fe(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 xe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Sa(
@@ -12413,12 +12413,12 @@ const Io = [
   } catch (o) {
     return console.error(o), [];
   }
-}, Fo = async (r, t, e, a) => {
-  var S, B;
+}, xo = async (r, t, e, a) => {
+  var v, B;
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((S = i.variants) == null ? void 0 : S.find((E) => E.id === n.illustrationVariantId)) || te(i);
+  const s = ((v = i.variants) == null ? void 0 : v.find((S) => S.id === n.illustrationVariantId)) || te(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12432,32 +12432,32 @@ const Io = [
     return console.error("Failed to read SVG."), [];
   ma(m);
   const g = {};
-  xt(m, (E) => {
-    Io.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
-    const I = E.attributes.getNamedItem("fill");
+  Ft(m, (S) => {
+    Io.includes(S.tagName) && !S.attributes.getNamedItem("fill") && S.setAttribute("fill", "#000000");
+    const I = S.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
-      const F = I.value, N = `spiff-fill-${F.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: F };
+      const x = I.value, N = `spiff-fill-${x.replace(/\W/g, "")}`;
+      S.classList.add(N), g[N] = { browserValue: x };
     }
-    const P = E.attributes.getNamedItem("stroke");
+    const P = S.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const F = P.value, N = `spiff-stroke-${F.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: F };
+      const x = P.value, N = `spiff-stroke-${x.replace(/\W/g, "")}`;
+      S.classList.add(N), g[N] = { browserValue: x };
     }
   });
   const p = Et().serializeToString(m), C = n.colors;
   if (C) {
-    for (const [E, I] of Object.entries(g))
+    for (const [S, I] of Object.entries(g))
       for (const P of Object.keys(C))
         if (I.browserValue === P) {
-          g[E] = { browserValue: C[P] };
+          g[S] = { browserValue: C[P] };
           break;
         }
   }
-  const w = (E) => {
-    const I = r.find((F) => F.panelId === E.panelId);
+  const w = (S) => {
+    const I = r.find((x) => x.panelId === S.panelId);
     if (!I)
-      throw new Y(E);
+      throw new Y(S);
     const P = Q();
     return new W(
       {
@@ -12465,24 +12465,24 @@ const Io = [
         id: P,
         svg: p,
         type: T.Illustration,
-        y: E.top,
-        x: E.left,
-        rotation: E.rotation,
-        width: E.width,
-        height: E.height,
-        layer: E.layer,
-        layerIndex: E.layerIndex,
-        immutable: E.immutable
+        y: S.top,
+        x: S.left,
+        rotation: S.rotation,
+        width: S.width,
+        height: S.height,
+        layer: S.layer,
+        layerIndex: S.layerIndex,
+        immutable: S.immutable
       },
       I
     );
-  }, v = a.data.regions;
+  }, E = a.data.regions;
   try {
-    return v.map(w);
-  } catch (E) {
-    return console.error(E), [];
+    return E.map(w);
+  } catch (S) {
+    return console.error(S), [];
   }
-}, xo = async (r, t, e) => {
+}, Fo = 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)
@@ -12684,7 +12684,7 @@ const Io = [
     const f = a.option;
     if (!f)
       return;
-    const p = ((w = f.variants) == null ? void 0 : w.find((v) => v.id === i.fontVariantId)) || te(f);
+    const p = ((w = f.variants) == null ? void 0 : w.find((E) => E.id === i.fontVariantId)) || te(f);
     if (!p || !p.asset)
       return;
     t[a.stepName] = { selectedVariants: [p] };
@@ -12736,7 +12736,7 @@ const Io = [
       y: f.top
     };
     if (d) {
-      const [w, v] = Ae(
+      const [w, E] = Ae(
         a.data.size || s,
         d,
         f,
@@ -12757,7 +12757,7 @@ const Io = [
           {
             ...C,
             fontSize: w,
-            text: C.curved ? C.text : (v || []).join(`
+            text: C.curved ? C.text : (E || []).join(`
 `)
           },
           p
@@ -12795,7 +12795,7 @@ const Io = [
           break;
         case D.Illustration:
           n.push(
-            ...await Fo(
+            ...await xo(
               e,
               i,
               s,
@@ -12804,7 +12804,7 @@ const Io = [
           );
           break;
         case D.Module:
-          n.push(...await xo(e, s, o));
+          n.push(...await Fo(e, s, o));
           break;
         case D.Picture:
           n.push(
@@ -13417,7 +13417,7 @@ class _n extends Ba {
         return n.id === ((s = (i = this.optionResource) == null ? void 0 : i.defaultVariant) == null ? void 0 : s.id);
       }
     );
-    t && await this.selectVariant(new it(t));
+    t && (console.log(`COLOR DEBUG: initing global default for ${JSON.stringify(t, null, 2)}`), await this.selectVariant(new it(t)));
   }
   /**
    * Gets the currently selected variant, or undefined if no variant is selected.
@@ -13473,7 +13473,7 @@ class _n extends Ba {
     return a ? (console.log(`Applying global state using variant ${a.id} for aspect ${e}`), this.applyVariantSelection(new it(a), t)) : Promise.resolve();
   }
   async applyVariantSelection(t, e) {
-    const n = this.getSharedSteps(e).map((i) => i.selectVariant(t));
+    const n = this.getSharedSteps(e).map((i) => (console.log("COLOR DEBUG: applying variant selection"), i.selectVariant(t)));
     await Promise.all(n);
   }
 }
@@ -13509,7 +13509,7 @@ class Ha extends _n {
     const i = this.getSharedSteps(e).map((s) => {
       switch (s.getType()) {
         case D.Shape:
-          return s.selectVariant(t);
+          return console.log("COLOR DEBUG: shape?"), s.selectVariant(t);
         case D.Text:
           return s.setFillColor({
             fill: t.getColor(),
@@ -13592,13 +13592,13 @@ class jo {
       if (n) {
         const l = o.find((c) => c.channel === n);
         if (l)
-          l.value = e, l.type = i.type, l.channel = n, a !== void 0 && (l.storage = a !== null ? a : void 0);
+          l.value = e, l.type = i.type, l.channel = n, console.log(`COLOR DEBUG: setting value ${e} to channel ${n}, name ${t}`), a !== void 0 && (l.storage = a !== null ? a : void 0);
         else {
           if (n === 1) {
             const c = o.findIndex((d) => !d.channel);
             this.globalPropertyState.aspects.splice(c, 1);
           }
-          this.globalPropertyState.aspects.push({
+          console.log(`COLOR DEBUG: adding value ${e} to channel ${n}, name ${t}`), this.globalPropertyState.aspects.push({
             name: t,
             value: e,
             type: i.type,
@@ -13611,7 +13611,7 @@ class jo {
         l.value = e, l.type = i.type, a !== void 0 && (l.storage = a !== null ? a : void 0);
       }
     else
-      this.globalPropertyState.aspects.push({
+      console.log(`COLOR DEBUG: only value ${e} to channel ${n}, name ${t}`), this.globalPropertyState.aspects.push({
         name: t,
         value: e,
         type: i.type,
@@ -14143,14 +14143,8 @@ const Ko = y`
         }
     }
 `, _o = y`
-    mutation AddOrganizationToBundle(
-        $bundleId: String!
-        $organizationName: String!
-    ) {
-        organizationAttachToBundle(
-            bundleId: $bundleId
-            organizationName: $organizationName
-        ) {
+    mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
+        organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
@@ -14820,6 +14814,13 @@ class He {
       }
     });
   }
+  getQuoteCompleteMessage() {
+    return {
+      bundleId: this.id,
+      bundleOwnerId: this.ownerId,
+      quoteId: this.quoteId || ""
+    };
+  }
 }
 const el = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
@@ -14996,7 +14997,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 Fc extends ba {
+class xc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15184,7 +15185,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));
-}, xc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, Fc = 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,
@@ -15212,7 +15213,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 && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.20.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.21.0-beta.6f310999-fed0-54d6-8925-d68e8de36a86"), 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();
@@ -15230,7 +15231,7 @@ class kc {
     return this.currencyCode;
   }
   getFlowService() {
-    if (!xr())
+    if (!Fr())
       throw new Error("Application key required to use Flow Service.");
     return new al();
   }
@@ -15315,13 +15316,13 @@ class kc {
       if (f && await this.authenticateCustomerId(f)) {
         const C = ((h = (u = this.customer) == null ? void 0 : u.bundleStakeholders) == null ? void 0 : h.find(
           (w) => {
-            var v, S;
-            return (S = (v = w.bundle) == null ? void 0 : v.transactions) == null ? void 0 : S.some((B) => B.id === t);
+            var E, v;
+            return (v = (E = w.bundle) == null ? void 0 : E.transactions) == null ? void 0 : v.some((B) => B.id === t);
           }
         )) || ((g = (m = this.customer) == null ? void 0 : m.stakeholders) == null ? void 0 : g.find(
           (w) => {
-            var v;
-            return ((v = w.transaction) == null ? void 0 : v.id) === t;
+            var E;
+            return ((E = w.transaction) == null ? void 0 : E.id) === t;
           }
         ));
         if (C)
@@ -15519,7 +15520,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, F;
+    var f, p, C, w, E, v, B, S, I, P, x;
     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 = {
@@ -15527,7 +15528,7 @@ class kc {
       ...d,
       ...(p = n == null ? void 0 : n.graphql) == null ? void 0 : p.additionalHeaders
     }, u = await b.getShadowGraphqlClient().query({
-      query: xs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
+      query: Fs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -15536,13 +15537,13 @@ class kc {
         headers: A
       }
     });
-    if (!((v = u.data) != null && v.bundles) || ((S = u.data) == null ? void 0 : S.bundles.length) === 0 || !((B = u.data) != null && B.bundles[0]))
+    if (!((E = u.data) != null && E.bundles) || ((v = u.data) == null ? void 0 : v.bundles.length) === 0 || !((B = u.data) != null && B.bundles[0]))
       throw new Error(`Unable to find bundle: ${t}`);
-    const h = (E = u.data) == null ? void 0 : E.bundles[0], m = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const h = (S = u.data) == null ? void 0 : S.bundles[0], m = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     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: (F = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : F.eagerFetchProducts,
+      eagerFetchProducts: (x = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : x.eagerFetchProducts,
       existingGlobalPropertyState: u.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -15555,15 +15556,15 @@ class kc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async duplicateBundle(t, e, a, n) {
-    var f, p, C, w, v, S, B, E;
+    var f, p, C, w, E, v, B, S;
     const i = (f = k.getMap("bundleOwnerIds")) == null ? void 0 : f.get(t), o = ((p = Object.entries(localStorage).find(([I, P]) => I.startsWith("CognitoIdentityServiceProvider") && I.endsWith("idToken"))) == null ? void 0 : p[0]) || "", l = localStorage.getItem(o), c = {};
     l && !ve(l) && (c.Authorization = `Bearer ${l}`);
     const d = {
       bundleOwnerId: i,
       ...c,
       ...(C = n == null ? void 0 : n.graphql) == null ? void 0 : C.additionalHeaders
-    }, u = (S = (await b.getShadowGraphqlClient().mutate({
-      mutation: Rs(((v = (w = n == null ? void 0 : n.graphql) == null ? void 0 : w.productCollection) == null ? void 0 : v.eagerFetchProducts) || !1),
+    }, u = (v = (await b.getShadowGraphqlClient().mutate({
+      mutation: Rs(((E = (w = n == null ? void 0 : n.graphql) == null ? void 0 : w.productCollection) == null ? void 0 : E.eagerFetchProducts) || !1),
       variables: {
         id: t,
         template: e,
@@ -15575,7 +15576,7 @@ class kc {
         headers: d
       },
       fetchPolicy: "no-cache"
-    })).data) == null ? void 0 : S.bundleDuplicate;
+    })).data) == null ? void 0 : v.bundleDuplicate;
     if (!(u != null && u.id))
       throw new Error("Unable to duplicate bundle");
     const h = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
@@ -15583,7 +15584,7 @@ class kc {
     const m = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     m.set(u.id, u.bundleOwnerId), k.setMap("bundleOwnerIds", m);
     const g = new He(this, u, void 0, void 0, u.bundleOwnerId, {
-      eagerFetchProducts: (E = (B = n == null ? void 0 : n.graphql) == null ? void 0 : B.productCollection) == null ? void 0 : E.eagerFetchProducts
+      eagerFetchProducts: (S = (B = n == null ? void 0 : n.graphql) == null ? void 0 : B.productCollection) == null ? void 0 : S.eagerFetchProducts
     });
     return await g.getInitializationPromise(), g;
   }
@@ -15655,20 +15656,20 @@ class kc {
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
       throw new ut("No options provided!");
-    const a = b.getShadowGraphqlClient(), n = async (S) => {
-      var P, F, M;
-      if (S.length === 0)
+    const a = b.getShadowGraphqlClient(), n = async (v) => {
+      var P, x, M;
+      if (v.length === 0)
         return [];
-      const B = S.map((N) => N.option.transactionId), E = await a.query({
+      const B = v.map((N) => N.option.transactionId), S = await a.query({
         query: di,
         variables: {
           ids: B
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), I = E.data.transactions;
-      if (I.length !== S.length) {
-        const N = ((F = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
+      }), I = S.data.transactions;
+      if (I.length !== v.length) {
+        const N = ((x = (P = S.errors) == null ? void 0 : P[0]) == null ? void 0 : x.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) => {
@@ -15676,18 +15677,18 @@ class kc {
         return {
           transaction: N,
           workflowId: N.workflowId,
-          readOnly: ((j = S.find((G) => G.option.transactionId === N.id)) == null ? void 0 : j.option.readOnly) ?? !1,
-          index: S[V].index
+          readOnly: ((j = v.find((G) => G.option.transactionId === N.id)) == null ? void 0 : j.option.readOnly) ?? !1,
+          index: v[V].index
         };
       });
-    }, i = async (S) => {
-      var I, P, F;
-      if (S.length === 0)
+    }, i = async (v) => {
+      var I, P, x;
+      if (v.length === 0)
         return [];
       const B = await a.mutate({
         mutation: ci,
         variables: {
-          inputs: S.map((M) => ({
+          inputs: v.map((M) => ({
             integrationProductId: M.option.type === "integration" ? M.option.integrationProductId : void 0,
             externalIntegrationId: M.option.type === "external" ? M.option.externalIntegrationId : void 0,
             externalProductId: M.option.type === "external" ? M.option.externalProductId : void 0,
@@ -15700,25 +15701,25 @@ class kc {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), E = (I = B.data) == null ? void 0 : I.transactionCreateMany;
-      if (!E || E.length === 0) {
-        const M = ((F = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
+      }), S = (I = B.data) == null ? void 0 : I.transactionCreateMany;
+      if (!S || S.length === 0) {
+        const M = ((x = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${M}`);
       }
-      return E.map((M, N) => ({
+      return S.map((M, N) => ({
         transaction: M,
         workflowId: M.workflowId,
         readOnly: !1,
-        index: S[N].index
+        index: v[N].index
       }));
-    }, s = t.map((S, B) => ({ option: S, index: B })), o = s.filter((S) => S.option.type === "transaction"), l = s.filter(
-      (S) => S.option.type === "integration" || S.option.type === "external"
+    }, s = t.map((v, B) => ({ option: v, index: B })), o = s.filter((v) => v.option.type === "transaction"), l = s.filter(
+      (v) => v.option.type === "integration" || v.option.type === "external"
     ), c = Da(o, 10), d = Da(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...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) => {
+    ])).flat(), u = [...new Set(A.map((v) => v.workflowId))], h = await Zn(u, e), m = new Map(h.map((v) => [v.id, v])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (v) => {
       var j;
-      const { transaction: B, workflowId: E, readOnly: I, index: P } = S, F = m.get(E), M = t[P];
+      const { transaction: B, workflowId: S, readOnly: I, index: P } = v, x = m.get(S), 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,
@@ -15732,7 +15733,7 @@ class kc {
           context: { transactionOwnerId: N, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         }),
         readOnly: I,
-        workflow: F,
+        workflow: x,
         isReloadedTransaction: M.type === "transaction"
       };
       if (M.type === "transaction" && B.workflowState) {
@@ -15751,11 +15752,11 @@ class kc {
       ), V.delayWorkflowStateSync = !0, { experienceOptions: V, index: P, options: M };
     }), p = await Promise.all(f);
     k.setMap("transactionOwnerIds", g);
-    const w = p.sort((S, B) => S.index - B.index).map(async (S) => {
-      const { experienceOptions: B, options: E } = S, I = new bo(this, B);
-      return await I.getWorkflowManager().getInitializationPromise(), E.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
-    }), v = await Promise.all(w);
-    return v.forEach((S) => S.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), v;
+    const w = p.sort((v, B) => v.index - B.index).map(async (v) => {
+      const { experienceOptions: B, options: S } = v, I = new bo(this, B);
+      return await I.getWorkflowManager().getInitializationPromise(), S.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
+    }), E = await Promise.all(w);
+    return E.forEach((v) => v.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), E;
   }
   storeCustomer(t) {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -15811,7 +15812,7 @@ class kc {
   }
   async placeOrder(t) {
     const e = await b.getShadowGraphqlClient().mutate({
-      mutation: xi,
+      mutation: Fi,
       variables: {
         orderItems: t
       }
@@ -15862,7 +15863,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: Fi,
+    query: xi,
     errorPolicy: "all",
     variables: {
       id: r
@@ -15914,7 +15915,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 Fe(o), c = this.frameData ? this.frameData[s] : void 0;
+            const o = n.currentFrameSources[s], l = await xe(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(
@@ -16722,7 +16723,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 Fl() {
+function xl() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
@@ -16742,7 +16743,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) || xl)(Fl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Fl)(xl)), 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) {
@@ -16769,7 +16770,7 @@ K.__b = function(r) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function xl(r) {
+function Fl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -16785,7 +16786,7 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  Fc as ArrayInput,
+  xc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
   he as AssetType,
@@ -16898,7 +16899,7 @@ export {
   Vc as getCustomer,
   zc as getCustomerBundles,
   hc as getElementVertices,
-  Fe as getFrameData,
+  xe as getFrameData,
   ml as getIntegration,
   dc as getNEPoint,
   cc as getNWPoint,
@@ -16914,7 +16915,7 @@ export {
   Gc as getTransactionsForBundle,
   oc as getTrueCoordinates,
   Wc as getUnorderedTransactions,
-  xc as getWorkflow,
+  Fc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,