@spiffcommerce/core 26.41.1-beta.cc87c98f-e30a-5e14-ad02-fdadcd3db1bc → 26.41.1-beta.cfe1b2be-79ed-58e3-a363-a42c2516a93e

package/dist/index.mjs

@@ -20,7 +20,7 @@ import { split as Ze } from "unicode-default-word-boundary";
 import cn from "lodash.debounce";
 import "fs";
 import "path";
-var fe = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(fe || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), P = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(P || {}), wr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(wr || {}), Wt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Wt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), yr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(yr || {}), Sr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Sr || {}), vr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(vr || {}), ha = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ha || {}), Er = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Er || {}), Ce = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(Ce || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Br = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Br || {});
+var fe = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(fe || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), P = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(P || {}), wr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(wr || {}), Wt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Wt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), yr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(yr || {}), Sr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Sr || {}), Er = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Er || {}), ha = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ha || {}), vr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(vr || {}), Ce = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(Ce || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Br = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Br || {});
 class dn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -41,7 +41,7 @@ class q extends Jt {
     super(`Panel not Found: ${t.panelId}`), this.panelId = (t == null ? void 0 : t.panelId) || "N/A";
   }
 }
-class vt extends Jt {
+class Et extends Jt {
   constructor(t) {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
@@ -162,7 +162,7 @@ let ta, ea;
 function Sc(r) {
   ta = r;
 }
-function vc(r) {
+function Ec(r) {
   ea = r;
 }
 function Kt() {
@@ -257,7 +257,7 @@ const An = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, Ec = async (r) => {
+}, vc = async (r) => {
   const t = await un(r), e = An.get(r) || xe(t);
   return await Nr(new Blob([t], { type: e }));
 }, Mr = (r) => {
@@ -318,49 +318,52 @@ async function Lr(r, t) {
   return n.type === "opaqueredirect" && (typeof r != "string" && "url" in r ? n = await rt({ ...r, url: `${a}/graphql` }, t) : n = await rt(`${a}/graphql`, t)), n;
 }
 class Vr {
-  constructor(t) {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(t), mt.addServerUrlCallback(() => {
-      this.shadowGraphqlClient = this.constructShadowGraphqlClient(t);
+  constructor() {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), mt.addServerUrlCallback(() => {
+      this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
+  setSpiffCommerceClient(t) {
+    this.spiffClient = t, this.shadowGraphqlClient = this.constructShadowGraphqlClient();
+  }
   getShadowGraphqlClient() {
     return this.shadowGraphqlClient;
   }
-  constructShadowGraphqlClient(t) {
-    const e = sr({
+  constructShadowGraphqlClient() {
+    const t = sr({
       uri: `${mt.getServerUrl()}/graphql`,
       fetch: Lr
-    }), a = dr(async (s, o) => {
-      const { headers: l } = o, c = l || {}, d = await Ur();
-      let A = o.bearer ?? d.bearer;
-      if (t)
+    }), e = dr(async (i, s) => {
+      const { headers: o } = s, l = o || {}, c = await Ur();
+      let d = s.bearer ?? c.bearer;
+      if (this.spiffClient)
         try {
-          A = await t.loggedInBearerToken();
+          d = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      const u = o.partnerId ?? d.partnerId, h = o.activeIntegration ?? d.activeIntegration, m = o.transactionOwnerId, g = o.customerToken ?? d.customerToken, p = o.applicationKey ?? d.applicationKey, f = o.bundleOwnerId;
+      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
-          const C = window.__SENTRY__.hub;
-          if (C) {
-            const w = C.traceHeaders();
-            Object.entries(w).forEach(([v, S]) => {
-              c[v] = S;
+          const f = window.__SENTRY__.hub;
+          if (f) {
+            const C = f.traceHeaders();
+            Object.entries(C).forEach(([w, E]) => {
+              l[w] = E;
             });
           }
         }
       } catch {
       }
-      return A && (c.Authorization = `Bearer ${A}`), u && (c.partnerId = u), h && (c.activeIntegration = h), m && (c.transactionOwnerId = m), g && (c.customerToken = g), p && (c["X-Application-Key"] = p), f && (c.bundleOwnerId = f), c["Allow-Moonlight-Redirect"] = "true", {
-        headers: c
+      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
+        headers: l
       };
-    }), n = Ar(({ operation: s, graphQLErrors: o, networkError: l }) => {
-      var A, u;
-      const c = o || [], d = s.getContext();
-      l && !((u = (A = d == null ? void 0 : d.fetchOptions) == null ? void 0 : A.signal) != null && u.aborted) && console.log("GraphQL Network error"), c.forEach(() => console.log("GraphQL Error: " + s.operationName));
-    }), i = hr();
+    }), a = Ar(({ operation: i, graphQLErrors: s, networkError: o }) => {
+      var d, A;
+      const l = s || [], c = i.getContext();
+      o && !((A = (d = c == null ? void 0 : c.fetchOptions) == null ? void 0 : d.signal) != null && A.aborted) && console.log("GraphQL Network error"), l.forEach(() => console.log("GraphQL Error: " + i.operationName));
+    }), n = hr();
     return new or({
-      link: lr([i, n, a, e]),
+      link: lr([n, a, e, t]),
       cache: new cr(),
       name: "Core"
     });
@@ -3337,16 +3340,16 @@ const se = (r) => {
       }
     });
   });
-}, vn = (r) => bt().serializeToString(r), Ca = (r, t, e, a, n) => {
+}, En = (r) => bt().serializeToString(r), Ca = (r, t, e, a, n) => {
   const i = yn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
-  return ti(i, t, e), Sn(i, a, n), vn(i);
+  return ti(i, t, e), Sn(i, a, n), En(i);
 }, wa = (r, t, e) => {
   const a = yn(r);
   if (!a)
     throw new Error("Failed to read SVG.");
-  return Sn(a, t, e), vn(a);
+  return Sn(a, t, e), En(a);
 }, ei = (r) => {
   const t = /<svg.*<\/svg>/s, e = r.match(t) || [], a = (e == null ? void 0 : e.length) > 0 ? e[0] : "";
   return dt().parseFromString(a, "image/svg+xml");
@@ -3713,7 +3716,7 @@ class ci {
     }
   }
 }
-const Rt = "persistentAssets", En = class Ct {
+const Rt = "persistentAssets", vn = class Ct {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -3764,8 +3767,8 @@ const Rt = "persistentAssets", En = class Ct {
     Ct.callbacks.forEach((t) => t());
   }
 };
-En.callbacks = [];
-let It = En;
+vn.callbacks = [];
+let It = vn;
 const Ua = "bgrmPersistentAssets";
 class Y {
   static has(t) {
@@ -4420,14 +4423,14 @@ const _ = new gi(), bn = y`
             ` : ""}
         }
     }
-`, vi = (r) => y`
+`, Ei = (r) => y`
     ${Fn(r)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
-`, Ei = (r) => y`
+`, vi = (r) => y`
     ${Fn(r)}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
@@ -5317,14 +5320,14 @@ const Q = () => {
   width: u
 }) => {
   var B;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Wt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Wt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((v, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ x("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
-  )), v = n.map((E) => ({
-    ...E,
+    /* @__PURE__ */ x("color-profile", { name: v.name, xlinkHref: v.key, children: " " }, I)
+  )), E = n.map((v) => ({
+    ...v,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), S = Ea(v);
+  })), S = va(E);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5361,7 +5364,7 @@ const Q = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Wt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: S.map((E) => On(E)).filter((E) => !!E)
+            children: S.map((v) => On(v)).filter((v) => !!v)
           }
         ),
         l && /* @__PURE__ */ x(
@@ -5403,10 +5406,10 @@ const Q = () => {
     }
   );
 }, Pc = (r, t, e, a, n) => {
-  const i = pt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(p), Math.abs(f)), S = Math.max(Math.abs(C), Math.abs(w));
+  const i = pt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, C = u * d + m * A, w = h * d + g * A, E = Math.max(Math.abs(p), Math.abs(f)), S = Math.max(Math.abs(C), Math.abs(w));
   return {
-    minX: l - v,
-    maxX: l + v,
+    minX: l - E,
+    maxX: l + E,
     minY: c - S,
     maxY: c + S
   };
@@ -5504,7 +5507,7 @@ const Q = () => {
   ) });
 }, Tn = (r) => {
   var l;
-  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = pt(e), n = Math.cos(a), i = -Math.sin(a), s = Ea(r.children);
+  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = pt(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
   return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ x("defs", { children: (() => /* @__PURE__ */ x("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ x("path", { d: r.clipPath }) : /* @__PURE__ */ x("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ ct(
@@ -5566,8 +5569,8 @@ const Q = () => {
       /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = pt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, v, S, B, E, I, D, F, k, N;
-    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((B = r.pattern) == null ? void 0 : B.height) || 0, g = ((E = r.pattern) == null ? void 0 : E.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
+    var w, E, S, B, v, I, D, F, k, N;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((E = r.pattern) == null ? void 0 : E.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((B = r.pattern) == null ? void 0 : B.height) || 0, g = ((v = r.pattern) == null ? void 0 : v.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
     return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
       type: T.Illustration,
@@ -5682,7 +5685,7 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     return Le.get(r);
   const e = (async () => {
     try {
-      return Et(r).getFont();
+      return vt(r).getFont();
     } catch {
       if (ji(r)) {
         const a = mn(r), n = Xe(a);
@@ -5697,7 +5700,7 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
 }, Hi = (r) => {
   const t = mn(r), e = Xe(t);
   return ia(r, e), e;
-}, Et = (r) => {
+}, vt = (r) => {
   const t = Nn.get(r);
   if (t)
     return t;
@@ -5713,8 +5716,8 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       var m, g, p;
       if (h.type === "font-face" && h.declarations) {
         const f = (m = h.declarations.find(
-          (v) => v.property === "font-family"
-        )) == null ? void 0 : m.value, C = (g = h.declarations.find((v) => v.property === "src")) == null ? void 0 : g.value, w = (p = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : p[1];
+          (E) => E.property === "font-family"
+        )) == null ? void 0 : m.value, C = (g = h.declarations.find((E) => E.property === "src")) == null ? void 0 : g.value, w = (p = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : p[1];
         f && w && n.set(f, w);
       }
     });
@@ -5726,18 +5729,18 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
-    ), v = w.getBoundingBox().x2 - w.getBoundingBox().x1;
+    ), E = w.getBoundingBox().x2 - w.getBoundingBox().x1;
     let S = 0;
     const B = A.getAttribute("text-anchor");
-    B === "middle" ? S = v / 2 : B === "end" && (S = v);
-    const E = g.getPath(
+    B === "middle" ? S = E / 2 : B === "end" && (S = E);
+    const v = g.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - S,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    E.fill = p, E.stroke = f, E.strokeWidth = parseFloat(C ?? "0");
-    const I = E.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    v.fill = p, v.stroke = f, v.strokeWidth = parseFloat(C ?? "0");
+    const I = v.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
     h.appendChild(F);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), bt().serializeToString(a);
@@ -5798,7 +5801,7 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   return Math.min(A, d);
 }, Yi = (r, t, e, a) => {
   var c;
-  const n = Et(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
+  const n = vt(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
     return La(t, r, t.fontSize, s, n, a);
   let o;
@@ -5819,9 +5822,9 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     fontSize: qi(o, n, i, t.width, t.height, a)
   } : La(t, r, t.fontSize, s, n, a);
 }, Ji = (r, t, e, a, n) => {
-  const s = Et(t.assetUrl).getFont();
+  const s = vt(t.assetUrl).getFont();
   let o = { ...r };
-  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, Et(t.assetUrl));
+  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, vt(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && _i(a, a).every(([d, A]) => d === A) && (o = l)), o;
 }, Ve = 1, ht = (r, t, e) => {
   let a = 0;
@@ -5850,7 +5853,7 @@ const ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, ve = (r, t = Va) => {
+}, Ee = (r, t = Va) => {
   const e = { ...Va, ...t };
   let a = r || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
@@ -6092,7 +6095,7 @@ class ns {
         layout: t,
         elements: e
       },
-      getComponentWithProps: (a) => va(t, e, a)
+      getComponentWithProps: (a) => Ea(t, e, a)
     };
   }
   initialize(t, e) {
@@ -6117,7 +6120,7 @@ class ns {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const On = (r) => r.type === T.Image ? /* @__PURE__ */ x(Mn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x(Gi, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(as, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(Zi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(Tn, { ...r }, r.id) : null, va = (r, t, e) => {
+const On = (r) => r.type === T.Image ? /* @__PURE__ */ x(Mn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x(Gi, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(as, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(Zi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(Tn, { ...r }, r.id) : null, Ea = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ x(
     zi,
@@ -6148,7 +6151,7 @@ const On = (r) => r.type === T.Image ? /* @__PURE__ */ x(Mn, { ...r }, r.id) : r
     }
   );
 };
-function Ea(r) {
+function va(r) {
   return r.sort((t, e) => {
     const a = t.layer || 0, n = e.layer || 0;
     if (a < n)
@@ -6352,7 +6355,7 @@ const te = (r) => {
   }
   if (e && t === T.Textbox && (a != null && a.text) && (a != null && a.fontScale)) {
     await Nt(e);
-    const l = Et(e), c = ht(a.text, a == null ? void 0 : a.fontScale, l);
+    const l = vt(e), c = ht(a.text, a == null ? void 0 : a.fontScale, l);
     o.width = Math.min(c, n.width * 0.85), o.left = n.x + n.width / 2 - o.width / 2;
   }
   return o;
@@ -6406,7 +6409,7 @@ class Lc {
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Nt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
-    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = ve(c, {
+    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Ee(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
     }), A = e.region || await Ut(t, T.Textbox, n, {
@@ -6524,7 +6527,7 @@ const L = (r, t) => K(r, t).elements.find((n) => n.id === r), K = (r, t) => {
     throw new V();
   return e;
 }, X = (r, t) => {
-  const e = [...t.elements.filter((n) => n.id !== r.id), r], a = Ea(e);
+  const e = [...t.elements.filter((n) => n.id !== r.id), r], a = va(e);
   return {
     layout: t.layout,
     elements: a,
@@ -7424,14 +7427,14 @@ class hs {
   }
 }
 const Gn = new hs();
-class Ee {
+class ve {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
         return sa(e);
       const a = t.asset;
       if (!a)
-        throw new vt(t);
+        throw new Et(t);
       const n = a.fileLink;
       if (n)
         return at(n, !0);
@@ -7538,7 +7541,7 @@ class Ee {
   }
   selectImage(t, e, a, n = !0) {
     var l;
-    const i = Ee.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
+    const i = ve.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
     if (s && s === i)
       return Promise.resolve();
     a.setEditedStatus(t.stepName, !0);
@@ -7720,7 +7723,7 @@ class Ee {
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, v = f ? {
+        ) : void 0, E = f ? {
           id: Q(),
           src: f.src,
           x: (w == null ? void 0 : w.x) || 0,
@@ -7730,13 +7733,13 @@ class Ee {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, S = Q(), E = n.getLayouts().find((I) => I.panelId === m.panelId);
-        if (!E)
+        } : void 0, S = Q(), v = n.getLayouts().find((I) => I.panelId === m.panelId);
+        if (!v)
           throw new q(m);
         return {
-          command: this.getCreateElementCommand(S, m, E, {
+          command: this.getCreateElementCommand(S, m, v, {
             frameData: p,
-            pattern: v,
+            pattern: E,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
@@ -7783,7 +7786,7 @@ class Ee {
   }
   async loadPatternFromAsset(t, e, a, n) {
     var c, d;
-    const i = Ee.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
+    const i = ve.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
     if (!o)
       throw a.markUpdateCompleted(s), new Error("Frame service unavailable, cannot load pattern!");
     try {
@@ -7810,7 +7813,7 @@ class Ee {
     ), this.validateColorCount(e, a);
   }
 }
-const wt = new Ee();
+const wt = new ve();
 class ms {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7981,7 +7984,7 @@ class ms {
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
     const o = e.asset;
     if (!o)
-      throw new vt(e);
+      throw new Et(e);
     const l = o.fileLink;
     if (!l)
       throw new jt(o);
@@ -7989,10 +7992,10 @@ class ms {
       const w = i.getLayouts().find((S) => S.panelId === C.panelId);
       if (!w)
         throw new q(C);
-      const v = Q();
+      const E = Q();
       return {
-        regionElement: { id: v, region: C },
-        command: this.getCreateElementCommand(v, C, w, {
+        regionElement: { id: E, region: C },
+        command: this.getCreateElementCommand(E, C, w, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
@@ -8004,13 +8007,13 @@ class ms {
     const p = t.data.colorOption;
     return p && ((f = p.variants) == null || f.forEach((C) => {
       g = g.map((w) => {
-        var v;
-        return w.toLowerCase() === ((v = C.color) == null ? void 0 : v.toLowerCase()) ? C.name : w;
+        var E;
+        return w.toLowerCase() === ((E = C.color) == null ? void 0 : E.toLowerCase()) ? C.name : w;
       });
     })), i.updateMetadata(t.stepName, { colors: g }), {
       command: new $(m),
       followup: async () => {
-        var w, v;
+        var w, E;
         await i.setSelectionsAndElements(
           t.stepName,
           [e],
@@ -8022,21 +8025,21 @@ class ms {
         const C = ((w = o.assetConfiguration) == null ? void 0 : w.defaultColorVariants) || [];
         if (C.length !== 0) {
           const S = {};
-          (((v = o.assetConfiguration) == null ? void 0 : v.channelNumbers) || []).forEach((E) => {
+          (((E = o.assetConfiguration) == null ? void 0 : E.channelNumbers) || []).forEach((v) => {
             var D;
-            const I = C.find((F) => F.channelNumber === E.number);
-            I && (S[`${E.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
+            const I = C.find((F) => F.channelNumber === v.number);
+            I && (S[`${v.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
           }), await this.changeColors(
             t,
-            u.map((E) => E.regionElement),
+            u.map((v) => v.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
             new Map(Object.entries(S))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const S = await this.availableColors(t, i) || [], B = Object.keys(c.colors), E = S.length === 1 && B.length === 1;
-          if (E) {
+          const S = await this.availableColors(t, i) || [], B = Object.keys(c.colors), v = S.length === 1 && B.length === 1;
+          if (v) {
             const I = S[0], D = B[0];
             await this.changeColors(
               t,
@@ -8046,7 +8049,7 @@ class ms {
               /* @__PURE__ */ new Map([[D, I.variant.color]])
             );
           }
-          !E && C.length === 0 && await this.changeColors(
+          !v && C.length === 0 && await this.changeColors(
             t,
             u.map((I) => I.regionElement),
             i,
@@ -8119,7 +8122,7 @@ class gs {
     n(!0);
     const s = e.material;
     if (!s)
-      throw n(!1), new vt(e);
+      throw n(!1), new Et(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8174,7 +8177,7 @@ class ps {
               if (h && t.option) {
                 const g = (m = A.asset) == null ? void 0 : m.fileLink;
                 if (!g)
-                  throw new vt(A);
+                  throw new Et(A);
                 await h.applyModelVariant(
                   t.stepName || "",
                   {
@@ -8199,7 +8202,7 @@ class ps {
     n(!0);
     const i = (s = e.asset) == null ? void 0 : s.fileLink;
     if (!i)
-      throw new vt(e);
+      throw new Et(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8379,7 +8382,7 @@ class Cs {
   async selectVariantCommand(t, e, a, n) {
     const i = e.asset;
     if (!i)
-      throw new vt(e);
+      throw new Et(e);
     const s = i == null ? void 0 : i.fileLink;
     if (!s)
       return console.error("No URL for picture!"), null;
@@ -8685,7 +8688,7 @@ class Ss {
     );
   }
 }
-const vs = new Ss(), He = (r, t, e, a, n) => {
+const Es = new Ss(), He = (r, t, e, a, n) => {
   if (t.some((d) => d == null))
     throw new Error(`Failed to autosize lines: ${t.join(", ")}`);
   let i = t.map((d) => d.split(`
@@ -8714,7 +8717,7 @@ const vs = new Ss(), He = (r, t, e, a, n) => {
   return [null, null];
 }, ge = (r, t, e, a, n) => {
   let i, s;
-  const o = Et(t.assetUrl), l = o.getFont();
+  const o = vt(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
     return [i, s] = He(e, a, r, u, o), [n.size, i, s];
@@ -8735,7 +8738,7 @@ class Be extends Error {
     super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Be.name;
   }
 }
-const Es = ["‘", "’", "“", "”", `
+const vs = ["‘", "’", "“", "”", `
 `];
 class be extends Error {
   constructor(t) {
@@ -8749,9 +8752,9 @@ class Bs {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const n = [], i = e ? Et(e.assetUrl) : void 0;
+      const n = [], i = e ? vt(e.assetUrl) : void 0;
       if (i) {
-        const s = a.split("").filter((l) => !Es.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
+        const s = a.split("").filter((l) => !vs.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
           o[l].name === ".notdef" && n.push(String.fromCharCode(s.charCodeAt(l)));
       }
@@ -8953,7 +8956,7 @@ class Bs {
   }
   getProcessedInput(t, e, a) {
     const n = a ? t : this.injectReplaceableText(t, e);
-    return ve(n, {
+    return Ee(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -9029,8 +9032,8 @@ class Bs {
             g,
             async () => {
               e.updateMetadata(t.stepName, { color: p, text: f }), e.updateStorage(t.stepName, { text: f, inputText: f });
-              const w = o.map((S) => new ja(S.id, m)), v = new $(w);
-              e.getCommandDispatcher()(v);
+              const w = o.map((S) => new ja(S.id, m)), E = new $(w);
+              e.getCommandDispatcher()(E);
             }
           );
           const { command: C } = H.updateInputText(
@@ -9069,7 +9072,7 @@ class Bs {
   async fontDataFromVariant(t) {
     const e = t.asset;
     if (!e)
-      throw new vt(t);
+      throw new Et(t);
     const a = e.fileLink;
     if (!a)
       throw new jt(e);
@@ -9178,7 +9181,7 @@ class Bs {
             colorProfileAssetKey: (g = p.colorProfile) == null ? void 0 : g.key
           });
         }
-        const C = await this.getDefaultColor(a), w = C || "#000000", v = {
+        const C = await this.getDefaultColor(a), w = C || "#000000", E = {
           stepRegion: A,
           stepName: t,
           align: this.textAlign(a),
@@ -9202,41 +9205,41 @@ class Bs {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, S = [], B = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
-        if (!v.fontData)
+        }, S = [], B = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+        if (!E.fontData)
           throw new z("Failed to resolve font data for text.");
         const [I, D] = ge(
-          v.fontSize,
-          v.fontData,
+          E.fontSize,
+          E.fontData,
           {
-            left: v.x,
-            top: v.y,
-            width: v.width,
-            height: v.height,
-            rotation: v.rotation,
+            left: E.x,
+            top: E.y,
+            width: E.width,
+            height: E.height,
+            rotation: E.rotation,
             panelId: ""
           },
           [l],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        B.set(v.id, I), E.set(v.id, D);
+        B.set(E.id, I), v.set(E.id, D);
         const F = a.curved || a.vertical ? l : (D || []).join(`
 `);
         S.push(
-          this.generateTextChangeCommandsForRegion(I, a, v.id, F)
+          this.generateTextChangeCommandsForRegion(I, a, E.id, F)
         );
-        const k = new G(v, h);
+        const k = new G(E, h);
         return {
           regionElement: { id: m, region: A },
           commands: [k, ...S],
-          newElement: v,
+          newElement: E,
           fontData: n
         };
       } catch (p) {
         throw console.log(p), new Be("Error adding font to region");
       }
     }, d = await Promise.all(a.regions.map(c)).catch((A) => {
-      throw A instanceof Be ? (vs.setLatestToast("Failed to load font.", Qe.Error), A) : A instanceof be ? A : new Error(A);
+      throw A instanceof Be ? (Es.setLatestToast("Failed to load font.", Qe.Error), A) : A instanceof be ? A : new Error(A);
     });
     return await s.setSelectionsAndElements(
       t,
@@ -9264,29 +9267,29 @@ class Bs {
    */
   async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, d) {
     const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-    for (const v of h)
-      if (v.region) {
+    for (const E of h)
+      if (E.region) {
         const [S, B] = ge(
           e,
           a,
-          v.region,
+          E.region,
           [u],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        m.set(v.id, S), g.set(v.id, B);
+        m.set(E.id, S), g.set(E.id, B);
       }
     const f = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const v = s.getProfanities(), S = Ze(u.toLowerCase());
+      const E = s.getProfanities(), S = Ze(u.toLowerCase());
       for (const B of S)
-        for (const E in v) {
-          const I = v[E].toLowerCase().replace(/\s/g, "");
+        for (const v in E) {
+          const I = E[v].toLowerCase().replace(/\s/g, "");
           if (B === I)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((E) => E) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((v) => v) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
     })();
     if (f.error) {
       c(f.error);
@@ -9298,14 +9301,14 @@ class Bs {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const C = [];
-    for (const v of h) {
-      const S = t.data.curved ? u : (g.get(v.id) || []).join(`
+    for (const E of h) {
+      const S = t.data.curved ? u : (g.get(E.id) || []).join(`
 `);
       C.push(
         this.generateTextChangeCommandsForRegion(
-          m.get(v.id) || 1,
+          m.get(E.id) || 1,
           t.data,
-          v.id,
+          E.id,
           S
         )
       );
@@ -9472,14 +9475,14 @@ class Ts extends bs {
     const a = Hi(Is), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
       const w = tt("g");
       w.classList.add("module-text-group");
-      const v = tt("defs");
-      w.appendChild(v), v.appendChild(Ds(0, 2, 2, "shadow"));
+      const E = tt("defs");
+      w.appendChild(E), E.appendChild(Ds(0, 2, 2, "shadow"));
       const S = tt("path");
-      S.setAttribute("d", d), S.setAttribute("stroke", "black"), S.setAttribute("stroke-width", "3"), v.appendChild(S);
+      S.setAttribute("d", d), S.setAttribute("stroke", "black"), S.setAttribute("stroke-width", "3"), E.appendChild(S);
       const B = tt("g");
       B.classList.add("module-layer0"), w.appendChild(B), B.setAttribute("filter", "url(#shadow)"), B.innerHTML = S.outerHTML;
-      const E = tt("g");
-      E.classList.add("module-layer1"), w.appendChild(E), E.setAttribute("stroke-width", "3"), E.setAttribute("stroke", "rgb(45,41,38)"), E.setAttribute("fill", "rgb(45,41,38)"), E.setAttribute("transform", "translate(0.5,0)"), E.innerHTML = o;
+      const v = tt("g");
+      v.classList.add("module-layer1"), w.appendChild(v), v.setAttribute("stroke-width", "3"), v.setAttribute("stroke", "rgb(45,41,38)"), v.setAttribute("fill", "rgb(45,41,38)"), v.setAttribute("transform", "translate(0.5,0)"), v.innerHTML = o;
       const I = tt("g");
       I.classList.add("module-layer2"), w.appendChild(I), I.setAttribute("fill", "rgb(255,209,0)"), I.setAttribute("transform", "translate(1,-0.1)"), I.innerHTML = o;
       const D = tt("g");
@@ -10188,9 +10191,9 @@ class uo {
       var S;
       if (!this.previewService)
         return;
-      const w = this.getCommandContext().getAllLayouts(), v = (S = this.getLayoutPreviewService()) == null ? void 0 : S.getAll();
-      if (v)
-        for (const [, B] of v)
+      const w = this.getCommandContext().getAllLayouts(), E = (S = this.getLayoutPreviewService()) == null ? void 0 : S.getAll();
+      if (E)
+        for (const [, B] of E)
           B.render(w);
     }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.isReloadedTransaction = p, this.workflow.steps.forEach((w) => {
       this.stepTags[w.stepName] = w.tags ?? [];
@@ -10755,11 +10758,11 @@ class uo {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((B, E) => B + E.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((B) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((B, v) => B + v.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((B) => {
       yt(B, this.stepSelections) || (this.stepInitialised[B.stepName] = !1, delete this.stepMetadata[B.stepName], delete this.stepSelections[B.stepName], delete this.storage[B.stepName]);
     });
     const s = this.allScenes, o = Dt(s, i), l = Dt(s, this.stepSelections), c = o.map((B) => B.silentSteps).flat(), A = l.map((B) => B.silentSteps).flat().filter(
-      (B) => !c.some((E) => E.stepName === B.stepName)
+      (B) => !c.some((v) => v.stepName === B.stepName)
     );
     c.forEach((B) => {
       yt(B, this.stepSelections) || (this.stepInitialised[B.stepName] = !1);
@@ -10773,15 +10776,15 @@ class uo {
     const g = this.workflow.steps.find((B) => B.stepName === t);
     if ((g == null ? void 0 : g.type) === P.Frame) {
       const B = (S = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : S.frameService;
-      B == null || B.setTargetElements(a.map((E) => E.id));
+      B == null || B.setTargetElements(a.map((v) => v.id));
     }
     const p = u.map((B) => new Bt(B.id)), f = new Wa(this.constructSerializableWorkflow()), C = [...m, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const w = this.getInvalidModelVariants(), v = this.modelContainer;
-    if (v) {
+    const w = this.getInvalidModelVariants(), E = this.modelContainer;
+    if (E) {
       const B = w.map(
-        (E) => v.applyModelVariant(
-          E,
+        (v) => E.applyModelVariant(
+          v,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -11557,7 +11560,7 @@ class So extends it {
     );
   }
 }
-class vo extends it {
+class Eo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11629,7 +11632,7 @@ class le {
       case P.Frame:
         return new Nl(t, e, t.getStepTags(e.stepName));
       case P.Module:
-        return new vo(t, e, t.getStepTags(e.stepName));
+        return new Eo(t, e, t.getStepTags(e.stepName));
       default:
         throw new z(`Step type ${e.type} not yet supported in Core SDK`);
     }
@@ -11660,7 +11663,7 @@ const _n = y`
             externalProductVariantId
         }
     }
-`, Eo = y`
+`, vo = y`
     ${_n}
     mutation CreateDesign(
         $name: String!
@@ -11725,7 +11728,7 @@ const bo = async (r, t) => {
     c && !Ie(c) && (e.Authorization = `Bearer ${c}`);
   }
   return (i = (await b.getShadowGraphqlClient().mutate({
-    mutation: Eo,
+    mutation: vo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -11903,10 +11906,10 @@ const bo = async (r, t) => {
     return [F, k];
   }, [C] = await f(!0), w = Object.fromEntries(
     Object.keys(C).map((D) => [D, C[D].map((F) => F.id)])
-  ), [v] = await f(!1), S = Object.fromEntries(
-    Object.keys(v).map((D) => [
+  ), [E] = await f(!1), S = Object.fromEntries(
+    Object.keys(E).map((D) => [
       D,
-      v[D].map((F) => F.id)
+      E[D].map((F) => F.id)
     ])
   );
   let B = await o(m, n.id);
@@ -12252,9 +12255,9 @@ class Qo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = gt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((v) => {
+    const s = gt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((E) => {
       var S;
-      return ((S = v.layoutState) == null ? void 0 : S.layout.panelId) === (c == null ? void 0 : c.name);
+      return ((S = E.layoutState) == null ? void 0 : S.layout.panelId) === (c == null ? void 0 : c.name);
     }) || o[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
@@ -12268,7 +12271,7 @@ class Qo {
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new De("Failed to obtain 2D context for preview image creation");
-    const m = va(u.layoutState.layout, u.layoutState.elements, {
+    const m = Ea(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Wt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height }
@@ -12669,7 +12672,7 @@ const Ro = [
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((S = i.variants) == null ? void 0 : S.find((E) => E.id === n.illustrationVariantId)) || te(i);
+  const s = ((S = i.variants) == null ? void 0 : S.find((v) => v.id === n.illustrationVariantId)) || te(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12683,32 +12686,32 @@ const Ro = [
     return console.error("Failed to read SVG."), [];
   fa(m);
   const g = {};
-  kt(m, (E) => {
-    Ro.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
-    const I = E.attributes.getNamedItem("fill");
+  kt(m, (v) => {
+    Ro.includes(v.tagName) && !v.attributes.getNamedItem("fill") && v.setAttribute("fill", "#000000");
+    const I = v.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
       const F = I.value, N = `spiff-fill-${F.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: F };
+      v.classList.add(N), g[N] = { browserValue: F };
     }
-    const D = E.attributes.getNamedItem("stroke");
+    const D = v.attributes.getNamedItem("stroke");
     if (D && D.value !== "none") {
       const F = D.value, N = `spiff-stroke-${F.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: F };
+      v.classList.add(N), g[N] = { browserValue: F };
     }
   });
   const f = bt().serializeToString(m), C = n.colors;
   if (C) {
-    for (const [E, I] of Object.entries(g))
+    for (const [v, I] of Object.entries(g))
       for (const D of Object.keys(C))
         if (I.browserValue === D) {
-          g[E] = { browserValue: C[D] };
+          g[v] = { browserValue: C[D] };
           break;
         }
   }
-  const w = (E) => {
-    const I = r.find((F) => F.panelId === E.panelId);
+  const w = (v) => {
+    const I = r.find((F) => F.panelId === v.panelId);
     if (!I)
-      throw new q(E);
+      throw new q(v);
     const D = Q();
     return new G(
       {
@@ -12716,22 +12719,22 @@ const Ro = [
         id: D,
         svg: f,
         type: T.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: v.top,
+        x: v.left,
+        rotation: v.rotation,
+        width: v.width,
+        height: v.height,
+        layer: v.layer,
+        layerIndex: v.layerIndex,
+        immutable: v.immutable
       },
       I
     );
-  }, v = a.data.regions;
+  }, E = a.data.regions;
   try {
-    return v.map(w);
-  } catch (E) {
-    return console.error(E), [];
+    return E.map(w);
+  } catch (v) {
+    return console.error(v), [];
   }
 }, Lo = async (r, t, e) => {
   const a = await Jn(e.data.module), n = t.data, i = (o, l) => {
@@ -12935,7 +12938,7 @@ const Ro = [
     const p = a.option;
     if (!p)
       return;
-    const f = ((w = p.variants) == null ? void 0 : w.find((v) => v.id === i.fontVariantId)) || te(p);
+    const f = ((w = p.variants) == null ? void 0 : w.find((E) => E.id === i.fontVariantId)) || te(p);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
@@ -12951,7 +12954,7 @@ const Ro = [
       assetUrl: p,
       name: f.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = ve(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Ee(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (p) => {
@@ -12987,12 +12990,12 @@ const Ro = [
       y: p.top
     };
     if (d) {
-      const [w, v] = ge(
+      const [w, E] = ge(
         a.data.size || s,
         d,
         p,
         [
-          ve(u, {
+          Ee(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -13008,7 +13011,7 @@ const Ro = [
           {
             ...C,
             fontSize: w,
-            text: C.curved ? C.text : (v || []).join(`
+            text: C.curved ? C.text : (E || []).join(`
 `)
           },
           f
@@ -13228,7 +13231,7 @@ class _o extends xn {
       l = g.width, c = g.height;
     } else
       l = i.width, c = i.height;
-    const d = va(t.layoutState.layout, e, {
+    const d = Ea(t.layoutState.layout, e, {
       renderingConfiguration: { purpose: Wt.ThreeD }
     }), A = hn(d), u = await ua.from(this.ctx, A, {
       anonymousCrossOrigin: !0,
@@ -14270,7 +14273,7 @@ class er {
       let A = !1;
       const u = c.subscribe({
         next(h) {
-          var g, p, f, C, w, v;
+          var g, p, f, C, w, E;
           if (A || h.partial && (!h.data.productCollections || h.data.productCollections.length === 0 || !((g = h.data.productCollections[0].productCollectionProductsFeed) != null && g.items) || ((p = h.data.productCollections[0].productCollectionProductsFeed) == null ? void 0 : p.items.length) === 0))
             return;
           o.abort(), A = !0, u.unsubscribe();
@@ -14278,7 +14281,7 @@ class er {
           d({
             items: m,
             // Clone items because it could be cached data (immutable)
-            total: ((v = (w = h.data.productCollections) == null ? void 0 : w[0].productCollectionProductsFeed) == null ? void 0 : v.total) ?? 0
+            total: ((E = (w = h.data.productCollections) == null ? void 0 : w[0].productCollectionProductsFeed) == null ? void 0 : E.total) ?? 0
           });
         },
         error() {
@@ -15541,11 +15544,11 @@ const Ae = y`
             }
         }
     }
-`, vl = y`
+`, El = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, El = y`
+`, vl = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15690,7 +15693,7 @@ class ed {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.41.1-beta.d08056f5-bf8a-5ac1-8ce3-cdc0f4f69df6"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.41.1-beta.9ba3cec9-4f93-56ee-b8f1-aeeedc5bf8b3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.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 && Or(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15793,13 +15796,13 @@ class ed {
       if (p && await this.authenticateCustomerId(p)) {
         const C = ((h = (u = this.customer) == null ? void 0 : u.bundleStakeholders) == null ? void 0 : h.find(
           (w) => {
-            var v, S;
-            return (S = (v = w.bundle) == null ? void 0 : v.transactions) == null ? void 0 : S.some((B) => B.id === t);
+            var E, S;
+            return (S = (E = w.bundle) == null ? void 0 : E.transactions) == null ? void 0 : S.some((B) => B.id === t);
           }
         )) || ((g = (m = this.customer) == null ? void 0 : m.stakeholders) == null ? void 0 : g.find(
           (w) => {
-            var v;
-            return ((v = w.transaction) == null ? void 0 : v.id) === t;
+            var E;
+            return ((E = w.transaction) == null ? void 0 : E.id) === t;
           }
         ));
         if (C)
@@ -15916,7 +15919,7 @@ class ed {
    */
   async generateVerificationCode(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: vl,
+      mutation: El,
       variables: {
         emailAddress: t
       }
@@ -15931,7 +15934,7 @@ class ed {
   async verifyCode(t, e) {
     var i, s;
     const n = (i = (await b.getShadowGraphqlClient().mutate({
-      mutation: El,
+      mutation: vl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16020,22 +16023,23 @@ class ed {
     const t = localStorage.getItem("last-refreshed-cognito-tokens"), e = localStorage.getItem("cognito-tokens"), a = localStorage.getItem("cognito-email");
     if (!t || !e || !a)
       return;
-    const n = JSON.parse(e);
-    (/* @__PURE__ */ new Date()).getTime() / 1e3;
-    const s = await new ne({ region: this.userPoolRegion }).send(
-      new Re({
-        AuthFlow: "REFRESH_TOKEN_AUTH",
-        ClientId: this.userPoolClientId,
-        AuthParameters: {
-          REFRESH_TOKEN: n.RefreshToken || ""
-        }
-      })
-    );
-    if (s.AuthenticationResult)
-      console.log(`refresh response: ${JSON.stringify(s.AuthenticationResult)}`), localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), localStorage.setItem("cognito-tokens", JSON.stringify(s.AuthenticationResult));
-    else
-      throw new Error("Failed to refresh tokens.");
-    const l = (await b.getShadowGraphqlClient().query({
+    const n = JSON.parse(e), i = (/* @__PURE__ */ new Date()).getTime() / 1e3;
+    if (!n.ExpiresIn || n.ExpiresIn < i - parseInt(t)) {
+      const c = await new ne({ region: this.userPoolRegion }).send(
+        new Re({
+          AuthFlow: "REFRESH_TOKEN_AUTH",
+          ClientId: this.userPoolClientId,
+          AuthParameters: {
+            REFRESH_TOKEN: n.RefreshToken || ""
+          }
+        })
+      );
+      if (c.AuthenticationResult)
+        console.log(`refresh response: ${JSON.stringify(c.AuthenticationResult)}`), localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`);
+      else
+        throw this.logOut(), new Error("Failed to refresh tokens.");
+    }
+    const o = (await b.getShadowGraphqlClient().query({
       query: Ae,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -16043,30 +16047,31 @@ class ed {
         emailAddress: a
       }
     })).data.customer;
-    if (!l.id)
+    if (!o.id)
       throw new Error("Failed to get customer.");
-    this.customer = l, console.log(`set customer to ${JSON.stringify(this.customer)}`);
+    this.customer = o, console.log(`set customer to ${JSON.stringify(this.customer)}`);
   }
   // Get a Cognito bearer token from local storage, attempting to refresh if it's old.
   async loggedInBearerToken() {
     const t = localStorage.getItem("last-refreshed-cognito-tokens"), e = localStorage.getItem("cognito-tokens");
     if (!t || !e)
       throw new Error("No token data in storage.");
-    const a = JSON.parse(e);
-    (/* @__PURE__ */ new Date()).getTime() / 1e3;
-    const i = await new ne({ region: this.userPoolRegion }).send(
-      new Re({
-        AuthFlow: "REFRESH_TOKEN_AUTH",
-        ClientId: this.userPoolClientId,
-        AuthParameters: {
-          REFRESH_TOKEN: a.RefreshToken || ""
-        }
-      })
-    );
-    if (i.AuthenticationResult)
-      console.log(`refresh response: ${JSON.stringify(i.AuthenticationResult)}`), localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), localStorage.setItem("cognito-tokens", JSON.stringify(i.AuthenticationResult));
-    else
-      throw new Error("Failed to refresh tokens.");
+    const a = JSON.parse(e), n = (/* @__PURE__ */ new Date()).getTime() / 1e3;
+    if (!a.ExpiresIn || a.ExpiresIn < n - parseInt(t)) {
+      const s = await new ne({ region: this.userPoolRegion }).send(
+        new Re({
+          AuthFlow: "REFRESH_TOKEN_AUTH",
+          ClientId: this.userPoolClientId,
+          AuthParameters: {
+            REFRESH_TOKEN: a.RefreshToken || ""
+          }
+        })
+      );
+      if (s.AuthenticationResult)
+        console.log(`refresh response: ${JSON.stringify(s.AuthenticationResult)}`), localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`);
+      else
+        throw this.logOut(), new Error("Failed to refresh tokens.");
+    }
     if (!a.AccessToken)
       throw new Error("No bearer token in storage.");
     return a.AccessToken;
@@ -16118,7 +16123,7 @@ class ed {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var h, m, g, p, f, C, w, v, S, B, E;
+    var h, m, g, p, f, C, w, E, S, B, v;
     const i = M.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), o = {};
     try {
       const I = await this.loggedInBearerToken();
@@ -16143,11 +16148,11 @@ class ed {
     });
     if (!((f = c.data) != null && f.bundles) || ((C = c.data) == null ? void 0 : C.bundles.length) === 0 || !((w = c.data) != null && w.bundles[0]))
       throw new Error(`Unable to find bundle: ${t}`);
-    const d = (v = c.data) == null ? void 0 : v.bundles[0], A = M.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const d = (E = c.data) == null ? void 0 : E.bundles[0], A = M.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     A.set(d.id, d.partner.id), M.setMap("bundlePartnerIds", A);
     const u = new Je(this, d, e, a, s, {
       additionalHeaders: (S = n == null ? void 0 : n.graphql) == null ? void 0 : S.additionalHeaders,
-      eagerFetchProducts: (E = (B = n == null ? void 0 : n.graphql) == null ? void 0 : B.productCollection) == null ? void 0 : E.eagerFetchProducts,
+      eagerFetchProducts: (v = (B = n == null ? void 0 : n.graphql) == null ? void 0 : B.productCollection) == null ? void 0 : v.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -16160,15 +16165,17 @@ class ed {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async duplicateBundle(t, e, a, n) {
-    var h, m, g, p, f, C, w, v;
+    var h, m, g, p, f, C, w, E;
     const i = (h = M.getMap("bundleOwnerIds")) == null ? void 0 : h.get(t), s = {};
     try {
       const S = await this.loggedInBearerToken();
-      s.Authorization = `Bearer ${S}`;
-    } catch {
-      const E = ((m = Object.entries(localStorage).find(([D, F]) => D.startsWith("CognitoIdentityServiceProvider") && D.endsWith("idToken"))) == null ? void 0 : m[0]) || "", I = localStorage.getItem(E);
+      console.log(`token from cognito is ${S}`), s.Authorization = `Bearer ${S}`;
+    } catch (S) {
+      console.log(S);
+      const v = ((m = Object.entries(localStorage).find(([D, F]) => D.startsWith("CognitoIdentityServiceProvider") && D.endsWith("idToken"))) == null ? void 0 : m[0]) || "", I = localStorage.getItem(v);
       I && !Ie(I) && (s.Authorization = `Bearer ${I}`);
     }
+    console.log("attempted to set bearer token");
     const o = {
       bundleOwnerId: i,
       ...s,
@@ -16194,7 +16201,7 @@ class ed {
     const A = M.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     A.set(c.id, c.bundleOwnerId), M.setMap("bundleOwnerIds", A);
     const u = new Je(this, c, void 0, void 0, c.bundleOwnerId, {
-      eagerFetchProducts: (v = (w = n == null ? void 0 : n.graphql) == null ? void 0 : w.productCollection) == null ? void 0 : v.eagerFetchProducts,
+      eagerFetchProducts: (E = (w = n == null ? void 0 : n.graphql) == null ? void 0 : w.productCollection) == null ? void 0 : E.eagerFetchProducts,
       existingGlobalPropertyState: c.globalPropertyState
     });
     return await u.getInitializationPromise(), u;
@@ -16271,16 +16278,16 @@ class ed {
       var D, F, k;
       if (S.length === 0)
         return [];
-      const B = S.map((N) => N.option.transactionId), E = await a.query({
+      const B = S.map((N) => N.option.transactionId), v = await a.query({
         query: fi,
         variables: {
           ids: B
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), I = E.data.transactions;
+      }), I = v.data.transactions;
       if (I.length !== S.length) {
-        const N = ((F = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
+        const N = ((F = (D = v.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${N}`);
       }
       return !this.activeIntegration && ((k = I[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((N, nt) => {
@@ -16312,12 +16319,12 @@ class ed {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), E = (I = B.data) == null ? void 0 : I.transactionCreateMany;
-      if (!E || E.length === 0) {
+      }), v = (I = B.data) == null ? void 0 : I.transactionCreateMany;
+      if (!v || v.length === 0) {
         const k = ((F = (D = B.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${k}`);
       }
-      return E.map((k, N) => ({
+      return v.map((k, N) => ({
         transaction: k,
         workflowId: k.workflowId,
         readOnly: !1,
@@ -16330,7 +16337,7 @@ class ed {
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await nr(u, e), m = new Map(h.map((S) => [S.id, S])), g = M.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (S) => {
       var Z;
-      const { transaction: B, workflowId: E, readOnly: I, index: D } = S, F = m.get(E), k = t[D];
+      const { transaction: B, workflowId: v, readOnly: I, index: D } = S, F = m.get(v), k = t[D];
       !g.get(B.id) && B.transactionOwnerId && g.set(B.id, B.transactionOwnerId);
       const N = g.get(B.id) || void 0, nt = new bl({
         onMutate: () => ({ context: { transactionOwnerId: N, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
@@ -16368,10 +16375,10 @@ class ed {
     }), f = await Promise.all(p);
     M.setMap("transactionOwnerIds", g);
     const w = f.sort((S, B) => S.index - B.index).map(async (S) => {
-      const { experienceOptions: B, options: E } = S, I = new Qo(this, B);
-      return await I.getWorkflowManager().getInitializationPromise(), E.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
-    }), v = await Promise.all(w);
-    return v.forEach((S) => S.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), v;
+      const { experienceOptions: B, options: v } = S, I = new Qo(this, B);
+      return await I.getWorkflowManager().getInitializationPromise(), v.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
+    }), E = await Promise.all(w);
+    return E.forEach((S) => S.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), E;
   }
   storeCustomer(t) {
     const e = M.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -16380,7 +16387,7 @@ class ed {
   async getIntegrationProductById(t, e) {
     var s, o;
     const i = (s = (await b.getShadowGraphqlClient().query({
-      query: vi(e),
+      query: Ei(e),
       variables: {
         ids: [t]
       },
@@ -16394,7 +16401,7 @@ class ed {
   async getIntegrationProductFromExternalIds(t, e, a) {
     var o;
     const s = (o = (await b.getShadowGraphqlClient().query({
-      query: Ei(a),
+      query: vi(a),
       variables: {
         externalProductId: e,
         externalIntegrationId: t
@@ -17534,7 +17541,7 @@ export {
   _l as AddressValidationResultConfirmationLevel,
   Zc as ArrayInput,
   et as AspectType,
-  vt as AssetNotFoundError,
+  Et as AssetNotFoundError,
   fe as AssetType,
   qc as BringForwardCommand,
   Hc as BringToBackCommand,
@@ -17567,7 +17574,7 @@ export {
   Qe as InformationMessageType,
   yo as InformationStepHandle,
   _a as IntegrationProduct,
-  vr as IntegrationType,
+  Er as IntegrationType,
   Lc as LayoutElementFactory,
   T as LayoutElementType,
   q as LayoutNotFoundError,
@@ -17576,7 +17583,7 @@ export {
   ye as MisconfigurationError,
   sd as MockWorkflowManager,
   go as ModelStepHandle,
-  vo as ModuleStepHandle,
+  Eo as ModuleStepHandle,
   Vc as MoveCommand,
   ar as ObjectInput,
   wl as ObjectInputType,
@@ -17584,7 +17591,7 @@ export {
   we as OptionNotFoundError,
   Ft as ParseError,
   po as PictureStepHandle,
-  Er as ProductCameraRig,
+  vr as ProductCameraRig,
   er as ProductCollection,
   ll as ProductCollectionProductSortKey,
   Gt as ProductWorkflow,
@@ -17622,7 +17629,7 @@ export {
   $c as cmPerPixel,
   Do as createDesign,
   Qc as currentDirection,
-  Ec as dataUrlFromExternalUrl,
+  vc as dataUrlFromExternalUrl,
   Ye as designService,
   ge as determineCorrectFontSizeAndLines,
   Gn as digitalContentStepService,
@@ -17656,7 +17663,7 @@ export {
   kc as getPointOfRotation,
   _c as getProductCollections,
   Nc as getSEPoint,
-  va as getSvgElement,
+  Ea as getSvgElement,
   fd as getTemplateBundles,
   pd as getTemplateTransactions,
   ad as getTransaction,
@@ -17687,7 +17694,7 @@ export {
   qn as pictureStepService,
   Bc as pmsToRgb,
   Yn as questionStepService,
-  vc as registerFetchImplementation,
+  Ec as registerFetchImplementation,
   Sc as registerWindowImplementation,
   Ga as rehydrateSerializedLayout,
   Hr as rgbToPms,
@@ -17703,7 +17710,7 @@ export {
   Un as svgStringDimensions,
   ma as svgToDataUrl,
   H as textStepService,
-  vs as toast,
+  Es as toast,
   yd as validateWorkflowExperienceRecipient,
   Sd as validateWorkflowExperienceRecipients,
   bt as xmlSerializer