@spiffcommerce/core 33.12.0 → 33.13.0

package/dist/index.mjs

@@ -24,7 +24,7 @@ import vn from "lodash.debounce";
 import "fs";
 import "path";
 import Vi from "lodash.omit";
-var Pe = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Pe || {}), En = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(En || {}), G = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(G || {}), S = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(S || {}), zi = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(zi || {}), Kt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Kt || {}), D = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(D || {}), Gi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Gi || {}), bn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(bn || {}), Wi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Wi || {}), qi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(qi || {}), ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ba || {}), Hi = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Hi || {}), Fe = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Fe || {}), Tt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(Tt || {}), Y = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(Y || {}), ji = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(ji || {});
+var Pe = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Pe || {}), En = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(En || {}), G = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(G || {}), v = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(v || {}), zi = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(zi || {}), Kt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Kt || {}), D = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(D || {}), Gi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Gi || {}), bn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(bn || {}), Wi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Wi || {}), qi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(qi || {}), ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ba || {}), Hi = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Hi || {}), Fe = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Fe || {}), Tt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(Tt || {}), Y = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(Y || {}), ji = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(ji || {});
 class In extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -342,9 +342,9 @@ class Ar {
         if (window && window.__SENTRY__) {
           const f = window.__SENTRY__.hub;
           if (f) {
-            const w = f.traceHeaders();
-            Object.entries(w).forEach(([b, B]) => {
-              l[b] = B;
+            const S = f.traceHeaders();
+            Object.entries(S).forEach(([w, I]) => {
+              l[w] = I;
             });
           }
         }
@@ -5094,14 +5094,14 @@ const J = new $r(), $n = C`
             timestamp
         }
     }
-`, Ut = [S.SilentIllustration, S.ProductOverlay], uo = async (n) => {
+`, Ut = [v.SilentIllustration, v.ProductOverlay], uo = async (n) => {
   const t = [];
   n.introduction && t.push({
     name: "Introduction",
     title: n.name,
     renderableSteps: [
       {
-        type: S.Introduction,
+        type: v.Introduction,
         stepName: "Introduction",
         stepTitle: n.name,
         helpText: n.introduction,
@@ -5136,7 +5136,7 @@ const J = new $r(), $n = C`
     title: e,
     renderableSteps: [
       {
-        type: S.Finish,
+        type: v.Finish,
         stepName: "Finish",
         stepTitle: e,
         helpText: "",
@@ -5171,7 +5171,7 @@ const J = new $r(), $n = C`
   for (const o of a)
     for (const s of o.renderableSteps) {
       const l = (s.option?.variants || []).length;
-      s.silent || (s.type === S.Model || s.type === S.Material || s.type === S.Picture || s.type === S.Shape ? (l > 1 || e) && i.push(s.stepName) : i.push(s.stepName));
+      s.silent || (s.type === v.Model || s.type === v.Material || s.type === v.Picture || s.type === v.Shape ? (l > 1 || e) && i.push(s.stepName) : i.push(s.stepName));
     }
   const r = a.filter((o) => o.renderableSteps.filter(
     (l) => i.includes(l.stepName)
@@ -5275,14 +5275,14 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: r }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), w = a.purpose === Kt.FreeDesign && /* @__PURE__ */ P("defs", { children: /* @__PURE__ */ P("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ P("rect", { width: p.width, height: p.height, rx: h }) }) }), b = a.colorProfiles?.map((v, F) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: r }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), S = a.purpose === Kt.FreeDesign && /* @__PURE__ */ P("defs", { children: /* @__PURE__ */ P("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ P("rect", { width: p.width, height: p.height, rx: h }) }) }), w = a.colorProfiles?.map((E, F) => (
     /* @ts-ignore */
-    /* @__PURE__ */ P("color-profile", { name: v.name, xlinkHref: v.key, children: " " }, F)
-  )), B = i.map((v) => ({
-    ...v,
+    /* @__PURE__ */ P("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, F)
+  )), I = i.map((E) => ({
+    ...E,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), E = Ta(B);
+  })), b = Ta(I);
   return /* @__PURE__ */ dt(
     "svg",
     {
@@ -5302,8 +5302,8 @@ const M = () => {
       },
       viewBox: g,
       children: [
-        b,
         w,
+        S,
         !!n && /* @__PURE__ */ P(
           "rect",
           {
@@ -5319,7 +5319,7 @@ const M = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Kt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: E.map((v) => Zn(v)).filter((v) => !!v)
+            children: b.map((E) => Zn(E)).filter((E) => !!E)
           }
         ),
         l && /* @__PURE__ */ P(
@@ -5361,12 +5361,12 @@ const M = () => {
     }
   );
 }, dd = (n, t, e, a, i) => {
-  const r = wt(i), o = e / 2, s = a / 2, l = n + o, c = t + s, d = Math.sin(r), A = Math.cos(r), u = o, h = o, m = -s, p = s, g = u * A - m * d, f = h * A - p * d, w = u * d + m * A, b = h * d + p * A, B = Math.max(Math.abs(g), Math.abs(f)), E = Math.max(Math.abs(w), Math.abs(b));
+  const r = wt(i), o = e / 2, s = a / 2, l = n + o, c = t + s, d = Math.sin(r), A = Math.cos(r), u = o, h = o, m = -s, p = s, g = u * A - m * d, f = h * A - p * d, S = u * d + m * A, w = h * d + p * A, I = Math.max(Math.abs(g), Math.abs(f)), b = Math.max(Math.abs(S), Math.abs(w));
   return {
-    minX: l - B,
-    maxX: l + B,
-    minY: c - E,
-    maxY: c + E
+    minX: l - I,
+    maxX: l + I,
+    minY: c - b,
+    maxY: c + b
   };
 }, Ad = (n, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - n.x, 2) + Math.pow(t.y - n.y, 2)), i = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), r = Math.sqrt(Math.pow(e.x - n.x, 2) + Math.pow(e.y - n.y, 2));
@@ -5674,22 +5674,22 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
   });
   const o = e.querySelectorAll("tspan");
   for (let d = 0; d < o.length; d++) {
-    const A = o.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), p = await Qt(i.get(m)), g = u.getAttribute("fill"), f = u.getAttribute("stroke"), w = u.getAttribute("stroke-width"), b = p.getPath(
+    const A = o.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), p = await Qt(i.get(m)), g = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), w = p.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
-    ), B = b.getBoundingBox().x2 - b.getBoundingBox().x1;
-    let E = 0;
-    const v = A.getAttribute("text-anchor");
-    v === "middle" ? E = B / 2 : v === "end" && (E = B);
+    ), I = w.getBoundingBox().x2 - w.getBoundingBox().x1;
+    let b = 0;
+    const E = A.getAttribute("text-anchor");
+    E === "middle" ? b = I / 2 : E === "end" && (b = I);
     const F = p.getPath(
       A.innerHTML,
-      parseFloat(A.getAttribute("x") ?? "0") - E,
+      parseFloat(A.getAttribute("x") ?? "0") - b,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    F.fill = g, F.stroke = f, F.strokeWidth = parseFloat(w ?? "0");
+    F.fill = g, F.stroke = f, F.strokeWidth = parseFloat(S ?? "0");
     const x = F.toSVG(2), $ = t.parseFromString(x, "image/svg+xml").firstElementChild;
     h.appendChild($);
   }
@@ -7152,14 +7152,14 @@ class nn {
       if (!r)
         throw new K(i);
       let o = "";
-      if (this.configuration.type === S.ProductOverlay) {
+      if (this.configuration.type === v.ProductOverlay) {
         let l = "";
         if (this.product?.overlayImageUrl && (l = this.product.overlayImageUrl), o = l, !l)
           throw new xe(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
       if (s === D.Image) {
-        const l = this.configuration.type === S.SilentIllustration ? this.configuration.data.asset?.fileLink : this.product?.overlayImageUrl;
+        const l = this.configuration.type === v.SilentIllustration ? this.configuration.data.asset?.fileLink : this.product?.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
         const c = {
@@ -7174,7 +7174,7 @@ class nn {
           layer: i.layer,
           layerIndex: i.layerIndex,
           immutable: i.immutable,
-          productOverlay: this.configuration.type === S.ProductOverlay ? !0 : void 0,
+          productOverlay: this.configuration.type === v.ProductOverlay ? !0 : void 0,
           rotation: i.rotation,
           excludeFromExport: this.configuration.data.excludeFromPrint,
           preserveAspectRatio: "none"
@@ -7187,7 +7187,7 @@ class nn {
           command: new H(c, r)
         };
       } else {
-        const l = this.configuration.type === S.SilentIllustration ? this.configuration.data.asset?.fileLink : o, d = await lt(await (async () => new Promise((u, h) => {
+        const l = this.configuration.type === v.SilentIllustration ? this.configuration.data.asset?.fileLink : o, d = await lt(await (async () => new Promise((u, h) => {
           if (!l) {
             h("Undefined vector silent step source");
             return;
@@ -7211,7 +7211,7 @@ class nn {
           layerIndex: i.layerIndex,
           rotation: i.rotation,
           immutable: i.immutable,
-          productOverlay: this.configuration.type === S.ProductOverlay ? !0 : void 0,
+          productOverlay: this.configuration.type === v.ProductOverlay ? !0 : void 0,
           excludeFromExport: this.configuration.data.excludeFromPrint
         };
         return {
@@ -7227,10 +7227,10 @@ class nn {
   async trigger() {
     if (!this.configuration.data.regions)
       throw new xe(this.configuration, "Missing regions.");
-    if (this.configuration.type === S.SilentIllustration) {
+    if (this.configuration.type === v.SilentIllustration) {
       const t = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(t);
-    } else return this.configuration.type === S.ProductOverlay ? Promise.all(
+    } else return this.configuration.type === v.ProductOverlay ? Promise.all(
       this.configuration.data.regions.map((t) => {
         if (!this.layouts.find((a) => t.panelId === a.panelId))
           throw new K(t);
@@ -7239,7 +7239,7 @@ class nn {
     ) : Promise.reject("Unknown silent step. This is a bug");
   }
   evaluateAssetType() {
-    const t = this.configuration.type === S.ProductOverlay && this.product?.overlayImageUrl ? this.product.overlayImageUrl.toLowerCase() : this.configuration.data.asset?.fileLink?.toLowerCase().split("?")[0];
+    const t = this.configuration.type === v.ProductOverlay && this.product?.overlayImageUrl ? this.product.overlayImageUrl.toLowerCase() : this.configuration.data.asset?.fileLink?.toLowerCase().split("?")[0];
     return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? D.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), D.Illustration);
   }
 }
@@ -7645,33 +7645,33 @@ class Ne {
     r && r(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const p = await We(l[m]), g = s.getImageData(), f = a.map((F) => new Rt(F.id)), w = g ? Na(
+        const p = await We(l[m]), g = s.getImageData(), f = a.map((F) => new Rt(F.id)), S = g ? Na(
           g,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, b = g ? {
+        ) : void 0, w = g ? {
           id: M(),
           src: g.src,
-          x: w?.x || 0,
-          y: w?.y || 0,
+          x: S?.x || 0,
+          y: S?.y || 0,
           width: g.width,
           height: g.height,
-          scaleX: w?.zoom || 1,
-          scaleY: w?.zoom || 1,
+          scaleX: S?.zoom || 1,
+          scaleY: S?.zoom || 1,
           rotation: 0
-        } : void 0, B = M(), v = i.getLayouts().find((F) => F.panelId === h.panelId);
-        if (!v)
+        } : void 0, I = M(), E = i.getLayouts().find((F) => F.panelId === h.panelId);
+        if (!E)
           throw new K(h);
         return {
-          command: this.getCreateElementCommand(B, h, v, {
+          command: this.getCreateElementCommand(I, h, E, {
             frameData: p,
-            pattern: b,
+            pattern: w,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
           regionEl: {
-            id: B,
+            id: I,
             region: h
           },
           removeExistingCommands: f
@@ -7902,13 +7902,13 @@ class zo {
     if (!l)
       throw new _t(s);
     const c = await lt(await this.getIllustrationBody(l)), d = await te(c.svg), A = (f) => {
-      const w = r.getLayouts().find((B) => B.panelId === f.panelId);
-      if (!w)
+      const S = r.getLayouts().find((I) => I.panelId === f.panelId);
+      if (!S)
         throw new K(f);
-      const b = M();
+      const w = M();
       return {
-        regionElement: { id: b, region: f },
-        command: this.getCreateElementCommand(b, f, w, {
+        regionElement: { id: w, region: f },
+        command: this.getCreateElementCommand(w, f, S, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
@@ -7919,47 +7919,47 @@ class zo {
     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((w) => w.toLowerCase() === f.color?.toLowerCase() ? f.name : w);
+      p = p.map((S) => S.toLowerCase() === f.color?.toLowerCase() ? f.name : S);
     }), r.updateMetadata(t.stepName, { colors: p }), {
       command: new L(m),
       followup: async () => {
         await r.setSelectionsAndElements(
           t.stepName,
           [e],
-          u.map((w) => w.regionElement),
+          u.map((S) => S.regionElement),
           async () => {
             r.setMandatoryFulfilled(t.stepName, !0), i(!1);
           }
         );
         const f = s.assetConfiguration?.defaultColorVariants || [];
         if (f.length !== 0) {
-          const w = {};
-          (s.assetConfiguration?.channelNumbers || []).forEach((B) => {
-            const E = f.find((v) => v.channelNumber === B.number);
-            E && (w[`${B.id.replace(/\W/g, "")}`] = { browserValue: E?.variant?.color || "" });
+          const S = {};
+          (s.assetConfiguration?.channelNumbers || []).forEach((I) => {
+            const b = f.find((E) => E.channelNumber === I.number);
+            b && (S[`${I.id.replace(/\W/g, "")}`] = { browserValue: b?.variant?.color || "" });
           }), await this.changeColors(
             t,
-            u.map((B) => B.regionElement),
+            u.map((I) => I.regionElement),
             r,
             () => r.getCommandContext().getAllLayouts(),
-            new Map(Object.entries(w))
+            new Map(Object.entries(S))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const w = await this.availableColors(t, r) || [], b = Object.keys(c.colors), B = w.length === 1 && b.length === 1;
-          if (B) {
-            const E = w[0], v = b[0];
+          const S = await this.availableColors(t, r) || [], w = Object.keys(c.colors), I = S.length === 1 && w.length === 1;
+          if (I) {
+            const b = S[0], E = w[0];
             await this.changeColors(
               t,
               u.map((F) => F.regionElement),
               r,
               () => r.getCommandContext().getAllLayouts(),
-              /* @__PURE__ */ new Map([[v, E.variant.color]])
+              /* @__PURE__ */ new Map([[E, b.variant.color]])
             );
           }
-          !B && f.length === 0 && await this.changeColors(
+          !I && f.length === 0 && await this.changeColors(
             t,
-            u.map((E) => E.regionElement),
+            u.map((b) => b.regionElement),
             r,
             () => r.getCommandContext().getAllLayouts(),
             /* @__PURE__ */ new Map()
@@ -8481,7 +8481,7 @@ class Yo {
       };
     } else {
       const l = (u) => {
-        const h = r.find((w) => w.panelId === u.panelId);
+        const h = r.find((S) => S.panelId === u.panelId);
         if (!h)
           throw new K(u);
         const m = s(), p = `
@@ -8587,11 +8587,11 @@ const Ko = new Jo(), aa = (n, t, e, a, i) => {
     const A = Math.max(...s);
     if (A <= n.width)
       return [r, A];
-    const u = s.reduce((g, f, w, b) => f > b[g] ? w : g, 0), h = r[u];
+    const u = s.reduce((g, f, S, w) => f > w[g] ? S : g, 0), h = r[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) => pt(b, a, i));
+      const g = [h.slice(0, p), h.slice(p + 1)], f = g.map((w) => pt(w, a, i));
       f[0] <= n.width && (r = [...r.slice(0, u), ...g, ...r.slice(u + 1)], s = [
         ...s.slice(0, u),
         ...f,
@@ -8911,11 +8911,11 @@ class Xo {
           const p = e.getWorkflowExperience().getBundle();
           if (p && t.globalPropertyAspectConfigurations) {
             const f = p.getGlobalPropertyConfiguration()?.aspects?.find(
-              (w) => w.type === G.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(w.name)
+              (S) => S.type === G.Text && t.globalPropertyAspectConfigurations?.map((w) => w.aspectName).includes(S.name)
             );
             if (f) {
-              const b = p.getGlobalPropertyStateManager().getAspect(f.name);
-              b && (m = b);
+              const w = p.getGlobalPropertyStateManager().getAspect(f.name);
+              w && (m = w);
             }
           }
           if (await e.setSelectionsAndElements(
@@ -8924,7 +8924,7 @@ class Xo {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = s.map((w) => new an(w.id, A)), f = new L(g);
+              const g = s.map((S) => new an(S.id, A)), f = new L(g);
               e.getCommandDispatcher()(f);
             }
           ), s.length === 0 && l) {
@@ -9118,11 +9118,11 @@ class Xo {
             colorProfileAssetKey: g.colorProfile?.key
           });
         }
-        const w = await this.getDefaultColor(a), b = w || "#000000", B = {
+        const S = await this.getDefaultColor(a), w = S || "#000000", I = {
           stepRegion: u,
           stepName: t,
           align: this.textAlign(a),
-          fill: r.color ? r.color : b,
+          fill: r.color ? r.color : w,
           fontSize: a.size || na,
           fontData: i,
           id: p,
@@ -9142,33 +9142,33 @@ class Xo {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, E = [], v = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
-        if (!B.fontData) throw new R("Failed to resolve font data for text.");
+        }, b = [], E = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
+        if (!I.fontData) throw new R("Failed to resolve font data for text.");
         const [x, T] = be(
-          B.fontSize,
-          B.fontData,
+          I.fontSize,
+          I.fontData,
           {
-            left: B.x,
-            top: B.y,
-            width: B.width,
-            height: B.height,
-            rotation: B.rotation,
+            left: I.x,
+            top: I.y,
+            width: I.width,
+            height: I.height,
+            rotation: I.rotation,
             panelId: ""
           },
           [c],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        v.set(B.id, x), F.set(B.id, T);
+        E.set(I.id, x), F.set(I.id, T);
         const $ = a.curved || a.vertical ? c : (T || []).join(`
 `);
-        E.push(
-          this.generateTextChangeCommandsForRegion(x, a, B.id, $)
+        b.push(
+          this.generateTextChangeCommandsForRegion(x, a, I.id, $)
         );
-        const I = new H(B, m);
+        const B = new H(I, m);
         return {
           regionElement: { id: p, region: u },
-          commands: [I, ...E],
-          newElement: B,
+          commands: [B, ...b],
+          newElement: I,
           fontData: i
         };
       } catch (g) {
@@ -9203,53 +9203,53 @@ class Xo {
    */
   async changeInputTextWithRegion(t, e, a, i, r, o, s, l, c, d) {
     const A = (i || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = xt(A, o), h = this.getProcessedInput(u, t.data, s), m = o.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-    for (const E of m)
-      if (E.region) {
-        const [v, F] = be(
+    for (const b of m)
+      if (b.region) {
+        const [E, F] = be(
           e,
           a,
-          E.region,
+          b.region,
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        p.set(E.id, v), g.set(E.id, F);
+        p.set(b.id, E), g.set(b.id, F);
       }
-    const w = (() => {
+    const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const E = o.getWorkflowExperience().getProfanityList(), v = da(h.toLowerCase());
-      for (const F of v)
-        for (const x in E) {
-          const T = E[x].toLowerCase().replace(/\s/g, "");
+      const b = o.getWorkflowExperience().getProfanityList(), E = da(h.toLowerCase());
+      for (const F of E)
+        for (const x in b) {
+          const T = b[x].toLowerCase().replace(/\s/g, "");
           if (F === T)
             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(g.values()).every((x) => x) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
     })();
-    if (w.error) {
-      c(w.error);
+    if (S.error) {
+      c(S.error);
       return;
     }
-    if (c(`${w.info} characters remaining` || ""), d)
+    if (c(`${S.info} characters remaining` || ""), d)
       return;
     o.updateStorage(t.stepName, { text: A }), o.updateMetadata(t.stepName, {
       text: this.injectReplaceableText(A, t.data)
     }), (r.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && o.setMandatoryFulfilled(t.stepName, !0);
-    const b = [];
-    for (const E of m) {
-      const v = t.data.curved ? h : (g.get(E.id) || []).join(`
+    const w = [];
+    for (const b of m) {
+      const E = t.data.curved ? h : (g.get(b.id) || []).join(`
 `);
-      b.push(
+      w.push(
         this.generateTextChangeCommandsForRegion(
-          p.get(E.id) || 1,
+          p.get(b.id) || 1,
           t.data,
-          E.id,
-          v
+          b.id,
+          E
         )
       );
     }
-    return new L(b);
+    return new L(w);
   }
 }
 const j = new Xo();
@@ -9408,21 +9408,21 @@ class ss extends Zo {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = yo(ts), r = t !== "" ? ((b) => b.charAt(0).toUpperCase() + b.substr(1).toLowerCase())(t) : "", o = a.getPath(r, 0, 72, 72), s = o.toSVG(2), l = o.getBoundingBox(), c = l.x2 - l.x1, d = o.toPathData(3), A = () => {
-      const b = at("g");
-      b.classList.add("module-text-group");
-      const B = at("defs");
-      b.appendChild(B), B.appendChild(as(0, 2, 2, "shadow"));
-      const E = at("path");
-      E.setAttribute("d", d), E.setAttribute("stroke", "black"), E.setAttribute("stroke-width", "3"), B.appendChild(E);
-      const v = at("g");
-      v.classList.add("module-layer0"), b.appendChild(v), v.setAttribute("filter", "url(#shadow)"), v.innerHTML = E.outerHTML;
+    const a = yo(ts), r = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", o = a.getPath(r, 0, 72, 72), s = o.toSVG(2), l = o.getBoundingBox(), c = l.x2 - l.x1, d = o.toPathData(3), A = () => {
+      const w = at("g");
+      w.classList.add("module-text-group");
+      const I = at("defs");
+      w.appendChild(I), I.appendChild(as(0, 2, 2, "shadow"));
+      const b = at("path");
+      b.setAttribute("d", d), b.setAttribute("stroke", "black"), b.setAttribute("stroke-width", "3"), I.appendChild(b);
+      const E = at("g");
+      E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = b.outerHTML;
       const F = at("g");
-      F.classList.add("module-layer1"), b.appendChild(F), F.setAttribute("stroke-width", "3"), F.setAttribute("stroke", "rgb(45,41,38)"), F.setAttribute("fill", "rgb(45,41,38)"), F.setAttribute("transform", "translate(0.5,0)"), F.innerHTML = s;
+      F.classList.add("module-layer1"), w.appendChild(F), F.setAttribute("stroke-width", "3"), F.setAttribute("stroke", "rgb(45,41,38)"), F.setAttribute("fill", "rgb(45,41,38)"), F.setAttribute("transform", "translate(0.5,0)"), F.innerHTML = s;
       const x = at("g");
-      x.classList.add("module-layer2"), b.appendChild(x), x.setAttribute("fill", "rgb(255,209,0)"), x.setAttribute("transform", "translate(1,-0.1)"), x.innerHTML = s;
+      x.classList.add("module-layer2"), w.appendChild(x), x.setAttribute("fill", "rgb(255,209,0)"), x.setAttribute("transform", "translate(1,-0.1)"), x.innerHTML = s;
       const T = at("g");
-      return T.classList.add("module-layer3"), b.appendChild(T), T.setAttribute("fill", "white"), T.innerHTML = s, new os(b).transform(([I, Q]) => [I, Q + (c / 2 - I) ** 2 / (c * 6)]), b;
+      return T.classList.add("module-layer3"), w.appendChild(T), T.setAttribute("fill", "white"), T.innerHTML = s, new os(w).transform(([B, Q]) => [B, Q + (c / 2 - B) ** 2 / (c * 6)]), w;
     }, u = at("g");
     u.classList.add("module-root");
     const h = at("defs");
@@ -9435,8 +9435,8 @@ class ss extends Zo {
     g.classList.add("module-text-enclosure"), u.appendChild(g);
     const f = A();
     g.appendChild(f);
-    const w = Oi(d);
-    return is(g, w, e.height, e.width, 0.35, 0.65), ns(u.outerHTML);
+    const S = Oi(d);
+    return is(g, S, e.height, e.width, 0.35, 0.65), ns(u.outerHTML);
   }
 }
 async function Ai(n) {
@@ -9544,7 +9544,7 @@ const ls = [
   const i = e.data, r = a.option;
   if (!r)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const o = r.variants?.find((E) => E.id === i.illustrationVariantId) || le(r);
+  const o = r.variants?.find((b) => b.id === i.illustrationVariantId) || le(r);
   if (!o)
     return console.error(`No variant with ID: ${i.illustrationVariantId}`), [];
   if (!o.asset)
@@ -9558,32 +9558,32 @@ const ls = [
     return console.error("Failed to read SVG."), [];
   Fa(m);
   const p = {};
-  Mt(m, (E) => {
-    ls.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
-    const v = E.attributes.getNamedItem("fill");
-    if (v && v.value !== "none") {
-      const x = v.value, $ = `spiff-fill-${x.replace(/\W/g, "")}`;
-      E.classList.add($), p[$] = { browserValue: x };
-    }
-    const F = E.attributes.getNamedItem("stroke");
+  Mt(m, (b) => {
+    ls.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
+    const E = b.attributes.getNamedItem("fill");
+    if (E && E.value !== "none") {
+      const x = E.value, $ = `spiff-fill-${x.replace(/\W/g, "")}`;
+      b.classList.add($), p[$] = { browserValue: x };
+    }
+    const F = b.attributes.getNamedItem("stroke");
     if (F && F.value !== "none") {
       const x = F.value, $ = `spiff-stroke-${x.replace(/\W/g, "")}`;
-      E.classList.add($), p[$] = { browserValue: x };
+      b.classList.add($), p[$] = { browserValue: x };
     }
   });
-  const f = Pt().serializeToString(m), w = i.colors;
-  if (w) {
-    for (const [E, v] of Object.entries(p))
-      for (const F of Object.keys(w))
-        if (v.browserValue === F) {
-          p[E] = { browserValue: w[F] };
+  const f = Pt().serializeToString(m), S = i.colors;
+  if (S) {
+    for (const [b, E] of Object.entries(p))
+      for (const F of Object.keys(S))
+        if (E.browserValue === F) {
+          p[b] = { browserValue: S[F] };
           break;
         }
   }
-  const b = (E) => {
-    const v = n.find((x) => x.panelId === E.panelId);
-    if (!v)
-      throw new K(E);
+  const w = (b) => {
+    const E = n.find((x) => x.panelId === b.panelId);
+    if (!E)
+      throw new K(b);
     const F = M();
     return new H(
       {
@@ -9591,22 +9591,22 @@ const ls = [
         id: F,
         svg: f,
         type: D.Illustration,
-        y: E.top,
-        x: E.left,
-        rotation: E.rotation,
-        width: E.width,
-        height: E.height,
-        layer: E.layer,
-        layerIndex: E.layerIndex,
-        immutable: E.immutable
+        y: b.top,
+        x: b.left,
+        rotation: b.rotation,
+        width: b.width,
+        height: b.height,
+        layer: b.layer,
+        layerIndex: b.layerIndex,
+        immutable: b.immutable
       },
-      v
+      E
     );
-  }, B = a.data.regions;
+  }, I = a.data.regions;
   try {
-    return B.map(b);
-  } catch (E) {
-    return console.error(E), [];
+    return I.map(w);
+  } catch (b) {
+    return console.error(b), [];
   }
 }, us = async (n, t, e) => {
   const a = await Ai(e.data.module), i = t.data, r = (s, l) => {
@@ -9736,7 +9736,7 @@ const ls = [
     return console.error(c), [];
   }
 }, gs = async (n, t, e) => {
-  const a = [], r = t.type === S.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? D.Image : (r.endsWith(".svg"), D.Illustration), l = t.data.regions;
+  const a = [], r = t.type === v.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? D.Image : (r.endsWith(".svg"), D.Illustration), l = t.data.regions;
   if (s === "image")
     try {
       l.forEach((c) => {
@@ -9753,7 +9753,7 @@ const ls = [
           height: c.height,
           layer: c.layer,
           layerIndex: c.layerIndex,
-          productOverlay: t.type === S.ProductOverlay ? !0 : void 0,
+          productOverlay: t.type === v.ProductOverlay ? !0 : void 0,
           scaleX: 1,
           scaleY: 1,
           rotation: c.rotation,
@@ -9792,7 +9792,7 @@ const ls = [
         scaleX: 1,
         scaleY: 1,
         rotation: A.rotation,
-        productOverlay: t.type === S.ProductOverlay ? !0 : void 0,
+        productOverlay: t.type === v.ProductOverlay ? !0 : void 0,
         excludeFromExport: t.data.excludeFromPrint
       };
       a.push(new H(h, u));
@@ -9804,13 +9804,13 @@ const ls = [
     const g = a.option;
     if (!g)
       return;
-    const f = g.variants?.find((b) => b.id === r.fontVariantId) || le(g);
+    const f = g.variants?.find((w) => w.id === r.fontVariantId) || le(g);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
-    const w = f.asset.fileLink;
-    if (w)
-      return w;
+    const S = f.asset.fileLink;
+    if (S)
+      return S;
   }, d = await (async () => {
     const g = l();
     if (!g)
@@ -9828,10 +9828,10 @@ const ls = [
     return f ? J.getDefaultVariant(f)?.color : void 0;
   }, m = r.color || await h(a.data), p = a.data.regions;
   for (const g of p) {
-    const f = n.find((b) => b.panelId === g.panelId);
+    const f = n.find((w) => w.panelId === g.panelId);
     if (!f)
       continue;
-    const w = {
+    const S = {
       stepName: e.name,
       id: M(),
       align: s(a.data),
@@ -9853,7 +9853,7 @@ const ls = [
       y: g.top
     };
     if (d) {
-      const [b, B] = be(
+      const [w, I] = be(
         a.data.size || o,
         d,
         g,
@@ -9872,16 +9872,16 @@ const ls = [
       i.push(
         new H(
           {
-            ...w,
-            fontSize: b,
-            text: w.curved ? w.text : (B || []).join(`
+            ...S,
+            fontSize: w,
+            text: S.curved ? S.text : (I || []).join(`
 `)
           },
           f
         )
       );
     } else
-      i.push(new H(w, f));
+      i.push(new H(S, f));
   }
   return i;
 }, fs = (n, t) => n.conditions ? n.conditions.every((e) => {
@@ -9899,18 +9899,18 @@ const ls = [
     const s = t.steps.find((l) => l.stepName === o.name);
     if (s)
       switch (s.type) {
-        case S.DigitalContent:
+        case v.DigitalContent:
           i.push(
             ...await cs(e, o, s)
           );
           break;
-        case S.Frame:
-        case S.Photo:
+        case v.Frame:
+        case v.Photo:
           i.push(
             ...await ds(e, r, o, s)
           );
           break;
-        case S.Illustration:
+        case v.Illustration:
           i.push(
             ...await As(
               e,
@@ -9920,20 +9920,20 @@ const ls = [
             )
           );
           break;
-        case S.Module:
+        case v.Module:
           i.push(...await us(e, o, s));
           break;
-        case S.Picture:
+        case v.Picture:
           i.push(
             ...await hs(e, r, o, s)
           );
           break;
-        case S.Shape:
+        case v.Shape:
           i.push(
             ...await ms(e, r, o, s)
           );
           break;
-        case S.Text:
+        case v.Text:
           i.push(
             ...await ps(e, r, o, s)
           );
@@ -9941,7 +9941,7 @@ const ls = [
       }
   }
   for (const o of t.steps)
-    o.type !== S.SilentIllustration && o.type !== S.ProductOverlay || fs(o, r) && i.push(
+    o.type !== v.SilentIllustration && o.type !== v.ProductOverlay || fs(o, r) && i.push(
       ...await gs(e, o, a)
     );
   return i;
@@ -10130,7 +10130,7 @@ const Md = (n, t) => {
   const e = [];
   return n.forEach((a) => {
     const i = t.steps.find((r) => r.stepName === a.stepName);
-    i?.type === S.Text && a.stepAspectType === "Text" && e.push({
+    i?.type === v.Text && a.stepAspectType === "Text" && e.push({
       name: i.stepName,
       data: {
         text: a.value
@@ -10833,6 +10833,7 @@ const Md = (n, t) => {
         $customField4: String
         $customField5: String
         $conversionConfigurationId: String
+        $prevalidated: Boolean
     ) {
         recipientUpdate(
             id: $id
@@ -10853,6 +10854,7 @@ const Md = (n, t) => {
             customField4: $customField4
             customField5: $customField5
             conversionConfigurationId: $conversionConfigurationId
+            prevalidated: $prevalidated
         ) {
             id
         }
@@ -10932,7 +10934,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       a.type === Ie.FirstName ? e[i] = t?.firstName : a.type === Ie.LastName ? e[i] = t?.lastName : a.type === Ie.Custom && (a.customFieldIndex === 1 ? e[i] = t?.customField1 : a.customFieldIndex === 2 ? e[i] = t?.customField2 : a.customFieldIndex === 3 ? e[i] = t?.customField3 : a.customFieldIndex === 4 ? e[i] = t?.customField4 : a.customFieldIndex === 5 && (e[i] = t?.customField5), a.option && (e[i] = a.option.variants?.find((r) => r.id === e[i])?.name));
     }), e;
   }
-  async updateRecipient(t, e, a, i, r, o, s, l, c, d, A, u, h, m, p, g, f) {
+  async updateRecipient(t, e, a, i, r, o, s, l, c, d, A, u, h, m, p, g, f, S) {
     const w = this.experience.getTransaction();
     if (w.recipient?.id)
       this.experience.getTransaction().recipient = {
@@ -10976,11 +10978,12 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
           customField3: m || w.recipient.customField3,
           customField4: p || w.recipient.customField4,
           customField5: g || w.recipient.customField5,
-          conversionConfigurationId: f || w.recipient.conversionConfigurationId
+          conversionConfigurationId: f || w.recipient.conversionConfigurationId,
+          prevalidated: S
         }
       });
     else {
-      const b = await this.graphQlClient().mutate({
+      const I = await this.graphQlClient().mutate({
         mutation: _s,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -11005,7 +11008,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
         }
       });
       w.recipient = {
-        id: b?.data?.recipientCreate?.id,
+        id: I?.data?.recipientCreate?.id,
         firstName: t,
         lastName: e,
         address: a,
@@ -11029,14 +11032,14 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
         fetchPolicy: "no-cache",
         variables: {
           id: this.experience.getTransaction().id,
-          recipientId: b.data?.recipientCreate?.id
+          recipientId: I.data?.recipientCreate?.id
         },
         context: {
           transactionOwnerId: this.experience.getTransaction().transactionOwnerId
         }
       });
     }
-    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((b) => b(this.experience.getTransaction().recipient));
+    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((I) => I(this.experience.getTransaction().recipient));
   }
   async fetchConversionConfiguration() {
     const t = this.experience.getTransaction().recipient;
@@ -11259,7 +11262,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       },
       { refocusCamera: e }
     );
-    this.setModelContainer(i), vt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === S.Model || s.type === S.Material).forEach((s) => {
+    this.setModelContainer(i), vt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
       if (!s.option?.id) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
         return;
@@ -11267,7 +11270,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       const l = this.stepSelections[s.stepName]?.selectedVariants || [];
       if (l.length === 0) return;
       const c = l[0];
-      if (s.type === S.Model) {
+      if (s.type === v.Model) {
         if (!this.modelContainer)
           throw new R(
             "We should always have a model container when injecting a preview!"
@@ -11407,17 +11410,17 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     ), t), []) || [];
   }
   getInvalidModelVariants() {
-    return this.experience.getWorkflow()?.steps.reduce((t, e) => (e.type === S.Model && !bt(e, this.stepSelections) && t.push(e.stepName), t), []) || [];
+    return this.experience.getWorkflow()?.steps.reduce((t, e) => (e.type === v.Model && !bt(e, this.stepSelections) && t.push(e.stepName), t), []) || [];
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.experience.getProduct();
     if (!a)
       return Promise.resolve({ stepElements: {}, commands: [] });
     const i = async (c, d, A) => {
-      if (c.type === S.SilentIllustration) {
+      if (c.type === v.SilentIllustration) {
         const u = await new nn(c, d).trigger();
         return { step: c, results: u };
-      } else if (c.type === S.ProductOverlay) {
+      } else if (c.type === v.ProductOverlay) {
         const u = await new nn(
           c,
           d,
@@ -11504,14 +11507,14 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((v, F) => v + F.selectedVariants.map((x) => x.priceModifier || 0).reduce((x, T) => x + T, 0), 0), r.steps.forEach((v) => {
-      bt(v, this.stepSelections) || (this.stepInitialised[v.stepName] = !1, delete this.stepMetadata[v.stepName], delete this.stepSelections[v.stepName], delete this.storage[v.stepName]);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, F) => E + F.selectedVariants.map((x) => x.priceModifier || 0).reduce((x, T) => x + T, 0), 0), r.steps.forEach((E) => {
+      bt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
     });
-    const s = this.allScenes, l = vt(s, o), c = vt(s, this.stepSelections), d = l.map((v) => v.silentSteps).flat(), u = c.map((v) => v.silentSteps).flat().filter(
-      (v) => !d.some((F) => F.stepName === v.stepName)
+    const s = this.allScenes, l = vt(s, o), c = vt(s, this.stepSelections), d = l.map((E) => E.silentSteps).flat(), u = c.map((E) => E.silentSteps).flat().filter(
+      (E) => !d.some((F) => F.stepName === E.stepName)
     );
-    d.forEach((v) => {
-      bt(v, this.stepSelections) || (this.stepInitialised[v.stepName] = !1);
+    d.forEach((E) => {
+      bt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
     });
     const h = this.getInvalidCanvasRegions(), { stepElements: m, commands: p } = await this.stepElementsForIntroducedSilentSteps(u, !1);
     this.stepElements = {
@@ -11519,14 +11522,14 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       ...m,
       [t]: a
     }, this.removeElements(h);
-    const g = r.steps.find((v) => v.stepName === t);
-    g?.type === S.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((F) => F.id));
-    const f = h.map((v) => new Rt(v.id)), w = new en(this.constructSerializableWorkflow()), b = [...p, ...f, w];
-    b.length > 0 && this.commandContext.apply(new L(b), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const B = this.getInvalidModelVariants(), E = this.modelContainer;
-    if (E) {
-      const v = B.map(
-        (F) => E.applyModelVariant(
+    const g = r.steps.find((E) => E.stepName === t);
+    g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((F) => F.id));
+    const f = h.map((E) => new Rt(E.id)), S = new en(this.constructSerializableWorkflow()), w = [...p, ...f, S];
+    w.length > 0 && this.commandContext.apply(new L(w), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
+    const I = this.getInvalidModelVariants(), b = this.modelContainer;
+    if (b) {
+      const E = I.map(
+        (F) => b.applyModelVariant(
           F,
           {
             contextService: this.getLayoutPreviewService()
@@ -11534,7 +11537,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
           !1
         )
       );
-      await Promise.all(v);
+      await Promise.all(E);
     }
     await this.onSelectionChange(), i && await i();
   }
@@ -11543,7 +11546,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     for (const l of i)
       if (!this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
-          case S.DigitalContent:
+          case v.DigitalContent:
             a.push(
               ri.init(
                 l,
@@ -11552,43 +11555,43 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
               )
             );
             break;
-          case S.Frame:
+          case v.Frame:
             a.push(Et.init(l, this, this.reloadedState));
             break;
-          case S.Illustration:
+          case v.Illustration:
             a.push(
               Ee.init(l, this, this.reloadedState)
             );
             break;
-          case S.Material:
+          case v.Material:
             a.push(
               oi.init(l, this, this.reloadedState)
             );
             break;
-          case S.Model:
+          case v.Model:
             a.push(si.init(l, this, this.reloadedState));
             break;
-          case S.Module:
+          case v.Module:
             this.stepSpecificServices[l.stepName] = {
               module: await Ai(l.data.module)
             }, a.push(
               li.init(l, this, this.reloadedState)
             );
             break;
-          case S.Picture:
+          case v.Picture:
             a.push(
               ci.init(l, this, this.reloadedState)
             );
             break;
-          case S.Question:
+          case v.Question:
             a.push(
               di.init(l, this, this.reloadedState)
             );
             break;
-          case S.Shape:
+          case v.Shape:
             a.push(Wt.init(l, this, this.reloadedState));
             break;
-          case S.Text:
+          case v.Text:
             a.push(j.init(l, this, this.reloadedState));
             break;
         }
@@ -12341,27 +12344,27 @@ class hl extends et {
 class pe {
   static get(t, e) {
     switch (e.type) {
-      case S.DigitalContent:
+      case v.DigitalContent:
         return new ul(t, e, t.getStepTags(e.stepName));
-      case S.Information:
+      case v.Information:
         return new Al(t, e, t.getStepTags(e.stepName));
-      case S.Question:
+      case v.Question:
         return new ll(t, e, t.getStepTags(e.stepName));
-      case S.Text:
+      case v.Text:
         return new dl(t, e, t.getStepTags(e.stepName));
-      case S.Illustration:
+      case v.Illustration:
         return new il(t, e, t.getStepTags(e.stepName));
-      case S.Picture:
+      case v.Picture:
         return new sl(t, e, t.getStepTags(e.stepName));
-      case S.Shape:
+      case v.Shape:
         return new cl(t, e, t.getStepTags(e.stepName));
-      case S.Material:
+      case v.Material:
         return new rl(t, e, t.getStepTags(e.stepName));
-      case S.Model:
+      case v.Model:
         return new ol(t, e, t.getStepTags(e.stepName));
-      case S.Frame:
+      case v.Frame:
         return new hc(t, e, t.getStepTags(e.stepName));
-      case S.Module:
+      case v.Module:
         return new hl(t, e, t.getStepTags(e.stepName));
       default:
         throw new R(`Step type ${e.type} not yet supported in Core SDK`);
@@ -12581,7 +12584,7 @@ const pl = async (n, t) => {
   await (async () => {
     if (c !== void 0) return c;
     await n.outstandingRequestsPromise();
-    const T = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id), I = await y.getShadowGraphqlClient().query({
+    const T = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id), B = await y.getShadowGraphqlClient().query({
       query: zn,
       variables: { ids: [i.id] },
       fetchPolicy: "no-cache",
@@ -12589,17 +12592,17 @@ const pl = async (n, t) => {
       context: {
         transactionOwnerId: T
       }
-    }), Q = I.data?.transactions[0].workflowState;
-    return I.errors ? (I.errors.forEach((U) => {
-      I.errors && console.log("Server Error:", U.message);
+    }), Q = B.data?.transactions[0].workflowState;
+    return B.errors ? (B.errors.forEach((U) => {
+      B.errors && console.log("Server Error:", U.message);
     }), null) : Q ?? 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, p = l && ln(l, t, !0), g = l && ln(l, t, !1), f = async (x) => {
     const T = {};
     let $ = 0;
     if (Object.keys(r).length > 0)
-      for (const I of Object.keys(r)) {
-        const Q = r[I], U = t.steps.find((N) => N.stepName === I);
+      for (const B of Object.keys(r)) {
+        const Q = r[B], U = t.steps.find((N) => N.stepName === B);
         for (let N = 0; N < Q.selections.length; ++N) {
           const q = Q.selections[N];
           if (U && (!x || U.option && (U.option.variants || []).length > 1 && !U.data.hideSelectionInCart && !U.data.hideSelectionsInCart)) {
@@ -12620,18 +12623,18 @@ const pl = async (n, t) => {
         }
       }
     return [T, $];
-  }, [w] = await f(!0), b = Object.fromEntries(
-    Object.keys(w).map((x) => [x, w[x].map((T) => T.id)])
-  ), [B] = await f(!1), E = Object.fromEntries(
-    Object.keys(B).map((x) => [
+  }, [S] = await f(!0), w = Object.fromEntries(
+    Object.keys(S).map((x) => [x, S[x].map((T) => T.id)])
+  ), [I] = await f(!1), b = Object.fromEntries(
+    Object.keys(I).map((x) => [
       x,
-      B[x].map((T) => T.id)
+      I[x].map((T) => T.id)
     ])
   );
-  let v = await s(m, i.id);
-  if (v) {
-    const x = await (await it(v)).blob();
-    v = (await V.uploadAsset(
+  let E = await s(m, i.id);
+  if (E) {
+    const x = await (await it(E)).blob();
+    E = (await V.uploadAsset(
       { name: `${i.id}-preview-image.png`, blob: x },
       Pe.Image,
       !0,
@@ -12649,23 +12652,23 @@ const pl = async (n, t) => {
         workflowId: t.id,
         transactionId: i.id,
         useThreeDimPreview: !!m,
-        previewImage: v
+        previewImage: E
       };
       if (g) {
         const T = [];
-        for (const [$, I] of Object.entries(g))
-          T.push({ key: $, value: I });
+        for (const [$, B] of Object.entries(g))
+          T.push({ key: $, value: B });
         x.metadata = T;
       }
-      if (b) {
+      if (w) {
         const T = [];
-        for (const [$, I] of Object.entries(E))
-          T.push({ key: $, ids: I });
+        for (const [$, B] of Object.entries(b))
+          T.push({ key: $, ids: B });
         x.selectedVariants = T;
       }
       return x;
     })(),
-    cartSelectionsWithPrices: w,
+    cartSelectionsWithPrices: S,
     cartMetadata: p
   };
 }, wl = async (n, t, e, a, i, r, o, s, l, c, d) => {
@@ -13115,7 +13118,7 @@ class Il {
     }
     let r = 2048;
     e && e <= 2048 && (r = e);
-    const o = Ct(r, r), s = this.workflowManager.getCommandContext().getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = s.find((b) => b.layoutState?.layout.panelId === c?.name) || s[0], A = d.layoutState.layout.previewRegion ? {
+    const o = Ct(r, r), s = this.workflowManager.getCommandContext().getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = s.find((w) => w.layoutState?.layout.panelId === c?.name) || s[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -13143,8 +13146,8 @@ class Il {
       DOMParser: Pa(),
       fetch
     })).render();
-    const w = await this.getCanvasObjectURLAsync(o);
-    return o.toDataURL(w);
+    const S = await this.getCanvasObjectURLAsync(o);
+    return o.toDataURL(S);
   }
   getStepById(t) {
     const e = this.getWorkflow()?.steps.find((r) => r.stepName === t);
@@ -13362,7 +13365,7 @@ class Il {
    * @returns Returns true when a valid handle is implemented for a given step type. Certain steps don't support handles, such as silent illustrations.
    */
   stepHasHandle(t) {
-    return t.type !== S.SilentIllustration && t.type !== S.ProductOverlay;
+    return t.type !== v.SilentIllustration && t.type !== v.ProductOverlay;
   }
   getExportedStepData() {
     const t = this.getWorkflow(), e = this.getWorkflowManager().getWorkflowMetadata(), a = this.getWorkflowManager().getWorkflowSelections(), i = [];
@@ -13381,7 +13384,7 @@ class Il {
         return;
       }
       switch (r.type) {
-        case S.Frame:
+        case v.Frame:
           {
             const d = r.data, A = s;
             A.image && d.displayImageOnFinishStep && c.properties.push({
@@ -13391,7 +13394,7 @@ class Il {
             });
           }
           break;
-        case S.Illustration:
+        case v.Illustration:
           {
             const d = r.data, A = s;
             if (A && A.colors && A.colors.length > 0 && d.displayColorsOnFinishStep) {
@@ -13404,7 +13407,7 @@ class Il {
             }
           }
           break;
-        case S.Module:
+        case v.Module:
           {
             const d = r.data, A = s;
             A && A.text && d.displayTextOnFinishStep && c.properties.push({
@@ -13414,7 +13417,7 @@ class Il {
             });
           }
           break;
-        case S.Text: {
+        case v.Text: {
           const d = r.data, A = s;
           A && A.text && d.displayTextOnFinishStep && c.properties.push({
             type: "text",
@@ -13468,14 +13471,14 @@ class Il {
 }
 const Bl = (n) => {
   if ([
-    S.Question,
-    S.Frame,
-    S.Illustration,
-    S.Material,
-    S.Model,
-    S.Picture,
-    S.Shape,
-    S.Text
+    v.Question,
+    v.Frame,
+    v.Illustration,
+    v.Material,
+    v.Model,
+    v.Picture,
+    v.Shape,
+    v.Text
   ].includes(n.type)) {
     const e = n.data;
     return !!e.displaySelectionOnFinishStep || !!e.displaySelectionsOnFinishStep;
@@ -13960,15 +13963,15 @@ class dn extends pi {
   async applyColorVariant(t, e, a) {
     const r = this.getSharedSteps(e).map((o) => {
       switch (o.getType()) {
-        case S.Shape:
+        case v.Shape:
           return o.selectVariant(t);
-        case S.Text:
+        case v.Text:
           return o.setFillColor({
             fill: t.getColor(),
             stroke: t.getColor(),
             variant: t.getResource()
           });
-        case S.Illustration:
+        case v.Illustration:
           return o.setColor(a?.toString() || "", t.getColor() || "");
       }
     });
@@ -13992,7 +13995,7 @@ const kl = (n, t, e, a) => n.flatMap((i) => i.getSteps()).filter((i) => i.getGlo
     n,
     t,
     e,
-    S.Illustration
+    v.Illustration
   ).map((r) => {
     const o = r.getCurrentVariant()?.getAssetResource(), s = r.getColors();
     return !o?.assetConfiguration || !s ? 0 : Object.getOwnPropertyNames(s).length;
@@ -14853,7 +14856,7 @@ class oa {
         const m = h.map((p) => {
           if (p.getType() === G.ColorOption || p.getType() === G.Option) {
             const g = p;
-            if (!u.aspects.find((w) => w.name === g.getName()))
+            if (!u.aspects.find((S) => S.name === g.getName()))
               return g.initDefaultVariant();
           }
         });
@@ -15092,7 +15095,7 @@ class oa {
     return this.productCollection ? new Ci(this.productCollection) : void 0;
   }
   async initializeAdditionalRequiredColorChannels(t) {
-    for (const e of t.getStepsByType(S.Illustration)) {
+    for (const e of t.getStepsByType(v.Illustration)) {
       const a = e.getGlobalPropertyAspects(this.globalConfigurationPropertyId || "");
       for (const i of a) {
         const r = this.getGlobalPropertyConfiguration()?.aspects.find(
@@ -16164,7 +16167,7 @@ class $d {
       } catch (a) {
         throw console.error(a), new gt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 33.12.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 33.13.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     ft.setHubUrl(t.hubUrl), ft.setServerUrl(t.serverUrl), ft.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && sr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && zt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16483,7 +16486,7 @@ class $d {
       const m = await this.loggedInBearerToken();
       l.Authorization = `Bearer ${m}`;
     } catch {
-      const g = Object.entries(localStorage).find(([w, b]) => w.startsWith("CognitoIdentityServiceProvider") && w.endsWith("idToken"))?.[0] || "", f = localStorage.getItem(g);
+      const g = Object.entries(localStorage).find(([S, w]) => S.startsWith("CognitoIdentityServiceProvider") && S.endsWith("idToken"))?.[0] || "", f = localStorage.getItem(g);
       f && !ee(f) && (l.Authorization = `Bearer ${f}`);
     }
     const c = {
@@ -16622,14 +16625,14 @@ class $d {
   async getWorkflowExperiences(t, e, a, i) {
     if (t.length === 0)
       throw new gt("No options provided!");
-    const r = t.map((I, Q) => ({ option: I, index: Q })), o = r.filter((I) => I.option.type === "transaction"), s = r.filter(
-      (I) => I.option.type === "integration" || I.option.type === "external" || I.option.type === "blank"
+    const r = t.map((B, Q) => ({ option: B, index: Q })), o = r.filter((B) => B.option.type === "transaction"), s = r.filter(
+      (B) => B.option.type === "integration" || B.option.type === "external" || B.option.type === "blank"
     ), l = 50, c = Va(o, l), d = Va(s, l);
     let A = 0;
-    const u = y.getShadowGraphqlClient(), h = async (I) => {
-      if (I.length === 0)
+    const u = y.getShadowGraphqlClient(), h = async (B) => {
+      if (B.length === 0)
         return [];
-      const Q = I.map((q) => q.option.transactionId), U = await u.query({
+      const Q = B.map((q) => q.option.transactionId), U = await u.query({
         query: Vr,
         variables: {
           ids: Q
@@ -16637,23 +16640,23 @@ class $d {
         errorPolicy: "all",
         fetchPolicy: "no-cache"
       }), N = U.data.transactions;
-      if (A = A + N.length, i && i(A, o.length), N.length !== I.length) {
+      if (A = A + N.length, i && i(A, o.length), N.length !== B.length) {
         const q = U.errors?.[0]?.message || "Unknown error";
         throw new gt(`Not all transactions were found: ${q}`);
       }
       return !this.activeIntegration && N[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(N[0].integrationProduct.integration)), N.map((q, St) => ({
         transaction: q,
         workflowId: q.workflowId,
-        readOnly: I.find((ut) => ut.option.transactionId === q.id)?.option.readOnly ?? !1,
-        index: I[St].index
+        readOnly: B.find((ut) => ut.option.transactionId === q.id)?.option.readOnly ?? !1,
+        index: B[St].index
       }));
-    }, m = async (I) => {
-      if (I.length === 0)
+    }, m = async (B) => {
+      if (B.length === 0)
         return [];
       const Q = await u.mutate({
         mutation: Ur,
         variables: {
-          inputs: I.map((N) => ({
+          inputs: B.map((N) => ({
             integrationProductId: N.option.type === "integration" ? N.option.integrationProductId : void 0,
             externalIntegrationId: N.option.type === "external" ? N.option.externalIntegrationId : void 0,
             externalProductId: N.option.type === "external" ? N.option.externalProductId : void 0,
@@ -16677,26 +16680,26 @@ class $d {
         transaction: N,
         workflowId: N.workflowId,
         readOnly: !1,
-        index: I[q].index
+        index: B[q].index
       }));
     }, p = (await Promise.all([
       ...c.map(h),
       ...d.map(m)
     ])).flat(), g = [
-      ...new Set(p.map((I) => I.transaction.integrationProductId))
-    ].filter((I) => I !== void 0), f = [...new Set(p.map((I) => I.workflowId))].filter(
-      (I) => I !== void 0
-    ), [w, b] = await Promise.all([
+      ...new Set(p.map((B) => B.transaction.integrationProductId))
+    ].filter((B) => B !== void 0), f = [...new Set(p.map((B) => B.workflowId))].filter(
+      (B) => B !== void 0
+    ), [S, w] = await Promise.all([
       (async () => g.length > 0 ? await lc(g) : [])(),
       (async () => f.length > 0 ? await yi(f, e) : [])()
-    ]), B = new Map(w.map((I) => [I.id, I])), E = new Map(b.map((I) => [I.id, I])), v = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), F = p.map(async (I) => {
-      const { transaction: Q, workflowId: U, readOnly: N, index: q } = I, St = U ? E.get(U) : void 0, ut = t[q];
+    ]), I = new Map(S.map((B) => [B.id, B])), b = new Map(w.map((B) => [B.id, B])), E = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), F = p.map(async (B) => {
+      const { transaction: Q, workflowId: U, readOnly: N, index: q } = B, St = U ? b.get(U) : void 0, ut = t[q];
       if (Q.integrationProductId) {
-        const rt = B.get(Q.integrationProductId);
+        const rt = I.get(Q.integrationProductId);
         Q.integrationProduct = rt, Q.product = rt?.product, Q.integrationProduct || console.error("failed to find transaction's product");
       }
-      !v.get(Q.id) && Q.transactionOwnerId && v.set(Q.id, Q.transactionOwnerId);
-      const He = v.get(Q.id) || void 0, bi = new ec({
+      !E.get(Q.id) && Q.transactionOwnerId && E.set(Q.id, Q.transactionOwnerId);
+      const He = E.get(Q.id) || void 0, bi = new ec({
         onMutate: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } })
       }), Ae = {
@@ -16722,11 +16725,11 @@ class $d {
       }
       return Ae.delayWorkflowStateSync = !0, { experienceOptions: Ae, index: q, options: ut };
     }), x = await Promise.all(F);
-    k.setMap("transactionOwnerIds", v);
-    const T = x.sort((I, Q) => I.index - Q.index);
+    k.setMap("transactionOwnerIds", E);
+    const T = x.sort((B, Q) => B.index - Q.index);
     let $ = [];
-    for (const I of T) {
-      const { experienceOptions: Q, options: U } = I, N = new Il(this, Q);
+    for (const B of T) {
+      const { experienceOptions: Q, options: U } = B, N = new Il(this, Q);
       await N.getWorkflowManager().getInitializationPromise(), a && a(), U.type !== "transaction" && this.customer && await N.attachCustomerDetails({ email: this.customer.emailAddress }), $ = [...$, N], N.getWorkflowManager().setWorkflowStateSyncEnabled(!0);
     }
     return $;
@@ -17975,7 +17978,7 @@ export {
   Fe as StakeholderType,
   zi as StepAspectType,
   et as StepHandle,
-  S as StepType,
+  v as StepType,
   Tt as TextAlgorithm,
   $o as TextChangeCommand,
   xl as TextGlobalPropertyHandle,