@spiffcommerce/core 28.0.0 → 28.0.1-beta.10d96995-f841-5fe3-9e44-7c0791da863a

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { split as Ze } from "unicode-default-word-boundary";
 import cn from "lodash.debounce";
 import "fs";
 import "path";
-var Ce = /* @__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))(Ce || {}), z = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(z || {}), 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 || {}), Sr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Sr || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), M = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(M || {}), vr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(vr || {}), Er = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Er || {}), Br = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Br || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), br = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(br || {}), we = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(we || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), H = /* @__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))(H || {}), Ir = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Ir || {});
+var Ce = /* @__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))(Ce || {}), z = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(z || {}), 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 || {}), Sr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Sr || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), M = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(M || {}), vr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(vr || {}), Er = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Er || {}), br = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(br || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Br = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Br || {}), we = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(we || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), H = /* @__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))(H || {}), Ir = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Ir || {});
 class dn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -228,7 +228,7 @@ const An = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
     const n = a.load();
     return Oe.set(t, n), n;
   }
-}, Bt = () => {
+}, bt = () => {
   if (Mt([typeof XMLSerializer]))
     return new XMLSerializer();
   const r = Xt();
@@ -368,7 +368,7 @@ class Wr {
     });
   }
 }
-const b = new Wr();
+const B = new Wr();
 let aa, na;
 const gt = (r, t, e) => {
   if (aa !== void 0)
@@ -3339,7 +3339,7 @@ const oe = (r) => {
       }
     });
   });
-}, Sn = (r) => Bt().serializeToString(r), fa = (r, t, e, a, n) => {
+}, Sn = (r) => bt().serializeToString(r), fa = (r, t, e, a, n) => {
   const i = wn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
@@ -3371,7 +3371,7 @@ const oe = (r) => {
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
-  const i = Bt().serializeToString(e);
+  const i = bt().serializeToString(e);
   return {
     colors: a,
     svg: i
@@ -3508,14 +3508,14 @@ const oe = (r) => {
             ...AssetFields
         }
     }
-`, ve = async (r) => (await b.getShadowGraphqlClient().query({
+`, ve = async (r) => (await B.getShadowGraphqlClient().query({
   query: si,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     keys: r
   }
-})).data.assets, di = async (r) => (await b.getShadowGraphqlClient().query({
+})).data.assets, di = async (r) => (await B.getShadowGraphqlClient().query({
   query: oi,
   errorPolicy: "all",
   variables: {
@@ -3523,7 +3523,7 @@ const oe = (r) => {
   }
 })).data.materials, Ai = async (r, t, e, a, n) => {
   var s;
-  return (s = (await b.getShadowGraphqlClient().mutate({
+  return (s = (await B.getShadowGraphqlClient().mutate({
     mutation: li,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -3620,7 +3620,7 @@ class ui {
         d.lengthComputable && a(d.loaded * 100 / d.total);
       }, c.onload = () => {
         const d = s.assetResponse.asset;
-        bt.add(s.assetResponse.asset), o(d);
+        Bt.add(s.assetResponse.asset), o(d);
       }, c.onerror = l, this.postProcessFileUpload(t, s.mimeType).then((d) => c.send(d.blob)).catch(l);
     }), this.cacheAsset(s.assetResponse.asset), s.assetResponse.asset;
   }
@@ -3642,7 +3642,7 @@ class ui {
     }
     const n = (async () => {
       var s, o;
-      const i = await b.getShadowGraphqlClient().mutate({
+      const i = await B.getShadowGraphqlClient().mutate({
         mutation: ci,
         fetchPolicy: "no-cache",
         errorPolicy: "all",
@@ -3652,7 +3652,7 @@ class ui {
       });
       if (this.bgrmProcessCache.delete(e), !((o = (s = i.data) == null ? void 0 : s.assetRemoveBackground) != null && o.key))
         throw new Error("Failed to remove background from image");
-      return bt.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
+      return Bt.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
         i.data.assetRemoveBackground.key,
         Promise.resolve(i.data.assetRemoveBackground)
       ), i.data.assetRemoveBackground;
@@ -3660,16 +3660,16 @@ class ui {
     return this.bgrmProcessCache.set(e, n), n;
   }
   removePersistedAsset(t) {
-    bt.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
+    Bt.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
   }
   getPersistedAssets() {
-    return bt.list();
+    return Bt.list();
   }
   registerPersistedAssetListener(t) {
-    bt.addCallback(t);
+    Bt.addCallback(t);
   }
   unRegisterPersistedAssetListener(t) {
-    bt.removeCallback(t);
+    Bt.removeCallback(t);
   }
   isRaster(t) {
     return !(t.type === "image/svg+xml" || t.type === "application/pdf" || t.type === "application/postscript");
@@ -3680,7 +3680,7 @@ class ui {
       if (!s)
         throw new Dt("Failed to read SVG.");
       ai(s);
-      const l = Bt().serializeToString(s);
+      const l = bt().serializeToString(s);
       return {
         name: t.name,
         blob: new Blob([l], { type: "image/svg+xml" })
@@ -3767,7 +3767,7 @@ const Rt = "persistentAssets", vn = class ft {
   }
 };
 vn.callbacks = [];
-let bt = vn;
+let Bt = vn;
 const Ua = "bgrmPersistentAssets";
 class J {
   static has(t) {
@@ -3880,7 +3880,7 @@ const Jt = new hi(), En = v`
         }
     }
 `, gi = async (r) => {
-  const t = await b.getShadowGraphqlClient().query({
+  const t = await B.getShadowGraphqlClient().query({
     query: mi,
     errorPolicy: "all",
     variables: {
@@ -3948,7 +3948,7 @@ class Ci {
     }
   }
 }
-const q = new Ci(), Bn = v`
+const q = new Ci(), bn = v`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -4072,7 +4072,7 @@ const q = new Ci(), Bn = v`
             }
         }
     }
-`, bn = v`
+`, Bn = v`
     fragment StakeholderFields on Stakeholder {
         id
         type
@@ -4091,9 +4091,9 @@ const q = new Ci(), Bn = v`
     }
 `, yi = v`
     ${Te}
-    ${bn}
-    ${In}
     ${Bn}
+    ${In}
+    ${bn}
     query ReadTransactions($ids: [String]!) {
         transactions(ids: $ids) {
             customLogoLink
@@ -4322,7 +4322,7 @@ const q = new Ci(), Bn = v`
             workflowViewerReadOnlyLink
         }
     }
-`, Bi = v`
+`, bi = v`
     ${In}
     query ReadTransactionForShareActions($id: String!) {
         transactions(ids: [$id]) {
@@ -4423,7 +4423,7 @@ const q = new Ci(), Bn = v`
             ` : ""}
         }
     }
-`, bi = (r) => v`
+`, Bi = (r) => v`
     ${Dn(r)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
@@ -4441,7 +4441,7 @@ const q = new Ci(), Bn = v`
         }
     }
 `, Pi = v`
-    ${bn}
+    ${Bn}
     query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
             stakeholders {
@@ -5100,7 +5100,7 @@ const q = new Ci(), Bn = v`
         }
     }
 `, Oi = v`
-    ${Bn}
+    ${bn}
     ${Ne}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
@@ -5328,11 +5328,11 @@ const Q = () => {
   width: u
 }) => {
   var E;
-  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 === Ht.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((B, 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 === Ht.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((b, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ x("color-profile", { name: B.name, xlinkHref: B.key, children: " " }, I)
-  )), S = n.map((B) => ({
-    ...B,
+    /* @__PURE__ */ x("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, I)
+  )), S = n.map((b) => ({
+    ...b,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
   })), y = va(S);
