@spiffcommerce/core 18.0.1 → 18.1.0-alpha.1

package/dist/index.d.ts

@@ -2357,7 +2357,7 @@ declare class IllustrationStepService implements StepService<IllustrationStepDat
     };
     init(stepData: Step<IllustrationStepData>, workflowManager: WorkflowManager, reducerState?: LayoutsState): Promise<CommandWithFollowup | null>;
     private reload;
-    availableColors(stepData: Step<IllustrationStepData>, workflowManager: WorkflowManager): Promise<{
+    availableColors(stepData: Step<IllustrationStepData>, _workflowManager: WorkflowManager): Promise<{
         fill: string | undefined;
         stroke: string | undefined;
         variant: VariantResource;

package/dist/index.js

@@ -185,8 +185,8 @@ class vt {
         if (window && window.__SENTRY__) {
           const h = window.__SENTRY__.hub;
           if (h) {
-            const I = h.traceHeaders();
-            Object.entries(I).forEach(([u, D]) => {
+            const m = h.traceHeaders();
+            Object.entries(m).forEach(([u, D]) => {
               r[u] = D;
             });
           }
@@ -1554,9 +1554,9 @@ class Ba {
     if (!e && t !== "" && a === "") {
       const g = async () => {
         var u, D;
-        const h = (await Je([t]))[0], I = (D = (u = h == null ? void 0 : h.versions) == null ? void 0 : u.find((p) => p.name === "mpeg4")) == null ? void 0 : D.link;
-        return { asset: h, link: I };
-      }, B = await new Promise((h, I) => {
+        const h = (await Je([t]))[0], m = (D = (u = h == null ? void 0 : h.versions) == null ? void 0 : u.find((p) => p.name === "mpeg4")) == null ? void 0 : D.link;
+        return { asset: h, link: m };
+      }, B = await new Promise((h, m) => {
         new ze(
           async () => !!(await g()).link,
           async () => {
@@ -1569,7 +1569,7 @@ class Ba {
             });
           },
           () => {
-            I("Poller timed out with 40 attempts @ 3 second interval");
+            m("Poller timed out with 40 attempts @ 3 second interval");
           },
           3e3,
           40
@@ -1808,7 +1808,7 @@ class da {
     n && n(!0);
     const r = await Promise.all(
       A.data.regions.map(async (w, d) => {
-        const C = await qA(o[d]), E = i.getImageData(), Q = t.map((m) => new Z(m.id)), h = E ? ZA(E, C) : void 0, I = E ? {
+        const C = await qA(o[d]), E = i.getImageData(), Q = t.map((I) => new Z(I.id)), h = E ? ZA(E, C) : void 0, m = E ? {
           id: k(),
           src: E.src,
           x: (h == null ? void 0 : h.x) || 0,
@@ -1818,13 +1818,13 @@ class da {
           scaleX: (h == null ? void 0 : h.zoom) || 1,
           scaleY: (h == null ? void 0 : h.zoom) || 1,
           rotation: 0
-        } : void 0, u = k(), p = a.getLayouts().find((m) => m.panelId === w.panelId);
+        } : void 0, u = k(), p = a.getLayouts().find((I) => I.panelId === w.panelId);
         if (!p)
           throw new O(w);
         return {
           command: this.getCreateElementCommand(u, w, p, {
             frameData: C,
-            pattern: I,
+            pattern: m,
             disablePlaceholder: A.data.disablePlaceholder,
             focalBlur: A.data.focalBlur,
             focalBlurStrength: A.data.focalBlurStrength,
@@ -2050,13 +2050,13 @@ class Ea {
     if (!o)
       throw new oA(i);
     const r = await De(await this.getIllustrationBody(o)), g = await IA(r.svg), B = (h) => {
-      const I = n.getLayouts().find((D) => D.panelId === h.panelId);
-      if (!I)
+      const m = n.getLayouts().find((D) => D.panelId === h.panelId);
+      if (!m)
         throw new O(h);
       const u = k();
       return {
         regionElement: { id: u, region: h },
-        command: this.getCreateElementCommand(u, h, I, {
+        command: this.getCreateElementCommand(u, h, m, {
           stepName: A.stepName,
           src: o,
           objectURL: g,
@@ -2067,9 +2067,9 @@ class Ea {
     let C = Array.from(Object.values(r.colors)).map((h) => h.browserValue);
     const E = A.data.colorOption;
     return E && ((Q = E.variants) == null || Q.forEach((h) => {
-      C = C.map((I) => {
+      C = C.map((m) => {
         var u;
-        return I.toLowerCase() === ((u = h.color) == null ? void 0 : u.toLowerCase()) ? h.name : I;
+        return m.toLowerCase() === ((u = h.color) == null ? void 0 : u.toLowerCase()) ? h.name : m;
       });
     })), n.updateMetadata(A.stepName, { colors: C }), {
       command: new R(d),
@@ -2077,11 +2077,22 @@ class Ea {
         await n.setSelectionsAndElements(
           A.stepName,
           [e],
-          l.map((h) => h.regionElement),
+          l.map((u) => u.regionElement),
           async () => {
             n.setMandatoryFulfilled(A.stepName, !0), a(!1);
           }
         );
+        const h = await this.availableColors(A, n) || [], m = Object.keys(r.colors);
+        if (h.length === 1 && m.length === 1) {
+          const u = h[0], D = m[0];
+          await this.changeColors(
+            A,
+            t,
+            n,
+            () => n.getCommandContext().getAllLayouts(),
+            /* @__PURE__ */ new Map([[D, u.variant.color]])
+          );
+        }
       }
     };
   }
@@ -2616,7 +2627,7 @@ class pa {
       };
     } else {
       const r = (w) => {
-        const d = n.find((I) => I.panelId === w.panelId);
+        const d = n.find((m) => m.panelId === w.panelId);
         if (!d)
           throw new O(w);
         const C = i(), E = `
@@ -2954,14 +2965,14 @@ class Ma {
       if (o && l) {
         const w = (r = o.variants) == null ? void 0 : r.find((d) => d.id === l);
         if (w) {
-          const d = await this.fontDataFromVariant(w), C = i.map((I) => ({ id: I.id, region: I.stepRegion })), E = (g = a.storage) == null ? void 0 : g.color, Q = (B = a.storage) == null ? void 0 : B.text;
+          const d = await this.fontDataFromVariant(w), C = i.map((m) => ({ id: m.id, region: m.stepRegion })), E = (g = a.storage) == null ? void 0 : g.color, Q = (B = a.storage) == null ? void 0 : B.text;
           await e.setSelectionsAndElements(
             A.stepName,
             [w],
             C,
             async () => {
               e.updateMetadata(A.stepName, { color: E, text: Q }), e.updateStorage(A.stepName, { text: Q, inputText: Q });
-              const I = i.map((D) => new ge(D.id, d)), u = new R(I);
+              const m = i.map((D) => new ge(D.id, d)), u = new R(m);
               e.getCommandDispatcher()(u), e.setMandatoryFulfilled(A.stepName, !0);
             }
           );
@@ -3093,11 +3104,11 @@ class Ma {
             colorProfileAssetKey: (C = E.colorProfile) == null ? void 0 : C.key
           });
         }
-        const h = await this.getDefaultColor(t), I = h || "#000000", u = {
+        const h = await this.getDefaultColor(t), m = h || "#000000", u = {
           stepRegion: B,
           stepName: A,
           align: this.textAlign(t),
-          fill: n.color ? n.color : I,
+          fill: n.color ? n.color : m,
           fontSize: t.size || JA,
           fontData: a,
           id: d,
@@ -3117,7 +3128,7 @@ class Ma {
           curved: t.curved,
           paths: t.paths,
           fillSpotColorDefinition: Q
-        }, D = [], p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
+        }, D = [], p = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
         if (!u.fontData)
           throw new v("Failed to resolve font data for text.");
         const [F, Y] = QA(
@@ -3134,7 +3145,7 @@ class Ma {
           [o],
           { size: t.size, minSize: t.minSize, maxSize: t.maxSize }
         );
-        p.set(u.id, F), m.set(u.id, Y);
+        p.set(u.id, F), I.set(u.id, Y);
         const M = t.curved || t.vertical ? o : (Y || []).join(`
 `);
         D.push(
@@ -3195,13 +3206,13 @@ class Ma {
         return g && g(!0), { info: "0" };
       const u = s.getProfanities(), D = KA(l.toLowerCase());
       for (const p of D)
-        for (const m in u) {
-          const F = u[m].toLowerCase().replace(/\s/g, "");
+        for (const I in u) {
+          const F = u[I].toLowerCase().replace(/\s/g, "");
           if (p === F)
             return o(!0), { error: "Blocked profanity." };
         }
       return !A.data.vertical && !A.data.allowNewlines && (l.includes(`
-`) || l.includes("\r")) ? (o(!0), { error: "Cannot span multiple lines." }) : !A.data.curved && !Array.from(C.values()).every((m) => m) ? (o(!0), { error: "Does not fit." }) : (o(!1), { info: (A.data.maxLength - l.length).toString() });
+`) || l.includes("\r")) ? (o(!0), { error: "Cannot span multiple lines." }) : !A.data.curved && !Array.from(C.values()).every((I) => I) ? (o(!0), { error: "Does not fit." }) : (o(!1), { info: (A.data.maxLength - l.length).toString() });
     })();
     if (Q.error) {
       r(Q.error);
@@ -4671,8 +4682,8 @@ class Ha extends te {
     const t = A.toSVG(2), a = A.getBoundingBox(), n = a.x2 - a.x1, s = A.toPathData(3), i = () => {
       const D = P("g"), p = P("defs");
       D.appendChild(p), p.appendChild(Ze(3, 7, 4, "shadow"));
-      const m = P("g");
-      D.appendChild(m), m.setAttribute("filter", "url(#shadow)"), m.innerHTML = t;
+      const I = P("g");
+      D.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = t;
       const F = P("g");
       D.appendChild(F), F.setAttribute("fill", "red"), F.setAttribute("stroke", "red"), F.setAttribute("stroke-width", "9"), F.innerHTML = t;
       const Y = P("g");
@@ -4690,8 +4701,8 @@ class Ha extends te {
     Q.setAttribute("opacity", "0"), E.appendChild(Q);
     const h = P("g");
     E.appendChild(h);
-    const I = i();
-    h.appendChild(I);
+    const m = i();
+    h.appendChild(m);
     const u = Ae(s);
     return ne(h, u, l, w), $e(o.outerHTML);
   }
@@ -4713,17 +4724,17 @@ class Ua extends te {
   }
   brandSvg(A, e, t) {
     const a = A.toSVG(2), n = A.getBoundingBox(), s = n.y2 - n.y1, i = n.x2 - n.x1, o = A.toPathData(3), r = () => {
-      const m = P("g"), F = P("g");
-      m.appendChild(F), F.setAttribute("stroke", "#5C1A0D"), F.setAttribute("stroke-width", "4"), F.setAttribute("transform", "translate(1,1)"), F.innerHTML = a;
+      const I = P("g"), F = P("g");
+      I.appendChild(F), F.setAttribute("stroke", "#5C1A0D"), F.setAttribute("stroke-width", "4"), F.setAttribute("transform", "translate(1,1)"), F.innerHTML = a;
       const Y = P("g");
-      m.appendChild(Y), Y.setAttribute("fill", "#FFE386"), Y.setAttribute("transform", "translate(1,1)"), Y.innerHTML = a;
+      I.appendChild(Y), Y.setAttribute("fill", "#FFE386"), Y.setAttribute("transform", "translate(1,1)"), Y.innerHTML = a;
       const M = P("g");
-      m.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = a;
-      const G = new se(m);
+      I.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = a;
+      const G = new se(I);
       return G.transform(([S, J]) => [S, J + ((i - S) * J) ** 2 / (i * 5e4)]), G.transform(([S, J]) => [
         S,
         J + (i / 3 - S) ** 2 / i * this.indicator(S < i / 3)
-      ]), G.transform(([S, J]) => [S - (s - J) * (i - S) / 800, J]), m;
+      ]), G.transform(([S, J]) => [S - (s - J) * (i - S) / 800, J]), I;
     }, [g, B, l] = Xe(e);
     if (!g)
       return "";
@@ -4733,8 +4744,8 @@ class Ua extends te {
     t ? (d = B * 0.25 * (1 + 0.1), C = l / 2 * (1 + 0.1), E = l * 0.22, Q = B * 0.32) : (d = B * 0.22 * (1 + 0.1), C = l * 0.8, E = l * 0.067, Q = B * 0.33);
     const h = P("g");
     g.appendChild(h), h.setAttribute("transform", `translate(${E} ${Q}) rotate(-10)`);
-    const I = ae(d, C);
-    I.setAttribute("opacity", "0"), h.appendChild(I);
+    const m = ae(d, C);
+    m.setAttribute("opacity", "0"), h.appendChild(m);
     const u = P("g");
     h.appendChild(u);
     const D = r();
@@ -4756,21 +4767,21 @@ class va extends te {
     return this.svgElement(A, e);
   }
   svgElement(A, e) {
-    const t = _A(Ga), n = A !== "" ? ((I) => I.charAt(0).toUpperCase() + I.substr(1).toLowerCase())(A) : "", s = t.getPath(n, 0, 72, 72), i = s.toSVG(2), o = s.getBoundingBox(), r = o.x2 - o.x1, g = s.toPathData(3), B = () => {
-      const I = P("g");
-      I.classList.add("module-text-group");
+    const t = _A(Ga), n = A !== "" ? ((m) => m.charAt(0).toUpperCase() + m.substr(1).toLowerCase())(A) : "", s = t.getPath(n, 0, 72, 72), i = s.toSVG(2), o = s.getBoundingBox(), r = o.x2 - o.x1, g = s.toPathData(3), B = () => {
+      const m = P("g");
+      m.classList.add("module-text-group");
       const u = P("defs");
-      I.appendChild(u), u.appendChild(Ze(0, 2, 2, "shadow"));
+      m.appendChild(u), u.appendChild(Ze(0, 2, 2, "shadow"));
       const D = P("path");
       D.setAttribute("d", g), D.setAttribute("stroke", "black"), D.setAttribute("stroke-width", "3"), u.appendChild(D);
       const p = P("g");
-      p.classList.add("module-layer0"), I.appendChild(p), p.setAttribute("filter", "url(#shadow)"), p.innerHTML = D.outerHTML;
-      const m = P("g");
-      m.classList.add("module-layer1"), I.appendChild(m), m.setAttribute("stroke-width", "3"), m.setAttribute("stroke", "rgb(45,41,38)"), m.setAttribute("fill", "rgb(45,41,38)"), m.setAttribute("transform", "translate(0.5,0)"), m.innerHTML = i;
+      p.classList.add("module-layer0"), m.appendChild(p), p.setAttribute("filter", "url(#shadow)"), p.innerHTML = D.outerHTML;
+      const I = P("g");
+      I.classList.add("module-layer1"), m.appendChild(I), I.setAttribute("stroke-width", "3"), I.setAttribute("stroke", "rgb(45,41,38)"), I.setAttribute("fill", "rgb(45,41,38)"), I.setAttribute("transform", "translate(0.5,0)"), I.innerHTML = i;
       const F = P("g");
-      F.classList.add("module-layer2"), I.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = i;
+      F.classList.add("module-layer2"), m.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = i;
       const Y = P("g");
-      return Y.classList.add("module-layer3"), I.appendChild(Y), Y.setAttribute("fill", "white"), Y.innerHTML = i, new se(I).transform(([G, S]) => [G, S + (r / 2 - G) ** 2 / (r * 6)]), I;
+      return Y.classList.add("module-layer3"), m.appendChild(Y), Y.setAttribute("fill", "white"), Y.innerHTML = i, new se(m).transform(([G, S]) => [G, S + (r / 2 - G) ** 2 / (r * 6)]), m;
     }, l = P("g");
     l.classList.add("module-root");
     const w = P("defs");
@@ -5214,11 +5225,11 @@ class Ja {
     this.stepSelections = {
       ...this.stepSelections,
       [A]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((p, m) => p + m.selectedVariants.map((F) => F.priceModifier || 0).reduce((F, Y) => F + Y, 0), 0), this.workflow.steps.forEach((p) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((p, I) => p + I.selectedVariants.map((F) => F.priceModifier || 0).reduce((F, Y) => F + Y, 0), 0), this.workflow.steps.forEach((p) => {
       tA(p, this.stepSelections) || (this.stepInitialised[p.stepName] = !1, delete this.stepMetadata[p.stepName], delete this.stepSelections[p.stepName], delete this.storage[p.stepName]);
     });
     const s = this.allScenes, i = eA(s, n), o = eA(s, this.stepSelections), r = i.map((p) => p.silentSteps).flat(), B = o.map((p) => p.silentSteps).flat().filter(
-      (p) => !r.some((m) => m.stepName === p.stepName)
+      (p) => !r.some((I) => I.stepName === p.stepName)
     );
     r.forEach((p) => {
       tA(p, this.stepSelections) || (this.stepInitialised[p.stepName] = !1);
@@ -5232,15 +5243,15 @@ class Ja {
     const C = this.workflow.steps.find((p) => p.stepName === A);
     if ((C == null ? void 0 : C.type) === f.Frame) {
       const p = this.getStepSpecificServices(A);
-      (D = p == null ? void 0 : p.frameService) == null || D.setTargetElements(t.map((m) => m.id));
+      (D = p == null ? void 0 : p.frameService) == null || D.setTargetElements(t.map((I) => I.id));
     }
     const E = l.map((p) => new Z(p.id)), Q = new le(this.constructSerializableWorkflow()), h = [...d, ...E, Q];
     h.length > 0 && this.commandContext.apply(new R(h), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const I = this.getInvalidModelVariants(), u = this.modelContainer;
+    const m = this.getInvalidModelVariants(), u = this.modelContainer;
     if (u) {
-      const p = I.map(
-        (m) => u.applyModelVariant(
-          m,
+      const p = m.map(
+        (I) => u.applyModelVariant(
+          I,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -6177,7 +6188,7 @@ const et = y`
         }
       }
     return [M, G];
-  }, [h] = await Q(!0), I = Object.fromEntries(
+  }, [h] = await Q(!0), m = Object.fromEntries(
     Object.keys(h).map((Y) => [Y, h[Y].map((M) => M.id)])
   ), [u] = await Q(!1), D = Object.fromEntries(
     Object.keys(u).map((Y) => [
@@ -6204,7 +6215,7 @@ const et = y`
           M.push({ key: G, value: S });
         Y.metadata = M;
       }
-      if (I) {
+      if (m) {
         const M = [];
         for (const [G, S] of Object.entries(D))
           M.push({ key: G, ids: S });
@@ -6449,12 +6460,12 @@ class dA {
     return this.workflowManager;
   }
   async createPreviewImage(A, e) {
-    var h, I;
+    var h, m;
     const t = this.workflowManager.getWorkflow(), a = (h = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : h.lookAtAnimation;
     if (A) {
       if (!a)
         throw new Error("Failed to generate cart preview image!");
-      return await ((I = this.workflowManager.getPreviewService()) == null ? void 0 : I.renderSceneScreenshot(e ?? 512, a)) || "";
+      return await ((m = this.workflowManager.getPreviewService()) == null ? void 0 : m.renderSceneScreenshot(e ?? 512, a)) || "";
     }
     let n = 2048;
     e && e <= 2048 && (n = e);
@@ -6760,7 +6771,7 @@ const an = [
   const a = e.data, n = t.option;
   if (!n)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const s = ((D = n.variants) == null ? void 0 : D.find((m) => m.id === a.illustrationVariantId)) || NA(n);
+  const s = ((D = n.variants) == null ? void 0 : D.find((I) => I.id === a.illustrationVariantId)) || NA(n);
   if (!s)
     return console.error(`No variant with ID: ${a.illustrationVariantId}`), [];
   if (!s.asset)
@@ -6774,32 +6785,32 @@ const an = [
     return console.error("Failed to read SVG."), [];
   xe(d);
   const C = {};
-  yt(d, (m) => {
-    an.includes(m.tagName) && !m.attributes.getNamedItem("fill") && m.setAttribute("fill", "#000000");
-    const F = m.attributes.getNamedItem("fill");
+  yt(d, (I) => {
+    an.includes(I.tagName) && !I.attributes.getNamedItem("fill") && I.setAttribute("fill", "#000000");
+    const F = I.attributes.getNamedItem("fill");
     if (F && F.value !== "none") {
       const M = F.value, S = `spiff-fill-${M.replace(/\W/g, "")}`;
-      m.classList.add(S), C[S] = { browserValue: M };
+      I.classList.add(S), C[S] = { browserValue: M };
     }
-    const Y = m.attributes.getNamedItem("stroke");
+    const Y = I.attributes.getNamedItem("stroke");
     if (Y && Y.value !== "none") {
       const M = Y.value, S = `spiff-stroke-${M.replace(/\W/g, "")}`;
-      m.classList.add(S), C[S] = { browserValue: M };
+      I.classList.add(S), C[S] = { browserValue: M };
     }
   });
   const Q = Ne().serializeToString(d), h = a.colors;
   if (h) {
-    for (const [m, F] of Object.entries(C))
+    for (const [I, F] of Object.entries(C))
       for (const Y of Object.keys(h))
         if (F.browserValue === Y) {
-          C[m] = { browserValue: h[Y] };
+          C[I] = { browserValue: h[Y] };
           break;
         }
   }
-  const I = (m) => {
-    const F = c.find((M) => M.panelId === m.panelId);
+  const m = (I) => {
+    const F = c.find((M) => M.panelId === I.panelId);
     if (!F)
-      throw new O(m);
+      throw new O(I);
     const Y = k();
     return new b(
       {
@@ -6807,22 +6818,22 @@ const an = [
         id: Y,
         svg: Q,
         type: U.Illustration,
-        y: m.top,
-        x: m.left,
-        rotation: m.rotation,
-        width: m.width,
-        height: m.height,
-        layer: m.layer,
-        layerIndex: m.layerIndex,
-        immutable: m.immutable
+        y: I.top,
+        x: I.left,
+        rotation: I.rotation,
+        width: I.width,
+        height: I.height,
+        layer: I.layer,
+        layerIndex: I.layerIndex,
+        immutable: I.immutable
       },
       F
     );
   }, u = t.data.regions;
   try {
-    return u.map(I);
-  } catch (m) {
-    return console.error(m), [];
+    return u.map(m);
+  } catch (I) {
+    return console.error(I), [];
   }
 }, rn = async (c, A, e) => {
   const t = await _e(e.data.module), a = A.data, n = (i, o) => {
@@ -7022,11 +7033,11 @@ const an = [
   return t;
 }, Bn = async (c, A, e, t) => {
   const a = [], n = e.data, s = 30, i = (E) => E.vertical ? "center" : E.textAlign || "center", o = () => {
-    var I;
+    var m;
     const E = t.option;
     if (!E)
       return;
-    const Q = ((I = E.variants) == null ? void 0 : I.find((u) => u.id === n.fontVariantId)) || NA(E);
+    const Q = ((m = E.variants) == null ? void 0 : m.find((u) => u.id === n.fontVariantId)) || NA(E);
     if (!Q || !Q.asset)
       return;
     A[t.stepName] = { selectedVariants: [Q] };
@@ -7053,7 +7064,7 @@ const an = [
     return h == null ? void 0 : h.color;
   }, d = n.color || await w(t.data), C = t.data.regions;
   for (const E of C) {
-    const Q = c.find((I) => I.panelId === E.panelId);
+    const Q = c.find((m) => m.panelId === E.panelId);
     if (!Q)
       continue;
     const h = {
@@ -7078,7 +7089,7 @@ const an = [
       y: E.top
     };
     if (g) {
-      const [I, u] = QA(
+      const [m, u] = QA(
         t.data.size || s,
         g,
         E,
@@ -7098,7 +7109,7 @@ const an = [
         new b(
           {
             ...h,
-            fontSize: I,
+            fontSize: m,
             text: h.curved ? h.text : (u || []).join(`
 `)
           },
@@ -9584,14 +9595,14 @@ class Bs {
       const E = i.get(A);
       if (E && await this.authenticateCustomerId(E)) {
         const h = ((w = (l = this.customer) == null ? void 0 : l.bundleStakeholders) == null ? void 0 : w.find(
-          (I) => {
+          (m) => {
             var u, D;
-            return (D = (u = I.bundle) == null ? void 0 : u.transactions) == null ? void 0 : D.some((p) => p.id === A);
+            return (D = (u = m.bundle) == null ? void 0 : u.transactions) == null ? void 0 : D.some((p) => p.id === A);
           }
         )) || ((C = (d = this.customer) == null ? void 0 : d.stakeholders) == null ? void 0 : C.find(
-          (I) => {
+          (m) => {
             var u;
-            return ((u = I.transaction) == null ? void 0 : u.id) === A;
+            return ((u = m.transaction) == null ? void 0 : u.id) === A;
           }
         ));
         if (h)
@@ -9814,10 +9825,10 @@ class Bs {
       var Q, h;
       const E = N.getShadowGraphqlClient();
       if (a.type === "transaction") {
-        const { transactionId: I, readOnly: u } = a, D = await E.query({
+        const { transactionId: m, readOnly: u } = a, D = await E.query({
           query: lA,
           variables: {
-            ids: [I]
+            ids: [m]
           },
           errorPolicy: "all",
           fetchPolicy: "no-cache"
@@ -9827,20 +9838,20 @@ class Bs {
         const p = (h = D.data) == null ? void 0 : h.transactions[0];
         if (!p.workflowId)
           throw new H("Existing transaction has no workflow ID.");
-        const m = await CA(p.workflowId);
+        const I = await CA(p.workflowId);
         if (!p.product)
           throw new H("Failed to load transaction, product not available.");
-        return { transaction: p, workflow: m, readOnly: u };
+        return { transaction: p, workflow: I, readOnly: u };
       }
       if (a.type === "integration" || a.type === "external") {
-        const I = async () => {
-          const m = a.type === "integration" ? { integrationProductId: a.integrationProductId } : {
+        const m = async () => {
+          const I = a.type === "integration" ? { integrationProductId: a.integrationProductId } : {
             externalIntegrationId: a.externalIntegrationId,
             externalProductId: a.externalProductId
           }, F = await E.mutate({
             mutation: Ee,
             variables: {
-              ...m,
+              ...I,
               workflowId: a.workflowId,
               claim: !0
             },
@@ -9855,7 +9866,7 @@ class Bs {
           if (!Y.product)
             throw new H("Failed to create transaction, product not available.");
           return Y;
-        }, u = CA(a.workflowId, a == null ? void 0 : a.graphql), [D, p] = await Promise.all([I(), u]);
+        }, u = CA(a.workflowId, a == null ? void 0 : a.graphql), [D, p] = await Promise.all([m(), u]);
         return { transaction: D, workflow: p };
       }
       throw new H("No workflow ID provided.");
@@ -9913,30 +9924,30 @@ class Bs {
   async getWorkflowExperiences(A, e) {
     if (A.length === 0)
       throw new H("No options provided!");
-    const t = N.getShadowGraphqlClient(), a = A.map((h, I) => ({ option: h, index: I })), n = a.filter((h) => h.option.type === "transaction"), s = a.filter(
+    const t = N.getShadowGraphqlClient(), a = A.map((h, m) => ({ option: h, index: m })), n = a.filter((h) => h.option.type === "transaction"), s = a.filter(
       (h) => h.option.type === "integration" || h.option.type === "external"
     ), i = async () => {
       var D, p;
       if (n.length === 0)
         return [];
-      const h = n.map((m) => m.option.transactionId), I = await t.query({
+      const h = n.map((I) => I.option.transactionId), m = await t.query({
         query: lA,
         variables: {
           ids: h
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), u = I.data.transactions;
+      }), u = m.data.transactions;
       if (u.length !== n.length) {
-        const m = ((p = (D = I.errors) == null ? void 0 : D[0]) == null ? void 0 : p.message) || "Unknown error";
-        throw new H(`Not all transactions were found: ${m}`);
+        const I = ((p = (D = m.errors) == null ? void 0 : D[0]) == null ? void 0 : p.message) || "Unknown error";
+        throw new H(`Not all transactions were found: ${I}`);
       }
-      return u.map((m, F) => {
+      return u.map((I, F) => {
         var Y;
         return {
-          transaction: m,
-          workflowId: m.workflowId,
-          readOnly: ((Y = n.find((M) => M.option.transactionId === m.id)) == null ? void 0 : Y.option.readOnly) ?? !1,
+          transaction: I,
+          workflowId: I.workflowId,
+          readOnly: ((Y = n.find((M) => M.option.transactionId === I.id)) == null ? void 0 : Y.option.readOnly) ?? !1,
           index: n[F].index
         };
       });
@@ -9947,45 +9958,45 @@ class Bs {
       const h = await t.mutate({
         mutation: ea,
         variables: {
-          inputs: s.map((m) => ({
-            integrationProductId: m.option.type === "integration" ? m.option.integrationProductId : void 0,
-            externalIntegrationId: m.option.type === "external" ? m.option.externalIntegrationId : void 0,
-            externalProductId: m.option.type === "external" ? m.option.externalProductId : void 0,
-            workflowId: m.option.workflowId,
+          inputs: s.map((I) => ({
+            integrationProductId: I.option.type === "integration" ? I.option.integrationProductId : void 0,
+            externalIntegrationId: I.option.type === "external" ? I.option.externalIntegrationId : void 0,
+            externalProductId: I.option.type === "external" ? I.option.externalProductId : void 0,
+            workflowId: I.option.workflowId,
             claim: !0
           }))
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), I = (u = h.data) == null ? void 0 : u.transactionCreateMany;
-      if (!I || I.length === 0) {
-        const m = ((p = (D = h.errors) == null ? void 0 : D[0]) == null ? void 0 : p.message) || "Unknown error";
-        throw new H(`Failed to create transactions: ${m}`);
+      }), m = (u = h.data) == null ? void 0 : u.transactionCreateMany;
+      if (!m || m.length === 0) {
+        const I = ((p = (D = h.errors) == null ? void 0 : D[0]) == null ? void 0 : p.message) || "Unknown error";
+        throw new H(`Failed to create transactions: ${I}`);
       }
-      return I.map((m, F) => ({
-        transaction: m,
-        workflowId: m.workflowId,
+      return m.map((I, F) => ({
+        transaction: I,
+        workflowId: I.workflowId,
         readOnly: !1,
         index: s[F].index
       }));
     }, r = (await Promise.all([i(), o()])).flat(), g = [...new Set(r.map((h) => h.workflowId))], B = await ot(g, e), l = new Map(B.map((h) => [h.id, h])), w = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), d = r.map(async (h) => {
       var G;
-      const { transaction: I, workflowId: u, readOnly: D, index: p } = h, m = l.get(u), F = A[p];
-      !w.get(I.id) && I.transactionOwnerId && w.set(I.id, I.transactionOwnerId);
-      const Y = w.get(I.id) || void 0, M = {
-        product: I.product,
-        transaction: I,
+      const { transaction: m, workflowId: u, readOnly: D, index: p } = h, I = l.get(u), F = A[p];
+      !w.get(m.id) && m.transactionOwnerId && w.set(m.id, m.transactionOwnerId);
+      const Y = w.get(m.id) || void 0, M = {
+        product: m.product,
+        transaction: m,
         layouts: [],
         singleVariantsRenderable: (G = F == null ? void 0 : F.workflowConfiguration) == null ? void 0 : G.singleVariantsRenderable,
         stateMutationFunc: D ? async () => {
           throw new v("State mutation is forbidden in read only mode!");
         } : async (S) => this.updateTransactionState({ ...S, context: { transactionOwnerId: Y } }),
         readOnly: D,
-        workflow: m,
+        workflow: I,
         isReloadedTransaction: F.type === "transaction"
       };
-      if (F.type === "transaction" && I.workflowState) {
-        const S = JSON.parse(I.workflowState);
+      if (F.type === "transaction" && m.workflowState) {
+        const S = JSON.parse(m.workflowState);
         M.layouts = Object.values(S.layouts).map((J) => J.layout), await _(S), await AA(S), M.reloadedState = S;
       } else if (!D && F.workflowState) {
         const S = JSON.parse(F.workflowState);
@@ -10000,8 +10011,8 @@ class Bs {
       ), this.initialized = !0, this.experienceOptions = M, { experienceOptions: M, index: p, options: F };
     });
     x.setMap("transactionOwnerIds", w);
-    const Q = (await Promise.all(d)).sort((h, I) => h.index - I.index).map(async (h) => {
-      const { experienceOptions: I, options: u } = h, D = new dA(this, I);
+    const Q = (await Promise.all(d)).sort((h, m) => h.index - m.index).map(async (h) => {
+      const { experienceOptions: m, options: u } = h, D = new dA(this, m);
       return await D.getWorkflowManager().getInitializationPromise(), u.type !== "transaction" && this.customer && await D.attachCustomerDetails({ email: this.customer.emailAddress }), D;
     });
     return await Promise.all(Q);