@spiffcommerce/core 32.4.0-beta.b62ed93b-f241-5f20-b4ff-1ffbdfdab196 → 32.4.0-beta.d49482af-c4b5-57e7-b3e1-1af196d81c48

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { orientation as Cr } from "exifr/dist/mini.umd.cjs";
 import { parse as dn } from "css";
 import wr from "fuse.js";
 import { Pith as ma } from "pith";
-import ht from "lodash.clonedeep";
+import Et from "lodash.clonedeep";
 import { toString as An } from "qrcode";
 import yr from "svg-path-bbox";
 import { parse as aa } from "opentype.js";
@@ -75,7 +75,7 @@ class Dt extends Me {
     super(`Parsing Error: ${t}`);
   }
 }
-class mt extends Me {
+class ht extends Me {
   constructor(t) {
     super(`Client Error: ${t}`);
   }
@@ -161,7 +161,7 @@ class Qr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const pt = new Qr();
+const gt = new Qr();
 let ra, ia;
 function zc(n) {
   ra = n;
@@ -296,7 +296,7 @@ let wn;
 const Hr = (n) => {
   wn = n;
 }, jr = () => new Promise((n) => {
-  const t = pt.getHubUrl(), e = (a) => {
+  const t = gt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), n(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
@@ -309,13 +309,13 @@ const Hr = (n) => {
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await jr(), ...n } : n;
 };
 async function Jr(n, t) {
-  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";
+  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";
   let r = await rt(n, { ...t, redirect: "manual" });
   return r.type === "opaqueredirect" && (typeof n != "string" && "url" in n ? r = await rt({ ...n, url: `${a}/graphql` }, t) : r = await rt(`${a}/graphql`, t)), r;
 }
 class Kr {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), pt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), gt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -327,7 +327,7 @@ class Kr {
   }
   constructShadowGraphqlClient() {
     const t = dr({
-      uri: `${pt.getServerUrl()}/graphql`,
+      uri: `${gt.getServerUrl()}/graphql`,
       fetch: Jr
     }), e = mr(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await Yr();
@@ -366,7 +366,7 @@ class Kr {
 }
 const y = new Kr();
 let sa, oa;
-const ft = (n, t, e) => {
+const pt = (n, t, e) => {
   if (sa !== void 0)
     return sa(n, t, e);
   try {
@@ -427,10 +427,10 @@ const _r = (n) => new Promise((t) => {
 }, ti = async (n) => {
   const t = await Vr(n), e = await te(t), [a, r] = Zr(e);
   if (!await Xr()) {
-    const A = ft(a, r);
+    const A = pt(a, r);
     return A.getContext("2d")?.drawImage(e, 0, 0, a, r), A;
   }
-  const s = await _r(n), [o, l] = s > 4 ? [r, a] : [a, r], c = ft(o, l), d = c.getContext("2d");
+  const s = await _r(n), [o, l] = s > 4 ? [r, a] : [a, r], c = pt(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -5216,7 +5216,7 @@ const j = new bi(), Pn = w`
     ],
     silentSteps: []
   }), t;
-}, Ki = (n, t) => t.find((e) => e.stepNames.includes(n)), Et = (n, t) => (n.conditions || []).every((e) => {
+}, Ki = (n, t) => t.find((e) => e.stepNames.includes(n)), vt = (n, t) => (n.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const r = a.selectedVariants;
@@ -5229,12 +5229,12 @@ const j = new bi(), Pn = w`
   const e = {
     name: n.name,
     title: n.title,
-    renderableSteps: n.renderableSteps.filter((a) => Et(a, t)),
-    silentSteps: n.silentSteps.filter((a) => Et(a, t))
+    renderableSteps: n.renderableSteps.filter((a) => vt(a, t)),
+    silentSteps: n.silentSteps.filter((a) => vt(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, St = (n, t) => n.map((e) => _i(e, t)).filter((e) => e !== null), Xi = async (n, t, e = !1) => {
-  const a = St(n, t), r = [];
+}, yt = (n, t) => n.map((e) => _i(e, t)).filter((e) => e !== null), Xi = async (n, t, e = !1) => {
+  const a = yt(n, t), r = [];
   for (const s of a)
     for (const o of s.renderableSteps) {
       const l = (o.option?.variants || []).length;
@@ -5428,7 +5428,7 @@ const M = () => {
     }
   );
 }, Yc = (n, t, e, a, r) => {
-  const i = Ct(r), s = e / 2, o = a / 2, l = n + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, p = o, g = u * A - m * d, f = h * A - p * d, S = u * d + m * A, B = h * d + p * A, I = Math.max(Math.abs(g), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(B));
+  const i = ft(r), s = e / 2, o = a / 2, l = n + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, p = o, g = u * A - m * d, f = h * A - p * d, S = u * d + m * A, B = h * d + p * A, I = Math.max(Math.abs(g), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(B));
   return {
     minX: l - I,
     maxX: l + I,
@@ -5438,8 +5438,8 @@ const M = () => {
 }, Jc = (n, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - n.x, 2) + Math.pow(t.y - n.y, 2)), r = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - n.x, 2) + Math.pow(e.y - n.y, 2));
   return Math.acos((r * r + a * a - i * i) / (2 * r * a)) * (180 / Math.PI);
-}, Ct = (n) => n * (Math.PI / 180), Kc = (n, t, e) => Math.abs(n - t) < e, _c = (n, t, e) => {
-  const a = Math.sin(Ct(e)), r = Math.cos(Ct(e));
+}, ft = (n) => n * (Math.PI / 180), Kc = (n, t, e) => Math.abs(n - t) < e, _c = (n, t, e) => {
+  const a = Math.sin(ft(e)), r = Math.cos(ft(e));
   return {
     x: (n.x - t.x) * r - (n.y - t.y) * a + t.x,
     y: (n.x - t.x) * a + (n.y - t.y) * r + t.y
@@ -5476,7 +5476,7 @@ const M = () => {
       return H.Northwest;
   }
 }, ad = (n, t) => t > 45 && t <= 135 ? Pt(n) : t > 135 && t <= 225 ? Pt(Pt(n)) : t > 225 && t <= 315 ? Pt(Pt(Pt(n))) : n, nd = (n, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
-  const a = Ct(n.rotation), r = {
+  const a = ft(n.rotation), r = {
     x: t.x + n.x * e.x,
     y: t.x + n.y * e.y
   }, i = {
@@ -5506,7 +5506,7 @@ const M = () => {
     y: (n.x - t.x) * a + (n.y - t.y) * r + t.y
   };
 }, rd = 0.352778, id = 0.035277, Nn = (n) => {
-  const t = n.rotation || 0, e = Ct(t), a = Math.cos(e), r = -Math.sin(e);
+  const t = n.rotation || 0, e = ft(t), a = Math.cos(e), r = -Math.sin(e);
   return /* @__PURE__ */ D("g", { mask: n.stepName || n.productOverlay ? void 0 : n.mask, children: /* @__PURE__ */ D(
     "g",
     {
@@ -5528,7 +5528,7 @@ const M = () => {
     }
   ) });
 }, Qn = (n) => {
-  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = Ct(e), r = Math.cos(a), i = -Math.sin(a), s = ba(n.children);
+  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = ft(e), r = Math.cos(a), i = -Math.sin(a), s = ba(n.children);
   return /* @__PURE__ */ ct(Gt, { children: [
     /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: t, preserveAspectRatio: "none", children: n.clipPath ? /* @__PURE__ */ D("path", { d: n.clipPath }) : /* @__PURE__ */ D("rect", { x: 0, y: 0, width: n.width, height: n.height }) }) }),
     /* @__PURE__ */ ct(
@@ -5589,7 +5589,7 @@ const M = () => {
       /* @__PURE__ */ D("feFuncG", { type: "discrete", tableValues: r() }),
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: r() })
     ] })
-  ] }) }) }), s = n.rotation || 0, o = Ct(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
+  ] }) }) }), s = n.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
     const A = n.pattern?.x || 0, u = n.pattern?.y || 0, h = n.pattern?.width || 0, m = n.pattern?.height || 0, p = n.pattern?.scaleX || 1, g = n.pattern?.scaleY || 1, f = n.pattern?.rotation || 0;
     return [n.pattern?.svg ? {
       id: `${t}-contents`,
@@ -5704,7 +5704,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
     return We.get(n);
   const e = (async () => {
     try {
-      return wt(n).getFont();
+      return Ct(n).getFont();
     } catch {
       if (as(n)) {
         const a = Cn(n), r = aa(a);
@@ -5719,7 +5719,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
 }, ns = (n) => {
   const t = Cn(n), e = aa(t);
   return la(n, e), e;
-}, wt = (n) => {
+}, Ct = (n) => {
   const t = Rn.get(n);
   if (t)
     return t;
@@ -5783,7 +5783,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
     };
   }
 }, pe = (n, t, e, a) => {
-  const r = gt(n, e, a);
+  const r = mt(n, e, a);
   if (r <= t)
     return { lines: [n], width: r };
   if (!(n.indexOf(" ") > -1)) {
@@ -5796,15 +5796,15 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
   let l = -1 / 0, c = 0;
   for (; c < s.length; ) {
     const d = s[c];
-    if (gt(d, e, a) > t) {
+    if (mt(d, e, a) > t) {
       const A = pe(d, t, e, a);
       o.push(...A.lines), l = Math.max(l, A.width), c++;
     } else {
       const A = [d];
-      l = Math.max(l, gt(d, e, a));
+      l = Math.max(l, mt(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], p = gt(`${A.join(" ")} ${m}`, e, a);
+        const m = s[u], p = mt(`${A.join(" ")} ${m}`, e, a);
         p <= t ? (A.push(m), l = Math.max(l, p), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
@@ -5817,7 +5817,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
   const s = (i ?? Un) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = On(n, o, t), c = n.length * s * o, d = a / l, A = r / c;
   return Math.min(A, d);
 }, is = (n, t, e, a) => {
-  const r = wt(t.fontData.assetUrl), i = r.getFont(), s = t.fontSize / i.unitsPerEm;
+  const r = Ct(t.fontData.assetUrl), i = r.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
     return za(t, n, t.fontSize, s, r, a);
   let o;
@@ -5838,11 +5838,11 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
     fontSize: rs(o, r, i, t.width, t.height, a)
   } : za(t, n, t.fontSize, s, r, a);
 }, ss = (n, t, e, a, r) => {
-  const s = wt(t.assetUrl).getFont();
+  const s = Ct(t.assetUrl).getFont();
   let o = { ...n };
-  const l = { ...n }, c = On(a, e / s.unitsPerEm, wt(t.assetUrl));
+  const l = { ...n }, c = On(a, e / s.unitsPerEm, Ct(t.assetUrl));
   return c && c < o.width && (l.width = c, r === "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) : r === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && ls(a, a).every(([d, A]) => d === A) && (o = l)), o;
-}, qe = 1, gt = (n, t, e) => {
+}, qe = 1, mt = (n, t, e) => {
   let a = 0;
   const r = e.getGlyphs(n);
   return r.forEach((i, s) => {
@@ -5863,7 +5863,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
 }, On = (n, t, e) => {
   let a = 0;
   return n.forEach((r) => {
-    a = Math.max(a, gt(r, t, e));
+    a = Math.max(a, mt(r, t, e));
   }), a;
 }, Ga = {
   stripControlCharacters: !0,
@@ -5988,7 +5988,7 @@ const ds = (n) => {
   const t = () => {
     if (n.lineHeight !== void 0)
       return n.lineHeight * n.fontSize;
-    const r = wt(n.fontData.assetUrl), i = r.getFont(), s = n.fontSize / i.unitsPerEm;
+    const r = Ct(n.fontData.assetUrl), i = r.getFont(), s = n.fontSize / i.unitsPerEm;
     return r.getApproximateHeight() * s;
   }, e = () => n.align === "left" ? -n.textboxWidth / 2 : n.align === "right" ? n.textboxWidth / 2 : 0, a = () => {
     const r = t(), i = n.textboxHeight / 2;
@@ -6031,7 +6031,7 @@ const ds = (n) => {
         mask: n.stepName ? void 0 : n.mask
       }
     );
-  const t = n.rotation || 0, e = Ct(t), a = Math.cos(e), r = -Math.sin(e), i = `
+  const t = n.rotation || 0, e = ft(t), a = Math.cos(e), r = -Math.sin(e), i = `
     matrix(1, 0, 0, 1, ${n.x}, ${n.y})
     matrix(1, 0, 0, 1, ${n.width / 2}, ${n.height / 2})
     matrix(${a}, ${-r}, ${r}, ${a}, 0, 0)
@@ -6333,10 +6333,10 @@ const ne = (n) => {
     const s = dt().parseFromString(n, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = It().serializeToString(s), c = ft(), d = c.getContext("2d"), A = await ma.from(d, l, {
+    const l = It().serializeToString(s), c = pt(), d = c.getContext("2d"), A = await ma.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: ft,
+      createCanvas: pt,
       createImage: te,
       DOMParser: Ca(),
       fetch: rt
@@ -6375,7 +6375,7 @@ const ne = (n) => {
   }
   if (e && t === x.Textbox && a?.text && a?.fontScale) {
     await Nt(e);
-    const l = wt(e), c = gt(a.text, a?.fontScale, l);
+    const l = Ct(e), c = mt(a.text, a?.fontScale, l);
     o.width = Math.min(c, r.width * 0.85), o.left = r.x + r.width / 2 - o.width / 2;
   }
   return o;
@@ -7311,7 +7311,7 @@ class Ya {
   }
 }
 const Es = async (n) => {
-  const t = `${pt.getServicesApiUrl()}/shortener`;
+  const t = `${gt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await rt(t, {
       method: "POST",
@@ -7803,7 +7803,7 @@ class Fe {
     ), this.validateColorCount(e, a);
   }
 }
-const vt = new Fe();
+const St = new Fe();
 class Bs {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -8645,7 +8645,7 @@ const Ts = new Ms(), Ke = (n, t, e, a, r) => {
   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) => gt(d, a, r));
+`)).flat(), s = i.length, o = i.map((d) => mt(d, a, r));
   const l = r.getApproximateHeight() * a;
   let c = !0;
   for (; c; ) {
@@ -8658,7 +8658,7 @@ const Ts = new Ms(), Ke = (n, t, e, a, r) => {
     let m = !1, p = h.length;
     for (; !m && p > -1; ) {
       p = h.lastIndexOf(" ", p - 1);
-      const g = [h.slice(0, p), h.slice(p + 1)], f = g.map((B) => gt(B, a, r));
+      const g = [h.slice(0, p), h.slice(p + 1)], f = g.map((B) => mt(B, a, r));
       f[0] <= n.width && (i = [...i.slice(0, u), ...g, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
@@ -8670,7 +8670,7 @@ const Ts = new Ms(), Ke = (n, t, e, a, r) => {
   return [null, null];
 }, Ce = (n, t, e, a, r) => {
   let i, s;
-  const o = wt(t.assetUrl), l = o.getFont();
+  const o = Ct(t.assetUrl), l = o.getFont();
   if (r.size) {
     const u = n / l.unitsPerEm;
     return [i, s] = Ke(e, a, n, u, o), [r.size, i, s];
@@ -8705,7 +8705,7 @@ class Qs {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const r = [], i = e ? wt(e.assetUrl) : void 0;
+      const r = [], i = e ? Ct(e.assetUrl) : void 0;
       if (i) {
         const s = a.split("").filter((l) => !Ns.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
@@ -10402,7 +10402,7 @@ class Bo {
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
     }), await this.fetchConversionConfiguration(), this.allScenes = await Ji(t);
-    const r = St(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(r, !!this.reloadedState);
+    const r = yt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(r, !!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() {
@@ -10575,7 +10575,7 @@ class Bo {
     this.mandatorySteps[t] !== e && (this.mandatorySteps = { ...this.mandatorySteps, [t]: e }, this.onMandatoryChange());
   }
   getMandatoryUnfulfilledSteps() {
-    return St(this.allScenes, this.stepSelections).flatMap((i) => i.renderableSteps).filter((i) => i.mandatory).filter((i) => !this.mandatorySteps[i.stepName]).map((i) => i.stepName);
+    return yt(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 r = !1;
@@ -10610,7 +10610,7 @@ class Bo {
       },
       { refocusCamera: e }
     );
-    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) => {
+    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) => {
       if (!s.option?.id) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
         return;
@@ -10717,7 +10717,7 @@ class Bo {
     const t = this.getCommandContext().getState();
     if (!t)
       throw new V("Attempted to serialize state before it was initialized.");
-    const e = ht(t.transaction), a = this.dehydrateState(e);
+    const e = Et(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -10753,12 +10753,12 @@ class Bo {
     this.stepElements = e(this.stepElements, t);
   }
   getInvalidCanvasRegions() {
-    return this.workflow.steps.reduce((t, e) => (Et(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.workflow.steps.reduce((t, e) => (vt(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 && !Et(e, this.stepSelections) && t.push(e.stepName), t), []);
+    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !vt(e, this.stepSelections) && t.push(e.stepName), t), []);
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.product;
@@ -10858,13 +10858,13 @@ class Bo {
       ...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) => {
-      Et(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
+      vt(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 = St(s, i), l = St(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+    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(
       (C) => !c.some((E) => E.stepName === C.stepName)
     );
     c.forEach((C) => {
-      Et(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
+      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10892,7 +10892,7 @@ class Bo {
     await this.onSelectionChange(), r && await r();
   }
   async ensureStepsAreLoaded() {
-    const e = St(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], r = e.flat();
+    const e = yt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], r = e.flat();
     for (const l of r)
       if (!this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
@@ -10906,7 +10906,7 @@ class Bo {
             );
             break;
           case v.Frame:
-            a.push(vt.init(l, this, this.reloadedState));
+            a.push(St.init(l, this, this.reloadedState));
             break;
           case v.Illustration:
             a.push(
@@ -11949,12 +11949,12 @@ const $o = async (n, 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 yt = et.stepTitle;
-            F[yt] ? F[yt].push({
+            const wt = et.stepTitle;
+            F[wt] ? F[wt].push({
               id: q.id || "",
               name: q.name,
               priceModifier: q.priceModifier
-            }) : F[yt] = [
+            }) : F[wt] = [
               {
                 id: q.id || "",
                 name: q.name,
@@ -12315,7 +12315,7 @@ class Yo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    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 ? {
+    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 ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -12338,7 +12338,7 @@ class Yo {
     await (await ma.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: ft,
+      createCanvas: pt,
       createImage: te,
       DOMParser: Ca(),
       fetch
@@ -12361,7 +12361,7 @@ class Yo {
   getStepsConditionallyActive() {
     return this.getScenes().flatMap(
       (t) => this.getStepsByScene(t).filter(
-        (e) => Et(e.getRaw(), this.getWorkflowManager().getStepSelections())
+        (e) => vt(e.getRaw(), this.getWorkflowManager().getStepSelections())
       )
     );
   }
@@ -12512,7 +12512,7 @@ class Yo {
     return await Xe.addDesign(r), r;
   }
   async copy() {
-    const t = ht(this.getCommandContext().getState());
+    const t = Et(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(), r = this.getWorkflowManager().getTransaction().integrationProduct?.id;
     if (!r) throw new V("Integration product id is undefined!");
@@ -13222,7 +13222,7 @@ class ll {
 }
 const cl = () => new Promise((n, t) => {
   try {
-    const a = ft().getContext("webgl2");
+    const a = pt().getContext("webgl2");
     n(!!a);
   } catch {
     n(!1);
@@ -13276,7 +13276,7 @@ class Al {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = ht(t);
+    const e = Et(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13359,7 +13359,7 @@ class ul extends Mn {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: ft,
+      createCanvas: pt,
       createImage: te,
       DOMParser: Ca(),
       fetch
@@ -13939,7 +13939,7 @@ class yl {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
     const e = this.globalPropertyState.aspects;
-    ht(this.globalPropertyState), this.globalPropertyState.aspects = e.filter((a) => !t.includes(a.name));
+    this.globalPropertyState.aspects = e.filter((a) => !t.includes(a.name)), console.log(`LOG: after the clear there are ${this.globalPropertyState.aspects.length} aspects`);
   }
   recalculateMandatoryStates() {
     this.mandatoryFulfilledAspects = rr(this.globalPropertyState);
@@ -13961,7 +13961,7 @@ class yl {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = ht(this.globalPropertyState);
+    const e = Et(this.globalPropertyState);
     this.globalPropertyState = { ...Ae(t), id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -13988,7 +13988,7 @@ class yl {
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const s = ht(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const s = Et(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
       if (r) {
         const l = o.find((c) => c.channel === r);
@@ -14031,7 +14031,7 @@ class yl {
     const r = this.configuration.aspects.find((o) => o.name === t);
     if (!r)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = ht(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const i = Et(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);
@@ -14434,7 +14434,7 @@ class ir {
           if (h || p.partial && (!p.data.productCollections || p.data.productCollections.length === 0 || !p.data.productCollections[0].productCollectionProductsFeed?.items || p.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, m.unsubscribe();
-          const g = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new ue(ht(f))) || [];
+          const g = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new ue(Et(f))) || [];
           u({
             items: g,
             // Clone items because it could be cached data (immutable)
@@ -14506,11 +14506,11 @@ class ue {
   getDefaultWorkflow() {
     const t = this.product.workflows;
     if (t === void 0)
-      throw new mt(
+      throw new ht(
         "Called getDefaultWorkflow() before fetching collection products. Use collection.fetchProducts() first to ensure the data is available."
       );
     if (t.length === 0)
-      throw new mt(
+      throw new ht(
         "Called getDefaultWorkflow() but no workflows on requested product. Ensure at least 1 workflow is assigned to this product."
       );
     const e = this.productResource.workflowId;
@@ -14522,7 +14522,7 @@ class ue {
       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 mt(
+    throw new ht(
       "Called getDefaultWorkflow() but no default workflow is configured for the requested product. Multiple workflows exist so we can't assume!"
     );
   }
@@ -14531,7 +14531,7 @@ class ue {
    */
   getAllWorkflows() {
     if ((this.product.workflows || []).length === 0)
-      throw new mt(
+      throw new ht(
         "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));
@@ -14918,7 +14918,7 @@ class Ze {
           }
       }
     } finally {
-      this.updatesLocked = !1, this.onGlobalPropertiesChanged(void 0, this.globalPropertyStateManager.getGlobalPropertyState());
+      this.updatesLocked = !1, console.log(`LOG: finally ${this.globalPropertyStateManager.getGlobalPropertyState()?.aspects?.length}`), this.onGlobalPropertiesChanged(void 0, this.globalPropertyStateManager.getGlobalPropertyState());
     }
   }
   getGlobalPropertyStateManager() {
@@ -15386,7 +15386,7 @@ class Ze {
     for (const c of a)
       i.find((d) => d.getName() == c.getName()) || (o = [...o, c.getName()]);
     await s.clearAspects(o);
-    const l = a.map((c) => {
+    const l = i.map((c) => {
       if (c.getType() === U.ColorOption || c.getType() === U.Option) {
         const d = c;
         if (!e.aspects.find((u) => u.name === d.getName()))
@@ -16009,12 +16009,12 @@ class Ed {
           mutation: Pi
         });
       } catch (a) {
-        throw console.error(a), new mt("Critical - Unable to synchronize workflow state with server.");
+        throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Wr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.4.0-beta.6d92b322-020c-59a4-a579-c88f99c2e235"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Wr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.4.0-beta.b62ed93b-f241-5f20-b4ff-1ffbdfdab196"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    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 && Hr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    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 && Hr(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
@@ -16469,7 +16469,7 @@ class Ed {
    */
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
-      throw new mt("No options provided!");
+      throw new ht("No options provided!");
     const a = y.getShadowGraphqlClient(), r = async (C) => {
       if (C.length === 0)
         return [];
@@ -16483,7 +16483,7 @@ class Ed {
       }), b = P.data.transactions;
       if (b.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
-        throw new mt(`Not all transactions were found: ${F}`);
+        throw new ht(`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,
@@ -16515,7 +16515,7 @@ class Ed {
       }), P = E.data?.transactionCreateMany;
       if (!P || P.length === 0) {
         const b = E.errors?.[0]?.message || "Unknown error";
-        throw new mt(`Failed to create transactions: ${b}`);
+        throw new ht(`Failed to create transactions: ${b}`);
       }
       return P.map((b, F) => ({
         transaction: b,
@@ -16552,10 +16552,10 @@ class Ed {
       };
       if (T.type === "transaction" && E.workflowState) {
         const q = JSON.parse(E.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((yt) => yt.layout), await qa(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await qa(q), W.reloadedState = q;
       } else if (!b && T.workflowState) {
         const q = JSON.parse(T.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((yt) => yt.layout), await qa(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await qa(q), W.reloadedState = q;
       } else
         W.layouts = jl(
           W.transaction,
@@ -17104,7 +17104,7 @@ class Xl extends Z {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return vt.selectVariant(
+    return St.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17124,7 +17124,7 @@ class Xl 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 vt.selectImage(this.step, t, this.manager, a), e) {
+    if (await St.selectImage(this.step, t, this.manager, a), e) {
       const r = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17162,7 +17162,7 @@ class Xl 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 vt.selectImage(this.step, a, this.manager, !1);
+    t && await St.selectImage(this.step, a, this.manager, !1);
     const r = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17173,7 +17173,7 @@ class Xl extends Z {
     }), a;
   }
   changeColors(t) {
-    vt.changeColors(this.step, this.manager, t);
+    St.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17183,7 +17183,7 @@ class Xl extends Z {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? vt.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? St.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -17196,7 +17196,7 @@ class Xl extends Z {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return vt.getUniqueColorCount(this.step, this.manager);
+    return St.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(t, e, a, r) {
     return r && r.length > 1 && t === void 0 ? "SelectFrame" : e || a || this.getImageData() ? "Position" : "SelectImage";
@@ -17820,7 +17820,7 @@ export {
   $ as findElement,
   jc as findPmsColors,
   Vt as frameDataCache,
-  vt as frameStepService,
+  St as frameStepService,
   M as generate,
   ol as generateCommands,
   ot as generateSVGWithUnknownColors,
@@ -17885,7 +17885,7 @@ export {
   yn as setCanvasModule,
   zt as shapeStepService,
   Es as shortenUrl,
-  pt as spiffCoreConfiguration,
+  gt as spiffCoreConfiguration,
   fd as stepAspectValuesToDesignInputSteps,
   La as svgColorValueToDefinition,
   Gn as svgStringDimensions,