@spiffcommerce/core 35.0.0 → 35.0.2

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { orientation as kr } from "exifr/dist/mini.umd.cjs";
 import { parse as wn } from "css";
 import Mr from "fuse.js";
 import { Pith as va } from "pith";
-import Et from "lodash.clonedeep";
+import pt from "lodash.clonedeep";
 import jt from "lodash.isequal";
 import { jsx as P, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
 import { parse as sa } from "opentype.js";
@@ -162,7 +162,7 @@ class Jr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const pt = new Jr();
+const ft = new Jr();
 let da, Aa;
 function sd(n) {
   da = n;
@@ -297,7 +297,7 @@ let Dn;
 const oi = (n) => {
   Dn = n;
 }, si = () => new Promise((n) => {
-  const t = pt.getHubUrl(), e = (a) => {
+  const t = ft.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));
@@ -310,13 +310,13 @@ const oi = (n) => {
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await si(), ...n } : n;
 };
 async function ci(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 = ft.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 nt(n, { ...t, redirect: "manual" });
   return (r.type === "opaqueredirect" || r.status === 307) && (typeof n != "string" && "url" in n ? r = await nt({ ...n, url: `${a}/graphql` }, t) : r = await nt(`${a}/graphql`, t)), r;
 }
 class di {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), pt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), ft.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -328,7 +328,7 @@ class di {
   }
   constructShadowGraphqlClient() {
     const t = Er({
-      uri: `${pt.getServerUrl()}/graphql`,
+      uri: `${ft.getServerUrl()}/graphql`,
       fetch: ci
     }), e = Pr(async (i, o) => {
       const { headers: s } = o, l = s || {}, c = await li();
@@ -372,7 +372,7 @@ class di {
 }
 const S = new di();
 let ua, ha;
-const ft = (n, t, e) => {
+const Ct = (n, t, e) => {
   if (ua !== void 0)
     return ua(n, t, e);
   try {
@@ -433,10 +433,10 @@ const Ai = (n) => new Promise((t) => {
 }, gi = async (n) => {
   const t = await ei(n), e = await te(t), [a, r] = hi(e);
   if (!await ui()) {
-    const A = ft(a, r);
+    const A = Ct(a, r);
     return A.getContext("2d")?.drawImage(e, 0, 0, a, r), A;
   }
-  const o = await Ai(n), [s, l] = o > 4 ? [r, a] : [a, r], c = ft(s, l), d = c.getContext("2d");
+  const o = await Ai(n), [s, l] = o > 4 ? [r, a] : [a, r], c = Ct(s, l), d = c.getContext("2d");
   switch (o) {
     case 2:
       d.translate(s, 0), d.scale(-1, 1);
@@ -5190,7 +5190,7 @@ const O = new $i(), $n = C`
     ],
     silentSteps: []
   }), t;
-}, go = (n, t) => t.find((e) => e.stepNames.includes(n)), vt = (n, t) => (n.conditions || []).every((e) => {
+}, go = (n, t) => t.find((e) => e.stepNames.includes(n)), Et = (n, t) => (n.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const r = a.selectedVariants;
@@ -5203,12 +5203,12 @@ const O = new $i(), $n = C`
   const e = {
     name: n.name,
     title: n.title,
-    renderableSteps: n.renderableSteps.filter((a) => vt(a, t)),
-    silentSteps: n.silentSteps.filter((a) => vt(a, t))
+    renderableSteps: n.renderableSteps.filter((a) => Et(a, t)),
+    silentSteps: n.silentSteps.filter((a) => Et(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, yt = (n, t) => n.map((e) => mo(e, t)).filter((e) => e !== null), po = async (n, t, e = !1) => {
-  const a = yt(n, t), r = [];
+}, St = (n, t) => n.map((e) => mo(e, t)).filter((e) => e !== null), po = async (n, t, e = !1) => {
+  const a = St(n, t), r = [];
   for (const o of a)
     for (const s of o.renderableSteps) {
       const l = (s.option?.variants || []).length;
@@ -5402,7 +5402,7 @@ const N = () => {
     }
   );
 }, hd = (n, t, e, a, r) => {
-  const i = Ct(r), o = e / 2, s = a / 2, l = n + o, c = t + s, d = Math.sin(i), A = Math.cos(i), u = o, h = o, g = -s, m = s, p = u * A - g * d, f = h * A - m * d, y = u * d + g * A, w = h * d + m * A, x = Math.max(Math.abs(p), Math.abs(f)), v = Math.max(Math.abs(y), Math.abs(w));
+  const i = wt(r), o = e / 2, s = a / 2, l = n + o, c = t + s, d = Math.sin(i), A = Math.cos(i), u = o, h = o, g = -s, m = s, p = u * A - g * d, f = h * A - m * d, y = u * d + g * A, w = h * d + m * A, x = Math.max(Math.abs(p), Math.abs(f)), v = Math.max(Math.abs(y), Math.abs(w));
   return {
     minX: l - x,
     maxX: l + x,
@@ -5412,8 +5412,8 @@ const N = () => {
 }, gd = (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), md = (n, t, e) => Math.abs(n - t) < e, pd = (n, t, e) => {
-  const a = Math.sin(Ct(e)), r = Math.cos(Ct(e));
+}, wt = (n) => n * (Math.PI / 180), md = (n, t, e) => Math.abs(n - t) < e, pd = (n, t, e) => {
+  const a = Math.sin(wt(e)), r = Math.cos(wt(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
@@ -5450,7 +5450,7 @@ const N = () => {
       return H.Northwest;
   }
 }, Sd = (n, t) => t > 45 && t <= 135 ? Bt(n) : t > 135 && t <= 225 ? Bt(Bt(n)) : t > 225 && t <= 315 ? Bt(Bt(Bt(n))) : n, vd = (n, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
-  const a = Ct(n.rotation), r = {
+  const a = wt(n.rotation), r = {
     x: t.x + n.x * e.x,
     y: t.x + n.y * e.y
   }, i = {
@@ -5480,7 +5480,7 @@ const N = () => {
     y: (n.x - t.x) * a + (n.y - t.y) * r + t.y
   };
 }, Ed = 0.352778, bd = 0.035277, qn = (n) => {
-  const t = n.rotation || 0, e = Ct(t), a = Math.cos(e), r = -Math.sin(e);
+  const t = n.rotation || 0, e = wt(t), a = Math.cos(e), r = -Math.sin(e);
   return /* @__PURE__ */ P("g", { mask: n.stepName || n.productOverlay ? void 0 : n.mask, children: /* @__PURE__ */ P(
     "g",
     {
@@ -5502,7 +5502,7 @@ const N = () => {
     }
   ) });
 }, Hn = (n) => {
-  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = Ct(e), r = Math.cos(a), i = -Math.sin(a), o = Ma(n.children);
+  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = wt(e), r = Math.cos(a), i = -Math.sin(a), o = Ma(n.children);
   return /* @__PURE__ */ ct(Gt, { children: [
     /* @__PURE__ */ P("defs", { children: /* @__PURE__ */ P("clipPath", { id: t, preserveAspectRatio: "none", children: n.clipPath ? /* @__PURE__ */ P("path", { d: n.clipPath }) : /* @__PURE__ */ P("rect", { x: 0, y: 0, width: n.width, height: n.height }) }) }),
     /* @__PURE__ */ ct(
@@ -5563,7 +5563,7 @@ const N = () => {
       /* @__PURE__ */ P("feFuncG", { type: "discrete", tableValues: r() }),
       /* @__PURE__ */ P("feFuncB", { type: "discrete", tableValues: r() })
     ] })
-  ] }) }) }), o = n.rotation || 0, s = Ct(o), l = Math.cos(s), c = -Math.sin(s), d = () => {
+  ] }) }) }), o = n.rotation || 0, s = wt(o), l = Math.cos(s), c = -Math.sin(s), d = () => {
     const A = n.pattern?.x || 0, u = n.pattern?.y || 0, h = n.pattern?.width || 0, g = n.pattern?.height || 0, m = n.pattern?.scaleX || 1, p = n.pattern?.scaleY || 1, f = n.pattern?.rotation || 0;
     return [n.pattern?.svg ? {
       id: `${t}-contents`,
@@ -5678,7 +5678,7 @@ const yo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Je = /* @_
     return Je.get(n);
   const e = (async () => {
     try {
-      return wt(n).getFont();
+      return yt(n).getFont();
     } catch {
       if (yo(n)) {
         const a = xn(n), r = sa(a);
@@ -5693,7 +5693,7 @@ const yo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Je = /* @_
 }, So = (n) => {
   const t = xn(n), e = sa(t);
   return ga(n, e), e;
-}, wt = (n) => {
+}, yt = (n) => {
   const t = jn.get(n);
   if (t)
     return t;
@@ -5791,7 +5791,7 @@ const yo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Je = /* @_
   const o = (i ?? Kn) * t.getApproximateHeight(), s = 1 / e.unitsPerEm, l = Yn(n, s, t), c = n.length * o * s, d = a / l, A = r / c;
   return Math.min(A, d);
 }, Eo = (n, t, e, a) => {
-  const r = wt(t.fontData.assetUrl), i = r.getFont(), o = t.fontSize / i.unitsPerEm;
+  const r = yt(t.fontData.assetUrl), i = r.getFont(), o = t.fontSize / i.unitsPerEm;
   if (!e)
     return Ja(t, n, t.fontSize, o, r, a);
   let s;
@@ -5812,9 +5812,9 @@ const yo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Je = /* @_
     fontSize: vo(s, r, i, t.width, t.height, a)
   } : Ja(t, n, t.fontSize, o, r, a);
 }, bo = (n, t, e, a, r) => {
-  const o = wt(t.assetUrl).getFont();
+  const o = yt(t.assetUrl).getFont();
   let s = { ...n };
-  const l = { ...n }, c = Yn(a, e / o.unitsPerEm, wt(t.assetUrl));
+  const l = { ...n }, c = Yn(a, e / o.unitsPerEm, yt(t.assetUrl));
   return c && c < s.width && (l.width = c, r === "left" ? (l.left += Math.sin(s.rotation * Math.PI / 360) * (s.width - c), l.top += Math.sin(s.rotation * Math.PI / 180) * (c - s.width) / 2) : r === "right" ? l.left += s.width - c : l.left += (s.width - c) / 2, a && Bo(a, a).every(([d, A]) => d === A) && (s = l)), s;
 }, Ke = 1, mt = (n, t, e) => {
   let a = 0;
@@ -5962,7 +5962,7 @@ const xo = (n) => {
   const t = () => {
     if (n.lineHeight !== void 0)
       return n.lineHeight * n.fontSize;
-    const r = wt(n.fontData.assetUrl), i = r.getFont(), o = n.fontSize / i.unitsPerEm;
+    const r = yt(n.fontData.assetUrl), i = r.getFont(), o = n.fontSize / i.unitsPerEm;
     return r.getApproximateHeight() * o;
   }, e = () => n.align === "left" ? -n.textboxWidth / 2 : n.align === "right" ? n.textboxWidth / 2 : 0, a = () => {
     const r = t(), i = n.textboxHeight / 2;
@@ -6005,7 +6005,7 @@ const xo = (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 = wt(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)
@@ -6299,10 +6299,10 @@ const ht = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), _e = /* @_
     const o = dt().parseFromString(n, "image/svg+xml").firstElementChild;
     if (!o)
       throw new Error("Failed to read SVG");
-    const l = It().serializeToString(o), c = ft(), d = c.getContext("2d"), A = await va.from(d, l, {
+    const l = It().serializeToString(o), c = Ct(), d = c.getContext("2d"), A = await va.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: ft,
+      createCanvas: Ct,
       createImage: te,
       DOMParser: Ba(),
       fetch: nt
@@ -6341,7 +6341,7 @@ const ht = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), _e = /* @_
   }
   if (e && t === D.Textbox && a?.text && a?.fontScale) {
     await Tt(e);
-    const l = wt(e), c = mt(a.text, a?.fontScale, l);
+    const l = yt(e), c = mt(a.text, a?.fontScale, l);
     s.width = Math.min(c, r.width * 0.85), s.left = r.x + r.width / 2 - s.width / 2;
   }
   return s;
@@ -7279,7 +7279,7 @@ class en {
   }
 }
 const Vo = async (n) => {
-  const t = `${pt.getServicesApiUrl()}/shortener`;
+  const t = `${ft.getServicesApiUrl()}/shortener`;
   try {
     return (await (await nt(t, {
       method: "POST",
@@ -7782,7 +7782,7 @@ class De {
     ), this.validateColorCount(e, a);
   }
 }
-const St = new De();
+const vt = new De();
 class Go {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -8676,7 +8676,7 @@ const _o = new Ko(), ea = (n, t, e, a, r) => {
   return [null, null];
 }, Ce = (n, t, e, a, r) => {
   let i, o;
-  const s = wt(t.assetUrl), l = s.getFont();
+  const s = yt(t.assetUrl), l = s.getFont();
   if (r.size) {
     const u = n / l.unitsPerEm;
     return [i, o] = ea(e, a, n, u, s), [r.size, i, o];
@@ -8711,7 +8711,7 @@ class Zo {
         /(\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 ? yt(e.assetUrl) : void 0;
       if (i) {
         const o = a.split("").filter((l) => !Xo.includes(l)).join(""), s = o.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < s.length; l++)
@@ -10081,7 +10081,7 @@ class ys {
 }
 const Ss = () => new Promise((n, t) => {
   try {
-    const a = ft().getContext("webgl2");
+    const a = Ct().getContext("webgl2");
     n(!!a);
   } catch {
     n(!1);
@@ -10135,7 +10135,7 @@ class Es {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = Et(t);
+    const e = pt(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -10218,7 +10218,7 @@ class bs extends Gn {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: ft,
+      createCanvas: Ct,
       createImage: te,
       DOMParser: Ba(),
       fetch
@@ -11162,7 +11162,7 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((s) => {
       this.storage[s.stepName] = s.storage || {};
     }), await this.fetchConversionConfiguration(), this.allScenes = await ho(t);
-    const r = yt(this.allScenes, this.stepSelections).map((s) => s.silentSteps).flat(), { stepElements: i, commands: o } = await this.stepElementsForIntroducedSilentSteps(r, !!this.reloadedState);
+    const r = St(this.allScenes, this.stepSelections).map((s) => s.silentSteps).flat(), { stepElements: i, commands: o } = await this.stepElementsForIntroducedSilentSteps(r, !!this.reloadedState);
     this.commandContext.apply(new U(o), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), this.isReloadedTransaction || this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   getWorkflowExperience() {
@@ -11315,7 +11315,7 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     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 r = !1;
@@ -11352,7 +11352,7 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       },
       { refocusCamera: e }
     );
-    this.setModelContainer(r), yt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === b.Model || s.type === b.Material).forEach((s) => {
+    this.setModelContainer(r), St(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === b.Model || s.type === b.Material).forEach((s) => {
       if (!s.option?.id) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
         return;
@@ -11459,7 +11459,7 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     const t = this.getCommandContext().getState();
     if (!t)
       throw new Q("Attempted to serialize state before it was initialized.");
-    const e = Et(t.transaction), a = this.dehydrateState(e);
+    const e = pt(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a, this.sortKeysReplacer, void 0);
   }
   async getStateHash() {
@@ -11507,12 +11507,12 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     this.stepElements = e(this.stepElements, t);
   }
   getInvalidCanvasRegions() {
-    return this.experience.getWorkflow()?.steps.reduce((t, e) => (vt(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.experience.getWorkflow()?.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.experience.getWorkflow()?.steps.reduce((t, e) => (e.type === b.Model && !vt(e, this.stepSelections) && t.push(e.stepName), t), []) || [];
+    return this.experience.getWorkflow()?.steps.reduce((t, e) => (e.type === b.Model && !Et(e, this.stepSelections) && t.push(e.stepName), t), []) || [];
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.experience.getProduct();
@@ -11610,13 +11610,13 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       ...this.stepSelections,
       [t]: { selectedVariants: e }
     }, this.selectionCost = Object.values(this.stepSelections).reduce((E, I) => E + I.selectedVariants.map((T) => T.priceModifier || 0).reduce((T, R) => T + R, 0), 0), i.steps.forEach((E) => {
-      vt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
+      Et(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
     });
-    const s = this.allScenes, l = yt(s, o), c = yt(s, this.stepSelections), d = l.map((E) => E.silentSteps).flat(), u = c.map((E) => E.silentSteps).flat().filter(
+    const s = this.allScenes, l = St(s, o), c = St(s, this.stepSelections), d = l.map((E) => E.silentSteps).flat(), u = c.map((E) => E.silentSteps).flat().filter(
       (E) => !d.some((I) => I.stepName === E.stepName)
     );
     d.forEach((E) => {
-      vt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
+      Et(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
     });
     const h = this.getInvalidCanvasRegions(), { stepElements: g, commands: m } = await this.stepElementsForIntroducedSilentSteps(u, !1);
     this.stepElements = {
@@ -11657,7 +11657,7 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
    * @returns {Promise<void>}
    */
   async ensureStepsAreLoaded() {
-    const e = yt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], r = e.flat();
+    const e = St(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) {
@@ -11671,7 +11671,7 @@ const rl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
             );
             break;
           case b.Frame:
-            a.push(St.init(l, this, this.reloadedState));
+            a.push(vt.init(l, this, this.reloadedState));
             break;
           case b.Illustration:
             a.push(
@@ -13147,7 +13147,7 @@ class Bl {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const o = ft(i, i), s = this.workflowManager.getCommandContext().getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = s.find((w) => w.layoutState?.layout.panelId === c?.name) || s[0], A = d.layoutState.layout.previewRegion ? {
+    const o = Ct(i, i), s = this.workflowManager.getCommandContext().getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = s.find((w) => w.layoutState?.layout.panelId === c?.name) || s[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -13170,7 +13170,7 @@ class Bl {
     await (await va.from(h, p, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: ft,
+      createCanvas: Ct,
       createImage: te,
       DOMParser: Ba(),
       fetch
@@ -13193,7 +13193,7 @@ class Bl {
   getStepsConditionallyActive() {
     return this.getScenes().flatMap(
       (t) => this.getStepsByScene(t).filter(
-        (e) => vt(e.getRaw(), this.getWorkflowManager().getStepSelections())
+        (e) => Et(e.getRaw(), this.getWorkflowManager().getStepSelections())
       )
     );
   }
@@ -13341,7 +13341,7 @@ class Bl {
     return await ra.addDesign(o), o;
   }
   async copy() {
-    const t = Et(this.getCommandContext().getState());
+    const t = pt(this.getCommandContext().getState());
     if (!t) throw new Q("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflow();
     if (!a) throw new Q("Workflow is undefined! Cannot copy experience!");
@@ -14100,7 +14100,7 @@ class Rl {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = Et(this.globalPropertyState);
+    const e = pt(this.globalPropertyState);
     this.globalPropertyState = { ...Ae(t), id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -14127,7 +14127,7 @@ class Rl {
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const o = Et(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const o = pt(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (s.length > 0)
       if (r) {
         const l = s.find((c) => c.channel === r);
@@ -14170,7 +14170,7 @@ class Rl {
     const r = this.configuration.aspects.find((s) => s.name === t);
     if (!r)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = Et(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((s) => s.name === t);
+    const i = pt(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((s) => s.name === t);
     if (o.length > 0)
       if (a) {
         const s = o.find((l) => l.channel === a);
@@ -14575,7 +14575,7 @@ class mr {
           if (h || m.partial && (!m.data.productCollections || m.data.productCollections.length === 0 || !m.data.productCollections[0].productCollectionProductsFeed?.items || m.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, g.unsubscribe();
-          const p = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new ue(Et(f))) || [];
+          const p = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new ue(pt(f))) || [];
           u({
             items: p,
             // Clone items because it could be cached data (immutable)
@@ -16165,7 +16165,7 @@ const oc = async (n, t) => {
     throw e.error;
   if (e.errors)
     throw e.errors.forEach((r) => console.error(r)), new Error("Unable to read workflows. Consult GraphQL errors.");
-  const a = e.data.workflows;
+  const a = pt(e.data.workflows);
   if (a === void 0 || a.length !== n.length)
     throw new Error(`Unable to read workflows: ${e.errors ?? "Length mismatch in response"}`);
   return a.forEach((r) => {
@@ -16206,10 +16206,10 @@ class Vd {
       } catch (a) {
         throw console.error(a), new gt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && ri(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 35.0.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && ri(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 35.0.2"), 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 && oi(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    ft.setHubUrl(t.hubUrl), ft.setServerUrl(t.serverUrl), ft.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 && oi(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
@@ -17345,7 +17345,7 @@ class mc extends tt {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return St.selectVariant(
+    return vt.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17365,7 +17365,7 @@ class mc extends tt {
    * @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 r = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17403,7 +17403,7 @@ class mc extends tt {
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const a = await j.removeBackgroundFromAsset(e);
-    t && await St.selectImage(this.step, a, this.manager, !1);
+    t && await vt.selectImage(this.step, a, this.manager, !1);
     const r = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17414,7 +17414,7 @@ class mc extends tt {
     }), a;
   }
   changeColors(t) {
-    St.changeColors(this.step, this.manager, t);
+    vt.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17424,7 +17424,7 @@ class mc extends tt {
     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;
@@ -17437,7 +17437,7 @@ class mc extends tt {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return St.getUniqueColorCount(this.step, this.manager);
+    return vt.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";
@@ -18075,7 +18075,7 @@ export {
   V as findElement,
   ud as findPmsColors,
   Vt as frameDataCache,
-  St as frameStepService,
+  vt as frameStepService,
   N as generate,
   ws as generateCommands,
   st as generateSVGWithUnknownColors,
@@ -18142,7 +18142,7 @@ export {
   Fn as setCanvasModule,
   zt as shapeStepService,
   Vo as shortenUrl,
-  pt as spiffCoreConfiguration,
+  ft as spiffCoreConfiguration,
   Qd as stepAspectValuesToDesignInputSteps,
   ja as svgColorValueToDefinition,
   tr as svgStringDimensions,