@spiffcommerce/core 32.3.1 → 32.4.0-beta.02fb8112-9c0b-55b0-b7eb-873793f6a97a

package/dist/index.mjs

@@ -337,20 +337,20 @@ class Kr {
           d = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
+      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, p = s.applicationKey ?? c.applicationKey, g = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
           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;
             });
           }
         }
       } catch {
       }
-      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
+      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), p && (l["X-Application-Key"] = p), g && (l.bundleOwnerId = g), l["Allow-Moonlight-Redirect"] = "true", {
         headers: l
       };
     }), a = gr(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -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), 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__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: p.width, height: p.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) => ({
@@ -5367,16 +5367,16 @@ const M = () => {
         maxHeight: s,
         position: c
       },
-      viewBox: p,
+      viewBox: g,
       children: [
-        b,
+        B,
         S,
         !!n && /* @__PURE__ */ D(
           "rect",
           {
             id: "layout-background",
-            width: g.width,
-            height: g.height,
+            width: p.width,
+            height: p.height,
             fill: n,
             rx: h
           }
@@ -5406,10 +5406,10 @@ const M = () => {
           /* @__PURE__ */ D(
             "rect",
             {
-              x: g.x,
-              y: g.y,
-              width: g.width,
-              height: g.height,
+              x: p.x,
+              y: p.y,
+              width: p.width,
+              height: p.height,
               fill: "black"
             }
           ),
@@ -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, p = o, g = u * A - m * d, f = h * A - p * d, S = u * d + m * A, B = h * d + p * A, I = Math.max(Math.abs(g), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(B));
   return {
     minX: l - I,
     maxX: l + I,
@@ -5590,15 +5590,15 @@ const M = () => {
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: r() })
     ] })
   ] }) }) }), s = n.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    const A = n.pattern?.x || 0, u = n.pattern?.y || 0, h = n.pattern?.width || 0, m = n.pattern?.height || 0, g = n.pattern?.scaleX || 1, p = n.pattern?.scaleY || 1, f = n.pattern?.rotation || 0;
+    const A = n.pattern?.x || 0, u = n.pattern?.y || 0, h = n.pattern?.width || 0, m = n.pattern?.height || 0, p = n.pattern?.scaleX || 1, g = n.pattern?.scaleY || 1, f = n.pattern?.rotation || 0;
     return [n.pattern?.svg ? {
       id: `${t}-contents`,
       type: x.Illustration,
       x: A,
       y: u,
       rotation: f,
-      width: h * g,
-      height: m * p,
+      width: h * p,
+      height: m * g,
       src: a(),
       svg: n.pattern?.svg,
       colors: n.pattern?.colors
@@ -5608,8 +5608,8 @@ const M = () => {
       x: A,
       y: u,
       rotation: f,
-      width: h * g,
-      height: m * p,
+      width: h * p,
+      height: m * g,
       src: a()
     }];
   };
@@ -5733,31 +5733,31 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
     dn(d.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
         const h = u.declarations.find(
-          (p) => p.property === "font-family"
-        )?.value, g = u.declarations.find((p) => p.property === "src")?.value?.match(/'(https.*?)'/)?.[1];
-        h && g && r.set(h, g);
+          (g) => g.property === "font-family"
+        )?.value, p = u.declarations.find((g) => g.property === "src")?.value?.match(/'(https.*?)'/)?.[1];
+        h && p && r.set(h, p);
       }
     });
   });
   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"), 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")
-    ), 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);
-    const P = g.getPath(
+    const P = p.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - C,
       parseFloat(A.getAttribute("y") ?? "0"),
       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;
+    P.fill = g, P.stroke = f, P.strokeWidth = parseFloat(S ?? "0");
+    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);
@@ -5804,8 +5804,8 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
       l = Math.max(l, mt(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], g = mt(`${A.join(" ")} ${m}`, e, a);
-        g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
+        const m = s[u], p = mt(`${A.join(" ")} ${m}`, e, a);
+        p <= t ? (A.push(m), l = Math.max(l, p), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
     }
@@ -5964,12 +5964,12 @@ const ds = (n) => {
         },
         stroke: A,
         strokeWidth: u,
-        children: n.curved ? /* @__PURE__ */ D(us, { text: c, curvedPathId: i, align: n.align }) : d.map((m, g) => /* @__PURE__ */ D(
+        children: n.curved ? /* @__PURE__ */ D(us, { text: c, curvedPathId: i, align: n.align }) : d.map((m, p) => /* @__PURE__ */ D(
           As,
           {
             align: n.vertical ? "center" : n.align,
             fontSize: n.fontSize,
-            thisLineIdx: g,
+            thisLineIdx: p,
             amountLines: d.length,
             text: m,
             textboxHeight: n.height,
@@ -5979,7 +5979,7 @@ const ds = (n) => {
             verticalAlign: n.verticalAlign,
             fontData: n.fontData
           },
-          g
+          p
         ))
       }
     ) }) })
@@ -6342,7 +6342,7 @@ const ne = (n) => {
       fetch: rt
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
-      const g = parseFloat(h), f = parseFloat(u) / g;
+      const p = parseFloat(h), f = parseFloat(u) / p;
       f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
     } else
       A.resize(m, m);
