@spiffcommerce/core 32.3.0-beta.69d8a509-cc6d-54dc-80c5-1c8b6fee8d45 → 32.3.0-beta.a29b838d-4b58-56cd-884c-4af2137bb2ba

package/dist/index.mjs

@@ -343,8 +343,8 @@ class Kr {
           const f = window.__SENTRY__.hub;
           if (f) {
             const S = f.traceHeaders();
-            Object.entries(S).forEach(([b, I]) => {
-              l[b] = I;
+            Object.entries(S).forEach(([B, I]) => {
+              l[B] = I;
             });
           }
         }
@@ -5342,7 +5342,7 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), b = a.colorProfiles?.map((E, P) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), B = a.colorProfiles?.map((E, P) => (
     /* @ts-ignore */
     /* @__PURE__ */ D("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, P)
   )), I = r.map((E) => ({
@@ -5369,7 +5369,7 @@ const M = () => {
       },
       viewBox: p,
       children: [
-        b,
+        B,
         S,
         !!n && /* @__PURE__ */ D(
           "rect",
@@ -5428,7 +5428,7 @@ const M = () => {
     }
   );
 }, Yc = (n, t, e, a, r) => {
-  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, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
+  const i = 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, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, B = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(B));
   return {
     minX: l - I,
     maxX: l + I,
@@ -5741,12 +5741,12 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
   });
   const s = e.querySelectorAll("tspan");
   for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(r.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = g.getPath(
+    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(r.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), B = g.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
-    ), I = b.getBoundingBox().x2 - b.getBoundingBox().x1;
+    ), I = B.getBoundingBox().x2 - B.getBoundingBox().x1;
     let C = 0;
     const E = A.getAttribute("text-anchor");
     E === "middle" ? C = I / 2 : E === "end" && (C = I);
@@ -5757,7 +5757,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     P.fill = p, P.stroke = f, P.strokeWidth = parseFloat(S ?? "0");
-    const B = P.toSVG(2), Q = t.parseFromString(B, "image/svg+xml").firstElementChild;
+    const b = P.toSVG(2), Q = t.parseFromString(b, "image/svg+xml").firstElementChild;
     h.appendChild(Q);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), It().serializeToString(a);
@@ -7717,7 +7717,7 @@ class Fe {
           g,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, b = p ? {
+        ) : void 0, B = p ? {
           id: M(),
           src: p.src,
           x: S?.x || 0,
@@ -7733,7 +7733,7 @@ class Fe {
         return {
           command: this.getCreateElementCommand(I, h, E, {
             frameData: g,
-            pattern: b,
+            pattern: B,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
@@ -7972,10 +7972,10 @@ class Bs {
       const S = i.getLayouts().find((I) => I.panelId === f.panelId);
       if (!S)
         throw new Y(f);
-      const b = M();
+      const B = M();
       return {
-        regionElement: { id: b, region: f },
-        command: this.getCreateElementCommand(b, f, S, {
+        regionElement: { id: B, region: f },
+        command: this.getCreateElementCommand(B, f, S, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
@@ -8013,9 +8013,9 @@ class Bs {
           );
         }
         if (t.data.colorPickerEnabled) {
-          const S = await this.availableColors(t, i) || [], b = Object.keys(c.colors), I = S.length === 1 && b.length === 1;
+          const S = await this.availableColors(t, i) || [], B = Object.keys(c.colors), I = S.length === 1 && B.length === 1;
           if (I) {
-            const C = S[0], E = b[0];
+            const C = S[0], E = B[0];
             await this.changeColors(
               t,
               u.map((P) => P.regionElement),
@@ -8654,11 +8654,11 @@ const Ts = new Ms(), Ke = (n, t, e, a, r) => {
     const A = Math.max(...o);
     if (A <= n.width)
       return [i, A];
-    const u = o.reduce((p, f, S, b) => f > b[p] ? S : p, 0), h = i[u];
+    const u = o.reduce((p, f, S, B) => f > B[p] ? S : p, 0), h = i[u];
     let m = !1, g = h.length;
     for (; !m && g > -1; ) {
       g = h.lastIndexOf(" ", g - 1);
-      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => mt(b, a, r));
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((B) => mt(B, a, r));
       f[0] <= n.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
@@ -8978,11 +8978,11 @@ class Qs {
           const g = e.getWorkflowExperience().getBundle();
           if (g && t.globalPropertyAspectConfigurations) {
             const f = g.getGlobalPropertyConfiguration()?.aspects?.find(
-              (S) => S.type === U.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
+              (S) => S.type === U.Text && t.globalPropertyAspectConfigurations?.map((B) => B.aspectName).includes(S.name)
             );
             if (f) {
-              const b = g.getGlobalPropertyStateManager().getAspect(f.name);
-              b && (m = b);
+              const B = g.getGlobalPropertyStateManager().getAspect(f.name);
+              B && (m = B);
             }
           }
           if (await e.setSelectionsAndElements(
@@ -9185,11 +9185,11 @@ class Qs {
             colorProfileAssetKey: p.colorProfile?.key
           });
         }
-        const S = await this.getDefaultColor(a), b = S || "#000000", I = {
+        const S = await this.getDefaultColor(a), B = S || "#000000", I = {
           stepRegion: u,
           stepName: t,
           align: this.textAlign(a),
-          fill: i.color ? i.color : b,
+          fill: i.color ? i.color : B,
           fontSize: a.size || _e,
           fontData: r,
           id: g,
@@ -9211,7 +9211,7 @@ class Qs {
           fillSpotColorDefinition: f
         }, C = [], E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
         if (!I.fontData) throw new V("Failed to resolve font data for text.");
-        const [B, F] = Ce(
+        const [b, F] = Ce(
           I.fontSize,
           I.fontData,
           {
@@ -9225,11 +9225,11 @@ class Qs {
           [c],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(I.id, B), P.set(I.id, F);
+        E.set(I.id, b), P.set(I.id, F);
         const Q = a.curved || a.vertical ? c : (F || []).join(`
 `);
         C.push(
-          this.generateTextChangeCommandsForRegion(B, a, I.id, Q)
+          this.generateTextChangeCommandsForRegion(b, a, I.id, Q)
         );
         const T = new z(I, m);
         return {
@@ -9286,13 +9286,13 @@ class Qs {
         return d && d(!0), { info: "0" };
       const C = s.getProfanities(), E = na(h.toLowerCase());
       for (const P of E)
-        for (const B in C) {
-          const F = C[B].toLowerCase().replace(/\s/g, "");
+        for (const b in C) {
+          const F = C[b].toLowerCase().replace(/\s/g, "");
           if (P === F)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (h.includes(`
-`) || h.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(p.values()).every((B) => B) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
+`) || h.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(p.values()).every((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
     })();
     if (S.error) {
       c(S.error);
@@ -9303,11 +9303,11 @@ class Qs {
     s.updateStorage(t.stepName, { text: A }), s.updateMetadata(t.stepName, {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
-    const b = [];
+    const B = [];
     for (const C of m) {
       const E = t.data.curved ? h : (p.get(C.id) || []).join(`
 `);
-      b.push(
+      B.push(
         this.generateTextChangeCommandsForRegion(
           g.get(C.id) || 1,
           t.data,
@@ -9316,7 +9316,7 @@ class Qs {
         )
       );
     }
-    return new R(b);
+    return new R(B);
   }
 }
 const G = new Qs();
@@ -9475,21 +9475,21 @@ class Ws extends Rs {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = ns(Os), i = t !== "" ? ((b) => b.charAt(0).toUpperCase() + b.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
-      const b = at("g");
-      b.classList.add("module-text-group");
+    const a = ns(Os), i = t !== "" ? ((B) => B.charAt(0).toUpperCase() + B.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
+      const B = at("g");
+      B.classList.add("module-text-group");
       const I = at("defs");
-      b.appendChild(I), I.appendChild(Us(0, 2, 2, "shadow"));
+      B.appendChild(I), I.appendChild(Us(0, 2, 2, "shadow"));
       const C = at("path");
       C.setAttribute("d", d), C.setAttribute("stroke", "black"), C.setAttribute("stroke-width", "3"), I.appendChild(C);
       const E = at("g");
-      E.classList.add("module-layer0"), b.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = C.outerHTML;
+      E.classList.add("module-layer0"), B.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = C.outerHTML;
       const P = at("g");
-      P.classList.add("module-layer1"), b.appendChild(P), P.setAttribute("stroke-width", "3"), P.setAttribute("stroke", "rgb(45,41,38)"), P.setAttribute("fill", "rgb(45,41,38)"), P.setAttribute("transform", "translate(0.5,0)"), P.innerHTML = o;
-      const B = at("g");
-      B.classList.add("module-layer2"), b.appendChild(B), B.setAttribute("fill", "rgb(255,209,0)"), B.setAttribute("transform", "translate(1,-0.1)"), B.innerHTML = o;
+      P.classList.add("module-layer1"), B.appendChild(P), P.setAttribute("stroke-width", "3"), P.setAttribute("stroke", "rgb(45,41,38)"), P.setAttribute("fill", "rgb(45,41,38)"), P.setAttribute("transform", "translate(0.5,0)"), P.innerHTML = o;
+      const b = at("g");
+      b.classList.add("module-layer2"), B.appendChild(b), b.setAttribute("fill", "rgb(255,209,0)"), b.setAttribute("transform", "translate(1,-0.1)"), b.innerHTML = o;
       const F = at("g");
-      return F.classList.add("module-layer3"), b.appendChild(F), F.setAttribute("fill", "white"), F.innerHTML = o, new Gs(b).transform(([T, tt]) => [T, tt + (c / 2 - T) ** 2 / (c * 6)]), b;
+      return F.classList.add("module-layer3"), B.appendChild(F), F.setAttribute("fill", "white"), F.innerHTML = o, new Gs(B).transform(([T, tt]) => [T, tt + (c / 2 - T) ** 2 / (c * 6)]), B;
     }, u = at("g");
     u.classList.add("module-root");
     const h = at("defs");
@@ -10250,16 +10250,16 @@ class Bo {
   constructor(t, e, a, r, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, S = !1) {
     this.workflowStatePromiseQueue = new Tn(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(), I = this.getLayoutPreviewService()?.getAll();
+      const B = this.getCommandContext().getAllLayouts(), I = this.getLayoutPreviewService()?.getAll();
       if (I)
         for (const [, C] of I)
-          C.render(b);
-    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, 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 = g, 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 = p, this.workflow.steps.forEach((b) => {
-      this.stepTags[b.stepName] = b.tags ?? [];
+          C.render(B);
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, 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 = g, 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 = p, this.workflow.steps.forEach((B) => {
+      this.stepTags[B.stepName] = B.tags ?? [];
     }), 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.");
+    }), this.initializationPromise.catch((B) => {
+      throw console.error(B), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
     }), this.initializationPromise.finally(
       () => this.getCommandContext().registerStateCallback(() => {
         this.updateStateWithServer(), this.renderLayouts();
@@ -10857,7 +10857,7 @@ class Bo {
     this.stepSelections = {
       ...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) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, b) => P + b, 0), 0), this.workflow.steps.forEach((C) => {
       vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
     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(
@@ -10876,9 +10876,9 @@ class Bo {
     g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
     const p = u.map((C) => new Bt(C.id)), f = new Ha(this.constructSerializableWorkflow()), S = [...m, ...p, f];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const b = this.getInvalidModelVariants(), I = this.modelContainer;
+    const B = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
-      const C = b.map(
+      const C = B.map(
         (E) => I.applyModelVariant(
           E,
           {
@@ -11940,7 +11940,7 @@ const $o = async (n, t) => {
       T.errors && console.log("Server Error:", et.message);
     }), null) : tt ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await n.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Xa(l, t, !0), p = l && Xa(l, t, !1), f = async (B) => {
+  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Xa(l, t, !0), p = l && Xa(l, t, !1), f = async (b) => {
     const F = {};
     let Q = 0;
     if (Object.keys(i).length > 0)
@@ -11948,7 +11948,7 @@ const $o = async (n, t) => {
         const tt = i[T], et = t.steps.find((W) => W.stepName === 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)) {
+          if (et && (!b || et.option && (et.option.variants || []).length > 1 && !et.data.hideSelectionInCart && !et.data.hideSelectionsInCart)) {
             const wt = et.stepTitle;
             F[wt] ? F[wt].push({
               id: q.id || "",
@@ -11966,19 +11966,19 @@ const $o = async (n, t) => {
         }
       }
     return [F, Q];
-  }, [S] = await f(!0), b = Object.fromEntries(
-    Object.keys(S).map((B) => [B, S[B].map((F) => F.id)])
+  }, [S] = await f(!0), B = Object.fromEntries(
+    Object.keys(S).map((b) => [b, S[b].map((F) => F.id)])
   ), [I] = await f(!1), C = Object.fromEntries(
-    Object.keys(I).map((B) => [
-      B,
-      I[B].map((F) => F.id)
+    Object.keys(I).map((b) => [
+      b,
+      I[b].map((F) => F.id)
     ])
   );
   let E = await o(m, r.id);
   if (E) {
-    const B = await (await rt(E)).blob();
+    const b = await (await rt(E)).blob();
     E = (await O.uploadAsset(
-      { name: `${r.id}-preview-image.png`, blob: B },
+      { name: `${r.id}-preview-image.png`, blob: b },
       ve.Image,
       !0,
       !1
@@ -11986,7 +11986,7 @@ const $o = async (n, t) => {
   }
   return {
     designDetails: (() => {
-      const B = {
+      const b = {
         name: s,
         layouts: e.map((F) => ({
           index: F.index,
@@ -12001,15 +12001,15 @@ const $o = async (n, t) => {
         const F = [];
         for (const [Q, T] of Object.entries(p))
           F.push({ key: Q, value: T });
-        B.metadata = F;
+        b.metadata = F;
       }
-      if (b) {
+      if (B) {
         const F = [];
         for (const [Q, T] of Object.entries(C))
           F.push({ key: Q, ids: T });
-        B.selectedVariants = F;
+        b.selectedVariants = F;
       }
-      return B;
+      return b;
     })(),
     cartSelectionsWithPrices: S,
     cartMetadata: g
@@ -12312,7 +12312,7 @@ class Yo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((b) => b.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
+    const s = 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,
@@ -12800,13 +12800,13 @@ const Jo = (n) => {
     _o.includes(C.tagName) && !C.attributes.getNamedItem("fill") && C.setAttribute("fill", "#000000");
     const E = C.attributes.getNamedItem("fill");
     if (E && E.value !== "none") {
-      const B = E.value, Q = `spiff-fill-${B.replace(/\W/g, "")}`;
-      C.classList.add(Q), g[Q] = { browserValue: B };
+      const b = E.value, Q = `spiff-fill-${b.replace(/\W/g, "")}`;
+      C.classList.add(Q), g[Q] = { browserValue: b };
     }
     const P = C.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const B = P.value, Q = `spiff-stroke-${B.replace(/\W/g, "")}`;
-      C.classList.add(Q), g[Q] = { browserValue: B };
+      const b = P.value, Q = `spiff-stroke-${b.replace(/\W/g, "")}`;
+      C.classList.add(Q), g[Q] = { browserValue: b };
     }
   });
   const f = It().serializeToString(m), S = r.colors;
@@ -12818,8 +12818,8 @@ const Jo = (n) => {
           break;
         }
   }
-  const b = (C) => {
-    const E = n.find((B) => B.panelId === C.panelId);
+  const B = (C) => {
+    const E = n.find((b) => b.panelId === C.panelId);
     if (!E)
       throw new Y(C);
     const P = M();
@@ -12842,7 +12842,7 @@ const Jo = (n) => {
     );
   }, I = a.data.regions;
   try {
-    return I.map(b);
+    return I.map(B);
   } catch (C) {
     return console.error(C), [];
   }
@@ -13042,7 +13042,7 @@ const Jo = (n) => {
     const p = a.option;
     if (!p)
       return;
-    const f = p.variants?.find((b) => b.id === i.fontVariantId) || ne(p);
+    const f = p.variants?.find((B) => B.id === i.fontVariantId) || ne(p);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
@@ -13066,7 +13066,7 @@ const Jo = (n) => {
     return f ? j.getDefaultVariant(f)?.color : void 0;
   }, m = i.color || await h(a.data), g = a.data.regions;
   for (const p of g) {
-    const f = n.find((b) => b.panelId === p.panelId);
+    const f = n.find((B) => B.panelId === p.panelId);
     if (!f)
       continue;
     const S = {
@@ -13091,7 +13091,7 @@ const Jo = (n) => {
       y: p.top
     };
     if (d) {
-      const [b, I] = Ce(
+      const [B, I] = Ce(
         a.data.size || s,
         d,
         p,
@@ -13111,7 +13111,7 @@ const Jo = (n) => {
         new z(
           {
             ...S,
-            fontSize: b,
+            fontSize: B,
             text: S.curved ? S.text : (I || []).join(`
 `)
           },
@@ -15996,7 +15996,7 @@ class Ed {
       } catch (a) {
         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.3.0"), 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.3.0-beta.69d8a509-cc6d-54dc-80c5-1c8b6fee8d45"), 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 && Hr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16465,12 +16465,12 @@ class Ed {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), B = P.data.transactions;
-      if (B.length !== C.length) {
+      }), b = P.data.transactions;
+      if (b.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
         throw new ht(`Not all transactions were found: ${F}`);
       }
-      return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((F, Q) => ({
+      return !this.activeIntegration && b[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(b[0].integrationProduct.integration)), b.map((F, Q) => ({
         transaction: F,
         workflowId: F.workflowId,
         readOnly: C.find((T) => T.option.transactionId === F.id)?.option.readOnly ?? !1,
@@ -16482,13 +16482,15 @@ class Ed {
       const E = await a.mutate({
         mutation: Bi,
         variables: {
-          inputs: C.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,
-            workflowId: B.option.workflowId,
-            designName: B.option.designName,
-            claim: !0
+          inputs: C.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,
+            workflowId: b.option.workflowId,
+            designName: b.option.designName,
+            claim: !0,
+            quantity: b.option.type === "integration" ? b.option.quantity : void 0,
+            recipient: b.option.type === "integration" ? b.option.recipient : void 0
           })),
           marketplaceThemeInstallId: this.marketplaceThemeInstallId,
           marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
@@ -16497,12 +16499,12 @@ class Ed {
         fetchPolicy: "no-cache"
       }), P = E.data?.transactionCreateMany;
       if (!P || P.length === 0) {
-        const B = E.errors?.[0]?.message || "Unknown error";
-        throw new ht(`Failed to create transactions: ${B}`);
+        const b = E.errors?.[0]?.message || "Unknown error";
+        throw new ht(`Failed to create transactions: ${b}`);
       }
-      return P.map((B, F) => ({
-        transaction: B,
-        workflowId: B.workflowId,
+      return P.map((b, F) => ({
+        transaction: b,
+        workflowId: b.workflowId,
         readOnly: !1,
         index: C[F].index
       }));
@@ -16512,7 +16514,7 @@ class Ed {
       ...c.map(r),
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((C) => C.workflowId))], h = await or(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (C) => {
-      const { transaction: E, workflowId: P, readOnly: B, index: F } = C, Q = m.get(P), T = t[F];
+      const { transaction: E, workflowId: P, readOnly: b, index: F } = C, Q = m.get(P), T = t[F];
       !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
       const tt = g.get(E.id) || void 0, et = new Ll({
         onMutate: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } }),
@@ -16522,21 +16524,21 @@ class Ed {
         transaction: E,
         layouts: [],
         singleVariantsRenderable: T?.workflowConfiguration?.singleVariantsRenderable,
-        stateMutationFunc: B ? async () => {
+        stateMutationFunc: b ? async () => {
           throw new V("State mutation is forbidden in read only mode!");
         } : async (q) => this.updateTransactionState({
           ...q,
           context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId }
         }),
         graphQlClient: () => et,
-        readOnly: B,
+        readOnly: b,
         workflow: Q,
         isReloadedTransaction: T.type === "transaction"
       };
       if (T.type === "transaction" && E.workflowState) {
         const q = JSON.parse(E.workflowState);
         W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await qa(q), W.reloadedState = q;
-      } else if (!B && T.workflowState) {
+      } else if (!b && T.workflowState) {
         const q = JSON.parse(T.workflowState);
         W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await qa(q), W.reloadedState = q;
       } else
@@ -16549,10 +16551,10 @@ class Ed {
       ), W.delayWorkflowStateSync = !0, { experienceOptions: W, index: F, options: T };
     }), f = await Promise.all(p);
     k.setMap("transactionOwnerIds", g);
-    const b = f.sort((C, E) => C.index - E.index).map(async (C) => {
-      const { experienceOptions: E, options: P } = C, B = new Yo(this, E);
-      return await B.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await B.attachCustomerDetails({ email: this.customer.emailAddress }), B;
-    }), I = await Promise.all(b);
+    const B = f.sort((C, E) => C.index - E.index).map(async (C) => {
+      const { experienceOptions: E, options: P } = C, b = new Yo(this, E);
+      return await b.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await b.attachCustomerDetails({ email: this.customer.emailAddress }), b;
+    }), I = await Promise.all(B);
     return I.forEach((C) => C.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
   }
   storeCustomer(t) {