@spiffcommerce/core 32.2.4-beta.4afe3abf-22fb-564b-b8a7-84762f8e91f4 → 32.2.4-beta.bd4bf70f-5b7f-54e2-840c-b9b707d86b8d

package/dist/index.mjs

@@ -7,11 +7,11 @@ import { orientation as pr } from "exifr/dist/mini.umd.cjs";
 import { parse as ln } from "css";
 import fr from "fuse.js";
 import { Pith as ua } from "pith";
-import Et from "lodash.clonedeep";
+import ct from "lodash.clonedeep";
 import { toString as cn } from "qrcode";
 import Cr from "svg-path-bbox";
 import { parse as ea } from "opentype.js";
-import { jsx as D, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
+import { jsx as D, jsxs as dt, Fragment as Gt } from "preact/jsx-runtime";
 import wr from "handlebars";
 import { dataUriToBuffer as yr } from "data-uri-to-buffer";
 import xa from "lodash.chunk";
@@ -74,7 +74,7 @@ class Dt extends ke {
     super(`Parsing Error: ${t}`);
   }
 }
-class ht extends ke {
+class mt extends ke {
   constructor(t) {
     super(`Client Error: ${t}`);
   }
@@ -160,7 +160,7 @@ class Mr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const gt = new Mr();
+const pt = new Mr();
 let na, ra;
 function Qc(r) {
   na = r;
@@ -201,7 +201,7 @@ const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
     return document.createElementNS(r, t);
   const a = Zt().document.createElement(t);
   return a.setAttribute("xmlns", r), a;
-}, dt = () => {
+}, At = () => {
   if (Tt([typeof DOMParser]))
     return new DOMParser();
   const r = Zt();
@@ -295,7 +295,7 @@ let fn;
 const Gr = (r) => {
   fn = r;
 }, Wr = () => new Promise((r) => {
-  const t = gt.getHubUrl(), e = (a) => {
+  const t = pt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
@@ -308,13 +308,13 @@ const Gr = (r) => {
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Wr(), ...r } : r;
 };
 async function jr(r, t) {
-  const e = gt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
+  const e = pt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
   let n = await rt(r, { ...t, redirect: "manual" });
   return n.type === "opaqueredirect" && (typeof r != "string" && "url" in r ? n = await rt({ ...r, url: `${a}/graphql` }, t) : n = await rt(`${a}/graphql`, t)), n;
 }
 class Hr {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), gt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), pt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -326,7 +326,7 @@ class Hr {
   }
   constructShadowGraphqlClient() {
     const t = lr({
-      uri: `${gt.getServerUrl()}/graphql`,
+      uri: `${pt.getServerUrl()}/graphql`,
       fetch: jr
     }), e = ur(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await qr();
@@ -365,7 +365,7 @@ class Hr {
 }
 const y = new Hr();
 let ia, sa;
-const pt = (r, t, e) => {
+const ft = (r, t, e) => {
   if (ia !== void 0)
     return ia(r, t, e);
   try {
@@ -426,10 +426,10 @@ const Yr = (r) => new Promise((t) => {
 }, _r = async (r) => {
   const t = await $r(r), e = await te(t), [a, n] = Kr(e);
   if (!await Jr()) {
-    const A = pt(a, n);
+    const A = ft(a, n);
     return A.getContext("2d")?.drawImage(e, 0, 0, a, n), A;
   }
-  const s = await Yr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = pt(o, l), d = c.getContext("2d");
+  const s = await Yr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = ft(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -3287,7 +3287,7 @@ const le = (r) => {
   const t = /pt|pc|mm|cm|in/gm, e = r.getAttribute("viewBox"), a = r.getAttribute("width"), n = r.getAttribute("height");
   if (!e) throw new Error("viewBox not specified on SVG!");
   a && r.setAttribute("width", a.replace(t, "")), n && r.setAttribute("height", n.replace(t, ""));
-}, Sn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, si = (r, t, e) => {
+}, Sn = (r) => At().parseFromString(r, "image/svg+xml").firstElementChild, si = (r, t, e) => {
   r.setAttribute("height", `${e}px`), r.setAttribute("width", `${t}px`);
 }, vn = (r, t, e) => {
   kt(r, (a) => {
@@ -3340,7 +3340,7 @@ const le = (r) => {
   return vn(a, t, e), En(a);
 }, oi = (r) => {
   const t = /<svg.*<\/svg>/s, e = r.match(t) || [], a = e?.length > 0 ? e[0] : "";
-  return dt().parseFromString(a, "image/svg+xml");
+  return At().parseFromString(a, "image/svg+xml");
 }, ot = async (r) => {
   const e = oi(r).firstElementChild;
   if (!e)
@@ -3603,7 +3603,7 @@ class gi {
         d.lengthComputable && a(d.loaded * 100 / d.total);
       }, c.onload = () => {
         const d = s.assetResponse.asset;
-        At.add(s.assetResponse.asset), o(d);
+        ut.add(s.assetResponse.asset), o(d);
       }, c.onerror = l, this.postProcessFileUpload(t, s.mimeType).then((d) => c.send(d.blob)).catch(l);
     }), this.cacheAsset(s.assetResponse.asset), s.assetResponse.asset;
   }
@@ -3634,7 +3634,7 @@ class gi {
       });
       if (this.bgrmProcessCache.delete(e), !i.data?.assetRemoveBackground?.key)
         throw new Error("Failed to remove background from image");
-      return At.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
+      return ut.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
         i.data.assetRemoveBackground.key,
         Promise.resolve(i.data.assetRemoveBackground)
       ), i.data.assetRemoveBackground;
@@ -3642,16 +3642,16 @@ class gi {
     return this.bgrmProcessCache.set(e, n), n;
   }
   removePersistedAsset(t) {
-    At.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
+    ut.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
   }
   getPersistedAssets() {
-    return At.list();
+    return ut.list();
   }
   registerPersistedAssetListener(t) {
-    At.addCallback(t);
+    ut.addCallback(t);
   }
   unRegisterPersistedAssetListener(t) {
-    At.removeCallback(t);
+    ut.removeCallback(t);
   }
   isRaster(t) {
     return !(t.type === "image/svg+xml" || t.type === "application/pdf" || t.type === "application/postscript");
@@ -3747,7 +3747,7 @@ const Rt = "persistentAssets", lt = class lt {
   }
 };
 lt.callbacks = [];
-let At = lt;
+let ut = lt;
 const Ua = "bgrmPersistentAssets";
 class J {
   static has(t) {
@@ -5215,7 +5215,7 @@ const H = new Si(), Bn = w`
     ],
     silentSteps: []
   }), t;
-}, Hi = (r, t) => t.find((e) => e.stepNames.includes(r)), vt = (r, t) => (r.conditions || []).every((e) => {
+}, Hi = (r, t) => t.find((e) => e.stepNames.includes(r)), Et = (r, t) => (r.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -5228,12 +5228,12 @@ const H = new Si(), Bn = w`
   const e = {
     name: r.name,
     title: r.title,
-    renderableSteps: r.renderableSteps.filter((a) => vt(a, t)),
-    silentSteps: r.silentSteps.filter((a) => vt(a, t))
+    renderableSteps: r.renderableSteps.filter((a) => Et(a, t)),
+    silentSteps: r.silentSteps.filter((a) => Et(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, yt = (r, t) => r.map((e) => Yi(e, t)).filter((e) => e !== null), Ji = async (r, t, e = !1) => {
-  const a = yt(r, t), n = [];
+}, St = (r, t) => r.map((e) => Yi(e, t)).filter((e) => e !== null), Ji = async (r, t, e = !1) => {
+  const a = St(r, t), n = [];
   for (const s of a)
     for (const o of s.renderableSteps) {
       const l = (o.option?.variants || []).length;
@@ -5349,7 +5349,7 @@ const M = () => {
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
   })), C = va(I);
-  return /* @__PURE__ */ ct(
+  return /* @__PURE__ */ dt(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5401,7 +5401,7 @@ const M = () => {
             strokeDasharray: `${m * 2} ${m}`
           }
         ),
-        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
+        l && /* @__PURE__ */ dt("mask", { id: `viewmask-${f}`, children: [
           /* @__PURE__ */ D(
             "rect",
             {
@@ -5427,7 +5427,7 @@ const M = () => {
     }
   );
 }, Vc = (r, t, e, a, n) => {
-  const i = ft(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, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
+  const i = Ct(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, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
   return {
     minX: l - I,
     maxX: l + I,
@@ -5437,8 +5437,8 @@ const M = () => {
 }, zc = (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));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, ft = (r) => r * (Math.PI / 180), Gc = (r, t, e) => Math.abs(r - t) < e, Wc = (r, t, e) => {
-  const a = Math.sin(ft(e)), n = Math.cos(ft(e));
+}, Ct = (r) => r * (Math.PI / 180), Gc = (r, t, e) => Math.abs(r - t) < e, Wc = (r, t, e) => {
+  const a = Math.sin(Ct(e)), n = Math.cos(Ct(e));
   return {
     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
@@ -5475,7 +5475,7 @@ const M = () => {
       return j.Northwest;
   }
 }, Jc = (r, t) => t > 45 && t <= 135 ? Pt(r) : t > 135 && t <= 225 ? Pt(Pt(r)) : t > 225 && t <= 315 ? Pt(Pt(Pt(r))) : r, Kc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
-  const a = ft(r.rotation), n = {
+  const a = Ct(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
   }, i = {
@@ -5505,7 +5505,7 @@ const M = () => {
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
 }, _c = 0.352778, Xc = 0.035277, Mn = (r) => {
-  const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e);
+  const t = r.rotation || 0, e = Ct(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ D("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ D(
     "g",
     {
@@ -5527,10 +5527,10 @@ const M = () => {
     }
   ) });
 }, Tn = (r) => {
-  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
-  return /* @__PURE__ */ ct(Gt, { children: [
+  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = Ct(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
+  return /* @__PURE__ */ dt(Gt, { children: [
     /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ D("path", { d: r.clipPath }) : /* @__PURE__ */ D("rect", { x: 0, y: 0, width: r.width, height: r.height }) }) }),
-    /* @__PURE__ */ ct(
+    /* @__PURE__ */ dt(
       "g",
       {
         transform: `
@@ -5569,7 +5569,7 @@ const M = () => {
   };
   if (!a())
     return /* @__PURE__ */ D(Gt, {});
-  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__ */ D(Gt, { children: r.useThreshold && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+  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__ */ D(Gt, { children: r.useThreshold && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ dt("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
     /* @__PURE__ */ D(
       "feColorMatrix",
       {
@@ -5583,12 +5583,12 @@ const M = () => {
         result: "greyscale"
       }
     ),
-    /* @__PURE__ */ ct("feComponentTransfer", { in: "greyscale", children: [
+    /* @__PURE__ */ dt("feComponentTransfer", { in: "greyscale", children: [
       /* @__PURE__ */ D("feFuncR", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ D("feFuncG", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: n() })
     ] })
-  ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
+  ] }) }) }), s = r.rotation || 0, o = Ct(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
     const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, g = r.pattern?.scaleX || 1, p = r.pattern?.scaleY || 1, f = r.pattern?.rotation || 0;
     return [r.pattern?.svg ? {
       id: `${t}-contents`,
@@ -5612,7 +5612,7 @@ const M = () => {
       src: a()
     }];
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ dt(Gt, { children: [
     i(),
     /* @__PURE__ */ D(
       "g",
@@ -5703,7 +5703,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
     return Ge.get(r);
   const e = (async () => {
     try {
-      return Ct(r).getFont();
+      return wt(r).getFont();
     } catch {
       if (Zi(r)) {
         const a = pn(r), n = ea(a);
@@ -5718,7 +5718,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
 }, ts = (r) => {
   const t = pn(r), e = ea(t);
   return oa(r, e), e;
-}, Ct = (r) => {
+}, wt = (r) => {
   const t = Nn.get(r);
   if (t)
     return t;
@@ -5727,7 +5727,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
   const e = new Xi(t);
   return Nn.set(r, e), e;
 }, Zc = async (r) => {
-  const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
+  const t = At(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     ln(d.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
@@ -5782,7 +5782,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
     };
   }
 }, ge = (r, t, e, a) => {
-  const n = mt(r, e, a);
+  const n = gt(r, e, a);
   if (n <= t)
     return { lines: [r], width: n };
   if (!(r.indexOf(" ") > -1)) {
@@ -5795,15 +5795,15 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
   let l = -1 / 0, c = 0;
   for (; c < s.length; ) {
     const d = s[c];
-    if (mt(d, e, a) > t) {
+    if (gt(d, e, a) > t) {
       const A = ge(d, t, e, a);
       o.push(...A.lines), l = Math.max(l, A.width), c++;
     } else {
       const A = [d];
-      l = Math.max(l, mt(d, e, a));
+      l = Math.max(l, gt(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], g = mt(`${A.join(" ")} ${m}`, e, a);
+        const m = s[u], g = gt(`${A.join(" ")} ${m}`, e, a);
         g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
@@ -5816,7 +5816,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
   const s = (i ?? On) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Qn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
   return Math.min(A, d);
 }, as = (r, t, e, a) => {
-  const n = Ct(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
+  const n = wt(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
     return La(t, r, t.fontSize, s, n, a);
   let o;
@@ -5837,11 +5837,11 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
     fontSize: es(o, n, i, t.width, t.height, a)
   } : La(t, r, t.fontSize, s, n, a);
 }, ns = (r, t, e, a, n) => {
-  const s = Ct(t.assetUrl).getFont();
+  const s = wt(t.assetUrl).getFont();
   let o = { ...r };
-  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, Ct(t.assetUrl));
+  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, wt(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && is(a, a).every(([d, A]) => d === A) && (o = l)), o;
-}, We = 1, mt = (r, t, e) => {
+}, We = 1, gt = (r, t, e) => {
   let a = 0;
   const n = e.getGlyphs(r);
   return n.forEach((i, s) => {
@@ -5862,7 +5862,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @_
 }, Qn = (r, t, e) => {
   let a = 0;
   return r.forEach((n) => {
-    a = Math.max(a, mt(n, t, e));
+    a = Math.max(a, gt(n, t, e));
   }), a;
 }, Va = {
   stripControlCharacters: !0,
@@ -5909,8 +5909,8 @@ const os = (r) => {
   if (r.curved && !r.paths || !r.fontData)
     return null;
   const h = () => r.textFillImage ? `url("#${s}")` : r._renderingConfiguration?.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${yn(r.fillSpotColorDefinition)}` : r.fill;
-  return /* @__PURE__ */ ct(Gt, { children: [
-    /* @__PURE__ */ ct("defs", { children: [
+  return /* @__PURE__ */ dt(Gt, { children: [
+    /* @__PURE__ */ dt("defs", { children: [
       r.textFillImage && /* @__PURE__ */ D(
         "pattern",
         {
@@ -5987,7 +5987,7 @@ const os = (r) => {
   const t = () => {
     if (r.lineHeight !== void 0)
       return r.lineHeight * r.fontSize;
-    const n = Ct(r.fontData.assetUrl), i = n.getFont(), s = r.fontSize / i.unitsPerEm;
+    const n = wt(r.fontData.assetUrl), i = n.getFont(), s = r.fontSize / i.unitsPerEm;
     return n.getApproximateHeight() * s;
   }, e = () => r.align === "left" ? -r.textboxWidth / 2 : r.align === "right" ? r.textboxWidth / 2 : 0, a = () => {
     const n = t(), i = r.textboxHeight / 2;
@@ -6030,7 +6030,7 @@ const os = (r) => {
         mask: r.stepName ? void 0 : r.mask
       }
     );
-  const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e), i = `
+  const t = r.rotation || 0, e = Ct(t), a = Math.cos(e), n = -Math.sin(e), i = `
     matrix(1, 0, 0, 1, ${r.x}, ${r.y})
     matrix(1, 0, 0, 1, ${r.width / 2}, ${r.height / 2})
     matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
@@ -6194,7 +6194,7 @@ const ne = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, ut = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new Map(), Ln = async (r, t) => {
+}, ht = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new Map(), Ln = async (r, t) => {
   if (!t) {
     if (!r) throw new Error("No region or src supplied. Cannot construct frame!");
     return la(r);
@@ -6222,7 +6222,7 @@ const ne = (r) => {
     if (Vt.has(r))
       return Vt.get(r);
     await new Promise((u) => setTimeout(u, 0));
-    const n = dt().parseFromString(r, "image/svg+xml"), i = n.querySelector("svg");
+    const n = At().parseFromString(r, "image/svg+xml"), i = n.querySelector("svg");
     if (!i)
       throw new Error("Malformed frame SVG: <svg> tag not found");
     const s = i.getAttribute("viewBox");
@@ -6265,8 +6265,8 @@ const ne = (r) => {
     zoom: s
   };
 }, ca = async (r) => {
-  if (ut.has(r))
-    return ut.get(r);
+  if (ht.has(r))
+    return ht.get(r);
   if (r.startsWith("data:image/svg+xml")) {
     const e = yr(r), a = new TextDecoder().decode(e.buffer), n = Vn(a), i = {
       src: r,
@@ -6274,7 +6274,7 @@ const ne = (r) => {
       height: n.height,
       aspect: n.width / n.height
     };
-    return ut.set(r, i), i;
+    return ht.set(r, i), i;
   }
   if ((r.split(".").pop()?.toLowerCase() ?? "") === "svg") {
     const e = await ba(r), a = e.width, n = e.height, i = {
@@ -6283,7 +6283,7 @@ const ne = (r) => {
       height: n,
       aspect: a / n
     };
-    return ut.set(r, i), i;
+    return ht.set(r, i), i;
   } else {
     const e = await Te(r, !0), a = await Qe(e), n = {
       src: r,
@@ -6291,13 +6291,13 @@ const ne = (r) => {
       height: a.height,
       aspect: a.width / a.height
     };
-    return ut.set(r, n), n;
+    return ht.set(r, n), n;
   }
 }, ba = async (r) => {
   const t = await nt(r);
   return Vn(t);
 }, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Vn = (r) => {
-  const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
+  const a = At().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
   const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, za(i), za(s)] : n?.split(" ").map((l) => Number(l));
@@ -6329,13 +6329,13 @@ const ne = (r) => {
       s(o);
     }
   }), a = (async () => {
-    const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
+    const s = At().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = It().serializeToString(s), c = pt(), d = c.getContext("2d"), A = await ua.from(d, l, {
+    const l = It().serializeToString(s), c = ft(), d = c.getContext("2d"), A = await ua.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: pt,
+      createCanvas: ft,
       createImage: te,
       DOMParser: pa(),
       fetch: rt
@@ -6363,7 +6363,7 @@ const ne = (r) => {
     panelId: r.layoutState.layout.panelId
   };
   if (e && t === x.Illustration) {
-    const l = await ot(await zn(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
+    const l = await ot(await zn(e)), u = At().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u) throw new Error("SVG missing viewBox.");
     const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
     o.height = o.width / f, o.top += (h - o.height) / 2;
@@ -6374,7 +6374,7 @@ const ne = (r) => {
   }
   if (e && t === x.Textbox && a?.text && a?.fontScale) {
     await Nt(e);
-    const l = Ct(e), c = mt(a.text, a?.fontScale, l);
+    const l = wt(e), c = gt(a.text, a?.fontScale, l);
     o.width = Math.min(c, n.width * 0.85), o.left = n.x + n.width / 2 - o.width / 2;
   }
   return o;
@@ -7310,7 +7310,7 @@ class ja {
   }
 }
 const ys = async (r) => {
-  const t = `${gt.getServicesApiUrl()}/shortener`;
+  const t = `${pt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await rt(t, {
       method: "POST",
@@ -7624,7 +7624,7 @@ class De {
         svg: d.svg,
         colors: n ?? d.colors
       };
-      ut.set(t, A), e.setPatternData(A, a);
+      ht.set(t, A), e.setPatternData(A, a);
     } else {
       const s = await Te(t, !0), o = await Qe(s), l = {
         src: t,
@@ -7634,7 +7634,7 @@ class De {
         svg: void 0,
         colors: void 0
       };
-      ut.set(t, l), e.setPatternData(l, a);
+      ht.set(t, l), e.setPatternData(l, a);
     }
   }
   changeColors(t, e, a) {
@@ -7802,7 +7802,7 @@ class De {
     ), this.validateColorCount(e, a);
   }
 }
-const St = new De();
+const vt = new De();
 class vs {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -8644,7 +8644,7 @@ const xs = new Fs(), Je = (r, t, e, a, n) => {
   if (t.some((d) => d == null))
     throw new Error(`Failed to autosize lines: ${t.join(", ")}`);
   let i = t.map((d) => d.split(`
-`)).flat(), s = i.length, o = i.map((d) => mt(d, a, n));
+`)).flat(), s = i.length, o = i.map((d) => gt(d, a, n));
   const l = n.getApproximateHeight() * a;
   let c = !0;
   for (; c; ) {
@@ -8657,7 +8657,7 @@ const xs = new Fs(), Je = (r, t, e, a, n) => {
     let m = !1, g = h.length;
     for (; !m && g > -1; ) {
       g = h.lastIndexOf(" ", g - 1);
-      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => mt(b, a, n));
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => gt(b, a, n));
       f[0] <= r.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
@@ -8669,7 +8669,7 @@ const xs = new Fs(), Je = (r, t, e, a, n) => {
   return [null, null];
 }, fe = (r, t, e, a, n) => {
   let i, s;
-  const o = Ct(t.assetUrl), l = o.getFont();
+  const o = wt(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
     return [i, s] = Je(e, a, r, u, o), [n.size, i, s];
@@ -8704,7 +8704,7 @@ class Ms {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const n = [], i = e ? Ct(e.assetUrl) : void 0;
+      const n = [], i = e ? wt(e.assetUrl) : void 0;
       if (i) {
         const s = a.split("").filter((l) => !ks.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
@@ -10397,7 +10397,7 @@ class So {
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
     }), await this.fetchConversionConfiguration(), this.allScenes = await ji(t);
-    const n = yt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
+    const n = St(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new R(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   getWorkflowExperience() {
@@ -10570,7 +10570,7 @@ class So {
     this.mandatorySteps[t] !== e && (this.mandatorySteps = { ...this.mandatorySteps, [t]: e }, this.onMandatoryChange());
   }
   getMandatoryUnfulfilledSteps() {
-    return yt(this.allScenes, this.stepSelections).flatMap((i) => i.renderableSteps).filter((i) => i.mandatory).filter((i) => !this.mandatorySteps[i.stepName]).map((i) => i.stepName);
+    return St(this.allScenes, this.stepSelections).flatMap((i) => i.renderableSteps).filter((i) => i.mandatory).filter((i) => !this.mandatorySteps[i.stepName]).map((i) => i.stepName);
   }
   setStepError(t, e, a) {
     let n = !1;
@@ -10605,7 +10605,7 @@ class So {
       },
       { refocusCamera: e }
     );
-    this.setModelContainer(a), yt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
+    this.setModelContainer(a), St(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
       if (!s.option?.id) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
         return;
@@ -10712,7 +10712,7 @@ class So {
     const t = this.getCommandContext().getState();
     if (!t)
       throw new V("Attempted to serialize state before it was initialized.");
-    const e = Et(t.transaction), a = this.dehydrateState(e);
+    const e = ct(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -10748,12 +10748,12 @@ class So {
     this.stepElements = e(this.stepElements, t);
   }
   getInvalidCanvasRegions() {
-    return this.workflow.steps.reduce((t, e) => (vt(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.workflow.steps.reduce((t, e) => (Et(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
       (a) => t.push(a)
     ), t), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !vt(e, this.stepSelections) && t.push(e.stepName), t), []);
+    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !Et(e, this.stepSelections) && t.push(e.stepName), t), []);
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.product;
@@ -10853,13 +10853,13 @@ class So {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
     }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
-      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
+      Et(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
-    const s = this.allScenes, o = yt(s, i), l = yt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+    const s = this.allScenes, o = St(s, i), l = St(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
       (C) => !c.some((E) => E.stepName === C.stepName)
     );
     c.forEach((C) => {
-      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
+      Et(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10887,7 +10887,7 @@ class So {
     await this.onSelectionChange(), n && await n();
   }
   async ensureStepsAreLoaded() {
-    const e = yt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
+    const e = St(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
     for (const l of n)
       if (!this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
@@ -10901,7 +10901,7 @@ class So {
             );
             break;
           case v.Frame:
-            a.push(St.init(l, this, this.reloadedState));
+            a.push(vt.init(l, this, this.reloadedState));
             break;
           case v.Illustration:
             a.push(
@@ -11937,12 +11937,12 @@ const No = async (r, t) => {
         for (let W = 0; W < tt.selections.length; ++W) {
           const q = tt.selections[W];
           if (et && (!B || et.option && (et.option.variants || []).length > 1 && !et.data.hideSelectionInCart && !et.data.hideSelectionsInCart)) {
-            const wt = et.stepTitle;
-            F[wt] ? F[wt].push({
+            const yt = et.stepTitle;
+            F[yt] ? F[yt].push({
               id: q.id || "",
               name: q.name,
               priceModifier: q.priceModifier
-            }) : F[wt] = [
+            }) : F[yt] = [
               {
                 id: q.id || "",
                 name: q.name,
@@ -12300,7 +12300,7 @@ class Wo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((b) => b.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
+    const s = ft(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((b) => b.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -12323,7 +12323,7 @@ class Wo {
     await (await ua.from(h, p, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: pt,
+      createCanvas: ft,
       createImage: te,
       DOMParser: pa(),
       fetch
@@ -12346,7 +12346,7 @@ class Wo {
   getStepsConditionallyActive() {
     return this.getScenes().flatMap(
       (t) => this.getStepsByScene(t).filter(
-        (e) => vt(e.getRaw(), this.getWorkflowManager().getStepSelections())
+        (e) => Et(e.getRaw(), this.getWorkflowManager().getStepSelections())
       )
     );
   }
@@ -12497,7 +12497,7 @@ class Wo {
     return await _e.addDesign(n), n;
   }
   async copy() {
-    const t = Et(this.getCommandContext().getState());
+    const t = ct(this.getCommandContext().getState());
     if (!t) throw new V("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflowManager().getWorkflow(), n = this.getWorkflowManager().getTransaction().integrationProduct?.id;
     if (!n) throw new V("Integration product id is undefined!");
@@ -12779,7 +12779,7 @@ const qo = (r) => {
   const o = s.asset?.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
-  const l = await nt(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
+  const l = await nt(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = At().parseFromString(A, "image/svg+xml").firstElementChild;
   if (!m)
     return console.error("Failed to read SVG."), [];
   fa(m);
@@ -12993,7 +12993,7 @@ const qo = (r) => {
     }
   else {
     const c = await nt(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
+      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = At().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new Dt("Failed to read SVG.");
       return fa(f), It().serializeToString(f);
@@ -13207,7 +13207,7 @@ class rl {
 }
 const il = () => new Promise((r, t) => {
   try {
-    const a = pt().getContext("webgl2");
+    const a = ft().getContext("webgl2");
     r(!!a);
   } catch {
     r(!1);
@@ -13261,7 +13261,7 @@ class ol {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = Et(t);
+    const e = ct(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13344,7 +13344,7 @@ class ll extends xn {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: pt,
+      createCanvas: ft,
       createImage: te,
       DOMParser: pa(),
       fetch
@@ -13519,7 +13519,7 @@ class dl extends Ia {
           svg: s.svg,
           colors: s.colors
         };
-        ut.set(t?.fileLink, l), this.imageData = l;
+        ht.set(t?.fileLink, l), this.imageData = l;
       } else
         this.imageData = void 0;
   }
@@ -13918,7 +13918,7 @@ class ml {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = Et(this.globalPropertyState);
+    const e = ct(this.globalPropertyState);
     this.globalPropertyState = { ...t, id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -13945,7 +13945,7 @@ class ml {
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const s = Et(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const s = ct(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
       if (n) {
         const l = o.find((c) => c.channel === n);
@@ -13978,7 +13978,11 @@ class ml {
         storage: a !== null ? a : void 0,
         channel: n
       });
-    ye(s, this.globalPropertyState) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState));
+    if (ye(s, this.globalPropertyState)) {
+      console.log("Is different", s, ct(this.globalPropertyState));
+      return;
+    }
+    await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState);
   }
   async setAspectStorage(t, e, a) {
     if (!this.globalPropertyState)
@@ -13988,7 +13992,7 @@ class ml {
     const n = this.configuration.aspects.find((o) => o.name === t);
     if (!n)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = Et(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const i = ct(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
     if (s.length > 0)
       if (a) {
         const o = s.find((l) => l.channel === a);
@@ -14005,7 +14009,11 @@ class ml {
         storage: e !== null ? e : void 0,
         channel: a
       });
-    ye(i, this.globalPropertyState) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(i, this.globalPropertyState));
+    if (ye(i, this.globalPropertyState)) {
+      console.log("Is different stor", i, ct(this.globalPropertyState));
+      return;
+    }
+    await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(i, this.globalPropertyState);
   }
   async updateGlobalPropertyState() {
     if (!this.globalPropertyState)
@@ -14390,7 +14398,7 @@ class nr {
           if (h || g.partial && (!g.data.productCollections || g.data.productCollections.length === 0 || !g.data.productCollections[0].productCollectionProductsFeed?.items || g.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, m.unsubscribe();
-          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(Et(f))) || [];
+          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(ct(f))) || [];
           u({
             items: p,
             // Clone items because it could be cached data (immutable)
@@ -14462,11 +14470,11 @@ class Ae {
   getDefaultWorkflow() {
     const t = this.product.workflows;
     if (t === void 0)
-      throw new ht(
+      throw new mt(
         "Called getDefaultWorkflow() before fetching collection products. Use collection.fetchProducts() first to ensure the data is available."
       );
     if (t.length === 0)
-      throw new ht(
+      throw new mt(
         "Called getDefaultWorkflow() but no workflows on requested product. Ensure at least 1 workflow is assigned to this product."
       );
     const e = this.productResource.workflowId;
@@ -14478,7 +14486,7 @@ class Ae {
       return console.warn(
         "Called getDefaultWorkflow() but no default was configured. There is only one workflow available so we will fall back to using this!"
       ), new qt(t[0]);
-    throw new ht(
+    throw new mt(
       "Called getDefaultWorkflow() but no default workflow is configured for the requested product. Multiple workflows exist so we can't assume!"
     );
   }
@@ -14487,7 +14495,7 @@ class Ae {
    */
   getAllWorkflows() {
     if ((this.product.workflows || []).length === 0)
-      throw new ht(
+      throw new mt(
         "No workflows on configured product. Ensure at least 1 workflow is assigned to this product."
       );
     return this.product.workflows.sort((e, a) => (e.index ?? 0) - (a.index ?? 0)).map((e) => new qt(e));
@@ -15970,12 +15978,12 @@ class pd {
           mutation: bi
         });
       } catch (a) {
-        throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
+        throw console.error(a), new mt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Vr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.4-beta.37bc688d-3d85-536a-ba61-02a441df130e"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Vr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.4-beta.4afe3abf-22fb-564b-b8a7-84762f8e91f4"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    pt.setHubUrl(t.hubUrl), pt.setServerUrl(t.serverUrl), pt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
@@ -16430,7 +16438,7 @@ class pd {
    */
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
-      throw new ht("No options provided!");
+      throw new mt("No options provided!");
     const a = y.getShadowGraphqlClient(), n = async (C) => {
       if (C.length === 0)
         return [];
@@ -16444,7 +16452,7 @@ class pd {
       }), B = P.data.transactions;
       if (B.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
-        throw new ht(`Not all transactions were found: ${F}`);
+        throw new mt(`Not all transactions were found: ${F}`);
       }
       return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((F, Q) => ({
         transaction: F,
@@ -16474,7 +16482,7 @@ class pd {
       }), P = E.data?.transactionCreateMany;
       if (!P || P.length === 0) {
         const B = E.errors?.[0]?.message || "Unknown error";
-        throw new ht(`Failed to create transactions: ${B}`);
+        throw new mt(`Failed to create transactions: ${B}`);
       }
       return P.map((B, F) => ({
         transaction: B,
@@ -16511,10 +16519,10 @@ class pd {
       };
       if (T.type === "transaction" && E.workflowState) {
         const q = JSON.parse(E.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await Ga(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((yt) => yt.layout), await Ga(q), W.reloadedState = q;
       } else if (!B && T.workflowState) {
         const q = JSON.parse(T.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await Ga(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((yt) => yt.layout), await Ga(q), W.reloadedState = q;
       } else
         W.layouts = Vl(
           W.transaction,
@@ -17050,7 +17058,7 @@ class jl extends Z {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return St.selectVariant(
+    return vt.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17070,7 +17078,7 @@ class jl extends Z {
    * @param [recalculateOffsets=true] Optional: Recalculates the offsets of the image inside the frame. Default: `true`.
    */
   async selectImage(t, e = !0, a = !0) {
-    if (await St.selectImage(this.step, t, this.manager, a), e) {
+    if (await vt.selectImage(this.step, t, this.manager, a), e) {
       const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17108,7 +17116,7 @@ class jl extends Z {
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const a = await O.removeBackgroundFromAsset(e);
-    t && await St.selectImage(this.step, a, this.manager, !1);
+    t && await vt.selectImage(this.step, a, this.manager, !1);
     const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17119,7 +17127,7 @@ class jl extends Z {
     }), a;
   }
   changeColors(t) {
-    St.changeColors(this.step, this.manager, t);
+    vt.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17129,7 +17137,7 @@ class jl extends Z {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? St.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? vt.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -17142,7 +17150,7 @@ class jl extends Z {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return St.getUniqueColorCount(this.step, this.manager);
+    return vt.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(t, e, a, n) {
     return n && n.length > 1 && t === void 0 ? "SelectFrame" : e || a || this.getImageData() ? "Position" : "SelectImage";
@@ -17757,7 +17765,7 @@ export {
   _e as designService,
   fe as determineCorrectFontSizeAndLines,
   qn as digitalContentStepService,
-  dt as domParser,
+  At as domParser,
   bd as duplicateBundle,
   Bd as duplicateTransaction,
   nt as fetchAsString,
@@ -17765,7 +17773,7 @@ export {
   $ as findElement,
   Lc as findPmsColors,
   Vt as frameDataCache,
-  St as frameStepService,
+  vt as frameStepService,
   M as generate,
   nl as generateCommands,
   ot as generateSVGWithUnknownColors,
@@ -17815,7 +17823,7 @@ export {
   H as optionService,
   Zc as outlineFontsInSvg,
   Od as overrideWorkflowExperienceRecipientAddress,
-  ut as patternImageDataCache,
+  ht as patternImageDataCache,
   k as persistenceService,
   Jn as pictureStepService,
   $c as pmsToRgb,
@@ -17830,7 +17838,7 @@ export {
   Cn as setCanvasModule,
   zt as shapeStepService,
   ys as shortenUrl,
-  gt as spiffCoreConfiguration,
+  pt as spiffCoreConfiguration,
   dd as stepAspectValuesToDesignInputSteps,
   $a as svgColorValueToDefinition,
   Vn as svgStringDimensions,