@@ -6366,7 +6366,7 @@ const ne = (n) => {
   if (e && t === x.Illustration) {
     const l = await ot(await Wn(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u) throw new Error("SVG missing viewBox.");
-    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
+    const h = o.height, m = u.split(" "), p = parseFloat(m[2]) || 1, g = parseFloat(m[3]) || 1, f = p / g;
     o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === x.Image) {
@@ -7366,18 +7366,18 @@ class bs {
   }
   async regenerateQRCode(t, e, a, r) {
     const i = async () => {
-      const h = (await Ie([e]))[0], m = h?.versions?.find((g) => g.name === "mpeg4")?.link;
+      const h = (await Ie([e]))[0], m = h?.versions?.find((p) => p.name === "mpeg4")?.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
       new Hn(
         async () => !!(await i()).link,
         async () => {
-          const g = await i();
-          if (!g.link || !g.link)
-            throw new Yt(g.asset);
+          const p = await i();
+          if (!p.link || !p.link)
+            throw new Yt(p.asset);
           h({
             rel: "mpeg4",
-            href: g.link
+            href: p.link
           });
         },
         () => {
@@ -7712,18 +7712,18 @@ class Fe {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const g = await Ue(l[m]), p = o.getImageData(), f = a.map((P) => new Bt(P.id)), S = p ? Ba(
-          p,
+        const p = await Ue(l[m]), g = o.getImageData(), f = a.map((P) => new Bt(P.id)), S = g ? Ba(
           g,
+          p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, b = p ? {
+        ) : void 0, B = g ? {
           id: M(),
-          src: p.src,
+          src: g.src,
           x: S?.x || 0,
           y: S?.y || 0,
-          width: p.width,
-          height: p.height,
+          width: g.width,
+          height: g.height,
           scaleX: S?.zoom || 1,
           scaleY: S?.zoom || 1,
           rotation: 0
@@ -7732,8 +7732,8 @@ class Fe {
           throw new Y(h);
         return {
           command: this.getCreateElementCommand(I, h, E, {
-            frameData: g,
-            pattern: b,
+            frameData: p,
+            pattern: B,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
@@ -7924,12 +7924,12 @@ class Bs {
       r().map((h) => h.layoutState)
     ), o = { ...s.colors }, l = {};
     Object.entries(o).forEach(([h, m]) => {
-      const g = { browserValue: m.browserValue, pmsValue: m.pmsValue }, p = m.spotColor;
-      p && (g.spotColor = { profileName: p.profileName, namedColor: p.namedColor }), l[h] = g;
+      const p = { browserValue: m.browserValue, pmsValue: m.pmsValue }, g = m.spotColor;
+      g && (p.spotColor = { profileName: g.profileName, namedColor: g.namedColor }), l[h] = p;
     });
     for (const [h, m] of i.entries()) {
-      const g = typeof m == "string" ? m : m.browserValue, p = typeof m == "string" ? void 0 : m.pmsValue;
-      o[h] = { browserValue: g, spotColor: o[h]?.spotColor, pmsValue: p }, l[h] = { browserValue: g };
+      const p = typeof m == "string" ? m : m.browserValue, g = typeof m == "string" ? void 0 : m.pmsValue;
+      o[h] = { browserValue: p, spotColor: o[h]?.spotColor, pmsValue: g }, l[h] = { browserValue: p };
     }
     let c = Array.from(Object.values(o)).map((h) => h.browserValue);
     const d = t.data.colorOption;
@@ -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,
@@ -7983,11 +7983,11 @@ class Bs {
         })
       };
     }, u = t.data.regions.map(A), m = [...u.map((f) => f.command), ...s];
-    let g = Array.from(Object.values(c.colors)).map((f) => f.browserValue);
-    const p = t.data.colorOption;
-    return p && p.variants?.forEach((f) => {
-      g = g.map((S) => S.toLowerCase() === f.color?.toLowerCase() ? f.name : S);
-    }), i.updateMetadata(t.stepName, { colors: g }), {
+    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((S) => S.toLowerCase() === f.color?.toLowerCase() ? f.name : S);
+    }), i.updateMetadata(t.stepName, { colors: p }), {
       command: new R(m),
       followup: async () => {
         await i.setSelectionsAndElements(
@@ -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),
@@ -8071,8 +8071,8 @@ class Is {
             async () => {
               const h = e.getModelContainer();
               if (h) {
-                const m = t.data.targetMaterials.map((g) => h.applyMaterialVariant(
-                  g,
+                const m = t.data.targetMaterials.map((p) => h.applyMaterialVariant(
+                  p,
                   l.id || "",
                   A || {}
                 ));
@@ -8227,11 +8227,11 @@ class Ds {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (d, A, u) => {
-      const h = u || M(), g = a.getLayouts().find((f) => f.panelId === A.panelId);
-      if (!g)
+      const h = u || M(), p = a.getLayouts().find((f) => f.panelId === A.panelId);
+      if (!p)
         return console.error(`Can not find layout for region: ${A.panelId}`), null;
-      const p = [];
-      return u && p.push(new Bt(h)), p.push(
+      const g = [];
+      return u && g.push(new Bt(h)), g.push(
         new z(
           {
             stepRegion: A,
@@ -8249,12 +8249,12 @@ class Ds {
             layerIndex: A.layerIndex,
             immutable: A.immutable
           },
-          g
+          p
         )
       ), {
         id: h,
         region: A,
-        command: new R(p)
+        command: new R(g)
       };
     };
     if (i.length > 0) {
@@ -8353,7 +8353,7 @@ class Fs {
       return console.error("No URL for picture!"), null;
     r(!0), t.mandatory && a.setMandatoryFulfilled(t.stepName, !1);
     const l = a.getRegionElements(t.stepName).map((A) => new Bt(A.id)), c = (A) => {
-      const h = a.getLayouts().find((g) => g.panelId === A.panelId);
+      const h = a.getLayouts().find((p) => p.panelId === A.panelId);
       if (!h)
         throw new Y(A);
       const m = M();
@@ -8551,7 +8551,7 @@ class ks {
         const h = i.find((S) => S.panelId === u.panelId);
         if (!h)
           throw new Y(u);
-        const m = o(), g = `
+        const m = o(), p = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -8571,8 +8571,8 @@ class ks {
                             fill="${m}"
                         />
                     </svg>
-                `, p = {};
-        p[this.shapeFillId] = { browserValue: m };
+                `, g = {};
+        g[this.shapeFillId] = { browserValue: m };
         const f = M();
         return {
           id: f,
@@ -8581,9 +8581,9 @@ class ks {
             {
               stepRegion: u,
               stepName: t.stepName,
-              colors: p,
+              colors: g,
               id: f,
-              svg: g,
+              svg: p,
               type: x.Illustration,
               y: u.top,
               x: u.left,
@@ -8654,12 +8654,12 @@ 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];
-    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));
-      f[0] <= n.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
+    const u = o.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);
+      const g = [h.slice(0, p), h.slice(p + 1)], f = g.map((B) => mt(B, a, r));
+      f[0] <= n.width && (i = [...i.slice(0, u), ...g, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
         ...o.slice(u + 1)
@@ -8749,11 +8749,11 @@ class Qs {
       let A = t.data.defaultText || "";
       const u = e.getWorkflowExperience().getBundle();
       if (u && t.globalPropertyAspectConfigurations) {
-        const g = u.getGlobalPropertyConfiguration()?.aspects?.find(
-          (p) => p.type === U.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
+        const p = u.getGlobalPropertyConfiguration()?.aspects?.find(
+          (g) => g.type === U.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(g.name)
         );
-        if (g) {
-          const f = u.getGlobalPropertyStateManager().getAspect(g.name);
+        if (p) {
+          const f = u.getGlobalPropertyStateManager().getAspect(p.name);
           f && (A = f);
         }
       }
@@ -8932,9 +8932,9 @@ class Qs {
         { size: a.data.size, minSize: a.data.minSize, maxSize: a.data.maxSize }
       );
       d.set(u.id, h), A.set(u.id, m);
-      const g = a.data.curved ? o : (m || []).join(`
+      const p = a.data.curved ? o : (m || []).join(`
 `);
-      c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, g));
+      c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, p));
     }
     return !a.data.curved && e.length > 0 && !Array.from(A.values()).every((h) => h) ? (l.errorData || (l.errorData = {}), l.errorData.doesNotFit = !0, l) : (r.updateStorage(a.stepName, { text: t }), r.updateMetadata(a.stepName, {
       text: o
@@ -8973,16 +8973,16 @@ class Qs {
       if (l && c) {
         const d = l.variants?.find((A) => A.id === c);
         if (d) {
-          const A = await this.fontDataFromVariant(d), u = o.map((p) => ({ id: p.id, region: p.stepRegion })), h = r.storage?.color;
+          const A = await this.fontDataFromVariant(d), u = o.map((g) => ({ id: g.id, region: g.stepRegion })), h = r.storage?.color;
           let m = r.storage?.text;
-          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)
+          const p = e.getWorkflowExperience().getBundle();
+          if (p && t.globalPropertyAspectConfigurations) {
+            const f = p.getGlobalPropertyConfiguration()?.aspects?.find(
+              (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 = p.getGlobalPropertyStateManager().getAspect(f.name);
+              B && (m = B);
             }
           }
           if (await e.setSelectionsAndElements(
@@ -8991,15 +8991,15 @@ class Qs {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const p = o.map((S) => new ja(S.id, A)), f = new R(p);
+              const g = o.map((S) => new ja(S.id, A)), f = new R(g);
               e.getCommandDispatcher()(f);
             }
           ), o.length === 0 && l) {
-            const p = j.getDefaultVariant(l);
-            if (p) {
+            const g = j.getDefaultVariant(l);
+            if (g) {
               const f = await this.selectVariantCommand(
                 t,
-                p,
+                g,
                 { text: m },
                 [],
                 e,
@@ -9011,13 +9011,13 @@ class Qs {
               e.getCommandDispatcher()(f.command);
             }
           } else {
-            const { command: p } = G.updateInputText(
+            const { command: g } = G.updateInputText(
               m || "",
               o,
               t,
               e
             );
-            p && e.getCommandDispatcher()(p);
+            g && e.getCommandDispatcher()(g);
           }
         }
       }
@@ -9033,7 +9033,7 @@ class Qs {
             if (o.length === 0 && l) {
               const m = j.getDefaultVariant(l);
               if (m) {
-                const g = await this.selectVariantCommand(
+                const p = await this.selectVariantCommand(
                   t,
                   m,
                   { text: h },
@@ -9044,7 +9044,7 @@ class Qs {
                   () => {
                   }
                 );
-                e.getCommandDispatcher()(g.command);
+                e.getCommandDispatcher()(p.command);
               }
             } else {
               const { command: m } = G.updateInputText(
@@ -9094,16 +9094,16 @@ class Qs {
   async selectVariantCommand(t, e, a, r, i, s, o, l, c) {
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (r.length > 0) {
-      const u = r.map((g) => new ja(g.id, A));
+      const u = r.map((p) => new ja(p.id, A));
       if (l) {
-        const g = r.map((p) => new Ye(p.id, l));
-        u.push(...g);
+        const p = r.map((g) => new Ye(g.id, l));
+        u.push(...p);
       }
       if (c) {
-        const g = r.map(
-          (p) => new Je(p.id, c, t.data.strokeThickness)
+        const p = r.map(
+          (g) => new Je(g.id, c, t.data.strokeThickness)
         );
-        u.push(...g);
+        u.push(...p);
       }
       const h = await this.changeInputTextWithRegion(
         t,
@@ -9140,18 +9140,18 @@ class Qs {
         a?.customiseAllText ?? !1,
         s,
         o
-      ), m = u.flatMap((p) => p.commands);
+      ), m = u.flatMap((g) => g.commands);
       if (l) {
-        const p = u.map(
+        const g = u.map(
           (f) => new Ye(f.regionElement.id, l)
         );
-        m.push(...p);
+        m.push(...g);
       }
       if (c) {
-        const p = r.map(
+        const g = r.map(
           (f) => new Je(f.id, c, t.data.strokeThickness)
         );
-        m.push(...p);
+        m.push(...g);
       }
       return h && m.push(h), {
         command: new R(m),
@@ -9173,26 +9173,26 @@ class Qs {
     if (!a || !a.regions)
       throw new Error("Step data not supplied");
     const o = i.text || a.defaultText || "", l = Ft(o, s), c = this.getProcessedInput(l, a, !1), d = async (u) => {
-      const m = s.getLayouts().find((p) => p.panelId === u.panelId), g = M();
+      const m = s.getLayouts().find((g) => g.panelId === u.panelId), p = M();
       try {
         if (!m)
           throw new ke("Failed to find layout for region: " + u.panelId);
-        const p = a.colorOption;
+        const g = a.colorOption;
         let f;
-        if (p && p.variants) {
-          const tt = p.variants.find((et) => et.id === p.defaultVariant?.id) || p.variants[0];
-          f = this.createTextFillSpotColor(p, tt), s.updateStorage(t, {
-            colorProfileAssetKey: p.colorProfile?.key
+        if (g && g.variants) {
+          const tt = g.variants.find((et) => et.id === g.defaultVariant?.id) || g.variants[0];
+          f = this.createTextFillSpotColor(g, tt), s.updateStorage(t, {
+            colorProfileAssetKey: g.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,
+          id: p,
           layer: u.layer,
           layerIndex: u.layerIndex,
           rotation: u.rotation,
@@ -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,21 +9225,21 @@ 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 {
-          regionElement: { id: g, region: u },
+          regionElement: { id: p, region: u },
           commands: [T, ...C],
           newElement: I,
           fontData: r
         };
-      } catch (p) {
-        throw console.log(p), new xe("Error adding font to region");
+      } catch (g) {
+        throw console.log(g), new xe("Error adding font to region");
       }
     }, A = await Promise.all(a.regions.map(d)).catch((u) => {
       throw u instanceof xe ? (Ts.setLatestToast("Failed to load font.", Le.Error), u) : u instanceof ke ? u : new Error(u);
@@ -9269,7 +9269,7 @@ class Qs {
    * @deprecated
    */
   async changeInputTextWithRegion(t, e, a, r, i, s, o, l, c, d) {
-    const A = (r || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = Ft(A, s), h = this.getProcessedInput(u, t.data, o), m = s.getRegionElements(t.stepName), g = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+    const A = (r || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = Ft(A, s), h = this.getProcessedInput(u, t.data, o), m = s.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const C of m)
       if (C.region) {
         const [E, P] = Ce(
@@ -9279,20 +9279,20 @@ class Qs {
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        g.set(C.id, E), p.set(C.id, P);
+        p.set(C.id, E), g.set(C.id, P);
       }
     const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         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(g.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,20 +9303,20 @@ 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(`
+      const E = t.data.curved ? h : (g.get(C.id) || []).join(`
 `);
-      b.push(
+      B.push(
         this.generateTextChangeCommandsForRegion(
-          g.get(C.id) || 1,
+          p.get(C.id) || 1,
           t.data,
           C.id,
           E
         )
       );
     }
-    return new R(b);
+    return new R(B);
   }
 }
 const G = new Qs();
@@ -9475,35 +9475,35 @@ 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");
     u.appendChild(h);
     const m = at("g");
     m.classList.add("module-bounds"), u.appendChild(m);
-    const g = $s(e.height, e.width);
-    g.setAttribute("opacity", "0"), m.appendChild(g);
-    const p = at("g");
-    p.classList.add("module-text-enclosure"), u.appendChild(p);
+    const p = $s(e.height, e.width);
+    p.setAttribute("opacity", "0"), m.appendChild(p);
+    const g = at("g");
+    g.classList.add("module-text-enclosure"), u.appendChild(g);
     const f = A();
-    p.appendChild(f);
+    g.appendChild(f);
     const S = yr(d);
-    return Vs(p, S, e.height, e.width, 0.35, 0.65), Ls(u.outerHTML);
+    return Vs(g, S, e.height, e.width, 0.35, 0.65), Ls(u.outerHTML);
   }
 }
 async function Zn(n) {
@@ -10247,19 +10247,19 @@ class _a extends Mn {
   }
 }
 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) {
+  constructor(t, e, a, r, i, s, o, l, c, d, A, u, h, m = !1, p, g = !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 = 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 ?? [];
     }), 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();
@@ -10273,7 +10273,7 @@ class Bo {
       a.type === we.FirstName ? e[r] = t?.firstName : a.type === we.LastName ? e[r] = t?.lastName : a.type === we.Custom && (a.customFieldIndex === 1 ? e[r] = t?.customField1 : a.customFieldIndex === 2 ? e[r] = t?.customField2 : a.customFieldIndex === 3 ? e[r] = t?.customField3 : a.customFieldIndex === 4 ? e[r] = t?.customField4 : a.customFieldIndex === 5 && (e[r] = t?.customField5));
     }), e;
   }
-  async updateRecipient(t, e, a, r, i, s, o, l, c, d, A, u, h, m, g, p, f) {
+  async updateRecipient(t, e, a, r, i, s, o, l, c, d, A, u, h, m, p, g, f) {
     if (this.transaction.recipient?.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
@@ -10291,8 +10291,8 @@ class Bo {
         customField1: u ?? this.transaction.recipient.customField1,
         customField2: h ?? this.transaction.recipient.customField2,
         customField3: m ?? this.transaction.recipient.customField3,
-        customField4: g ?? this.transaction.recipient.customField4,
-        customField5: p ?? this.transaction.recipient.customField5,
+        customField4: p ?? this.transaction.recipient.customField4,
+        customField5: g ?? this.transaction.recipient.customField5,
         conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
       }, await this.graphQlClient().mutate({
         mutation: So,
@@ -10314,8 +10314,8 @@ class Bo {
           customField1: u || this.transaction.recipient.customField1,
           customField2: h || this.transaction.recipient.customField2,
           customField3: m || this.transaction.recipient.customField3,
-          customField4: g || this.transaction.recipient.customField4,
-          customField5: p || this.transaction.recipient.customField5,
+          customField4: p || this.transaction.recipient.customField4,
+          customField5: g || this.transaction.recipient.customField5,
           conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
         }
       });
@@ -10339,8 +10339,8 @@ class Bo {
           customField1: u,
           customField2: h,
           customField3: m,
-          customField4: g,
-          customField5: p,
+          customField4: p,
+          customField5: g,
           conversionConfigurationId: f
         }
       });
@@ -10360,8 +10360,8 @@ class Bo {
         customField1: u,
         customField2: h,
         customField3: m,
-        customField4: g,
-        customField5: p,
+        customField4: p,
+        customField5: g,
         conversionConfigurationId: f
       }, await this.graphQlClient().mutate({
         mutation: vo,
@@ -10403,7 +10403,7 @@ class Bo {
       this.storage[o.stepName] = o.storage || {};
     }), await this.fetchConversionConfiguration(), this.allScenes = await Ji(t);
     const r = yt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(r, !!this.reloadedState);
-    this.commandContext.apply(new R(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
+    this.commandContext.apply(new R(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), this.isReloadedTransaction || this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   getWorkflowExperience() {
     return this.experience;
@@ -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(
@@ -10872,13 +10872,13 @@ class Bo {
       ...h,
       [t]: a
     }, this.removeElements(u);
-    const g = this.workflow.steps.find((C) => C.stepName === t);
-    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];
+    const p = this.workflow.steps.find((C) => C.stepName === t);
+    p?.type === v.Frame && this.getWorkflowExperience().getStepById(p.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
+    const g = u.map((C) => new Bt(C.id)), f = new Ha(this.constructSerializableWorkflow()), S = [...m, ...g, 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, p = l && Xa(l, t, !0), g = 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,
@@ -11997,22 +11997,22 @@ const $o = async (n, t) => {
         useThreeDimPreview: !!m,
         previewImage: E
       };
-      if (p) {
+      if (g) {
         const F = [];
-        for (const [Q, T] of Object.entries(p))
+        for (const [Q, T] of Object.entries(g))
           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
+    cartMetadata: p
   };
 }, Vo = async (n, t, e, a, r, i, s, o, l, c, d) => {
   l("workflow.steps.finish.finalize.buildingLayouts");
@@ -12028,19 +12028,19 @@ const $o = async (n, t) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await $o(A), g = m?.transaction?.previewImageLink;
+  const m = await $o(A), p = m?.transaction?.previewImageLink;
   if (!m?.transaction)
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
-  const p = m.transaction;
+  const g = m.transaction;
   return er(
-    p,
+    g,
     r,
     t,
     u,
     m?.sku,
     h,
-    g,
+    p,
     m?.processExecution?.id
   );
 }, zo = async (n, t, e) => {
@@ -12315,7 +12315,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,
@@ -12328,14 +12328,14 @@ class Yo {
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new Te("Failed to obtain 2D context for preview image creation");
-    const m = this.workflowManager.getTemplatingContext(), g = Ea(u.layoutState.layout, u.layoutState.elements, {
+    const m = this.workflowManager.getTemplatingContext(), p = Ea(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: jt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
-    }), p = fn(g);
-    await (await ma.from(h, p, {
+    }), g = fn(p);
+    await (await ma.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
@@ -12437,12 +12437,12 @@ class Yo {
       A !== void 0 && (A.forEach((u) => d.add(JSON.stringify(u))), o.forEach((u) => {
         const h = u.getRaw().globalPropertyAspectConfigurations;
         h !== void 0 && h.forEach((m) => {
-          const g = l(m), p = d.has(JSON.stringify(m));
-          if (p && g?.getType() === "Option") {
+          const p = l(m), g = d.has(JSON.stringify(m));
+          if (g && p?.getType() === "Option") {
             const f = u.getCurrentVariant();
             if (!f) return;
             c.selectVariant(f), d.delete(JSON.stringify(m));
-          } else if (p && g?.getType() === "Text") {
+          } else if (g && p?.getType() === "Text") {
             const f = u.getText();
             c.setText(f), d.delete(JSON.stringify(m));
           }
@@ -12701,13 +12701,13 @@ const Jo = (n) => {
   const a = t.data, r = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = r.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + r);
   o.searchParams.append("video", $a(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${$a(await An(l, { type: "svg" }))}`, A = (h) => {
-    const m = n.find((p) => p.panelId === h.panelId);
+    const m = n.find((g) => g.panelId === h.panelId);
     if (!m)
       throw new Y(h);
-    const g = M();
+    const p = M();
     return new z(
       {
-        id: g,
+        id: p,
         src: d,
         type: x.Image,
         y: h.top,
@@ -12730,7 +12730,7 @@ const Jo = (n) => {
     const o = gs(r, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      const d = await zn(c, o?.asset?.fileLink), A = await Ue(d), u = M(), h = n.find((g) => g.panelId === c.panelId);
+      const d = await zn(c, o?.asset?.fileLink), A = await Ue(d), u = M(), h = n.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Ba(
@@ -12798,37 +12798,37 @@ const Jo = (n) => {
   if (!m)
     return console.error("Failed to read SVG."), [];
   wa(m);
-  const g = {};
+  const p = {};
   kt(m, (C) => {
     _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), p[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), p[Q] = { browserValue: b };
     }
   });
   const f = It().serializeToString(m), S = r.colors;
   if (S) {
-    for (const [C, E] of Object.entries(g))
+    for (const [C, E] of Object.entries(p))
       for (const P of Object.keys(S))
         if (E.browserValue === P) {
-          g[C] = { browserValue: S[P] };
+          p[C] = { browserValue: S[P] };
           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();
     return new z(
       {
-        colors: g,
+        colors: p,
         id: P,
         svg: f,
         type: x.Illustration,
@@ -12845,7 +12845,7 @@ const Jo = (n) => {
     );
   }, I = a.data.regions;
   try {
-    return I.map(b);
+    return I.map(B);
   } catch (C) {
     return console.error(C), [];
   }
@@ -12929,7 +12929,7 @@ const Jo = (n) => {
     return console.error(`No variant with ID: ${r.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
   const o = (c) => {
-    const d = n.find((g) => g.panelId === c.panelId);
+    const d = n.find((p) => p.panelId === c.panelId);
     if (!d)
       throw new Y(c);
     const A = `
@@ -13041,11 +13041,11 @@ const Jo = (n) => {
   }
   return a;
 }, il = async (n, t, e, a) => {
-  const r = [], i = e.data, s = 30, o = (p) => p.vertical ? "center" : p.textAlign || "center", l = () => {
-    const p = a.option;
-    if (!p)
+  const r = [], i = e.data, s = 30, o = (g) => g.vertical ? "center" : g.textAlign || "center", l = () => {
+    const g = a.option;
+    if (!g)
       return;
-    const f = p.variants?.find((b) => b.id === i.fontVariantId) || ne(p);
+    const f = g.variants?.find((B) => B.id === i.fontVariantId) || ne(g);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
@@ -13053,23 +13053,23 @@ const Jo = (n) => {
     if (S)
       return S;
   }, d = await (async () => {
-    const p = l();
-    if (!p)
+    const g = l();
+    if (!g)
       return;
-    const f = await Nt(p);
+    const f = await Nt(g);
     return {
-      assetUrl: p,
+      assetUrl: g,
       name: f.names.fullName.en
     };
   })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = De(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
-  }), h = async (p) => {
-    const f = p.colorOption;
+  }), h = async (g) => {
+    const f = g.colorOption;
     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);
+  }, m = i.color || await h(a.data), p = a.data.regions;
+  for (const g of p) {
+    const f = n.find((B) => B.panelId === g.panelId);
     if (!f)
       continue;
     const S = {
@@ -13080,24 +13080,24 @@ const Jo = (n) => {
       fill: i.color || m || "#000000",
       fontData: d,
       fontSize: a.data.size || s,
-      height: p.height,
-      layer: p.layer,
-      layerIndex: p.layerIndex,
+      height: g.height,
+      layer: g.layer,
+      layerIndex: g.layerIndex,
       paths: a.data.paths,
-      rotation: p.rotation,
+      rotation: g.rotation,
       text: u,
       type: x.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
-      width: p.width,
-      x: p.left,
-      y: p.top
+      width: g.width,
+      x: g.left,
+      y: g.top
     };
     if (d) {
-      const [b, I] = Ce(
+      const [B, I] = Ce(
         a.data.size || s,
         d,
-        p,
+        g,
         [
           De(u, {
             vertical: a.data.vertical,
@@ -13114,7 +13114,7 @@ const Jo = (n) => {
         new z(
           {
             ...S,
-            fontSize: b,
+            fontSize: B,
             text: S.curved ? S.text : (I || []).join(`
 `)
           },
@@ -13343,8 +13343,8 @@ class ul extends Mn {
     if (this.nonPOTSupport) {
       const m = s / o;
       a / r < m ? (l = s, c = r * (s / a)) : (l = a * (o / r), c = o);
-      const p = this.resizeFit({ width: l, height: c });
-      l = p.width, c = p.height;
+      const g = this.resizeFit({ width: l, height: c });
+      l = g.width, c = g.height;
     } else
       l = i.width, c = i.height;
     const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = Ea(t.layoutState.layout, e, {
@@ -13935,6 +13935,12 @@ class yl {
       console.log("Setting global property state to new state."), this.globalPropertyState = Ae(o), this.recalculateMandatoryStates();
     }), this.onGlobalPropertyStateChange = r;
   }
+  async clearAspects(t) {
+    if (!this.globalPropertyState)
+      throw new Error("Global property state not initialized");
+    const e = this.globalPropertyState.aspects;
+    this.globalPropertyState.aspects = e.filter((a) => !t.includes(a.name)), console.log(`LOG: after the clear there are ${this.globalPropertyState.aspects.length} aspects`);
+  }
   recalculateMandatoryStates() {
     this.mandatoryFulfilledAspects = rr(this.globalPropertyState);
   }
@@ -14047,6 +14053,7 @@ class yl {
   async updateGlobalPropertyState() {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
+    console.log(`LOG: updating ${this.globalPropertyState.aspects.length} aspects`), console.trace();
     const t = await y.getShadowGraphqlClient().mutate({
       mutation: Hs,
       variables: {
@@ -14423,15 +14430,15 @@ class ir {
     return new Promise((u) => {
       let h = !1;
       const m = A.subscribe({
-        next(g) {
-          if (h || g.partial && (!g.data.productCollections || g.data.productCollections.length === 0 || !g.data.productCollections[0].productCollectionProductsFeed?.items || g.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
+        next(p) {
+          if (h || p.partial && (!p.data.productCollections || p.data.productCollections.length === 0 || !p.data.productCollections[0].productCollectionProductsFeed?.items || p.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, m.unsubscribe();
-          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new ue(Et(f))) || [];
+          const g = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new ue(Et(f))) || [];
           u({
-            items: p,
+            items: g,
             // Clone items because it could be cached data (immutable)
-            total: g.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
+            total: p.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
           });
         },
         error() {
@@ -14743,9 +14750,9 @@ class Ze {
       A ? this.globalPropertyHandleService.getHandles().then((u) => {
         const h = u.map((m) => {
           if (m.getType() === U.ColorOption || m.getType() === U.Option) {
-            const g = m;
-            if (!A.aspects.find((f) => f.name === g.getName()))
-              return g.initDefaultVariant();
+            const p = m;
+            if (!A.aspects.find((f) => f.name === p.getName()))
+              return p.initDefaultVariant();
           }
         });
         Promise.all(h).then(c).catch(d);
@@ -14911,7 +14918,7 @@ class Ze {
           }
       }
     } finally {
-      this.updatesLocked = !1, this.onGlobalPropertiesChanged(void 0, this.globalPropertyStateManager.getGlobalPropertyState());
+      this.updatesLocked = !1, console.log(`LOG: finally ${this.globalPropertyStateManager.getGlobalPropertyState()?.aspects?.length}`), this.onGlobalPropertiesChanged(void 0, this.globalPropertyStateManager.getGlobalPropertyState());
     }
   }
   getGlobalPropertyStateManager() {
@@ -14941,7 +14948,7 @@ class Ze {
           ), d = [...new Set(o.map((u) => u.number))];
           if (d.length > c)
             for (const u of d) {
-              const h = this.getGlobalPropertyStateManager(), m = l.find((g) => g.channelNumber === u);
+              const h = this.getGlobalPropertyStateManager(), m = l.find((p) => p.channelNumber === u);
               m && await h.setAspect(r, m.variant.id || "", void 0, m.channelNumber);
             }
         }
@@ -15374,14 +15381,19 @@ class Ze {
       return;
     const a = await this.globalPropertyHandleService.getHandles(), r = this.globalPropertyHandleService.applyConditionsFromState(a, t), i = this.globalPropertyHandleService.applyConditionsFromState(a, e);
     this.checkConditionalHandlesChanged(r, i), this.checkMandatoryHandlesChanged(t, i);
-    const s = a.map((o) => {
-      if (o.getType() === U.ColorOption || o.getType() === U.Option) {
-        const l = o;
-        if (!e.aspects.find((d) => d.name === l.getName()))
-          return l.initDefaultVariant();
+    const s = this.getGlobalPropertyStateManager();
+    let o = [];
+    for (const c of a)
+      i.find((d) => d.getName() == c.getName()) || (o = [...o, c.getName()]);
+    await s.clearAspects(o);
+    const l = a.map((c) => {
+      if (c.getType() === U.ColorOption || c.getType() === U.Option) {
+        const d = c;
+        if (!e.aspects.find((u) => u.name === d.getName()))
+          return d.initDefaultVariant();
       }
     });
-    await Promise.all(s), await Promise.all(i.map((o) => o.applyGlobalState()));
+    await Promise.all(l), await Promise.all(i.map((c) => c.applyGlobalState()));
   }
   checkConditionalHandlesChanged(t, e) {
     (() => {
@@ -15999,7 +16011,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.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Wr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.4.0-beta.d49482af-c4b5-57e7-b3e1-1af196d81c48"), 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);
@@ -16318,8 +16330,8 @@ class Ed {
       const h = await this.loggedInBearerToken();
       o.Authorization = `Bearer ${h}`;
     } catch {
-      const g = Object.entries(localStorage).find(([f, S]) => f.startsWith("CognitoIdentityServiceProvider") && f.endsWith("idToken"))?.[0] || "", p = localStorage.getItem(g);
-      p && !Wt(p) && (o.Authorization = `Bearer ${p}`);
+      const p = Object.entries(localStorage).find(([f, S]) => f.startsWith("CognitoIdentityServiceProvider") && f.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(p);
+      g && !Wt(g) && (o.Authorization = `Bearer ${g}`);
     }
     const l = {
       bundleOwnerId: s,
@@ -16359,8 +16371,8 @@ class Ed {
       const u = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${u}`;
     } catch {
-      const m = Object.entries(localStorage).find(([p, f]) => p.startsWith("CognitoIdentityServiceProvider") && p.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(m);
-      g && !Wt(g) && (s.Authorization = `Bearer ${g}`);
+      const m = Object.entries(localStorage).find(([g, f]) => g.startsWith("CognitoIdentityServiceProvider") && g.endsWith("idToken"))?.[0] || "", p = localStorage.getItem(m);
+      p && !Wt(p) && (s.Authorization = `Bearer ${p}`);
     }
     const o = {
       bundleOwnerId: i,
@@ -16468,12 +16480,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,
@@ -16485,13 +16497,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
@@ -16500,22 +16514,22 @@ 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
       }));
     }, s = t.map((C, E) => ({ option: C, index: E })), o = s.filter((C) => C.option.type === "transaction"), l = s.filter(
       (C) => C.option.type === "integration" || C.option.type === "external"
-    ), c = Ma(o, 10), d = Ma(l, 10), A = (await Promise.all([
-      ...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];
+    ), c = 50, d = Ma(o, c), A = Ma(l, c), u = (await Promise.all([
+      ...d.map(r),
+      ...A.map(i)
+    ])).flat(), h = [...new Set(u.map((C) => C.workflowId))], m = await or(h, e), p = new Map(m.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = u.map(async (C) => {
+      const { transaction: E, workflowId: P, readOnly: b, index: F } = C, Q = p.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 } }),
@@ -16525,21 +16539,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
@@ -16550,13 +16564,15 @@ class Ed {
       return W.renderableContextService = new ll(
         W.layouts
       ), W.delayWorkflowStateSync = !0, { experienceOptions: W, index: F, options: T };
-    }), f = await Promise.all(p);
+    }), S = await Promise.all(f);
     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);
-    return I.forEach((C) => C.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
+    const B = S.sort((C, E) => C.index - E.index);
+    let I = [];
+    for (const C of B) {
+      const { experienceOptions: E, options: P } = C, b = new Yo(this, E);
+      await b.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await b.attachCustomerDetails({ email: this.customer.emailAddress }), I = [...I, b], b.getWorkflowManager().setWorkflowStateSyncEnabled(!0);
+    }
+    return I;
   }
   storeCustomer(t) {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -16918,7 +16934,7 @@ class Fd {
   traversableScenes() {
     throw new Error("Method not implemented.");
   }
-  updateRecipient(t, e, a, r, i, s, o, l, c, d, A, u, h, m, g, p, f) {
+  updateRecipient(t, e, a, r, i, s, o, l, c, d, A, u, h, m, p, g, f) {
     throw new Error("Method not implemented.");
   }
   approveTransaction(t) {