@@ -5372,7 +5372,7 @@ const Q = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: y.map((B) => Rn(B)).filter((B) => !!B)
+            children: y.map((b) => Rn(b)).filter((b) => !!b)
           }
         ),
         l && /* @__PURE__ */ x(
@@ -5577,8 +5577,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, S, y, E, B, I, D, F, k, T;
-    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((B = r.pattern) == null ? void 0 : B.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
+    var w, S, y, E, b, I, D, F, k, T;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((b = r.pattern) == null ? void 0 : b.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: M.Illustration,
@@ -5741,17 +5741,17 @@ const Ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     let y = 0;
     const E = A.getAttribute("text-anchor");
     E === "middle" ? y = S / 2 : E === "end" && (y = S);
-    const B = g.getPath(
+    const b = g.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - y,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    B.fill = p, B.stroke = f, B.strokeWidth = parseFloat(C ?? "0");
-    const I = B.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    b.fill = p, b.stroke = f, b.strokeWidth = parseFloat(C ?? "0");
+    const I = b.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
     h.appendChild(F);
   }
-  return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
+  return e.querySelectorAll("text").forEach((d) => d.remove()), bt().serializeToString(a);
 }, Ee = (r, t, e, a) => Math.max(ts(r.join(`
 `), e, a), t), La = (r, t, e, a, n, i) => {
   const s = (i || ya) * n.getApproximateHeight(), o = t.split(`
@@ -5861,7 +5861,7 @@ const Ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Be = (r, t = Va) => {
+}, be = (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(`
@@ -6271,7 +6271,7 @@ const ae = (r) => {
     return At.set(r, s), s;
   }
   if ((((e = r.split(".").pop()) == null ? void 0 : e.toLowerCase()) ?? "") === "svg") {
-    const a = await Ba(r), n = a.width, i = a.height, s = {
+    const a = await ba(r), n = a.width, i = a.height, s = {
       src: r,
       width: n,
       height: i,
@@ -6287,7 +6287,7 @@ const ae = (r) => {
     };
     return At.set(r, i), i;
   }
-}, Ba = async (r) => {
+}, ba = async (r) => {
   const t = await at(r);
   return $n(t);
 }, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), $n = (r) => {
@@ -6327,7 +6327,7 @@ const ae = (r) => {
     const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(s), c = gt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
+    const l = bt().serializeToString(s), c = gt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: gt,
@@ -6424,7 +6424,7 @@ class Jc {
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Tt(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 = Be(c, {
+    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = be(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
     }), A = e.region || await Ut(t, M.Textbox, n, {
@@ -6541,7 +6541,7 @@ const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   if (!e)
     throw new V();
   return e;
-}, X = (r, t) => {
+}, Z = (r, t) => {
   const e = [...t.elements.filter((n) => n.id !== r.id), r], a = va(e);
   return {
     layout: t.layout,
@@ -6634,7 +6634,7 @@ class Kc extends O {
       ...e,
       x: this.x,
       y: this.y
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6656,7 +6656,7 @@ class _c extends O {
     const a = {
       ...e,
       rotation: this.angle
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6687,7 +6687,7 @@ class Xc extends O {
       const s = a, o = (!s.algorithm || s.algorithm === kt.Autosize ? s.text : s.input) ?? "";
       a = ee(s, o, e);
     }
-    const n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    const n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6819,7 +6819,7 @@ class ds extends O {
       fill: this.color,
       fillSpotColorDefinition: this.textFillSpotColor,
       textFillImage: void 0
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6841,7 +6841,7 @@ class We extends O {
     const a = {
       ...e,
       textFillImage: this.imageFill
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6863,7 +6863,7 @@ class As extends O {
     const a = {
       ...e,
       fontSize: this.size
-    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = X(ee(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6885,7 +6885,7 @@ class Wa extends O {
     const a = {
       ...e,
       fontData: this.fontData
-    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = X(ee(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6907,7 +6907,7 @@ class us extends O {
     const a = {
       ...e,
       align: this.align
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6968,7 +6968,7 @@ class ms extends O {
       invertThreshold: this.invertThreshold,
       threshold: this.threshold,
       thresholdSaturation: this.thresholdSaturation
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6990,7 +6990,7 @@ class Zc extends O {
     const a = {
       ...e,
       src: this.src
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -7009,7 +7009,7 @@ class gs extends O {
     const e = L(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
-    const a = _(e.id, Object.values(t.layouts)), n = X(ee(e, this.text, e), a);
+    const a = _(e.id, Object.values(t.layouts)), n = Z(ee(e, this.text, e), a);
     return {
       ...t,
       layouts: {
@@ -7032,7 +7032,7 @@ class je extends O {
       ...e,
       strokeColor: this.strokeColor,
       strokeThickness: this.strokeThickness
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -7064,7 +7064,7 @@ class oa extends O {
     const i = {
       ...e,
       colors: a
-    }, s = _(e.id, Object.values(t.layouts)), o = X(i, s);
+    }, s = _(e.id, Object.values(t.layouts)), o = Z(i, s);
     return {
       ...t,
       layouts: {
@@ -7087,7 +7087,7 @@ class ps extends O {
       ...e,
       svg: this.svgBody,
       cachedObjectURL: this.objectURL
-    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -7442,7 +7442,7 @@ class Cs {
   }
 }
 const zn = new Cs();
-class be {
+class Be {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
@@ -7556,7 +7556,7 @@ class be {
   }
   selectImage(t, e, a, n = !0) {
     var l;
-    const i = be.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
+    const i = Be.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);
@@ -7621,7 +7621,7 @@ class be {
   }
   async loadPatternFromString(t, e, a = !0, n = void 0, i) {
     if (t.endsWith("svg")) {
-      const s = await Ba(t), o = s.width, l = s.height, c = await at(t);
+      const s = await ba(t), o = s.width, l = s.height, c = await at(t);
       if (i) {
         const u = c.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (u && u.length > 0)
@@ -7748,11 +7748,11 @@ class be {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, y = Q(), B = n.getLayouts().find((I) => I.panelId === m.panelId);
-        if (!B)
+        } : void 0, y = Q(), b = n.getLayouts().find((I) => I.panelId === m.panelId);
+        if (!b)
           throw new Y(m);
         return {
-          command: this.getCreateElementCommand(y, m, B, {
+          command: this.getCreateElementCommand(y, m, b, {
             frameData: p,
             pattern: S,
             disablePlaceholder: t.data.disablePlaceholder,
@@ -7801,7 +7801,7 @@ class be {
   }
   async loadPatternFromAsset(t, e, a, n) {
     var c, d;
-    const i = be.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
+    const i = Be.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 {
@@ -7828,7 +7828,7 @@ class be {
     ), this.validateColorCount(e, a);
   }
 }
-const Ct = new be();
+const Ct = new Be();
 class ws {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -8040,21 +8040,21 @@ class ws {
         const C = ((w = o.assetConfiguration) == null ? void 0 : w.defaultColorVariants) || [];
         if (C.length !== 0) {
           const y = {};
-          (((S = o.assetConfiguration) == null ? void 0 : S.channelNumbers) || []).forEach((B) => {
+          (((S = o.assetConfiguration) == null ? void 0 : S.channelNumbers) || []).forEach((b) => {
             var D;
-            const I = C.find((F) => F.channelNumber === B.number);
-            I && (y[`${B.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
+            const I = C.find((F) => F.channelNumber === b.number);
+            I && (y[`${b.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
           }), await this.changeColors(
             t,
-            u.map((B) => B.regionElement),
+            u.map((b) => b.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
             new Map(Object.entries(y))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const y = await this.availableColors(t, i) || [], E = Object.keys(c.colors), B = y.length === 1 && E.length === 1;
-          if (B) {
+          const y = await this.availableColors(t, i) || [], E = Object.keys(c.colors), b = y.length === 1 && E.length === 1;
+          if (b) {
             const I = y[0], D = E[0];
             await this.changeColors(
               t,
@@ -8064,7 +8064,7 @@ class ws {
               /* @__PURE__ */ new Map([[D, I.variant.color]])
             );
           }
-          !B && C.length === 0 && await this.changeColors(
+          !b && C.length === 0 && await this.changeColors(
             t,
             u.map((I) => I.regionElement),
             i,
@@ -8446,7 +8446,7 @@ class Es {
   }
 }
 const Hn = new Es();
-class Bs {
+class bs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
@@ -8504,8 +8504,8 @@ class Bs {
     };
   }
 }
-const qn = new Bs();
-class bs {
+const qn = new bs();
+class Bs {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
   }
@@ -8677,7 +8677,7 @@ class bs {
     }
   }
 }
-const zt = new bs();
+const zt = new Bs();
 class Is {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8983,7 +8983,7 @@ class Fs {
   }
   getProcessedInput(t, e, a) {
     const n = a ? t : this.injectReplaceableText(t, e);
-    return Be(n, {
+    return be(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -9056,9 +9056,9 @@ class Fs {
           let w = (A = n.storage) == null ? void 0 : A.text;
           const S = e.getWorkflowExperience().getBundle();
           if (S && t.globalPropertyAspectConfigurations) {
-            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, E = y == null ? void 0 : y.find((B) => {
+            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, E = y == null ? void 0 : y.find((b) => {
               var I;
-              return B.type === z.Text && ((I = t.globalPropertyAspectConfigurations) == null ? void 0 : I.map((D) => D.aspectName).includes(B.name));
+              return b.type === z.Text && ((I = t.globalPropertyAspectConfigurations) == null ? void 0 : I.map((D) => D.aspectName).includes(b.name));
             });
             if (E) {
               const I = S.getGlobalPropertyStateManager().getAspect(E.name);
@@ -9071,7 +9071,7 @@ class Fs {
             f,
             async () => {
               e.updateMetadata(t.stepName, { color: C, text: w }), e.updateStorage(t.stepName, { text: w, inputText: w });
-              const y = o.map((B) => new Wa(B.id, p)), E = new $(y);
+              const y = o.map((b) => new Wa(b.id, p)), E = new $(y);
               e.getCommandDispatcher()(E);
             }
           ), o.length === 0 && l) {
@@ -9298,7 +9298,7 @@ class Fs {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, y = [], E = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
+        }, y = [], E = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
         if (!S.fontData)
           throw new G("Failed to resolve font data for text.");
         const [I, D] = pe(
@@ -9315,7 +9315,7 @@ class Fs {
           [l],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(S.id, I), B.set(S.id, D);
+        E.set(S.id, I), b.set(S.id, D);
         const F = a.curved || a.vertical ? l : (D || []).join(`
 `);
         y.push(
@@ -9376,13 +9376,13 @@ class Fs {
         return d && d(!0), { info: "0" };
       const S = s.getProfanities(), y = Ze(u.toLowerCase());
       for (const E of y)
-        for (const B in S) {
-          const I = S[B].toLowerCase().replace(/\s/g, "");
+        for (const b in S) {
+          const I = S[b].toLowerCase().replace(/\s/g, "");
           if (E === 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((B) => B) ? (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((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
     })();
     if (f.error) {
       c(f.error);
@@ -9574,8 +9574,8 @@ class $s extends xs {
       y.setAttribute("d", d), y.setAttribute("stroke", "black"), y.setAttribute("stroke-width", "3"), S.appendChild(y);
       const E = et("g");
       E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = y.outerHTML;
-      const B = et("g");
-      B.classList.add("module-layer1"), w.appendChild(B), B.setAttribute("stroke-width", "3"), B.setAttribute("stroke", "rgb(45,41,38)"), B.setAttribute("fill", "rgb(45,41,38)"), B.setAttribute("transform", "translate(0.5,0)"), B.innerHTML = o;
+      const b = et("g");
+      b.classList.add("module-layer1"), w.appendChild(b), b.setAttribute("stroke-width", "3"), b.setAttribute("stroke", "rgb(45,41,38)"), b.setAttribute("fill", "rgb(45,41,38)"), b.setAttribute("transform", "translate(0.5,0)"), b.innerHTML = o;
       const I = et("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 = et("g");
@@ -9653,7 +9653,7 @@ const ne = v`
             }
         }
     }
-`, rd = async (r) => (await b.getShadowGraphqlClient().query({
+`, rd = async (r) => (await B.getShadowGraphqlClient().query({
   query: Vs,
   fetchPolicy: "cache-first",
   errorPolicy: "all",
@@ -9705,7 +9705,7 @@ const ne = v`
             name
         }
     }
-`, ba = v`
+`, Ba = v`
     ${zs}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -9716,7 +9716,7 @@ const ne = v`
         }
     }
 `, re = (r) => v`
-    ${r ? ba : ""}
+    ${r ? Ba : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
         name
@@ -9892,7 +9892,7 @@ const ne = v`
         }
     }
 `, js = v`
-    ${ba}
+    ${Ba}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -9925,7 +9925,7 @@ const ne = v`
         }
     }
 `, qs = v`
-    ${ba}
+    ${Ba}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
@@ -10295,8 +10295,8 @@ class Co {
         return;
       const S = this.getCommandContext().getAllLayouts(), y = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
       if (y)
-        for (const [, B] of y)
-          B.render(S);
+        for (const [, b] of y)
+          b.render(S);
     }, 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, (w = this.renderableContextService) == null || w.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((S) => {
       this.stepTags[S.stepName] = S.tags ?? [];
     }), C && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
@@ -10818,7 +10818,7 @@ class Co {
   }
   async updateTransactionStakeholders() {
     var e;
-    const t = await b.getShadowGraphqlClient().query({
+    const t = await B.getShadowGraphqlClient().query({
       query: Pi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -10829,7 +10829,7 @@ class Co {
     !((e = t == null ? void 0 : t.data) != null && e.transactions) || t.data.transactions.length !== 1 ? (this.transaction.currentStakeholder = void 0, this.transaction.stakeholders = void 0) : (this.transaction.stakeholders = t.data.transactions[0].stakeholders, this.transaction.currentStakeholder = t.data.transactions[0].currentStakeholder);
   }
   async approveTransaction(t) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: uo,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -10840,7 +10840,7 @@ class Co {
     });
   }
   async rejectTransaction(t) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: ho,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -10863,11 +10863,11 @@ class Co {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, B) => E + B.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((E) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, b) => E + b.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((E) => {
       wt(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, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((E) => E.silentSteps).flat(), A = l.map((E) => E.silentSteps).flat().filter(
-      (E) => !c.some((B) => B.stepName === E.stepName)
+      (E) => !c.some((b) => b.stepName === E.stepName)
     );
     c.forEach((E) => {
       wt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
@@ -10881,15 +10881,15 @@ class Co {
     const g = this.workflow.steps.find((E) => E.stepName === t);
     if ((g == null ? void 0 : g.type) === P.Frame) {
       const E = (y = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : y.frameService;
-      E == null || E.setTargetElements(a.map((B) => B.id));
+      E == null || E.setTargetElements(a.map((b) => b.id));
     }
     const p = u.map((E) => new Et(E.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...m, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), S = this.modelContainer;
     if (S) {
       const E = w.map(
-        (B) => S.applyModelVariant(
-          B,
+        (b) => S.applyModelVariant(
+          b,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -11369,7 +11369,7 @@ class Eo extends it {
     return this.step.data.displayType || ((t = this.step.option) == null ? void 0 : t.displayType);
   }
 }
-class Bo extends it {
+class bo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11424,7 +11424,7 @@ class Bo extends it {
     return t;
   }
 }
-class bo extends it {
+class Bo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11723,13 +11723,13 @@ class ce {
       case P.Question:
         return new Eo(t, e, t.getStepTags(e.stepName));
       case P.Text:
-        return new bo(t, e, t.getStepTags(e.stepName));
+        return new Bo(t, e, t.getStepTags(e.stepName));
       case P.Illustration:
         return new wo(t, e, t.getStepTags(e.stepName));
       case P.Picture:
         return new vo(t, e, t.getStepTags(e.stepName));
       case P.Shape:
-        return new Bo(t, e, t.getStepTags(e.stepName));
+        return new bo(t, e, t.getStepTags(e.stepName));
       case P.Material:
         return new yo(t, e, t.getStepTags(e.stepName));
       case P.Model:
@@ -11832,7 +11832,7 @@ const ko = async (r, t) => {
     const l = ((n = Object.entries(localStorage).find(([d, A]) => d.startsWith("CognitoIdentityServiceProvider") && d.endsWith("idToken"))) == null ? void 0 : n[0]) || "", c = localStorage.getItem(l);
     c && !Wt(c) && (e.Authorization = `Bearer ${c}`);
   }
-  return (i = (await b.getShadowGraphqlClient().mutate({
+  return (i = (await B.getShadowGraphqlClient().mutate({
     mutation: Fo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -11863,7 +11863,7 @@ const ko = async (r, t) => {
     const l = ((n = Object.entries(localStorage).find(([d, A]) => d.startsWith("CognitoIdentityServiceProvider") && d.endsWith("idToken"))) == null ? void 0 : n[0]) || "", c = localStorage.getItem(l);
     c && !Wt(c) && (e.Authorization = `Bearer ${c}`);
   }
-  return (i = (await b.getShadowGraphqlClient().mutate({
+  return (i = (await B.getShadowGraphqlClient().mutate({
     mutation: xo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -11970,7 +11970,7 @@ const ko = async (r, t) => {
     if (c !== void 0)
       return c;
     await r.outstandingRequestsPromise();
-    const F = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), T = await b.getShadowGraphqlClient().query({
+    const F = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), T = await B.getShadowGraphqlClient().query({
       query: Pn,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
@@ -11990,22 +11990,22 @@ const ko = async (r, t) => {
       for (const T of Object.keys(i)) {
         const nt = i[T], R = t.steps.find((tt) => tt.stepName === T);
         for (let tt = 0; tt < nt.selections.length; ++tt) {
-          const Z = nt.selections[tt];
+          const X = nt.selections[tt];
           if (R && (!D || R.option && (R.option.variants || []).length > 1 && !R.data.hideSelectionInCart && !R.data.hideSelectionsInCart)) {
             const Nt = R.stepTitle;
             F[Nt] ? F[Nt].push({
-              id: Z.id || "",
-              name: Z.name,
-              priceModifier: Z.priceModifier
+              id: X.id || "",
+              name: X.name,
+              priceModifier: X.priceModifier
             }) : F[Nt] = [
               {
-                id: Z.id || "",
-                name: Z.name,
-                priceModifier: Z.priceModifier
+                id: X.id || "",
+                name: X.name,
+                priceModifier: X.priceModifier
               }
             ];
           }
-          k += Z.priceModifier;
+          k += X.priceModifier;
         }
       }
     return [F, k];
@@ -12095,7 +12095,7 @@ const ko = async (r, t) => {
   );
   const n = await (async () => {
     var c;
-    const l = await b.getShadowGraphqlClient().query({
+    const l = await B.getShadowGraphqlClient().query({
       query: Pn,
       variables: { ids: r.map((d) => d.transaction.id) },
       fetchPolicy: "no-cache",
@@ -12778,7 +12778,7 @@ const zo = [
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((y = i.variants) == null ? void 0 : y.find((B) => B.id === n.illustrationVariantId)) || ae(i);
+  const s = ((y = i.variants) == null ? void 0 : y.find((b) => b.id === n.illustrationVariantId)) || ae(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12792,32 +12792,32 @@ const zo = [
     return console.error("Failed to read SVG."), [];
   pa(m);
   const g = {};
-  xt(m, (B) => {
-    zo.includes(B.tagName) && !B.attributes.getNamedItem("fill") && B.setAttribute("fill", "#000000");
-    const I = B.attributes.getNamedItem("fill");
+  xt(m, (b) => {
+    zo.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
+    const I = b.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
       const F = I.value, T = `spiff-fill-${F.replace(/\W/g, "")}`;
-      B.classList.add(T), g[T] = { browserValue: F };
+      b.classList.add(T), g[T] = { browserValue: F };
     }
-    const D = B.attributes.getNamedItem("stroke");
+    const D = b.attributes.getNamedItem("stroke");
     if (D && D.value !== "none") {
       const F = D.value, T = `spiff-stroke-${F.replace(/\W/g, "")}`;
-      B.classList.add(T), g[T] = { browserValue: F };
+      b.classList.add(T), g[T] = { browserValue: F };
     }
   });
-  const f = Bt().serializeToString(m), C = n.colors;
+  const f = bt().serializeToString(m), C = n.colors;
   if (C) {
-    for (const [B, I] of Object.entries(g))
+    for (const [b, I] of Object.entries(g))
       for (const D of Object.keys(C))
         if (I.browserValue === D) {
-          g[B] = { browserValue: C[D] };
+          g[b] = { browserValue: C[D] };
           break;
         }
   }
-  const w = (B) => {
-    const I = r.find((F) => F.panelId === B.panelId);
+  const w = (b) => {
+    const I = r.find((F) => F.panelId === b.panelId);
     if (!I)
-      throw new Y(B);
+      throw new Y(b);
     const D = Q();
     return new W(
       {
@@ -12825,22 +12825,22 @@ const zo = [
         id: D,
         svg: f,
         type: M.Illustration,
-        y: B.top,
-        x: B.left,
-        rotation: B.rotation,
-        width: B.width,
-        height: B.height,
-        layer: B.layer,
-        layerIndex: B.layerIndex,
-        immutable: B.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
       },
       I
     );
   }, S = a.data.regions;
   try {
     return S.map(w);
-  } catch (B) {
-    return console.error(B), [];
+  } catch (b) {
+    return console.error(b), [];
   }
 }, Ho = async (r, t, e) => {
   const a = await Yn(e.data.module), n = t.data, i = (o, l) => {
@@ -13009,7 +13009,7 @@ const zo = [
       const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = (h == null ? void 0 : h.length) > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new Dt("Failed to read SVG.");
-      return pa(f), Bt().serializeToString(f);
+      return pa(f), bt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -13060,7 +13060,7 @@ const zo = [
       assetUrl: p,
       name: f.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Be(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = be(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (p) => {
@@ -13101,7 +13101,7 @@ const zo = [
         d,
         p,
         [
-          Be(u, {
+          be(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -13492,17 +13492,15 @@ class Ia {
    * @param targetExperiences Optionally filter the steps to only those in the given experiences.
    */
   getSharedSteps(t) {
-    return (t ?? this.bundle.getWorkflowExperiences()).flatMap(
-      (n) => n.getStepsConditionallyActive().filter((i) => {
-        var s;
-        return i.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (s = i.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : s.some(
-          (o) => {
-            var l, c;
-            return o.globalPropertyConfigurationId === ((c = (l = this.bundle.getProductCollection()) == null ? void 0 : l.getResource().globalPropertyConfiguration) == null ? void 0 : c.id) && o.aspectName === this.property.name;
-          }
-        );
-      })
-    );
+    return (t ?? this.bundle.getWorkflowExperiences()).flatMap((n) => n.getSteps().filter((s) => {
+      var o;
+      return s.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (o = s.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : o.some(
+        (l) => {
+          var c, d;
+          return l.globalPropertyConfigurationId === ((d = (c = this.bundle.getProductCollection()) == null ? void 0 : c.getResource().globalPropertyConfiguration) == null ? void 0 : d.id) && l.aspectName === this.property.name;
+        }
+      );
+    }));
   }
   getStateValue() {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
@@ -13521,7 +13519,7 @@ class il extends Ia {
     const t = await this.getImage();
     if (t != null && t.fileLink)
       if (t != null && t.fileLink.endsWith(".svg")) {
-        const a = await at(t == null ? void 0 : t.fileLink), n = await Ba(t == null ? void 0 : t.fileLink), i = n.width, s = n.height, o = await lt(a), l = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
+        const a = await at(t == null ? void 0 : t.fileLink), n = await ba(t == null ? void 0 : t.fileLink), i = n.width, s = n.height, o = await lt(a), l = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
         (e = l == null ? void 0 : l.colors) == null || e.forEach((d) => {
           o.colors[d.key] = {
             browserValue: d.browserValue,
@@ -13842,6 +13840,7 @@ class Zn extends Ia {
   }
   async applyGlobalState(t) {
     var n, i;
+    console.log(`LOG: applying global state for option ${this.property.name}`);
     const e = this.getStateValue();
     if (!e)
       return Promise.resolve();
@@ -13869,6 +13868,7 @@ class Ja extends Zn {
   }
   async applyGlobalState(t) {
     var i, s, o;
+    console.log(`LOG: applying global state for color ${this.property.name}`);
     const e = this.getStateValue();
     if (!e)
       return Promise.resolve();
@@ -13877,10 +13877,12 @@ class Ja extends Zn {
       return Promise.resolve();
     await this.applyColorVariant(new st(a), t);
     const n = (o = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : o.customColor;
-    n && this.setCustomColor(n);
+    console.log(`LOG: custom color ${n}`), n && this.setCustomColor(n);
   }
   async applyColorVariant(t, e, a) {
-    const i = this.getSharedSteps(e).map((s) => {
+    const n = this.getSharedSteps(e);
+    console.log(`LOG: applying color variant for ${n.length} shared steps`);
+    const i = n.map((s) => {
       switch (s.getType()) {
         case P.Shape:
           return s.selectVariant(t);
@@ -14038,7 +14040,7 @@ class cl {
     var e, a;
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
-    const t = await b.getShadowGraphqlClient().mutate({
+    const t = await B.getShadowGraphqlClient().mutate({
       mutation: Ls,
       variables: {
         id: this.globalPropertyState.id,
@@ -14082,7 +14084,7 @@ class cl {
   }
   async createGlobalPropertyState() {
     var e, a;
-    const t = await b.getShadowGraphqlClient().mutate({
+    const t = await B.getShadowGraphqlClient().mutate({
       mutation: Us,
       variables: {
         bundleId: this.bundleId
@@ -14220,7 +14222,7 @@ class ul {
   async ensureIdsArePresent(t) {
     if (t.every((a) => this.internalMap.has(a)))
       return;
-    const e = await b.getShadowGraphqlClient().query({
+    const e = await B.getShadowGraphqlClient().query({
       query: Al,
       errorPolicy: "all",
       variables: {
@@ -14308,7 +14310,7 @@ class tr {
   async fetchProducts(t) {
     if (this.fullFetched)
       return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new de(a));
-    const e = await b.getShadowGraphqlClient().query({
+    const e = await B.getShadowGraphqlClient().query({
       query: js,
       variables: {
         id: this.getId(),
@@ -14325,7 +14327,7 @@ class tr {
    */
   async filterProducts(t, e, a, n) {
     var l, c;
-    const i = await b.getShadowGraphqlClient().query({
+    const i = await B.getShadowGraphqlClient().query({
       query: Hs,
       errorPolicy: "all",
       variables: {
@@ -14365,7 +14367,7 @@ class tr {
         items: d.slice(t, t + e)
       };
     }
-    const o = new AbortController(), { signal: l } = o, c = b.getShadowGraphqlClient().watchQuery({
+    const o = new AbortController(), { signal: l } = o, c = B.getShadowGraphqlClient().watchQuery({
       query: qs,
       variables: {
         id: this.getId(),
@@ -14642,7 +14644,7 @@ const fl = v`
     }
 `, od = async (r) => {
   var e, a;
-  return (a = (e = (await b.getShadowGraphqlClient().query({
+  return (a = (e = (await B.getShadowGraphqlClient().query({
     query: fl,
     errorPolicy: "all",
     variables: {
@@ -14730,17 +14732,18 @@ class Je {
         u([]);
         return;
       }
-      console.log("Setting default global variants."), this.globalPropertyHandleService.getHandles().then((m) => {
-        const g = m.map((p) => {
-          if (p.getType() === z.ColorOption || p.getType() === z.Option) {
-            const f = p;
-            if (this.globalPropertyStateManager.getGlobalPropertyState())
-              return f.initDefaultVariant();
-            console.log("Attempted to set global default variant before state was initialized.");
+      console.log("Setting default global variants.");
+      const m = this.globalPropertyStateManager.getGlobalPropertyState();
+      m ? this.globalPropertyHandleService.getHandles().then((g) => {
+        const p = g.map((f) => {
+          if (f.getType() === z.ColorOption || f.getType() === z.Option) {
+            const C = f;
+            if (!m.aspects.find((S) => S.name === C.getName()))
+              return C.initDefaultVariant();
           }
         });
-        Promise.all(g).then(u).catch(h);
-      });
+        Promise.all(p).then(u).catch(h);
+      }) : (console.log("Attempted to set global default variant before state was initialized."), u([]));
     });
     this.initializationPromise = Promise.all([
       this.loadExistingWorkflowExperiences(((A = e.transactions) == null ? void 0 : A.map((u) => u.id)) || [], {
@@ -14757,7 +14760,7 @@ class Je {
   }
   async generateQuoteId() {
     var a, n;
-    const e = (n = (a = (await b.getShadowGraphqlClient().mutate({
+    const e = (n = (a = (await B.getShadowGraphqlClient().mutate({
       mutation: Sl,
       variables: {
         id: this.id
@@ -14769,7 +14772,7 @@ class Je {
     return this.quoteId = e, e || "";
   }
   async attachAddress(t, e, a, n, i, s) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: wl,
       variables: {
         bundleId: this.id,
@@ -14786,7 +14789,7 @@ class Je {
     });
   }
   async attachOrganization(t) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: yl,
       variables: {
         bundleId: this.id,
@@ -14961,7 +14964,7 @@ class Je {
         "Unable to add transaction to bundle - Already Exists: " + a.filter((o) => !!o).map((o) => o == null ? void 0 : o.getWorkflowManager().getTransaction().id).join(", ")
       );
     const n = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), i = e.map((o) => n.get(o));
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: Xs,
       variables: {
         id: this.id,
@@ -14993,7 +14996,7 @@ class Je {
     ))
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const s = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a);
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: _s,
       variables: {
         id: this.id,
@@ -15028,7 +15031,7 @@ class Je {
       const n = this.workflowExperiences.find(
         (i) => i.getWorkflowManager().getTransaction().id === e.id
       );
-      if (n.setBundle(void 0), this.previewService && n.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await b.getShadowGraphqlClient().mutate({
+      if (n.setBundle(void 0), this.previewService && n.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await B.getShadowGraphqlClient().mutate({
         mutation: Zs,
         variables: {
           id: this.id,
@@ -15065,7 +15068,7 @@ class Je {
     );
     a.forEach((n) => n.setBundle(void 0)), [...this.workflowExperiences, ...a].forEach(
       (n) => n.checkForPriceBreakChanges()
-    ), this.previewService && a.forEach((n) => n.getWorkflowManager().ejectFromPreviewService()), t.forEach((n) => this.bundleStateManager.removeStateForTransaction(n.id)), await b.getShadowGraphqlClient().mutate({
+    ), this.previewService && a.forEach((n) => n.getWorkflowManager().ejectFromPreviewService()), t.forEach((n) => this.bundleStateManager.removeStateForTransaction(n.id)), await B.getShadowGraphqlClient().mutate({
       mutation: to,
       variables: {
         id: this.id,
@@ -15128,7 +15131,7 @@ class Je {
   }
   async addStakeholder(t, e) {
     var i;
-    const a = await b.getShadowGraphqlClient().mutate({
+    const a = await B.getShadowGraphqlClient().mutate({
       mutation: eo,
       variables: {
         id: this.id,
@@ -15146,7 +15149,7 @@ class Je {
   }
   async removeStakeholder(t) {
     var a;
-    if (!((a = (await b.getShadowGraphqlClient().mutate({
+    if (!((a = (await B.getShadowGraphqlClient().mutate({
       mutation: ao,
       variables: {
         id: this.id,
@@ -15160,7 +15163,7 @@ class Je {
   }
   async updateStakeholders(t) {
     var n;
-    const e = await b.getShadowGraphqlClient().mutate({
+    const e = await B.getShadowGraphqlClient().mutate({
       mutation: no,
       variables: {
         id: this.id,
@@ -15176,7 +15179,7 @@ class Je {
     this.storeStakeholderCustomers(a);
   }
   async getAllStakeholders() {
-    const t = await b.getShadowGraphqlClient().query({
+    const t = await B.getShadowGraphqlClient().query({
       query: qa,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -15193,7 +15196,7 @@ class Je {
     return this.storeStakeholderCustomers(e), e;
   }
   async getCurrentStakeholder() {
-    const t = await b.getShadowGraphqlClient().query({
+    const t = await B.getShadowGraphqlClient().query({
       query: qa,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -15215,7 +15218,7 @@ class Je {
   }
   async finish(t, e) {
     if (this.completed)
-      return await b.getShadowGraphqlClient().mutate({
+      return await B.getShadowGraphqlClient().mutate({
         mutation: lo,
         variables: {
           bundleId: this.id
@@ -15277,7 +15280,7 @@ class Je {
     return this.bundleStateManager.activateWorkflowExperienceTransform(t, e), this.updateBundle();
   }
   async assignGlobalPropertyConfiguration(t) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: so,
       variables: {
         bundleId: this.id,
@@ -15290,7 +15293,7 @@ class Je {
   }
   async assignProductCollection(t) {
     var a, n;
-    const e = await b.getShadowGraphqlClient().mutate({
+    const e = await B.getShadowGraphqlClient().mutate({
       mutation: io(
         ((a = this.globalPropertyStateManager.getBundleOptions()) == null ? void 0 : a.eagerFetchProducts) ?? !1
       ),
@@ -15348,7 +15351,7 @@ class Je {
   }
   async updateBundle() {
     var e;
-    if (!((e = (await b.getShadowGraphqlClient().mutate({
+    if (!((e = (await B.getShadowGraphqlClient().mutate({
       mutation: Ks,
       variables: {
         id: this.id,
@@ -15365,7 +15368,7 @@ class Je {
       throw new Error("Bundle not found!");
   }
   async updateTransactionOrder() {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: ro,
       variables: {
         id: this.id,
@@ -15406,7 +15409,7 @@ class Je {
     return this.workflowViewerAmendLink;
   }
   async approve(t, e) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: co,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -15418,7 +15421,7 @@ class Je {
     });
   }
   async reject(t, e) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: Ao,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -15454,7 +15457,7 @@ class El {
    */
   async execute(t, e, a) {
     var A, u, h;
-    const i = (u = (A = (await b.getShadowGraphqlClient().mutate({
+    const i = (u = (A = (await B.getShadowGraphqlClient().mutate({
       mutation: vl,
       variables: {
         processFlowId: t,
@@ -15470,7 +15473,7 @@ class El {
     }
     let o = !1, l = 0, c, d;
     for (; !o; ) {
-      c = await b.getShadowGraphqlClient().query({
+      c = await B.getShadowGraphqlClient().query({
         query: v`
                     query getProcessFlowExecution($ids: [String]!) {
                         processExecutions(ids: $ids) {
@@ -15497,7 +15500,7 @@ class El {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new Bl(m);
+        o = !0, d = new bl(m);
         break;
       }
       l += 1;
@@ -15511,7 +15514,7 @@ class El {
     return Promise.resolve(d);
   }
 }
-class Bl {
+class bl {
   constructor(t) {
     this.execution = t;
   }
@@ -15596,7 +15599,7 @@ class Pa {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var bl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(bl || {});
+var Bl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(Bl || {});
 class ld extends Pa {
   constructor(t) {
     super(`"${t}"`);
@@ -15769,7 +15772,7 @@ const Dl = v`
     }
 `;
 class Fl {
-  constructor(t, e = b.getShadowGraphqlClient.bind(b)) {
+  constructor(t, e = B.getShadowGraphqlClient.bind(B)) {
     this.options = t, this.client = e;
   }
   query(t) {
@@ -15927,7 +15930,7 @@ class Ml {
 }
 const Tl = async (r, t) => {
   var n;
-  const e = await b.getShadowGraphqlClient().query({
+  const e = await B.getShadowGraphqlClient().query({
     query: Ti(((n = t == null ? void 0 : t.assets) == null ? void 0 : n.metadata) || !1),
     errorPolicy: "all",
     variables: {
@@ -15984,14 +15987,14 @@ class Ad {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
-        return b.getShadowGraphqlClient().mutate({
+        return B.getShadowGraphqlClient().mutate({
           ...e,
           mutation: Si
         });
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && $r(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 28.0.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && $r(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 28.0.1-beta.cf9847f6-7f99-59a1-a7ce-5381b1ac1990"), 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 && Lr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16009,7 +16012,7 @@ class Ad {
     return new El();
   }
   async getCurrencyContext(t) {
-    const a = (await this.getIntegration()).partner.currencyCode, i = await b.getShadowGraphqlClient().query({
+    const a = (await this.getIntegration()).partner.currencyCode, i = await B.getShadowGraphqlClient().query({
       query: Vi,
       errorPolicy: "all",
       fetchPolicy: "cache-first",
@@ -16077,7 +16080,7 @@ class Ad {
    */
   async authenticateTransactionFromLocalStorage(t) {
     var d, A, u, h, m, g;
-    const e = b.getShadowGraphqlClient(), a = await e.query({
+    const e = B.getShadowGraphqlClient(), a = await e.query({
       query: Ni,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -16137,7 +16140,7 @@ class Ad {
     e != null && e.has(t) && (e.delete(t), N.setMap("transactionCustomerIds", e));
   }
   async customerHasBundleTemplates(t) {
-    const n = (await b.getShadowGraphqlClient().query({
+    const n = (await B.getShadowGraphqlClient().query({
       query: ue,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -16161,7 +16164,7 @@ class Ad {
   async getOrCreateCustomer(t) {
     var s;
     this.customer = void 0;
-    const e = b.getShadowGraphqlClient(), n = (await e.query({
+    const e = B.getShadowGraphqlClient(), n = (await e.query({
       query: ue,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -16214,7 +16217,7 @@ class Ad {
       else
         return this.logOut(), console.error("Failed to refresh tokens."), !1;
     }
-    const o = (await b.getShadowGraphqlClient().query({
+    const o = (await B.getShadowGraphqlClient().query({
       query: ue,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -16228,7 +16231,7 @@ class Ad {
    * Generate an email code to allow logging in as a Spiff user.
    */
   async generateVerificationCode(t) {
-    await b.getShadowGraphqlClient().mutate({
+    await B.getShadowGraphqlClient().mutate({
       mutation: Pl,
       variables: {
         emailAddress: t
@@ -16243,7 +16246,7 @@ class Ad {
     const a = (await this.getIntegration()).partner.id || "", n = await Lt.verifyCode(t, e, a);
     if (n != null && n.AuthenticationResult) {
       localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), localStorage.setItem("cognito-tokens", JSON.stringify(n.AuthenticationResult)), localStorage.setItem("cognito-email", t);
-      const s = (await b.getShadowGraphqlClient().query({
+      const s = (await B.getShadowGraphqlClient().query({
         query: ue,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -16284,7 +16287,7 @@ class Ad {
     var e;
     if (!((e = this.customer) != null && e.id))
       throw new Error("Customer must be logged in before calling this function.");
-    return (await b.getShadowGraphqlClient().query({
+    return (await B.getShadowGraphqlClient().query({
       query: Dl,
       variables: {
         id: this.customer.id
@@ -16297,7 +16300,7 @@ class Ad {
    */
   async getNewBundle(t, e, a) {
     var c, d, A, u, h;
-    const i = (A = (await b.getShadowGraphqlClient().mutate({
+    const i = (A = (await B.getShadowGraphqlClient().mutate({
       mutation: Ys(((d = (c = a == null ? void 0 : a.graphql) == null ? void 0 : c.productCollection) == null ? void 0 : d.eagerFetchProducts) || !1),
       variables: {
         collectionId: t,
@@ -16327,7 +16330,7 @@ class Ad {
    * @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, S, y, E, B;
+    var h, m, g, p, f, C, w, S, y, E, b;
     const i = N.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), o = {};
     try {
       const I = await this.loggedInBearerToken();
@@ -16340,7 +16343,7 @@ class Ad {
       bundleOwnerId: s,
       ...o,
       ...(m = n == null ? void 0 : n.graphql) == null ? void 0 : m.additionalHeaders
-    }, c = await b.getShadowGraphqlClient().query({
+    }, c = await B.getShadowGraphqlClient().query({
       query: Gs(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t
@@ -16356,7 +16359,7 @@ class Ad {
     A.set(d.id, d.partner.id), N.setMap("bundlePartnerIds", A);
     const u = new Je(this, d, e, a, s, {
       additionalHeaders: (y = n == null ? void 0 : n.graphql) == null ? void 0 : y.additionalHeaders,
-      eagerFetchProducts: (B = (E = n == null ? void 0 : n.graphql) == null ? void 0 : E.productCollection) == null ? void 0 : B.eagerFetchProducts,
+      eagerFetchProducts: (b = (E = n == null ? void 0 : n.graphql) == null ? void 0 : E.productCollection) == null ? void 0 : b.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -16375,14 +16378,14 @@ class Ad {
       const C = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${C}`;
     } catch {
-      const S = ((h = Object.entries(localStorage).find(([E, B]) => E.startsWith("CognitoIdentityServiceProvider") && E.endsWith("idToken"))) == null ? void 0 : h[0]) || "", y = localStorage.getItem(S);
+      const S = ((h = Object.entries(localStorage).find(([E, b]) => E.startsWith("CognitoIdentityServiceProvider") && E.endsWith("idToken"))) == null ? void 0 : h[0]) || "", y = localStorage.getItem(S);
       y && !Wt(y) && (s.Authorization = `Bearer ${y}`);
     }
     const o = {
       bundleOwnerId: i,
       ...s,
       ...(m = n == null ? void 0 : n.graphql) == null ? void 0 : m.additionalHeaders
-    }, c = (f = (await b.getShadowGraphqlClient().mutate({
+    }, c = (f = (await B.getShadowGraphqlClient().mutate({
       mutation: Js(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t,
@@ -16424,7 +16427,7 @@ class Ad {
     if (!((i = this.customer) != null && i.id))
       throw new Error("Customer not authenticated.");
     const { includeMetadata: e, ...a } = t;
-    return (await b.getShadowGraphqlClient().query({
+    return (await B.getShadowGraphqlClient().query({
       query: oo(e ?? !1),
       variables: {
         ...a,
@@ -16441,7 +16444,7 @@ class Ad {
     var i;
     if (!this.customer)
       throw new Error("Customer not authenticated.");
-    const t = await b.getShadowGraphqlClient().query({
+    const t = await B.getShadowGraphqlClient().query({
       query: Ws,
       variables: {
         id: this.customer.id
@@ -16478,20 +16481,20 @@ class Ad {
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
       throw new ut("No options provided!");
-    const a = b.getShadowGraphqlClient(), n = async (y) => {
+    const a = B.getShadowGraphqlClient(), n = async (y) => {
       var D, F, k;
       if (y.length === 0)
         return [];
-      const E = y.map((T) => T.option.transactionId), B = await a.query({
+      const E = y.map((T) => T.option.transactionId), b = await a.query({
         query: yi,
         variables: {
           ids: E
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), I = B.data.transactions;
+      }), I = b.data.transactions;
       if (I.length !== y.length) {
-        const T = ((F = (D = B.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
+        const T = ((F = (D = b.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${T}`);
       }
       return !this.activeIntegration && ((k = I[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((T, nt) => {
@@ -16523,12 +16526,12 @@ class Ad {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), B = (I = E.data) == null ? void 0 : I.transactionCreateMany;
-      if (!B || B.length === 0) {
+      }), b = (I = E.data) == null ? void 0 : I.transactionCreateMany;
+      if (!b || b.length === 0) {
         const k = ((F = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${k}`);
       }
-      return B.map((k, T) => ({
+      return b.map((k, T) => ({
         transaction: k,
         workflowId: k.workflowId,
         readOnly: !1,
@@ -16541,7 +16544,7 @@ class Ad {
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((y) => y.workflowId))], h = await ar(u, e), m = new Map(h.map((y) => [y.id, y])), g = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (y) => {
       var tt;
-      const { transaction: E, workflowId: B, readOnly: I, index: D } = y, F = m.get(B), k = t[D];
+      const { transaction: E, workflowId: b, readOnly: I, index: D } = y, F = m.get(b), k = t[D];
       !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
       const T = g.get(E.id) || void 0, nt = new Fl({
         onMutate: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
@@ -16553,18 +16556,18 @@ class Ad {
         singleVariantsRenderable: (tt = k == null ? void 0 : k.workflowConfiguration) == null ? void 0 : tt.singleVariantsRenderable,
         stateMutationFunc: I ? async () => {
           throw new G("State mutation is forbidden in read only mode!");
-        } : async (Z) => this.updateTransactionState({
-          ...Z,
+        } : async (X) => (console.log(`LOG: updating transaction with options ${JSON.stringify(X, null, 2)}`), console.trace(), this.updateTransactionState({
+          ...X,
           context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
-        }),
+        })),
         graphQlClient: () => nt,
         readOnly: I,
         workflow: F,
         isReloadedTransaction: k.type === "transaction"
       };
       if (!I && k.workflowState) {
-        const Z = JSON.parse(k.workflowState);
-        R.layouts = Object.values(Z.layouts || {}).map((Nt) => Nt.layout), await cs(Z), R.reloadedState = Z;
+        const X = JSON.parse(k.workflowState);
+        R.layouts = Object.values(X.layouts || {}).map((Nt) => Nt.layout), await cs(X), R.reloadedState = X;
       } else
         R.layouts = Rl(
           R.transaction,
@@ -16576,8 +16579,8 @@ class Ad {
     }), f = await Promise.all(p);
     N.setMap("transactionOwnerIds", g);
     const w = f.sort((y, E) => y.index - E.index).map(async (y) => {
-      const { experienceOptions: E, options: B } = y, I = new Vo(this, E);
-      return await I.getWorkflowManager().getInitializationPromise(), B.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
+      const { experienceOptions: E, options: b } = y, I = new Vo(this, E);
+      return await I.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
     }), S = await Promise.all(w);
     return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), S;
   }
@@ -16587,8 +16590,8 @@ class Ad {
   }
   async getIntegrationProductById(t, e) {
     var s, o;
-    const i = (s = (await b.getShadowGraphqlClient().query({
-      query: bi(e),
+    const i = (s = (await B.getShadowGraphqlClient().query({
+      query: Bi(e),
       variables: {
         ids: [t]
       },
@@ -16601,7 +16604,7 @@ class Ad {
   }
   async getIntegrationProductFromExternalIds(t, e, a) {
     var o;
-    const s = (o = (await b.getShadowGraphqlClient().query({
+    const s = (o = (await B.getShadowGraphqlClient().query({
       query: Ii(a),
       variables: {
         externalProductId: e,
@@ -16618,8 +16621,8 @@ class Ad {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
   }
   async getShareActionsForTransaction(t) {
-    const a = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t) || void 0, n = await b.getShadowGraphqlClient().query({
-      query: Bi,
+    const a = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t) || void 0, n = await B.getShadowGraphqlClient().query({
+      query: bi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16634,7 +16637,7 @@ class Ad {
     return n.data.transactions[0].transactionShareActions;
   }
   async placeOrder(t) {
-    const e = await b.getShadowGraphqlClient().mutate({
+    const e = await B.getShadowGraphqlClient().mutate({
       mutation: Li,
       variables: {
         orderItems: t
@@ -16650,7 +16653,7 @@ class Ad {
     };
   }
 }
-const Ol = async (r, t) => (await b.getShadowGraphqlClient().query({
+const Ol = async (r, t) => (await B.getShadowGraphqlClient().query({
   query: Oi,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -16663,7 +16666,7 @@ const Ol = async (r, t) => (await b.getShadowGraphqlClient().query({
     themeConfigurationId: t
   }
 })).data.currentIntegration, ud = async (r) => {
-  const e = await b.getShadowGraphqlClient().query({
+  const e = await B.getShadowGraphqlClient().query({
     query: Ei,
     errorPolicy: "all",
     fetchPolicy: "network-only",
@@ -16675,7 +16678,7 @@ const Ol = async (r, t) => (await b.getShadowGraphqlClient().query({
     return e.data.transactions[0];
 }, hd = async (r, t) => {
   var a;
-  return (a = (await b.getShadowGraphqlClient().query({
+  return (a = (await B.getShadowGraphqlClient().query({
     query: Ri,
     errorPolicy: "all",
     variables: {
@@ -16685,7 +16688,7 @@ const Ol = async (r, t) => (await b.getShadowGraphqlClient().query({
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
 }, md = async (r) => {
   var e, a, n;
-  return (n = (a = (e = (await b.getShadowGraphqlClient().query({
+  return (n = (a = (e = (await B.getShadowGraphqlClient().query({
     query: Ui,
     errorPolicy: "all",
     variables: {
@@ -16694,7 +16697,7 @@ const Ol = async (r, t) => (await b.getShadowGraphqlClient().query({
   })).data) == null ? void 0 : e.bundles) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
 }, gd = async (r) => {
   var e, a, n;
-  return (n = (a = (e = (await b.getShadowGraphqlClient().query({
+  return (n = (a = (e = (await B.getShadowGraphqlClient().query({
     query: $i,
     errorPolicy: "all",
     variables: {
@@ -17394,7 +17397,7 @@ const zl = v`
             total
         }
     }
-`, fd = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
+`, fd = async (r, t, e) => await B.getShadowGraphqlClient().mutate({
   mutation: ql,
   errorPolicy: "all",
   variables: {
@@ -17402,34 +17405,34 @@ const zl = v`
     name: t
   },
   context: e
-}), Cd = async (r, t) => await b.getShadowGraphqlClient().mutate({
+}), Cd = async (r, t) => await B.getShadowGraphqlClient().mutate({
   mutation: Gl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   }
-}), wd = async (r, t) => await b.getShadowGraphqlClient().mutate({
+}), wd = async (r, t) => await B.getShadowGraphqlClient().mutate({
   mutation: Yl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), yd = async (r, t) => await b.getShadowGraphqlClient().mutate({
+}), yd = async (r, t) => await B.getShadowGraphqlClient().mutate({
   mutation: Wl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), Sd = async (r) => (await b.getShadowGraphqlClient().query({
+}), Sd = async (r) => (await B.getShadowGraphqlClient().query({
   query: zl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, vd = async (r, t, e) => await b.getShadowGraphqlClient().query({
+})).data.customer, vd = async (r, t, e) => await B.getShadowGraphqlClient().query({
   query: jl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -17438,7 +17441,7 @@ const zl = v`
     offset: e,
     limit: t
   }
-}), Ed = async (r, t) => await b.getShadowGraphqlClient().query({
+}), Ed = async (r, t) => await B.getShadowGraphqlClient().query({
   query: Hl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -17446,9 +17449,9 @@ const zl = v`
     id: r
   },
   context: t
-}), Bd = async (r, t, e) => {
+}), bd = async (r, t, e) => {
   var n;
-  const a = await b.getShadowGraphqlClient().query({
+  const a = await B.getShadowGraphqlClient().query({
     query: Da,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -17470,9 +17473,9 @@ const zl = v`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, bd = async (r, t, e) => {
+}, Bd = async (r, t, e) => {
   var n;
-  const a = await b.getShadowGraphqlClient().query({
+  const a = await B.getShadowGraphqlClient().query({
     query: Da,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -17496,7 +17499,7 @@ const zl = v`
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
 }, Id = async (r, t, e) => {
   var n;
-  const a = await b.getShadowGraphqlClient().query({
+  const a = await B.getShadowGraphqlClient().query({
     query: Da,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -17516,7 +17519,7 @@ const zl = v`
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
 }, Pd = async (r, t, e) => {
   var n;
-  const a = await b.getShadowGraphqlClient().query({
+  const a = await B.getShadowGraphqlClient().query({
     query: Jl,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -17683,7 +17686,7 @@ const Dd = async (r) => {
   const t = r.map((a) => {
     var n;
     return (n = a.getWorkflowManager().getTransaction().recipient) == null ? void 0 : n.id;
-  }).filter((a) => !!a), e = await b.getShadowGraphqlClient().query({
+  }).filter((a) => !!a), e = await B.getShadowGraphqlClient().query({
     query: ec,
     errorPolicy: "all",
     fetchPolicy: "network-only",
@@ -17699,7 +17702,7 @@ const Dd = async (r) => {
   });
 }, Fd = async (r) => {
   var e;
-  return (e = (await b.getShadowGraphqlClient().query({
+  return (e = (await B.getShadowGraphqlClient().query({
     query: tc,
     errorPolicy: "all",
     fetchPolicy: "network-only",
@@ -17709,7 +17712,7 @@ const Dd = async (r) => {
   })).data) == null ? void 0 : e.addressValidationJobs;
 }, xd = async (r) => {
   var e, a;
-  return (e = r.getWorkflowManager().getTransaction().recipient) != null && e.id ? (a = (await b.getShadowGraphqlClient().mutate({
+  return (e = r.getWorkflowManager().getTransaction().recipient) != null && e.id ? (a = (await B.getShadowGraphqlClient().mutate({
     mutation: ac,
     errorPolicy: "all",
     fetchPolicy: "network-only",
@@ -17721,7 +17724,7 @@ const Dd = async (r) => {
   const t = r.map((a) => {
     var n;
     return (n = a.getWorkflowManager().getTransaction().recipient) == null ? void 0 : n.id;
-  }).filter((a) => !!a), e = await b.getShadowGraphqlClient().mutate({
+  }).filter((a) => !!a), e = await B.getShadowGraphqlClient().mutate({
     mutation: nc,
     errorPolicy: "all",
     fetchPolicy: "network-only",
@@ -17762,7 +17765,7 @@ export {
   Po as DigitalContentStepHandle,
   il as FileUploadGlobalPropertyHandle,
   Ae as FlowExecutionNodeResult,
-  Bl as FlowExecutionResult,
+  bl as FlowExecutionResult,
   El as FlowService,
   us as FontAlignmentCommand,
   ds as FontColorCommand,
@@ -17777,7 +17780,7 @@ export {
   Re as InformationMessageType,
   Io as InformationStepHandle,
   Ka as IntegrationProduct,
-  Br as IntegrationType,
+  br as IntegrationType,
   Jc as LayoutElementFactory,
   M as LayoutElementType,
   Y as LayoutNotFoundError,
@@ -17789,12 +17792,12 @@ export {
   Do as ModuleStepHandle,
   Kc as MoveCommand,
   er as ObjectInput,
-  bl as ObjectInputType,
+  Bl as ObjectInputType,
   Zn as OptionGlobalPropertyHandle,
   ye as OptionNotFoundError,
   Dt as ParseError,
   vo as PictureStepHandle,
-  br as ProductCameraRig,
+  Br as ProductCameraRig,
   tr as ProductCollection,
   ml as ProductCollectionProductSortKey,
   jt as ProductWorkflow,
@@ -17807,7 +17810,7 @@ export {
   _c as RotateCommand,
   H as ScaleAxis,
   nd as SendBackwardsCommand,
-  Bo as ShapeStepHandle,
+  bo as ShapeStepHandle,
   Er as ShareActionType,
   Ad as SpiffCommerceClient,
   we as StakeholderType,
@@ -17818,7 +17821,7 @@ export {
   gs as TextChangeCommand,
   sl as TextGlobalPropertyHandle,
   ld as TextInput,
-  bo as TextStepHandle,
+  Bo as TextStepHandle,
   pl as Transform,
   gl as TransformCollection,
   G as UnhandledBehaviorError,
@@ -17862,7 +17865,7 @@ export {
   Ol as getIntegration,
   zc as getNEPoint,
   Vc as getNWPoint,
-  bd as getOrderedTransactions,
+  Bd as getOrderedTransactions,
   hd as getOverrideThemeConfiguration,
   Lc as getPointOfRotation,
   od as getProductCollections,
@@ -17874,11 +17877,11 @@ export {
   gd as getTransactionThemeConfiguration,
   Ed as getTransactionsForBundle,
   Uc as getTrueCoordinates,
-  Bd as getUnorderedTransactions,
+  bd as getUnorderedTransactions,
   Dd as getValidationJobsForWorkflowExperiences,
   dd as getWorkflow,
   ar as getWorkflows,
-  b as graphQlManager,
+  B as graphQlManager,
   ge as illustrationStepService,
   $c as isCloseToValue,
   Tt as loadFont,
@@ -17917,6 +17920,6 @@ export {
   Ps as toast,
   xd as validateWorkflowExperienceRecipient,
   kd as validateWorkflowExperienceRecipients,
-  Bt as xmlSerializer
+  bt as xmlSerializer
 };
 //# sourceMappingURL=index.mjs.map