@spiffcommerce/core 32.3.0-beta.a8b59284-7aaa-5e14-aa76-b295d653dfec → 32.3.0-beta.e9f6a9e0-1fee-54ca-a731-939a38d038b8

package/dist/index.mjs

@@ -342,8 +342,8 @@ class _r {
         if (window && window.__SENTRY__) {
           const f = window.__SENTRY__.hub;
           if (f) {
-            const v = f.traceHeaders();
-            Object.entries(v).forEach(([b, P]) => {
+            const S = f.traceHeaders();
+            Object.entries(S).forEach(([b, P]) => {
               l[b] = P;
             });
           }
@@ -5342,11 +5342,11 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: i }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), v = a.purpose === jt.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: p.width, height: p.height, rx: h }) }) }), b = a.colorProfiles?.map((S, I) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: i }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: p.width, height: p.height, rx: h }) }) }), b = a.colorProfiles?.map((v, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ F("color-profile", { name: S.name, xlinkHref: S.key, children: " " }, I)
-  )), P = r.map((S) => ({
-    ...S,
+    /* @__PURE__ */ F("color-profile", { name: v.name, xlinkHref: v.key, children: " " }, I)
+  )), P = r.map((v) => ({
+    ...v,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
   })), w = Ba(P);
@@ -5370,7 +5370,7 @@ const M = () => {
       viewBox: g,
       children: [
         b,
-        v,
+        S,
         !!n && /* @__PURE__ */ F(
           "rect",
           {
@@ -5386,7 +5386,7 @@ const M = () => {
           {
             id: "element-group",
             clipPath: a.purpose === jt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: w.map((S) => zn(S)).filter((S) => !!S)
+            children: w.map((v) => zn(v)).filter((v) => !!v)
           }
         ),
         l && /* @__PURE__ */ F(
@@ -5428,7 +5428,7 @@ const M = () => {
     }
   );
 }, Jc = (n, t, e, a, r) => {
-  const i = ft(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, m = -s, p = s, g = u * A - m * d, f = h * A - p * d, v = u * d + m * A, b = h * d + p * A, P = Math.max(Math.abs(g), Math.abs(f)), w = Math.max(Math.abs(v), Math.abs(b));
+  const i = ft(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, m = -s, p = s, g = u * A - m * d, f = h * A - p * d, S = u * d + m * A, b = h * d + p * A, P = Math.max(Math.abs(g), Math.abs(f)), w = Math.max(Math.abs(S), Math.abs(b));
   return {
     minX: l - P,
     maxX: l + P,
@@ -5741,22 +5741,22 @@ const no = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
   });
   const o = e.querySelectorAll("tspan");
   for (let d = 0; d < o.length; d++) {
-    const A = o.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), p = await Nt(r.get(m)), g = u.getAttribute("fill"), f = u.getAttribute("stroke"), v = u.getAttribute("stroke-width"), b = p.getPath(
+    const A = o.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), p = await Nt(r.get(m)), g = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = p.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
     ), P = b.getBoundingBox().x2 - b.getBoundingBox().x1;
     let w = 0;
-    const S = A.getAttribute("text-anchor");
-    S === "middle" ? w = P / 2 : S === "end" && (w = P);
+    const v = A.getAttribute("text-anchor");
+    v === "middle" ? w = P / 2 : v === "end" && (w = P);
     const I = p.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - w,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    I.fill = g, I.stroke = f, I.strokeWidth = parseFloat(v ?? "0");
+    I.fill = g, I.stroke = f, I.strokeWidth = parseFloat(S ?? "0");
     const D = I.toSVG(2), T = t.parseFromString(D, "image/svg+xml").firstElementChild;
     h.appendChild(T);
   }
@@ -7712,7 +7712,7 @@ class Fe {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const p = await Ue(l[m]), g = s.getImageData(), f = a.map((I) => new Bt(I.id)), v = g ? Ia(
+        const p = await Ue(l[m]), g = s.getImageData(), f = a.map((I) => new Bt(I.id)), S = g ? Ia(
           g,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7720,18 +7720,18 @@ class Fe {
         ) : void 0, b = g ? {
           id: M(),
           src: g.src,
-          x: v?.x || 0,
-          y: v?.y || 0,
+          x: S?.x || 0,
+          y: S?.y || 0,
           width: g.width,
           height: g.height,
-          scaleX: v?.zoom || 1,
-          scaleY: v?.zoom || 1,
+          scaleX: S?.zoom || 1,
+          scaleY: S?.zoom || 1,
           rotation: 0
-        } : void 0, P = M(), S = r.getLayouts().find((I) => I.panelId === h.panelId);
-        if (!S)
+        } : void 0, P = M(), v = r.getLayouts().find((I) => I.panelId === h.panelId);
+        if (!v)
           throw new Y(h);
         return {
-          command: this.getCreateElementCommand(P, h, S, {
+          command: this.getCreateElementCommand(P, h, v, {
             frameData: p,
             pattern: b,
             disablePlaceholder: t.data.disablePlaceholder,
@@ -7969,13 +7969,13 @@ class Po {
     if (!l)
       throw new Yt(s);
     const c = await st(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (f) => {
-      const v = i.getLayouts().find((P) => P.panelId === f.panelId);
-      if (!v)
+      const S = i.getLayouts().find((P) => P.panelId === f.panelId);
+      if (!S)
         throw new Y(f);
       const b = M();
       return {
         regionElement: { id: b, region: f },
-        command: this.getCreateElementCommand(b, f, v, {
+        command: this.getCreateElementCommand(b, f, S, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
@@ -7986,42 +7986,42 @@ class Po {
     let p = Array.from(Object.values(c.colors)).map((f) => f.browserValue);
     const g = t.data.colorOption;
     return g && g.variants?.forEach((f) => {
-      p = p.map((v) => v.toLowerCase() === f.color?.toLowerCase() ? f.name : v);
+      p = p.map((S) => S.toLowerCase() === f.color?.toLowerCase() ? f.name : S);
     }), i.updateMetadata(t.stepName, { colors: p }), {
       command: new Q(m),
       followup: async () => {
         await i.setSelectionsAndElements(
           t.stepName,
           [e],
-          u.map((v) => v.regionElement),
+          u.map((S) => S.regionElement),
           async () => {
             i.setMandatoryFulfilled(t.stepName, !0), r(!1);
           }
         );
         const f = s.assetConfiguration?.defaultColorVariants || [];
         if (f.length !== 0) {
-          const v = {};
+          const S = {};
           (s.assetConfiguration?.channelNumbers || []).forEach((P) => {
-            const w = f.find((S) => S.channelNumber === P.number);
-            w && (v[`${P.id.replace(/\W/g, "")}`] = { browserValue: w?.variant?.color || "" });
+            const w = f.find((v) => v.channelNumber === P.number);
+            w && (S[`${P.id.replace(/\W/g, "")}`] = { browserValue: w?.variant?.color || "" });
           }), await this.changeColors(
             t,
             u.map((P) => P.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
-            new Map(Object.entries(v))
+            new Map(Object.entries(S))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const v = await this.availableColors(t, i) || [], b = Object.keys(c.colors), P = v.length === 1 && b.length === 1;
+          const S = await this.availableColors(t, i) || [], b = Object.keys(c.colors), P = S.length === 1 && b.length === 1;
           if (P) {
-            const w = v[0], S = b[0];
+            const w = S[0], v = b[0];
             await this.changeColors(
               t,
               u.map((I) => I.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
-              /* @__PURE__ */ new Map([[S, w.variant.color]])
+              /* @__PURE__ */ new Map([[v, w.variant.color]])
             );
           }
           !P && f.length === 0 && await this.changeColors(
@@ -8548,7 +8548,7 @@ class To {
       };
     } else {
       const l = (u) => {
-        const h = i.find((v) => v.panelId === u.panelId);
+        const h = i.find((S) => S.panelId === u.panelId);
         if (!h)
           throw new Y(u);
         const m = s(), p = `
@@ -8654,7 +8654,7 @@ const Qo = new No(), _e = (n, t, e, a, r) => {
     const A = Math.max(...s);
     if (A <= n.width)
       return [i, A];
-    const u = s.reduce((g, f, v, b) => f > b[g] ? v : g, 0), h = i[u];
+    const u = s.reduce((g, f, S, b) => f > b[g] ? S : g, 0), h = i[u];
     let m = !1, p = h.length;
     for (; !m && p > -1; ) {
       p = h.lastIndexOf(" ", p - 1);
@@ -8978,7 +8978,7 @@ class Oo {
           const p = e.getWorkflowExperience().getBundle();
           if (p && t.globalPropertyAspectConfigurations) {
             const f = p.getGlobalPropertyConfiguration()?.aspects?.find(
-              (v) => v.type === $.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(v.name)
+              (S) => S.type === $.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
             );
             if (f) {
               const b = p.getGlobalPropertyStateManager().getAspect(f.name);
@@ -8991,7 +8991,7 @@ class Oo {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = s.map((v) => new Ya(v.id, A)), f = new Q(g);
+              const g = s.map((S) => new Ya(S.id, A)), f = new Q(g);
               e.getCommandDispatcher()(f);
             }
           ), s.length === 0 && l) {
@@ -9185,7 +9185,7 @@ class Oo {
             colorProfileAssetKey: g.colorProfile?.key
           });
         }
-        const v = await this.getDefaultColor(a), b = v || "#000000", P = {
+        const S = await this.getDefaultColor(a), b = S || "#000000", P = {
           stepRegion: u,
           stepName: t,
           align: this.textAlign(a),
@@ -9209,7 +9209,7 @@ class Oo {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, w = [], S = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
+        }, w = [], v = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
         if (!P.fontData) throw new V("Failed to resolve font data for text.");
         const [D, B] = Ce(
           P.fontSize,
@@ -9225,7 +9225,7 @@ class Oo {
           [c],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        S.set(P.id, D), I.set(P.id, B);
+        v.set(P.id, D), I.set(P.id, B);
         const T = a.curved || a.vertical ? c : (B || []).join(`
 `);
         w.push(
@@ -9272,20 +9272,20 @@ class Oo {
     const A = (r || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = Ft(A, o), h = this.getProcessedInput(u, t.data, s), m = o.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const w of m)
       if (w.region) {
-        const [S, I] = Ce(
+        const [v, I] = Ce(
           e,
           a,
           w.region,
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        p.set(w.id, S), g.set(w.id, I);
+        p.set(w.id, v), g.set(w.id, I);
       }
-    const v = (() => {
+    const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const w = o.getProfanities(), S = ra(h.toLowerCase());
-      for (const I of S)
+      const w = o.getProfanities(), v = ra(h.toLowerCase());
+      for (const I of v)
         for (const D in w) {
           const B = w[D].toLowerCase().replace(/\s/g, "");
           if (I === B)
@@ -9294,25 +9294,25 @@ class Oo {
       return !t.data.vertical && !t.data.allowNewlines && (h.includes(`
 `) || h.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((D) => D) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
     })();
-    if (v.error) {
-      c(v.error);
+    if (S.error) {
+      c(S.error);
       return;
     }
-    if (c(`${v.info} characters remaining` || ""), d)
+    if (c(`${S.info} characters remaining` || ""), d)
       return;
     o.updateStorage(t.stepName, { text: A }), o.updateMetadata(t.stepName, {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && o.setMandatoryFulfilled(t.stepName, !0);
     const b = [];
     for (const w of m) {
-      const S = t.data.curved ? h : (g.get(w.id) || []).join(`
+      const v = t.data.curved ? h : (g.get(w.id) || []).join(`
 `);
       b.push(
         this.generateTextChangeCommandsForRegion(
           p.get(w.id) || 1,
           t.data,
           w.id,
-          S
+          v
         )
       );
     }
@@ -9482,8 +9482,8 @@ class Ho extends $o {
       b.appendChild(P), P.appendChild(Vo(0, 2, 2, "shadow"));
       const w = at("path");
       w.setAttribute("d", d), w.setAttribute("stroke", "black"), w.setAttribute("stroke-width", "3"), P.appendChild(w);
-      const S = at("g");
-      S.classList.add("module-layer0"), b.appendChild(S), S.setAttribute("filter", "url(#shadow)"), S.innerHTML = w.outerHTML;
+      const v = at("g");
+      v.classList.add("module-layer0"), b.appendChild(v), v.setAttribute("filter", "url(#shadow)"), v.innerHTML = w.outerHTML;
       const I = at("g");
       I.classList.add("module-layer1"), b.appendChild(I), I.setAttribute("stroke-width", "3"), I.setAttribute("stroke", "rgb(45,41,38)"), I.setAttribute("fill", "rgb(45,41,38)"), I.setAttribute("transform", "translate(0.5,0)"), I.innerHTML = s;
       const D = at("g");
@@ -9502,8 +9502,8 @@ class Ho extends $o {
     g.classList.add("module-text-enclosure"), u.appendChild(g);
     const f = A();
     g.appendChild(f);
-    const v = Sr(d);
-    return Go(g, v, e.height, e.width, 0.35, 0.65), zo(u.outerHTML);
+    const S = Sr(d);
+    return Go(g, S, e.height, e.width, 0.35, 0.65), zo(u.outerHTML);
   }
 }
 async function tr(n) {
@@ -10247,7 +10247,7 @@ class Xa extends Tn {
   }
 }
 class Is {
-  constructor(t, e, a, r, i, o, s, l, c, d, A, u, h, m = !1, p, g = !1, f = !1, v = !1) {
+  constructor(t, e, a, r, i, o, s, l, c, d, A, u, h, m = !1, p, g = !1, f = !1, S = !1) {
     this.workflowStatePromiseQueue = new Nn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       if (!this.previewService) return;
       const b = this.getCommandContext().getAllLayouts(), P = this.getLayoutPreviewService()?.getAll();
@@ -10256,7 +10256,7 @@ class Is {
           w.render(b);
     }, this.experience = t, this.client = e, this.updateTransaction = s, this.graphQlClient = l, this.commandContext = o, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = r, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = p, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = g, this.workflow.steps.forEach((b) => {
       this.stepTags[b.stepName] = b.tags ?? [];
-    }), v && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
+    }), S && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
     }), this.initializationPromise.catch((b) => {
       throw console.error(b), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
@@ -10320,7 +10320,7 @@ class Is {
         }
       });
     else {
-      const v = await this.graphQlClient().mutate({
+      const S = await this.graphQlClient().mutate({
         mutation: Ss,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -10345,7 +10345,7 @@ class Is {
         }
       });
       this.transaction.recipient = {
-        id: v?.data?.recipientCreate?.id,
+        id: S?.data?.recipientCreate?.id,
         firstName: t,
         lastName: e,
         address: a,
@@ -10369,14 +10369,14 @@ class Is {
         fetchPolicy: "no-cache",
         variables: {
           id: this.transaction.id,
-          recipientId: v.data?.recipientCreate?.id
+          recipientId: S.data?.recipientCreate?.id
         },
         context: {
           transactionOwnerId: this.transaction.transactionOwnerId
         }
       });
     }
-    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((v) => v(this.transaction.recipient));
+    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((S) => S(this.transaction.recipient));
   }
   async fetchConversionConfiguration() {
     const t = this.transaction.recipient;
@@ -10857,11 +10857,11 @@ class Is {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((w, S) => w + S.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((w) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((w, v) => w + v.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((w) => {
       vt(w, this.stepSelections) || (this.stepInitialised[w.stepName] = !1, delete this.stepMetadata[w.stepName], delete this.stepSelections[w.stepName], delete this.storage[w.stepName]);
     });
     const o = this.allScenes, s = yt(o, i), l = yt(o, this.stepSelections), c = s.map((w) => w.silentSteps).flat(), A = l.map((w) => w.silentSteps).flat().filter(
-      (w) => !c.some((S) => S.stepName === w.stepName)
+      (w) => !c.some((v) => v.stepName === w.stepName)
     );
     c.forEach((w) => {
       vt(w, this.stepSelections) || (this.stepInitialised[w.stepName] = !1);
@@ -10873,14 +10873,14 @@ class Is {
       [t]: a
     }, this.removeElements(u);
     const p = this.workflow.steps.find((w) => w.stepName === t);
-    p?.type === E.Frame && this.getWorkflowExperience().getStepById(p.stepName)?.frameService?.setTargetElements(a.map((S) => S.id));
-    const g = u.map((w) => new Bt(w.id)), f = new ja(this.constructSerializableWorkflow()), v = [...m, ...g, f];
-    v.length > 0 && this.commandContext.apply(new Q(v), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
+    p?.type === E.Frame && this.getWorkflowExperience().getStepById(p.stepName)?.frameService?.setTargetElements(a.map((v) => v.id));
+    const g = u.map((w) => new Bt(w.id)), f = new ja(this.constructSerializableWorkflow()), S = [...m, ...g, f];
+    S.length > 0 && this.commandContext.apply(new Q(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const b = this.getInvalidModelVariants(), P = this.modelContainer;
     if (P) {
       const w = b.map(
-        (S) => P.applyModelVariant(
-          S,
+        (v) => P.applyModelVariant(
+          v,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -11966,18 +11966,18 @@ const Us = async (n, t) => {
         }
       }
     return [B, T];
-  }, [v] = await f(!0), b = Object.fromEntries(
-    Object.keys(v).map((D) => [D, v[D].map((B) => B.id)])
+  }, [S] = await f(!0), b = Object.fromEntries(
+    Object.keys(S).map((D) => [D, S[D].map((B) => B.id)])
   ), [P] = await f(!1), w = Object.fromEntries(
     Object.keys(P).map((D) => [
       D,
       P[D].map((B) => B.id)
     ])
   );
-  let S = await s(m, r.id);
-  if (S) {
-    const D = await (await rt(S)).blob();
-    S = (await R.uploadAsset(
+  let v = await s(m, r.id);
+  if (v) {
+    const D = await (await rt(v)).blob();
+    v = (await R.uploadAsset(
       { name: `${r.id}-preview-image.png`, blob: D },
       ve.Image,
       !0,
@@ -11995,7 +11995,7 @@ const Us = async (n, t) => {
         workflowId: t.id,
         transactionId: r.id,
         useThreeDimPreview: !!m,
-        previewImage: S
+        previewImage: v
       };
       if (g) {
         const B = [];
@@ -12011,7 +12011,7 @@ const Us = async (n, t) => {
       }
       return D;
     })(),
-    cartSelectionsWithPrices: v,
+    cartSelectionsWithPrices: S,
     cartMetadata: p
   };
 }, zs = async (n, t, e, a, r, i, o, s, l, c, d) => {
@@ -12340,8 +12340,8 @@ class Js {
       DOMParser: wa(),
       fetch
     })).render();
-    const v = await this.getCanvasObjectURLAsync(o);
-    return o.toDataURL(v);
+    const S = await this.getCanvasObjectURLAsync(o);
+    return o.toDataURL(S);
   }
   getStepById(t) {
     const e = this.getWorkflowManager().getWorkflow().steps.find((i) => i.stepName === t);
@@ -12798,9 +12798,9 @@ const Ks = (n) => {
   const p = {};
   kt(m, (w) => {
     Xs.includes(w.tagName) && !w.attributes.getNamedItem("fill") && w.setAttribute("fill", "#000000");
-    const S = w.attributes.getNamedItem("fill");
-    if (S && S.value !== "none") {
-      const D = S.value, T = `spiff-fill-${D.replace(/\W/g, "")}`;
+    const v = w.attributes.getNamedItem("fill");
+    if (v && v.value !== "none") {
+      const D = v.value, T = `spiff-fill-${D.replace(/\W/g, "")}`;
       w.classList.add(T), p[T] = { browserValue: D };
     }
     const I = w.attributes.getNamedItem("stroke");
@@ -12809,18 +12809,18 @@ const Ks = (n) => {
       w.classList.add(T), p[T] = { browserValue: D };
     }
   });
-  const f = It().serializeToString(m), v = r.colors;
-  if (v) {
-    for (const [w, S] of Object.entries(p))
-      for (const I of Object.keys(v))
-        if (S.browserValue === I) {
-          p[w] = { browserValue: v[I] };
+  const f = It().serializeToString(m), S = r.colors;
+  if (S) {
+    for (const [w, v] of Object.entries(p))
+      for (const I of Object.keys(S))
+        if (v.browserValue === I) {
+          p[w] = { browserValue: S[I] };
           break;
         }
   }
   const b = (w) => {
-    const S = n.find((D) => D.panelId === w.panelId);
-    if (!S)
+    const v = n.find((D) => D.panelId === w.panelId);
+    if (!v)
       throw new Y(w);
     const I = M();
     return new G(
@@ -12838,7 +12838,7 @@ const Ks = (n) => {
         layerIndex: w.layerIndex,
         immutable: w.immutable
       },
-      S
+      v
     );
   }, P = a.data.regions;
   try {
@@ -13046,9 +13046,9 @@ const Ks = (n) => {
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
-    const v = f.asset.fileLink;
-    if (v)
-      return v;
+    const S = f.asset.fileLink;
+    if (S)
+      return S;
   }, d = await (async () => {
     const g = l();
     if (!g)
@@ -13069,7 +13069,7 @@ const Ks = (n) => {
     const f = n.find((b) => b.panelId === g.panelId);
     if (!f)
       continue;
-    const v = {
+    const S = {
       stepName: e.name,
       id: M(),
       align: s(a.data),
@@ -13110,16 +13110,16 @@ const Ks = (n) => {
       r.push(
         new G(
           {
-            ...v,
+            ...S,
             fontSize: b,
-            text: v.curved ? v.text : (P || []).join(`
+            text: S.curved ? S.text : (P || []).join(`
 `)
           },
           f
         )
       );
     } else
-      r.push(new G(v, f));
+      r.push(new G(S, f));
   }
   return r;
 }, sl = (n, t) => n.conditions ? n.conditions.every((e) => {
@@ -15996,7 +15996,7 @@ class bd {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.3.0-beta.0216b2a2-df3f-5d89-bac8-e2dc336adf63"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.3.0-beta.a8b59284-7aaa-5e14-aa76-b295d653dfec"), 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 && jr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16315,7 +16315,7 @@ class bd {
       const h = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${h}`;
     } catch {
-      const p = Object.entries(localStorage).find(([f, v]) => f.startsWith("CognitoIdentityServiceProvider") && f.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(p);
+      const p = Object.entries(localStorage).find(([f, S]) => f.startsWith("CognitoIdentityServiceProvider") && f.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(p);
       g && !Wt(g) && (s.Authorization = `Bearer ${g}`);
     }
     const l = {
@@ -16455,10 +16455,10 @@ class bd {
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
       throw new ht("No options provided!");
-    const a = y.getShadowGraphqlClient(), r = async (S) => {
-      if (S.length === 0)
+    const a = y.getShadowGraphqlClient(), r = async (v) => {
+      if (v.length === 0)
         return [];
-      const I = S.map((T) => T.option.transactionId), D = await a.query({
+      const I = v.map((T) => T.option.transactionId), D = await a.query({
         query: Pi,
         variables: {
           ids: I
@@ -16466,23 +16466,23 @@ class bd {
         errorPolicy: "all",
         fetchPolicy: "no-cache"
       }), B = D.data.transactions;
-      if (B.length !== S.length) {
+      if (B.length !== v.length) {
         const T = D.errors?.[0]?.message || "Unknown error";
         throw new ht(`Not all transactions were found: ${T}`);
       }
       return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((T, L) => ({
         transaction: T,
         workflowId: T.workflowId,
-        readOnly: S.find((q) => q.option.transactionId === T.id)?.option.readOnly ?? !1,
-        index: S[L].index
+        readOnly: v.find((q) => q.option.transactionId === T.id)?.option.readOnly ?? !1,
+        index: v[L].index
       }));
-    }, i = async (S) => {
-      if (S.length === 0)
+    }, i = async (v) => {
+      if (v.length === 0)
         return [];
       const I = await a.mutate({
         mutation: Ii,
         variables: {
-          inputs: S.map((B) => ({
+          inputs: v.map((B) => ({
             integrationProductId: B.option.type === "integration" ? B.option.integrationProductId : void 0,
             externalIntegrationId: B.option.type === "external" ? B.option.externalIntegrationId : void 0,
             externalProductId: B.option.type === "external" ? B.option.externalProductId : void 0,
@@ -16506,15 +16506,15 @@ class bd {
         transaction: B,
         workflowId: B.workflowId,
         readOnly: !1,
-        index: S[T].index
+        index: v[T].index
       }));
-    }, o = t.map((S, I) => ({ option: S, index: I })), s = o.filter((S) => S.option.type === "transaction"), l = o.filter(
-      (S) => S.option.type === "integration" || S.option.type === "external"
+    }, o = t.map((v, I) => ({ option: v, index: I })), s = o.filter((v) => v.option.type === "transaction"), l = o.filter(
+      (v) => v.option.type === "integration" || v.option.type === "external"
     ), c = 50, d = Ta(s, c), A = Ta(l, c), u = (await Promise.all([
       ...d.map(r),
       ...A.map(i)
-    ])).flat(), h = [...new Set(u.map((S) => S.workflowId))], m = await lr(h, e), p = new Map(m.map((S) => [S.id, S])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = u.map(async (S) => {
-      const { transaction: I, workflowId: D, readOnly: B, index: T } = S, L = p.get(D), q = t[T];
+    ])).flat(), h = [...new Set(u.map((v) => v.workflowId))], m = await lr(h, e), p = new Map(m.map((v) => [v.id, v])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = u.map(async (v) => {
+      const { transaction: I, workflowId: D, readOnly: B, index: T } = v, L = p.get(D), q = t[T];
       !g.get(I.id) && I.transactionOwnerId && g.set(I.id, I.transactionOwnerId);
       const X = g.get(I.id) || void 0, wt = new Vl({
         onMutate: () => ({ context: { transactionOwnerId: X, bundleOwnerId: e?.bundleOwnerId } }),
@@ -16549,15 +16549,15 @@ class bd {
       return z.renderableContextService = new cl(
         z.layouts
       ), z.delayWorkflowStateSync = !0, { experienceOptions: z, index: T, options: q };
-    }), v = 100, b = await Promise.all(f);
+    }), S = 100, b = await Promise.all(f);
     k.setMap("transactionOwnerIds", g);
-    const P = b.sort((S, I) => S.index - I.index);
+    const P = b.sort((v, I) => v.index - I.index);
     let w = [];
-    for (const S of P) {
-      const { experienceOptions: I, options: D } = S, B = new Js(this, I);
-      await B.getWorkflowManager().getInitializationPromise(), D.type !== "transaction" && this.customer && await B.attachCustomerDetails({ email: this.customer.emailAddress }), w = [...w, B], await new Promise((T) => setTimeout(T, v));
+    for (const v of P) {
+      const { experienceOptions: I, options: D } = v, B = new Js(this, I);
+      await B.getWorkflowManager().getInitializationPromise(), D.type !== "transaction" && this.customer && await B.attachCustomerDetails({ email: this.customer.emailAddress }), w = [...w, B], B.getWorkflowManager().setWorkflowStateSyncEnabled(!0), await new Promise((T) => setTimeout(T, S));
     }
-    return w.forEach((S) => S.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), w;
+    return w;
   }
   storeCustomer(t) {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();