@spiffcommerce/core 21.23.2 → 21.24.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createHttpLink as MA, InMemoryCache as SA, ApolloClient as YA, from as PA, gql as f } from "@apollo/client/core";
-import { fetch as st, getAttributesFromArrayBuffer as bt, AssetType as $e, StepType as M, getFrameData as ot, frameDataCache as xA, modifySVGColors as NA, svgToDataUrl as RA, GroupCommand as G, UpdateFramePattern as Jt, UpdateFrameThresholdSettingsCommand as HA, calculateOffsets as rt, LayoutElementType as k, generate as J, CreateElementCommand as T, generateSVGWithUnknownColors as Te, svgObjectURL as Ne, fetchAsString as Z, DeleteElementCommand as ee, generateDefaultRectangleFrameSvg as It, GetSVGDimensions as vA, patternImageDataCache as ft, fetchAsArrayBuffer as UA, findElement as Re, modifySVGWithElementProperties as GA, IllustrationColorCommand as _e, IllustrationCacheCommand as kA, getFontMetrics as bA, getPatternImageData as et, FontAlignmentCommand as JA, FontColorCommand as OA, FontImageFillCommand as Ve, applyTextTransformations as tt, determineCorrectFontSizeAndLines as Pe, FontSourceCommand as Ft, loadFont as ct, TextChangeCommand as TA, FontSizeCommand as LA, createElementNS as zA, createElement as De, _loadFontExternalDataURL as gt, UpdateWorkflowStateCommand as yt, CommandContext as KA, createCanvas as He, getSvgElement as Ot, LayoutRenderingPurpose as Tt, renderPapyrusComponentAsString as Lt, loadImage as zt, getDomParser as Kt, toBase64 as Mt, getVariant as jA, generateFrameSVG as VA, getDefaultVariant as Le, domParser as jt, sanitizeSvgTree as Vt, traverse as WA, xmlSerializer as Wt, CreateLayoutCommand as XA, AspectType as we, rehydrateSerializedLayout as Ae } from "@spiffcommerce/papyrus";
-import { AspectType as ws, AssetType as Es, BringForwardCommand as hs, BringToBackCommand as us, BringToFrontCommand as Qs, CanvasCommand as ms, CommandContext as ps, CreateElementCommand as Ds, CreateLayoutCommand as Is, DeleteElementCommand as fs, FontAlignmentCommand as Fs, FontColorCommand as ys, FontSizeCommand as Ms, FontSourceCommand as Ss, GroupCommand as Ys, LayoutElementFactory as Ps, LayoutElementType as xs, MoveCommand as Ns, ResizeCommand as Rs, RotateCommand as Hs, SendBackwardsCommand as vs, StepAspectType as Us, StepType as Gs, TextChangeCommand as ks, UnitOfMeasurement as bs, UpdateImageSourceCommand as Js, dataUrlFromExternalUrl as Os, determineCorrectFontSizeAndLines as Ts, findElement as Ls, frameDataCache as zs, generate as Ks, generateSVGWithUnknownColors as js, getAttributesFromArrayBuffer as Vs, getAxisAlignedBoundingBox as Ws, getFrameData as Xs, getSvgElement as qs, loadFont as Zs, patternImageDataCache as $s, registerFetchImplementation as _s, registerWindowImplementation as eo, rehydrateSerializedLayout as to, setCanvasModule as Ao, svgToDataUrl as ao } from "@spiffcommerce/papyrus";
+import { fetch as st, getAttributesFromArrayBuffer as bt, AssetType as $e, StepType as F, getFrameData as ot, frameDataCache as xA, modifySVGColors as NA, svgToDataUrl as RA, GroupCommand as G, UpdateFramePattern as Jt, UpdateFrameThresholdSettingsCommand as HA, calculateOffsets as rt, LayoutElementType as k, generate as J, CreateElementCommand as T, generateSVGWithUnknownColors as Te, svgObjectURL as Ne, fetchAsString as Z, DeleteElementCommand as ee, generateDefaultRectangleFrameSvg as It, GetSVGDimensions as vA, patternImageDataCache as ft, fetchAsArrayBuffer as UA, findElement as Re, modifySVGWithElementProperties as GA, IllustrationColorCommand as _e, IllustrationCacheCommand as kA, getFontMetrics as bA, getPatternImageData as et, FontAlignmentCommand as JA, FontColorCommand as OA, FontImageFillCommand as Ve, applyTextTransformations as tt, determineCorrectFontSizeAndLines as Pe, FontSourceCommand as Ft, loadFont as ct, TextChangeCommand as TA, FontSizeCommand as LA, createElementNS as zA, createElement as De, _loadFontExternalDataURL as gt, UpdateWorkflowStateCommand as yt, CommandContext as KA, createCanvas as He, getSvgElement as Ot, LayoutRenderingPurpose as Tt, renderPapyrusComponentAsString as Lt, loadImage as zt, getDomParser as Kt, toBase64 as Mt, getVariant as jA, generateFrameSVG as VA, getDefaultVariant as Le, domParser as jt, sanitizeSvgTree as Vt, traverse as WA, xmlSerializer as Wt, CreateLayoutCommand as XA, AspectType as we, rehydrateSerializedLayout as Ae } from "@spiffcommerce/papyrus";
+import { AspectType as hs, AssetType as us, BringForwardCommand as Qs, BringToBackCommand as ms, BringToFrontCommand as ps, CanvasCommand as Ds, CommandContext as Is, CreateElementCommand as fs, CreateLayoutCommand as Fs, DeleteElementCommand as ys, FontAlignmentCommand as Ms, FontColorCommand as Ss, FontSizeCommand as Ys, FontSourceCommand as Ps, GroupCommand as xs, LayoutElementFactory as Ns, LayoutElementType as Rs, MoveCommand as Hs, ResizeCommand as vs, RotateCommand as Us, SendBackwardsCommand as Gs, StepAspectType as ks, StepType as bs, TextChangeCommand as Js, UnitOfMeasurement as Os, UpdateImageSourceCommand as Ts, dataUrlFromExternalUrl as Ls, determineCorrectFontSizeAndLines as zs, findElement as Ks, frameDataCache as js, generate as Vs, generateSVGWithUnknownColors as Ws, getAttributesFromArrayBuffer as Xs, getAxisAlignedBoundingBox as qs, getFrameData as Zs, getSvgElement as $s, loadFont as _s, patternImageDataCache as eo, registerFetchImplementation as to, registerWindowImplementation as Ao, rehydrateSerializedLayout as ao, setCanvasModule as no, svgToDataUrl as io } from "@spiffcommerce/papyrus";
 import { setContext as qA } from "@apollo/client/link/context";
 import { onError as ZA } from "@apollo/client/link/error";
 import { Pith as Xt } from "pith";
@@ -157,7 +157,7 @@ const ta = (c) => {
   Bt = c;
 }, Aa = () => Bt;
 let tA;
-const ns = (c) => {
+const ss = (c) => {
   tA = c;
 }, aa = () => new Promise((c) => {
   const e = _.getHubUrl(), t = (A) => {
@@ -1376,14 +1376,14 @@ const Pa = f`
             ...IntegrationProductFields
         }
     }
-`, le = [M.SilentIllustration, M.ProductOverlay], Ra = async (c) => {
+`, le = [F.SilentIllustration, F.ProductOverlay], Ra = async (c) => {
   const e = [];
   c.introduction && e.push({
     name: "Introduction",
     title: c.name,
     renderableSteps: [
       {
-        type: M.Introduction,
+        type: F.Introduction,
         stepName: "Introduction",
         stepTitle: c.name,
         helpText: c.introduction,
@@ -1418,7 +1418,7 @@ const Pa = f`
     title: t,
     renderableSteps: [
       {
-        type: M.Finish,
+        type: F.Finish,
         stepName: "Finish",
         stepTitle: t,
         helpText: "",
@@ -1454,7 +1454,7 @@ const Pa = f`
   for (const s of A)
     for (const o of s.renderableSteps) {
       const r = (((i = o.option) == null ? void 0 : i.variants) || []).length;
-      o.silent || (o.type === M.Model || o.type === M.Material || o.type === M.Picture || o.type === M.Shape ? (r > 1 || t) && a.push(o.stepName) : a.push(o.stepName));
+      o.silent || (o.type === F.Model || o.type === F.Material || o.type === F.Picture || o.type === F.Shape ? (r > 1 || t) && a.push(o.stepName) : a.push(o.stepName));
     }
   const n = A.filter((s) => s.renderableSteps.filter(
     (r) => a.includes(r.stepName)
@@ -1792,14 +1792,14 @@ class Rt {
       if (!n)
         throw new z(a);
       let i = "";
-      if (this.configuration.type === M.ProductOverlay) {
+      if (this.configuration.type === F.ProductOverlay) {
         let l = "";
         if ((o = this.product) != null && o.overlayImageUrl && (l = this.product.overlayImageUrl), i = l, !l)
           throw new Ue(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
       if (s === k.Image) {
-        const l = this.configuration.type === M.SilentIllustration ? (r = this.configuration.data.asset) == null ? void 0 : r.fileLink : (g = this.product) == null ? void 0 : g.overlayImageUrl;
+        const l = this.configuration.type === F.SilentIllustration ? (r = this.configuration.data.asset) == null ? void 0 : r.fileLink : (g = this.product) == null ? void 0 : g.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
         const C = {
@@ -1814,7 +1814,7 @@ class Rt {
           layer: a.layer,
           layerIndex: a.layerIndex,
           immutable: a.immutable,
-          productOverlay: this.configuration.type === M.ProductOverlay ? !0 : void 0,
+          productOverlay: this.configuration.type === F.ProductOverlay ? !0 : void 0,
           rotation: a.rotation,
           excludeFromExport: this.configuration.data.excludeFromPrint,
           preserveAspectRatio: "none"
@@ -1827,7 +1827,7 @@ class Rt {
           command: new T(C, n)
         };
       } else {
-        const l = this.configuration.type === M.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : i, d = await Te(await (async () => new Promise((w, u) => {
+        const l = this.configuration.type === F.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : i, d = await Te(await (async () => new Promise((w, u) => {
           if (!l) {
             u("Undefined vector silent step source");
             return;
@@ -1851,7 +1851,7 @@ class Rt {
           layerIndex: a.layerIndex,
           rotation: a.rotation,
           immutable: a.immutable,
-          productOverlay: this.configuration.type === M.ProductOverlay ? !0 : void 0,
+          productOverlay: this.configuration.type === F.ProductOverlay ? !0 : void 0,
           excludeFromExport: this.configuration.data.excludeFromPrint
         };
         return {
@@ -1867,11 +1867,11 @@ class Rt {
   async trigger() {
     if (!this.configuration.data.regions)
       throw new Ue(this.configuration, "Missing regions.");
-    if (this.configuration.type === M.SilentIllustration) {
+    if (this.configuration.type === F.SilentIllustration) {
       const e = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(e);
     } else
-      return this.configuration.type === M.ProductOverlay ? Promise.all(
+      return this.configuration.type === F.ProductOverlay ? Promise.all(
         this.configuration.data.regions.map((e) => {
           if (!this.layouts.find((A) => e.panelId === A.panelId))
             throw new z(e);
@@ -1881,7 +1881,7 @@ class Rt {
   }
   evaluateAssetType() {
     var t, A, a;
-    const e = this.configuration.type === M.ProductOverlay && ((t = this.product) != null && t.overlayImageUrl) ? this.product.overlayImageUrl.toLowerCase() : (a = (A = this.configuration.data.asset) == null ? void 0 : A.fileLink) == null ? void 0 : a.toLowerCase().split("?")[0];
+    const e = this.configuration.type === F.ProductOverlay && ((t = this.product) != null && t.overlayImageUrl) ? this.product.overlayImageUrl.toLowerCase() : (a = (A = this.configuration.data.asset) == null ? void 0 : A.fileLink) == null ? void 0 : a.toLowerCase().split("?")[0];
     return e != null && e.startsWith("data:image/png") || e != null && e.endsWith(".jpeg") || e != null && e.endsWith(".jpg") || e != null && e.endsWith(".png") ? k.Image : e != null && e.endsWith(".svg") || e != null && e.startsWith("image/svg+xml") ? k.Illustration : k.Illustration;
   }
 }
@@ -3601,7 +3601,7 @@ class en {
         }, p = [], Q = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
         if (!m.fontData)
           throw new b("Failed to resolve font data for text.");
-        const [F, y] = Pe(
+        const [y, M] = Pe(
           m.fontSize,
           m.fontData,
           {
@@ -3615,11 +3615,11 @@ class en {
           [o],
           { size: A.size, minSize: A.minSize, maxSize: A.maxSize }
         );
-        Q.set(m.id, F), I.set(m.id, y);
-        const P = A.curved || A.vertical ? o : (y || []).join(`
+        Q.set(m.id, y), I.set(m.id, M);
+        const P = A.curved || A.vertical ? o : (M || []).join(`
 `);
         p.push(
-          this.generateTextChangeCommandsForRegion(F, A, m.id, P)
+          this.generateTextChangeCommandsForRegion(y, A, m.id, P)
         );
         const S = new T(m, C);
         return {
@@ -3677,8 +3677,8 @@ class en {
       const m = i.getProfanities(), p = At(l.toLowerCase());
       for (const Q of p)
         for (const I in m) {
-          const F = m[I].toLowerCase().replace(/\s/g, "");
-          if (Q === F)
+          const y = m[I].toLowerCase().replace(/\s/g, "");
+          if (Q === y)
             return o(!0), { error: "Blocked profanity." };
         }
       return !e.data.vertical && !e.data.allowNewlines && (l.includes(`
@@ -5154,10 +5154,10 @@ class rn extends wt {
       p.appendChild(Q), Q.appendChild(wA(3, 7, 4, "shadow"));
       const I = H("g");
       p.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = A;
-      const F = H("g");
-      p.appendChild(F), F.setAttribute("fill", "red"), F.setAttribute("stroke", "red"), F.setAttribute("stroke-width", "9"), F.innerHTML = A;
       const y = H("g");
-      p.appendChild(y), y.setAttribute("fill", "#9d2621"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = A;
+      p.appendChild(y), y.setAttribute("fill", "red"), y.setAttribute("stroke", "red"), y.setAttribute("stroke-width", "9"), y.innerHTML = A;
+      const M = H("g");
+      p.appendChild(M), M.setAttribute("fill", "#9d2621"), M.setAttribute("transform", "translate(1,1)"), M.innerHTML = A;
       const P = H("g");
       return p.appendChild(P), P.setAttribute("fill", "yellow"), P.innerHTML = A, new ut(p).transform(([N, R]) => [N, R + (n / 2 - N) ** 2 / (n * 2.9)]), p;
     }, [o, r, g] = CA(t);
@@ -5194,10 +5194,10 @@ class gn extends wt {
   }
   brandSvg(e, t, A) {
     const a = e.toSVG(2), n = e.getBoundingBox(), i = n.y2 - n.y1, s = n.x2 - n.x1, o = e.toPathData(3), r = () => {
-      const I = H("g"), F = H("g");
-      I.appendChild(F), F.setAttribute("stroke", "#5C1A0D"), F.setAttribute("stroke-width", "4"), F.setAttribute("transform", "translate(1,1)"), F.innerHTML = a;
-      const y = H("g");
-      I.appendChild(y), y.setAttribute("fill", "#FFE386"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = a;
+      const I = H("g"), y = H("g");
+      I.appendChild(y), y.setAttribute("stroke", "#5C1A0D"), y.setAttribute("stroke-width", "4"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = a;
+      const M = H("g");
+      I.appendChild(M), M.setAttribute("fill", "#FFE386"), M.setAttribute("transform", "translate(1,1)"), M.innerHTML = a;
       const P = H("g");
       I.appendChild(P), P.setAttribute("fill", "white"), P.innerHTML = a;
       const S = new ut(I);
@@ -5248,10 +5248,10 @@ class Bn extends wt {
       Q.classList.add("module-layer0"), D.appendChild(Q), Q.setAttribute("filter", "url(#shadow)"), Q.innerHTML = p.outerHTML;
       const I = H("g");
       I.classList.add("module-layer1"), D.appendChild(I), I.setAttribute("stroke-width", "3"), I.setAttribute("stroke", "rgb(45,41,38)"), I.setAttribute("fill", "rgb(45,41,38)"), I.setAttribute("transform", "translate(0.5,0)"), I.innerHTML = s;
-      const F = H("g");
-      F.classList.add("module-layer2"), D.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = s;
       const y = H("g");
-      return y.classList.add("module-layer3"), D.appendChild(y), y.setAttribute("fill", "white"), y.innerHTML = s, new ut(D).transform(([S, N]) => [S, N + (r / 2 - S) ** 2 / (r * 6)]), D;
+      y.classList.add("module-layer2"), D.appendChild(y), y.setAttribute("fill", "rgb(255,209,0)"), y.setAttribute("transform", "translate(1,-0.1)"), y.innerHTML = s;
+      const M = H("g");
+      return M.classList.add("module-layer3"), D.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = s, new ut(D).transform(([S, N]) => [S, N + (r / 2 - S) ** 2 / (r * 6)]), D;
     }, l = H("g");
     l.classList.add("module-root");
     const C = H("defs");
@@ -5500,7 +5500,7 @@ class dn {
       },
       { refocusCamera: t }
     );
-    this.setModelContainer(A), ie(this.allScenes, this.stepSelections).filter((i) => i).map((i) => i.renderableSteps).flat().filter((i) => i.type === M.Model || i.type === M.Material).forEach((i) => {
+    this.setModelContainer(A), ie(this.allScenes, this.stepSelections).filter((i) => i).map((i) => i.renderableSteps).flat().filter((i) => i.type === F.Model || i.type === F.Material).forEach((i) => {
       var r, g, B;
       if (!((r = i.option) != null && r.id)) {
         console.error(`Failed to read option id from step: ${i.stepName}`);
@@ -5510,7 +5510,7 @@ class dn {
       if (s.length === 0)
         return;
       const o = s[0];
-      if (i.type === M.Model) {
+      if (i.type === F.Model) {
         if (!this.modelContainer)
           throw new b(
             "We should always have a model container when injecting a preview!"
@@ -5645,17 +5645,17 @@ class dn {
     ), e), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((e, t) => (t.type === M.Model && !oe(t, this.stepSelections) && e.push(t.stepName), e), []);
+    return this.workflow.steps.reduce((e, t) => (t.type === F.Model && !oe(t, this.stepSelections) && e.push(t.stepName), e), []);
   }
   async stepElementsForIntroducedSilentSteps(e, t) {
     const A = this.product;
     if (!A)
       return Promise.resolve({ stepElements: {}, commands: [] });
     const a = async (r, g, B) => {
-      if (r.type === M.SilentIllustration) {
+      if (r.type === F.SilentIllustration) {
         const l = await new Rt(r, g).trigger();
         return { step: r, results: l };
-      } else if (r.type === M.ProductOverlay) {
+      } else if (r.type === F.ProductOverlay) {
         const l = await new Rt(
           r,
           g,
@@ -5709,7 +5709,7 @@ class dn {
     this.stepSelections = {
       ...this.stepSelections,
       [e]: { selectedVariants: t }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((Q, I) => Q + I.selectedVariants.map((F) => F.priceModifier || 0).reduce((F, y) => F + y, 0), 0), this.workflow.steps.forEach((Q) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((Q, I) => Q + I.selectedVariants.map((y) => y.priceModifier || 0).reduce((y, M) => y + M, 0), 0), this.workflow.steps.forEach((Q) => {
       oe(Q, this.stepSelections) || (this.stepInitialised[Q.stepName] = !1, delete this.stepMetadata[Q.stepName], delete this.stepSelections[Q.stepName], delete this.storage[Q.stepName]);
     });
     const i = this.allScenes, s = ie(i, n), o = ie(i, this.stepSelections), r = s.map((Q) => Q.silentSteps).flat(), B = o.map((Q) => Q.silentSteps).flat().filter(
@@ -5725,7 +5725,7 @@ class dn {
       [e]: A
     }, this.removeElements(l);
     const E = this.workflow.steps.find((Q) => Q.stepName === e);
-    if ((E == null ? void 0 : E.type) === M.Frame) {
+    if ((E == null ? void 0 : E.type) === F.Frame) {
       const Q = this.getStepSpecificServices(e);
       (p = Q == null ? void 0 : Q.frameService) == null || p.setTargetElements(A.map((I) => I.id));
     }
@@ -5751,7 +5751,7 @@ class dn {
     for (const o of a)
       if (!this.stepInitialised[o.stepName])
         switch (this.stepInitialised[o.stepName] = !0, o.type) {
-          case M.DigitalContent:
+          case F.DigitalContent:
             A.push(
               Oa.init(
                 o,
@@ -5760,8 +5760,8 @@ class dn {
               )
             );
             break;
-          case M.Frame:
-          case M.Photo:
+          case F.Frame:
+          case F.Photo:
             {
               const r = new ka(o.data.forceImageCover);
               r.connectWorkflowManager(this, o.stepName), this.stepSpecificServices[o.stepName] = {
@@ -5771,40 +5771,40 @@ class dn {
               );
             }
             break;
-          case M.Illustration:
+          case F.Illustration:
             A.push(
               xe.init(o, this, this.reloadedState)
             );
             break;
-          case M.Material:
+          case F.Material:
             A.push(
               cA.init(o, this, this.reloadedState)
             );
             break;
-          case M.Model:
+          case F.Model:
             A.push(gA.init(o, this, this.reloadedState));
             break;
-          case M.Module:
+          case F.Module:
             this.stepSpecificServices[o.stepName] = {
               module: await hA(o.data.module)
             }, A.push(
               Va.init(o, this, this.reloadedState)
             );
             break;
-          case M.Picture:
+          case F.Picture:
             A.push(
               lA.init(o, this, this.reloadedState)
             );
             break;
-          case M.Question:
+          case F.Question:
             A.push(
               BA.init(o, this, this.reloadedState)
             );
             break;
-          case M.Shape:
+          case F.Shape:
             A.push(de.init(o, this, this.reloadedState));
             break;
-          case M.Text:
+          case F.Text:
             A.push(j.init(o, this, this.reloadedState));
             break;
         }
@@ -6440,27 +6440,45 @@ class Dn extends X {
     return this.step.data.content;
   }
 }
+class In extends X {
+  constructor(e, t) {
+    super(e, t);
+  }
+  async selectVariant() {
+  }
+}
+class fn extends X {
+  constructor(e, t) {
+    super(e, t);
+  }
+  async selectVariant() {
+  }
+}
 class Fe {
   static get(e, t) {
     switch (t.type) {
-      case M.Information:
+      case F.DigitalContent:
+        return new In(e, t);
+      case F.Information:
         return new Dn(e, t);
-      case M.Question:
+      case F.Question:
         return new Qn(e, t);
-      case M.Text:
+      case F.Text:
         return new pn(e, t);
-      case M.Illustration:
+      case F.Illustration:
         return new wn(e, t);
-      case M.Picture:
+      case F.Picture:
         return new un(e, t);
-      case M.Shape:
+      case F.Shape:
         return new mn(e, t);
-      case M.Material:
+      case F.Material:
         return new En(e, t);
-      case M.Model:
+      case F.Model:
         return new hn(e, t);
-      case M.Frame:
-        return new Li(e, t);
+      case F.Frame:
+        return new Ki(e, t);
+      case F.Module:
+        return new fn(e, t);
       default:
         throw new b(`Step type ${t.type} not yet supported in Core SDK`);
     }
@@ -6491,7 +6509,7 @@ const QA = f`
             externalProductVariantId
         }
     }
-`, In = f`
+`, Fn = f`
     ${QA}
     mutation CreateDesign(
         $name: String!
@@ -6523,7 +6541,7 @@ const QA = f`
             }
         }
     }
-`, fn = f`
+`, yn = f`
     ${QA}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
@@ -6542,11 +6560,11 @@ function Qt(c) {
   const e = JSON.parse(atob(c.split(".")[1])).exp;
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= e;
 }
-const Fn = async (c) => {
+const Mn = async (c) => {
   var i, s;
   const t = ((i = Object.entries(localStorage).find(([o, r]) => o.startsWith("CognitoIdentityServiceProvider") && o.endsWith("idToken"))) == null ? void 0 : i[0]) || "", A = localStorage.getItem(t), a = {};
   return A && !Qt(A) && (a.Authorization = `Bearer ${A}`), (s = (await x.getShadowGraphqlClient().mutate({
-    mutation: In,
+    mutation: Fn,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -6563,11 +6581,11 @@ const Fn = async (c) => {
       headers: a
     }
   })).data) == null ? void 0 : s.designCreate;
-}, yn = async (c) => {
+}, Sn = async (c) => {
   var i, s;
   const t = ((i = Object.entries(localStorage).find(([o, r]) => o.startsWith("CognitoIdentityServiceProvider") && o.endsWith("idToken"))) == null ? void 0 : i[0]) || "", A = localStorage.getItem(t), a = {};
   return A && !Qt(A) && (a.Authorization = `Bearer ${A}`), (s = (await x.getShadowGraphqlClient().mutate({
-    mutation: fn,
+    mutation: yn,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -6622,7 +6640,7 @@ const Fn = async (c) => {
   return e.steps.forEach((n) => {
     Object.assign(a, A(n));
   }), a;
-}, Mn = (c, e, t, A) => {
+}, Yn = (c, e, t, A) => {
   const a = {};
   let n;
   if (t) {
@@ -6657,7 +6675,7 @@ const Fn = async (c) => {
   return a;
 }, mA = (c, e, t, A, a, n, i, s) => {
   var d, E;
-  const o = e.basePrice || 0, r = c.priceModifierTotal || 0, g = Mn(A, t, void 0, n), l = (Y.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(c.id), C = {
+  const o = e.basePrice || 0, r = c.priceModifierTotal || 0, g = Yn(A, t, void 0, n), l = (Y.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(c.id), C = {
     additionalExternalProductId: (d = c.integrationProduct) == null ? void 0 : d.additionalExternalProductId,
     additionalExternalVariantId: (E = c.integrationProduct) == null ? void 0 : E.additionalExternalVariantId,
     baseCost: o,
@@ -6680,7 +6698,7 @@ const Fn = async (c) => {
   };
   return n && (C.metadata = n), A && (C.selectedVariants = A), a && (C.sku = a), C;
 }, pA = async (c, e, t, A, a, n, i, s, o, r) => {
-  var F;
+  var y;
   await (async () => {
     var L;
     if (r !== void 0)
@@ -6699,7 +6717,7 @@ const Fn = async (c) => {
       N.errors && console.log("Server Error:", O.message);
     }), null) : R ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(A())), await c.updateStateWithServerImmediate(A), console.log("Server state is undefined @ Workflow completion"));
-  const l = c.getPreviewService(), C = (F = e == null ? void 0 : e.finalizeStepConfig) == null ? void 0 : F.lookAtAnimation, d = l && e.showModelOnFinishStep && !!C, E = o && it(o, e, !0), w = o && it(o, e, !1), u = async (y) => {
+  const l = c.getPreviewService(), C = (y = e == null ? void 0 : e.finalizeStepConfig) == null ? void 0 : y.lookAtAnimation, d = l && e.showModelOnFinishStep && !!C, E = o && it(o, e, !0), w = o && it(o, e, !1), u = async (M) => {
     const P = {};
     let S = 0;
     if (Object.keys(n).length > 0)
@@ -6707,7 +6725,7 @@ const Fn = async (c) => {
         const R = n[N], L = e.steps.find((O) => O.stepName === N);
         for (let O = 0; O < R.selections.length; ++O) {
           const W = R.selections[O];
-          if (L && (!y || L.option && (L.option.variants || []).length > 1 && !L.data.hideSelectionInCart && !L.data.hideSelectionsInCart)) {
+          if (L && (!M || L.option && (L.option.variants || []).length > 1 && !L.data.hideSelectionInCart && !L.data.hideSelectionsInCart)) {
             const je = L.stepTitle;
             P[je] ? P[je].push({
               id: W.id || "",
@@ -6726,18 +6744,18 @@ const Fn = async (c) => {
       }
     return [P, S];
   }, [h] = await u(!0), D = Object.fromEntries(
-    Object.keys(h).map((y) => [y, h[y].map((P) => P.id)])
+    Object.keys(h).map((M) => [M, h[M].map((P) => P.id)])
   ), [m] = await u(!1), p = Object.fromEntries(
-    Object.keys(m).map((y) => [
-      y,
-      m[y].map((P) => P.id)
+    Object.keys(m).map((M) => [
+      M,
+      m[M].map((P) => P.id)
     ])
   );
   let Q = await s(d, a.id);
   if (Q) {
-    const y = await (await fetch(Q)).blob();
+    const M = await (await fetch(Q)).blob();
     Q = (await U.uploadAsset(
-      { name: `${a.id}-preview-image.png`, blob: y },
+      { name: `${a.id}-preview-image.png`, blob: M },
       $e.Image,
       !0,
       !1
@@ -6745,7 +6763,7 @@ const Fn = async (c) => {
   }
   return {
     designDetails: (() => {
-      const y = {
+      const M = {
         name: i,
         layouts: t.map((P) => ({
           index: P.index,
@@ -6760,20 +6778,20 @@ const Fn = async (c) => {
         const P = [];
         for (const [S, N] of Object.entries(w))
           P.push({ key: S, value: N });
-        y.metadata = P;
+        M.metadata = P;
       }
       if (D) {
         const P = [];
         for (const [S, N] of Object.entries(p))
           P.push({ key: S, ids: N });
-        y.selectedVariants = P;
+        M.selectedVariants = P;
       }
-      return y;
+      return M;
     })(),
     cartSelectionsWithPrices: h,
     cartMetadata: E
   };
-}, Sn = async (c, e, t, A, a, n, i, s, o, r, g) => {
+}, Pn = async (c, e, t, A, a, n, i, s, o, r, g) => {
   var u, h;
   o("workflow.steps.finish.finalize.buildingLayouts");
   const { designDetails: B, cartSelectionsWithPrices: l, cartMetadata: C } = await pA(
@@ -6788,7 +6806,7 @@ const Fn = async (c) => {
     g
   );
   o("workflow.steps.finish.finalize.creatingDesign");
-  const d = await Fn(B), E = (u = d == null ? void 0 : d.transaction) == null ? void 0 : u.previewImageLink;
+  const d = await Mn(B), E = (u = d == null ? void 0 : d.transaction) == null ? void 0 : u.previewImageLink;
   if (!(d != null && d.transaction))
     throw new Error("Failed to create design");
   o("workflow.steps.finish.finalize.updatingTransaction");
@@ -6803,7 +6821,7 @@ const Fn = async (c) => {
     E,
     (h = d == null ? void 0 : d.processExecution) == null ? void 0 : h.id
   );
-}, Yn = async (c, e, t) => {
+}, xn = async (c, e, t) => {
   e("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
     c.map(async (s) => {
       await s.workflowManager.outstandingRequestsPromise();
@@ -6835,7 +6853,7 @@ const Fn = async (c) => {
     ))
   );
   e("workflow.steps.finish.finalize.creatingDesign");
-  const i = await yn(n.map((s) => s.designDetails));
+  const i = await Sn(n.map((s) => s.designDetails));
   if (!i)
     throw new Error("Failed to create designs");
   return e("workflow.steps.finish.finalize.updatingTransaction"), i.map((s, o) => {
@@ -6854,7 +6872,7 @@ const Fn = async (c) => {
     );
   });
 };
-class Pn {
+class Nn {
   constructor() {
     this.localPersistenceKey = "designTransactions", this.storageMethod = "Local", this.designSavedListeners = [];
   }
@@ -6921,7 +6939,7 @@ class Pn {
     throw new b("Unexpected storage method requested");
   }
 }
-const Xe = new Pn(), xn = f`
+const Xe = new Nn(), Rn = f`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -6936,7 +6954,7 @@ const Xe = new Pn(), xn = f`
         }
     }
 `;
-var Nn = /* @__PURE__ */ ((c) => (c.QuantityChanged = "QuantityChanged", c.PriceBreakChanged = "PriceBreakChanged", c))(Nn || {});
+var Hn = /* @__PURE__ */ ((c) => (c.QuantityChanged = "QuantityChanged", c.PriceBreakChanged = "PriceBreakChanged", c))(Hn || {});
 class ye {
   constructor(e, t) {
     var a;
@@ -7181,7 +7199,7 @@ class ye {
   async assignCustomerDetails(e) {
     var i, s, o;
     const A = (Y.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (o = (s = (i = (await x.getShadowGraphqlClient().mutate({
-      mutation: xn,
+      mutation: Rn,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
         details: e,
@@ -7234,13 +7252,13 @@ class ye {
     const e = he(this.getCommandContext().getState());
     if (!e)
       throw new b("Internal state is undefined! Cannot copy experience!");
-    const t = JSON.stringify(e.transaction), A = this.getWorkflowManager().getWorkflow(), a = new Oi({}), n = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
+    const t = JSON.stringify(e.transaction), A = this.getWorkflowManager().getWorkflow(), a = new Li({}), n = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
     if (!n)
       throw new b("Integration product id is undefined!");
     return await a.initFromIntegrationProduct(n), await a.getWorkflowExperience(A.id, t, void 0);
   }
   async onDesignFinished(e, t = !0) {
-    return Sn(
+    return Pn(
       this.workflowManager,
       this.workflowManager.getWorkflow(),
       this.workflowManager.getLayouts(),
@@ -7261,7 +7279,7 @@ class ye {
    * @returns Returns true when a valid handle is implemented for a given step type. Certain steps don't support handles, such as silent illustrations.
    */
   stepHasHandle(e) {
-    return e.type !== M.SilentIllustration && e.type !== M.ProductOverlay;
+    return e.type !== F.SilentIllustration && e.type !== F.ProductOverlay;
   }
   getExportedData() {
     var a;
@@ -7319,7 +7337,7 @@ class ye {
     (this.eventCallbacks.get(e) || []).forEach((t) => t(this));
   }
 }
-const Rn = [
+const vn = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -7331,7 +7349,7 @@ const Rn = [
   "textPath",
   "tref",
   "tspan"
-], Hn = async (c, e, t) => {
+], Un = async (c, e, t) => {
   const A = e.data, a = t.data.baseUrl, n = A.assetUrl.replace("localhost", "localstack"), i = a.slice(0, 4) === "http" ? "" : "https://", s = new URL(i + a);
   s.searchParams.append("video", Mt(JSON.stringify([{ href: n }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
   const o = s.toString(), g = `data:image/svg+xml;base64,${Mt(await $t(o, { type: "svg" }))}`, B = (C) => {
@@ -7358,7 +7376,7 @@ const Rn = [
   } catch (C) {
     return console.error(C), [];
   }
-}, vn = async (c, e, t, A) => {
+}, Gn = async (c, e, t, A) => {
   const a = t.data, n = a.assetUrl, i = await et(n);
   try {
     const s = jA(a, A.option);
@@ -7411,7 +7429,7 @@ const Rn = [
   } catch (s) {
     return console.error(s), [];
   }
-}, Un = async (c, e, t, A) => {
+}, kn = async (c, e, t, A) => {
   var p, Q;
   const a = t.data, n = A.option;
   if (!n)
@@ -7431,36 +7449,36 @@ const Rn = [
   Vt(d);
   const E = {};
   WA(d, (I) => {
-    Rn.includes(I.tagName) && !I.attributes.getNamedItem("fill") && I.setAttribute("fill", "#000000");
-    const F = I.attributes.getNamedItem("fill");
-    if (F && F.value !== "none") {
-      const P = F.value, N = `spiff-fill-${P.replace(/\W/g, "")}`;
+    vn.includes(I.tagName) && !I.attributes.getNamedItem("fill") && I.setAttribute("fill", "#000000");
+    const y = I.attributes.getNamedItem("fill");
+    if (y && y.value !== "none") {
+      const P = y.value, N = `spiff-fill-${P.replace(/\W/g, "")}`;
       I.classList.add(N), E[N] = { browserValue: P };
     }
-    const y = I.attributes.getNamedItem("stroke");
-    if (y && y.value !== "none") {
-      const P = y.value, N = `spiff-stroke-${P.replace(/\W/g, "")}`;
+    const M = I.attributes.getNamedItem("stroke");
+    if (M && M.value !== "none") {
+      const P = M.value, N = `spiff-stroke-${P.replace(/\W/g, "")}`;
       I.classList.add(N), E[N] = { browserValue: P };
     }
   });
   const u = Wt().serializeToString(d), h = a.colors;
   if (h) {
-    for (const [I, F] of Object.entries(E))
-      for (const y of Object.keys(h))
-        if (F.browserValue === y) {
-          E[I] = { browserValue: h[y] };
+    for (const [I, y] of Object.entries(E))
+      for (const M of Object.keys(h))
+        if (y.browserValue === M) {
+          E[I] = { browserValue: h[M] };
           break;
         }
   }
   const D = (I) => {
-    const F = c.find((P) => P.panelId === I.panelId);
-    if (!F)
+    const y = c.find((P) => P.panelId === I.panelId);
+    if (!y)
       throw new z(I);
-    const y = J();
+    const M = J();
     return new T(
       {
         colors: E,
-        id: y,
+        id: M,
         svg: u,
         type: k.Illustration,
         y: I.top,
@@ -7472,7 +7490,7 @@ const Rn = [
         layerIndex: I.layerIndex,
         immutable: I.immutable
       },
-      F
+      y
     );
   }, m = A.data.regions;
   try {
@@ -7480,7 +7498,7 @@ const Rn = [
   } catch (I) {
     return console.error(I), [];
   }
-}, Gn = async (c, e, t) => {
+}, bn = async (c, e, t) => {
   const A = await hA(t.data.module), a = e.data, n = (s, o) => {
     const r = c.find((B) => B.panelId === o.panelId);
     if (!r)
@@ -7510,7 +7528,7 @@ const Rn = [
   } catch (s) {
     return console.error(s), [];
   }
-}, kn = async (c, e, t, A) => {
+}, Jn = async (c, e, t, A) => {
   var g, B;
   const a = t.data, n = A.option;
   if (!n)
@@ -7552,7 +7570,7 @@ const Rn = [
   } catch (l) {
     return console.error(l), [];
   }
-}, bn = async (c, e, t, A) => {
+}, On = async (c, e, t, A) => {
   var r;
   const a = t.data, n = A.option;
   if (!n)
@@ -7609,10 +7627,10 @@ const Rn = [
   } catch (g) {
     return console.error(g), [];
   }
-}, Jn = async (c, e, t) => {
+}, Tn = async (c, e, t) => {
   const A = [], n = (() => {
     var r, g;
-    return e.type === M.ProductOverlay ? t || ((r = e.data.asset) == null ? void 0 : r.fileLink) || "" : ((g = e.data.asset) == null ? void 0 : g.fileLink) || "";
+    return e.type === F.ProductOverlay ? t || ((r = e.data.asset) == null ? void 0 : r.fileLink) || "" : ((g = e.data.asset) == null ? void 0 : g.fileLink) || "";
   })(), s = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? k.Image : n.endsWith(".svg") ? k.Illustration : k.Illustration)(), o = e.data.regions;
   if (s === "image")
     try {
@@ -7630,7 +7648,7 @@ const Rn = [
           height: r.height,
           layer: r.layer,
           layerIndex: r.layerIndex,
-          productOverlay: e.type === M.ProductOverlay ? !0 : void 0,
+          productOverlay: e.type === F.ProductOverlay ? !0 : void 0,
           scaleX: 1,
           scaleY: 1,
           rotation: r.rotation,
@@ -7669,14 +7687,14 @@ const Rn = [
         scaleX: 1,
         scaleY: 1,
         rotation: B.rotation,
-        productOverlay: e.type === M.ProductOverlay ? !0 : void 0,
+        productOverlay: e.type === F.ProductOverlay ? !0 : void 0,
         excludeFromExport: e.data.excludeFromPrint
       };
       A.push(new T(C, l));
     });
   }
   return A;
-}, On = async (c, e, t, A) => {
+}, Ln = async (c, e, t, A) => {
   const a = [], n = t.data, i = 30, s = (w) => w.vertical ? "center" : w.textAlign || "center", o = () => {
     var D;
     const w = A.option;
@@ -7765,7 +7783,7 @@ const Rn = [
       a.push(new T(h, u));
   }
   return a;
-}, Tn = (c, e) => c.conditions ? c.conditions.every((t) => {
+}, zn = (c, e) => c.conditions ? c.conditions.every((t) => {
   const A = e[t.targetStepName];
   if (A && A.selectedVariants) {
     const a = A.selectedVariants;
@@ -7774,26 +7792,26 @@ const Rn = [
     );
   }
   return !1;
-}) : !0, Ln = async (c, e, t, A) => {
+}) : !0, Kn = async (c, e, t, A) => {
   const a = [], n = {};
   for (const i of c) {
     const s = e.steps.find((o) => o.stepName === i.name);
     if (s)
       switch (s.type) {
-        case M.DigitalContent:
+        case F.DigitalContent:
           a.push(
-            ...await Hn(t, i, s)
+            ...await Un(t, i, s)
           );
           break;
-        case M.Frame:
-        case M.Photo:
+        case F.Frame:
+        case F.Photo:
           a.push(
-            ...await vn(t, n, i, s)
+            ...await Gn(t, n, i, s)
           );
           break;
-        case M.Illustration:
+        case F.Illustration:
           a.push(
-            ...await Un(
+            ...await kn(
               t,
               n,
               i,
@@ -7801,29 +7819,29 @@ const Rn = [
             )
           );
           break;
-        case M.Module:
-          a.push(...await Gn(t, i, s));
+        case F.Module:
+          a.push(...await bn(t, i, s));
           break;
-        case M.Picture:
+        case F.Picture:
           a.push(
-            ...await kn(t, n, i, s)
+            ...await Jn(t, n, i, s)
           );
           break;
-        case M.Shape:
+        case F.Shape:
           a.push(
-            ...await bn(t, n, i, s)
+            ...await On(t, n, i, s)
           );
           break;
-        case M.Text:
+        case F.Text:
           a.push(
-            ...await On(t, n, i, s)
+            ...await Ln(t, n, i, s)
           );
           break;
       }
   }
   for (const i of e.steps)
-    i.type !== M.SilentIllustration && i.type !== M.ProductOverlay || Tn(i, n) && a.push(
-      ...await Jn(t, i, A)
+    i.type !== F.SilentIllustration && i.type !== F.ProductOverlay || zn(i, n) && a.push(
+      ...await Tn(t, i, A)
     );
   return a;
 };
@@ -7834,7 +7852,7 @@ class Me {
     e.forEach(
       (A) => t.set(
         A.id,
-        new jn(A.id, A.name, this, { width: A.width, height: A.height })
+        new Wn(A.id, A.name, this, { width: A.width, height: A.height })
       )
     ), this.layouts = t;
   }
@@ -7848,15 +7866,15 @@ class Me {
     return this.layouts;
   }
 }
-const zn = () => new Promise((c, e) => {
+const jn = () => new Promise((c, e) => {
   try {
     const A = He().getContext("webgl2");
     c(!!A);
   } catch {
     c(!1);
   }
-}), Kn = zn();
-class jn {
+}), Vn = jn();
+class Wn {
   constructor(e, t, A, a) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new oA(2), this.id = e, this.name = t, this.service = A, this.panelSize = a;
   }
@@ -7912,10 +7930,10 @@ class jn {
       return;
     }
     this.renderQueue.enqueue(
-      new Vn(
+      new Xn(
         this.getID(),
         A,
-        await Kn,
+        await Vn,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -7924,7 +7942,7 @@ class jn {
     );
   }
 }
-class Vn extends sA {
+class Xn extends sA {
   // TODO: Do we need to pass this whole array in?
   constructor(e, t, A, a, n) {
     super(), this.layoutId = e, this.ctx = t, this.nonPOTSupport = A, this.onRender = a, this.layouts = n;
@@ -7992,26 +8010,26 @@ class Vn extends sA {
     l.resize(o, r), await l.render(), this.onRender();
   }
 }
-const is = (c, e) => {
+const os = (c, e) => {
   const t = [];
   return c.forEach((A) => {
     const a = e.steps.find((n) => n.stepName === A.stepName);
-    (a == null ? void 0 : a.type) === M.Text && A.stepAspectType === "Text" && t.push({
+    (a == null ? void 0 : a.type) === F.Text && A.stepAspectType === "Text" && t.push({
       name: a.stepName,
       data: {
         text: A.value
       }
     });
   }), t;
-}, ss = async (c, e, t, A) => {
+}, rs = async (c, e, t, A) => {
   let a = {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
   a = new G(t.map((o) => new XA(o))).apply(a);
-  const i = await Ln(c, e, t, A);
+  const i = await Kn(c, e, t, A);
   return new G(i).apply(a);
-}, Wn = f`
+}, qn = f`
     ${ce}
     fragment ProductFields on Product {
         id
@@ -8056,7 +8074,7 @@ const is = (c, e) => {
         }
     }
 `, DA = f`
-    ${Wn}
+    ${qn}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -8110,7 +8128,7 @@ const is = (c, e) => {
             }
         }
     }
-`, Xn = (c) => f`
+`, Zn = (c) => f`
     ${IA(c)}
     query GetBundle($id: String!) {
         bundles(ids: [$id]) {
@@ -8132,7 +8150,7 @@ const is = (c, e) => {
             }
         }
     }
-`, qn = f`
+`, $n = f`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -8152,7 +8170,7 @@ const is = (c, e) => {
             }
         }
     }
-`, Zn = f`
+`, _n = f`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -8173,7 +8191,7 @@ const is = (c, e) => {
             }
         }
     }
-`, $n = f`
+`, ei = f`
     ${DA}
     query GetProductCollectionProducts($id: String!) {
         productCollections(ids: [$id]) {
@@ -8183,7 +8201,7 @@ const is = (c, e) => {
             }
         }
     }
-`, _n = (c) => f`
+`, ti = (c) => f`
     ${IA(c)}
     mutation CreateBundle($collectionId: String, $initialMetadata: [MetadataInput!]) {
         bundleCreate(collectionId: $collectionId, metadata: $initialMetadata) {
@@ -8202,25 +8220,25 @@ const is = (c, e) => {
             }
         }
     }
-`, ei = f`
+`, Ai = f`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
         }
     }
-`, ti = f`
+`, ai = f`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, Ai = f`
+`, ni = f`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, ai = f`
+`, ii = f`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -8235,7 +8253,7 @@ const is = (c, e) => {
             id
         }
     }
-`, ni = f`
+`, si = f`
     mutation BundleRemoveTransactions(
         $id: String!
         $transactionIds: [String!]!
@@ -8250,7 +8268,7 @@ const is = (c, e) => {
             id
         }
     }
-`, ii = f`
+`, oi = f`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -8270,13 +8288,13 @@ const is = (c, e) => {
             }
         }
     }
-`, si = f`
+`, ri = f`
     mutation BundleAddStakeholder($id: String!, $emailAddress: String!) {
         bundleRemoveStakeholder(id: $id, emailAddress: $emailAddress) {
             id
         }
     }
-`, oi = f`
+`, ci = f`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -8296,14 +8314,14 @@ const is = (c, e) => {
             }
         }
     }
-`, ri = f`
+`, gi = f`
     mutation BundleUpdateTransactionOrder($id: String!, $transactionIds: [String!]!) {
         bundleUpdateTransactionOrder(id: $id, transactionIds: $transactionIds) {
             id
         }
     }
 `;
-class ci {
+class li {
   constructor(e) {
     this.handleCache = {}, this.bundle = e;
   }
@@ -8347,13 +8365,13 @@ class ci {
   async createHandle(e) {
     switch (e.type) {
       case we.FileUpload:
-        return new gi(this.bundle, e);
+        return new Bi(this.bundle, e);
       case we.Option: {
         const t = e.entityId ? await V.getOption(e.entityId) : void 0;
-        return (t == null ? void 0 : t.type) === "Color" ? new Bi(this.bundle, e, t) : new fA(this.bundle, e, t);
+        return (t == null ? void 0 : t.type) === "Color" ? new di(this.bundle, e, t) : new fA(this.bundle, e, t);
       }
       case we.Text:
-        return new li(this.bundle, e);
+        return new Ci(this.bundle, e);
     }
   }
 }
@@ -8412,7 +8430,7 @@ class mt {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class gi extends mt {
+class Bi extends mt {
   constructor(e, t) {
     super(e, t);
   }
@@ -8549,7 +8567,7 @@ class gi extends mt {
     );
   }
 }
-class li extends mt {
+class Ci extends mt {
   constructor(e, t) {
     super(e, t);
   }
@@ -8644,7 +8662,7 @@ class fA extends mt {
     await Promise.all(a);
   }
 }
-class Bi extends fA {
+class di extends fA {
   constructor(e, t, A) {
     super(e, t, A);
   }
@@ -8674,7 +8692,7 @@ const pt = f`
             }
         }
     }
-`, Ci = f`
+`, wi = f`
     ${pt}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -8684,7 +8702,7 @@ const pt = f`
             }
         }
     }
-`, di = f`
+`, Ei = f`
     ${pt}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
@@ -8694,7 +8712,7 @@ const pt = f`
             }
         }
     }
-`, wi = f`
+`, hi = f`
     ${pt}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
@@ -8705,7 +8723,7 @@ const pt = f`
         }
     }
 `;
-class Ei {
+class ui {
   constructor(e, t, A, a, n) {
     this.bundleId = e, this.bundleOwnerId = t, this.configuration = A, this.bundleOptions = n, this.initPromise = this.getOrCreateGlobalPropertyState().then((i) => {
       this.globalPropertyState = i;
@@ -8769,7 +8787,7 @@ class Ei {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
     const e = await x.getShadowGraphqlClient().mutate({
-      mutation: di,
+      mutation: Ei,
       variables: {
         id: this.globalPropertyState.id,
         aspects: this.globalPropertyState.aspects.map((a) => {
@@ -8804,7 +8822,7 @@ class Ei {
   async getOrCreateGlobalPropertyState() {
     var A, a, n;
     const e = await x.getShadowGraphqlClient().query({
-      query: wi,
+      query: hi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -8820,7 +8838,7 @@ class Ei {
     if (e.data.globalPropertyState && e.data.globalPropertyState.id)
       return e.data.globalPropertyState;
     const t = await x.getShadowGraphqlClient().mutate({
-      mutation: Ci,
+      mutation: wi,
       variables: {
         bundleId: this.bundleId
       },
@@ -8836,7 +8854,7 @@ class Ei {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class hi {
+class Qi {
   constructor(e) {
     this.setState(e);
   }
@@ -8919,7 +8937,7 @@ class hi {
     };
   }
 }
-class ui {
+class mi {
   constructor(e) {
     this.collection = e;
   }
@@ -8950,7 +8968,7 @@ class ui {
     if (this.collection.productCollectionProducts)
       return this.collection.productCollectionProducts.map((t) => new qe(t));
     const e = await x.getShadowGraphqlClient().query({
-      query: $n,
+      query: ei,
       variables: {
         id: this.getId()
       },
@@ -8961,7 +8979,7 @@ class ui {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Qi(this.collection.transformCollection);
+      return new pi(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -9113,7 +9131,7 @@ class Ee {
     return this.workflow.imageUrl;
   }
 }
-class Qi {
+class pi {
   constructor(e) {
     this.collection = e;
   }
@@ -9133,10 +9151,10 @@ class Qi {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((e) => new mi(e));
+    return this.collection.transforms.map((e) => new Di(e));
   }
 }
-class mi {
+class Di {
   constructor(e) {
     this.transform = e;
   }
@@ -9166,13 +9184,13 @@ class mi {
 class Ut {
   constructor(e, t, A, a, n, i) {
     var s, o, r;
-    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = e, this.id = t.id, this.name = t.name || "", this.ownerId = n, this.metadata = new Map(((s = t.metadata) == null ? void 0 : s.map((g) => [g.key, g.value])) || []), this.productCollection = t.productCollection, this.bundleStateManager = new hi(t.bundleStateData), this.globalPropertyStateManager = new Ei(
+    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = e, this.id = t.id, this.name = t.name || "", this.ownerId = n, this.metadata = new Map(((s = t.metadata) == null ? void 0 : s.map((g) => [g.key, g.value])) || []), this.productCollection = t.productCollection, this.bundleStateManager = new Qi(t.bundleStateData), this.globalPropertyStateManager = new ui(
       this.id,
       this.ownerId,
       (o = this.productCollection) == null ? void 0 : o.globalPropertyConfiguration,
       this.checkConditionalHandlesChanged.bind(this),
       i
-    ), this.globalPropertyHandleService = new ci(this), this.setPreviewService(A), this.initializationPromise = this.loadExistingWorkflowExperiences(
+    ), this.globalPropertyHandleService = new li(this), this.setPreviewService(A), this.initializationPromise = this.loadExistingWorkflowExperiences(
       ((r = t.transactions) == null ? void 0 : r.map((g) => g.id)) || [],
       a
     );
@@ -9238,7 +9256,7 @@ class Ut {
     return this.workflowExperiences.map((e) => e.getTotalPriceSubunits()).reduce((e, t) => e + t, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new ui(this.productCollection) : void 0;
+    return this.productCollection ? new mi(this.productCollection) : void 0;
   }
   async addWorkflowExperience(e) {
     e.setBundle(this), await this.appendWorkflowExperience(e), await this.injectExperienceIntoPreviewService(e);
@@ -9255,7 +9273,7 @@ class Ut {
       );
     const a = Y.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = t.map((i) => a.get(i));
     await x.getShadowGraphqlClient().mutate({
-      mutation: Ai,
+      mutation: ni,
       variables: {
         id: this.id,
         transactionIds: t,
@@ -9284,7 +9302,7 @@ class Ut {
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const i = (Y.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(A);
     await x.getShadowGraphqlClient().mutate({
-      mutation: ti,
+      mutation: ai,
       variables: {
         id: this.id,
         transactionId: A
@@ -9317,7 +9335,7 @@ class Ut {
         (n) => n.getWorkflowManager().getTransaction().id === t.id
       );
       a.setBundle(void 0), this.previewService && a.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(t.id), await x.getShadowGraphqlClient().mutate({
-        mutation: ai,
+        mutation: ii,
         variables: {
           id: this.id,
           transactionId: t.id,
@@ -9349,7 +9367,7 @@ class Ut {
     A.forEach((a) => a.setBundle(void 0)), [...this.workflowExperiences, ...A].forEach(
       (a) => a.checkForPriceBreakChanges()
     ), this.previewService && A.forEach((a) => a.getWorkflowManager().ejectFromPreviewService()), e.forEach((a) => this.bundleStateManager.removeStateForTransaction(a.id)), await x.getShadowGraphqlClient().mutate({
-      mutation: ni,
+      mutation: si,
       variables: {
         id: this.id,
         transactionIds: e.map((a) => a.id),
@@ -9410,7 +9428,7 @@ class Ut {
   async addStakeholder(e, t) {
     var n;
     const A = await x.getShadowGraphqlClient().mutate({
-      mutation: ii,
+      mutation: oi,
       variables: {
         id: this.id,
         details: e,
@@ -9428,7 +9446,7 @@ class Ut {
   async removeStakeholder(e) {
     var A;
     if (!((A = (await x.getShadowGraphqlClient().mutate({
-      mutation: si,
+      mutation: ri,
       variables: {
         id: this.id,
         emailAddress: e
@@ -9442,7 +9460,7 @@ class Ut {
   async updateStakeholders(e) {
     var a;
     const t = await x.getShadowGraphqlClient().mutate({
-      mutation: oi,
+      mutation: ci,
       variables: {
         id: this.id,
         input: e
@@ -9458,7 +9476,7 @@ class Ut {
   }
   async getAllStakeholders() {
     const e = await x.getShadowGraphqlClient().query({
-      query: qn,
+      query: $n,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9479,7 +9497,7 @@ class Ut {
     });
   }
   async finish(e, t) {
-    const A = await Yn(
+    const A = await xn(
       this.workflowExperiences.map((a) => ({
         workflowManager: a.getWorkflowManager(),
         workflow: a.getWorkflowManager().getWorkflow(),
@@ -9563,7 +9581,7 @@ class Ut {
   async updateBundle() {
     var t;
     if (!((t = (await x.getShadowGraphqlClient().mutate({
-      mutation: ei,
+      mutation: Ai,
       variables: {
         id: this.id,
         name: this.name,
@@ -9578,7 +9596,7 @@ class Ut {
   }
   async updateTransactionOrder() {
     await x.getShadowGraphqlClient().mutate({
-      mutation: ri,
+      mutation: gi,
       variables: {
         id: this.id,
         transactionIds: this.workflowExperiences.map((e) => e.getWorkflowManager().getTransaction().id)
@@ -9611,14 +9629,14 @@ class Ut {
     );
   }
 }
-const pi = f`
+const Ii = f`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class Di {
+class fi {
   /**
    *
    * @param id
@@ -9629,7 +9647,7 @@ class Di {
   async execute(e, t, A) {
     var B, l, C;
     const n = (l = (B = (await x.getShadowGraphqlClient().mutate({
-      mutation: pi,
+      mutation: Ii,
       variables: {
         processFlowId: e,
         inputs: [...t.map((d) => d.getValueForTransmission())]
@@ -9671,7 +9689,7 @@ class Di {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (d.completedAt) {
-        s = !0, g = new Ii(d);
+        s = !0, g = new Fi(d);
         break;
       }
       o += 1;
@@ -9685,7 +9703,7 @@ class Di {
     return Promise.resolve(g);
   }
 }
-class Ii {
+class Fi {
   constructor(e) {
     this.execution = e;
   }
@@ -9770,8 +9788,8 @@ class Dt {
     return e.startsWith("[") ? JSON.stringify(JSON.parse(e)) : e;
   }
 }
-var fi = /* @__PURE__ */ ((c) => (c.Transaction = "Transaction", c.Bundle = "Bundle", c.Product = "Product", c.Variant = "Variant", c.Option = "Option", c.LineItem = "LineItem", c.Asset = "Asset", c))(fi || {});
-class os extends Dt {
+var yi = /* @__PURE__ */ ((c) => (c.Transaction = "Transaction", c.Bundle = "Bundle", c.Product = "Product", c.Variant = "Variant", c.Option = "Option", c.LineItem = "LineItem", c.Asset = "Asset", c))(yi || {});
+class cs extends Dt {
   constructor(e) {
     super(`"${e}"`);
   }
@@ -9786,7 +9804,7 @@ class FA extends Dt {
     return e.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class rs extends Dt {
+class gs extends Dt {
   constructor(e) {
     super(`[${e.map((t) => t.getRaw()).join(",")}]`);
   }
@@ -9833,7 +9851,7 @@ class Gt {
     return e.sort((t, A) => (t.index ?? 0) - (A.index ?? 0)).map((t) => new Ee(t));
   }
 }
-const Fi = f`
+const Mi = f`
     fragment RegionFields on Region {
         width
         top
@@ -9851,7 +9869,7 @@ const Fi = f`
             height
         }
     }
-`, yi = f`
+`, Si = f`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -9862,7 +9880,7 @@ const Fi = f`
             z
         }
     }
-`, Mi = f`
+`, Yi = f`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -9946,21 +9964,21 @@ const Fi = f`
             weight
         }
     }
-`, Si = f`
+`, Pi = f`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, Yi = (c) => f`
+`, xi = (c) => f`
         ${pe(c)}
         ${Ct}
         ${aA}
-        ${Fi}
-        ${yi}
         ${Mi}
         ${Si}
+        ${Yi}
+        ${Pi}
         query GetWorkflows($ids: [String!]!) {
             workflows(ids: $ids) {
                 partner {
@@ -10347,7 +10365,7 @@ const Fi = f`
                 }
             }
         }
-    `, Pi = f`
+    `, Ni = f`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -10364,7 +10382,7 @@ const Fi = f`
             }
         }
     }
-`, xi = f`
+`, Ri = f`
     query GetCurrentIntegration {
         currentIntegration {
             id
@@ -10383,7 +10401,7 @@ const Fi = f`
             }
         }
     }
-`, Ni = f`
+`, Hi = f`
     ${pe(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -10405,7 +10423,7 @@ const Fi = f`
             }
         }
     }
-`, Ri = f`
+`, vi = f`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -10415,7 +10433,7 @@ const Fi = f`
             }
         }
     }
-`, Hi = f`
+`, Ui = f`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -10425,7 +10443,7 @@ const Fi = f`
             }
         }
     }
-`, vi = f`
+`, Gi = f`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -10452,11 +10470,11 @@ const Fi = f`
             }
         }
     }
-`, Ui = f`
+`, ki = f`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, Gi = f`
+`, bi = f`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -10500,10 +10518,10 @@ const Fi = f`
       (e = i.fontData) != null && e.assetUrl && await ct(i.fontData.assetUrl);
     }
   }
-}, ki = async (c, e) => {
+}, Ji = async (c, e) => {
   var a;
   const t = await x.getShadowGraphqlClient().query({
-    query: Yi(((a = e == null ? void 0 : e.assets) == null ? void 0 : a.metadata) || !1),
+    query: xi(((a = e == null ? void 0 : e.assets) == null ? void 0 : a.metadata) || !1),
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -10520,7 +10538,7 @@ const Fi = f`
       }), Qe.set({ id: i.option.id }, Promise.resolve(i.option)));
     }), n.finalizeStepConfig || (n.finalizeStepConfig = {}), n.finalizeStepConfig.termsMarkdown = n.partner.termsMarkdown;
   }), A;
-}, bi = async (c, e) => {
+}, Oi = async (c, e) => {
   const A = (await e).find((a) => a.id === c);
   if (!A)
     throw new Error(`Workflow not found: ${c}`);
@@ -10529,11 +10547,11 @@ const Fi = f`
   const t = c.map((s) => Qe.get({ id: s, options: e })), A = c.filter((s, o) => t[o] === void 0);
   if (A.length === 0)
     return Promise.all(t);
-  const a = ki(A, e), n = A.map(
-    (s) => Qe.set({ id: s, options: e }, bi(s, a))
+  const a = Ji(A, e), n = A.map(
+    (s) => Qe.set({ id: s, options: e }, Oi(s, a))
   ), i = t.filter((s) => s !== void 0);
   return await Promise.all(i.concat(n));
-}, Ye = async (c, e) => (await yA([c], e))[0], Ji = (c) => c.sort((e, t) => e.index - t.index).map((e) => ({
+}, Ye = async (c, e) => (await yA([c], e))[0], Ti = (c) => c.sort((e, t) => e.index - t.index).map((e) => ({
   id: J(),
   panelId: e.name,
   name: e.name,
@@ -10548,9 +10566,9 @@ const Fi = f`
   editableArea: e.editableArea
 })), Ze = (c, e) => {
   const t = c.workflowState, A = t ? JSON.parse(t) : void 0;
-  return A ? Object.values(A.layouts).map((a) => a.layout) : Ji(e.panels);
+  return A ? Object.values(A.layouts).map((a) => a.layout) : Ti(e.panels);
 };
-class Oi {
+class Li {
   constructor(e) {
     this.activeIntegration = void 0, this.updateTransactionState = async (t) => {
       try {
@@ -10578,7 +10596,7 @@ class Oi {
   getFlowService() {
     if (!Aa())
       throw new Error("Application key required to use Flow Service.");
-    return new Di();
+    return new fi();
   }
   async getIntegration() {
     if (!this.options.applicationKey)
@@ -10586,7 +10604,7 @@ class Oi {
     if (this.activeIntegration)
       return this.activeIntegration;
     const e = async () => (await x.getShadowGraphqlClient().query({
-      query: xi,
+      query: Ri,
       errorPolicy: "all",
       fetchPolicy: "no-cache"
     })).data.currentIntegration;
@@ -10643,7 +10661,7 @@ class Oi {
   async authenticateTransactionFromLocalStorage(e) {
     var g, B, l, C, d, E;
     const t = x.getShadowGraphqlClient(), A = await t.query({
-      query: Pi,
+      query: Ni,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10683,7 +10701,7 @@ class Oi {
       }
     }
     const r = (await t.query({
-      query: Ni,
+      query: Hi,
       errorPolicy: "all",
       variables: {
         id: a.workflowId
@@ -10719,7 +10737,7 @@ class Oi {
     var i;
     this.customer = void 0;
     const t = x.getShadowGraphqlClient(), a = (await t.query({
-      query: Ri,
+      query: vi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10728,7 +10746,7 @@ class Oi {
     })).data.customer;
     if (!a.id) {
       const o = (i = (await t.mutate({
-        mutation: Hi,
+        mutation: Ui,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -10760,7 +10778,7 @@ class Oi {
     if (!a)
       return !1;
     const i = (s = (await t.mutate({
-      mutation: vi,
+      mutation: Gi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10775,7 +10793,7 @@ class Oi {
    */
   async generateVerificationCode(e) {
     await x.getShadowGraphqlClient().mutate({
-      mutation: Ui,
+      mutation: ki,
       variables: {
         emailAddress: e
       }
@@ -10790,7 +10808,7 @@ class Oi {
   async verifyCode(e, t) {
     var n, i;
     const a = (n = (await x.getShadowGraphqlClient().mutate({
-      mutation: Gi,
+      mutation: bi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10816,7 +10834,7 @@ class Oi {
   async getNewBundle(e, t, A) {
     var o, r, g;
     const n = (g = (await x.getShadowGraphqlClient().mutate({
-      mutation: _n(((r = (o = A == null ? void 0 : A.graphql) == null ? void 0 : o.productCollection) == null ? void 0 : r.eagerFetchProducts) || !1),
+      mutation: ti(((r = (o = A == null ? void 0 : A.graphql) == null ? void 0 : o.productCollection) == null ? void 0 : r.eagerFetchProducts) || !1),
       variables: {
         collectionId: e,
         initialMetadata: t ? Object.entries(t).map((B, l) => ({ key: B[0], value: B[1] })) : void 0
@@ -10838,15 +10856,15 @@ class Oi {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(e, t, A, a) {
-    var w, u, h, D, m, p, Q, I, F;
-    const n = Y.getMap("bundleOwnerIds"), i = n == null ? void 0 : n.get(e), o = ((w = Object.entries(localStorage).find(([y, P]) => y.startsWith("CognitoIdentityServiceProvider") && y.endsWith("idToken"))) == null ? void 0 : w[0]) || "", r = localStorage.getItem(o), g = {};
+    var w, u, h, D, m, p, Q, I, y;
+    const n = Y.getMap("bundleOwnerIds"), i = n == null ? void 0 : n.get(e), o = ((w = Object.entries(localStorage).find(([M, P]) => M.startsWith("CognitoIdentityServiceProvider") && M.endsWith("idToken"))) == null ? void 0 : w[0]) || "", r = localStorage.getItem(o), g = {};
     r && !Qt(r) && (g.Authorization = `Bearer ${r}`);
     const B = {
       bundleOwnerId: i,
       ...g,
       ...(u = a == null ? void 0 : a.graphql) == null ? void 0 : u.additionalHeaders
     }, l = await x.getShadowGraphqlClient().query({
-      query: Xn(((D = (h = a == null ? void 0 : a.graphql) == null ? void 0 : h.productCollection) == null ? void 0 : D.eagerFetchProducts) || !1),
+      query: Zn(((D = (h = a == null ? void 0 : a.graphql) == null ? void 0 : h.productCollection) == null ? void 0 : D.eagerFetchProducts) || !1),
       variables: {
         id: e
       },
@@ -10860,7 +10878,7 @@ class Oi {
     const C = (I = l.data) == null ? void 0 : I.bundles[0], d = Y.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     d.set(C.id, C.partner.id), Y.setMap("bundlePartnerIds", d);
     const E = new Ut(this, C, t, A, i, {
-      additionalHeaders: (F = a == null ? void 0 : a.graphql) == null ? void 0 : F.additionalHeaders
+      additionalHeaders: (y = a == null ? void 0 : a.graphql) == null ? void 0 : y.additionalHeaders
     });
     return await E.getInitializationPromise(), E;
   }
@@ -10873,7 +10891,7 @@ class Oi {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const e = await x.getShadowGraphqlClient().query({
-      query: Zn,
+      query: _n,
       variables: {
         id: this.customer.id
       },
@@ -10926,7 +10944,7 @@ class Oi {
           const I = a.type === "integration" ? { integrationProductId: a.integrationProductId } : {
             externalIntegrationId: a.externalIntegrationId,
             externalProductId: a.externalProductId
-          }, F = await w.mutate({
+          }, y = await w.mutate({
             mutation: Nt,
             variables: {
               ...I,
@@ -10939,12 +10957,12 @@ class Oi {
             // TODO: this should be changed to required once the API is updated. Should this also be moved to server.ts?
             context: this.options.applicationKey ? { headers: { "X-Application-Key": this.options.applicationKey } } : void 0
           });
-          if (!F.data || !F.data.transactionCreate)
+          if (!y.data || !y.data.transactionCreate)
             throw new v("Failed to create transaction!");
-          const y = F.data.transactionCreate;
-          if (!y.product)
+          const M = y.data.transactionCreate;
+          if (!M.product)
             throw new v("Failed to create transaction, product not available.");
-          return y;
+          return M;
         }, m = Ye(a.workflowId, a == null ? void 0 : a.graphql), [p, Q] = await Promise.all([D(), m]);
         return { transaction: p, workflow: Q };
       }
@@ -11004,7 +11022,7 @@ class Oi {
     if (e.length === 0)
       throw new v("No options provided!");
     const A = x.getShadowGraphqlClient(), a = async (p) => {
-      var y, P;
+      var M, P;
       if (p.length === 0)
         return [];
       const Q = p.map((S) => S.option.transactionId), I = await A.query({
@@ -11014,12 +11032,12 @@ class Oi {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), F = I.data.transactions;
-      if (F.length !== p.length) {
-        const S = ((P = (y = I.errors) == null ? void 0 : y[0]) == null ? void 0 : P.message) || "Unknown error";
+      }), y = I.data.transactions;
+      if (y.length !== p.length) {
+        const S = ((P = (M = I.errors) == null ? void 0 : M[0]) == null ? void 0 : P.message) || "Unknown error";
         throw new v(`Not all transactions were found: ${S}`);
       }
-      return F.map((S, N) => {
+      return y.map((S, N) => {
         var R;
         return {
           transaction: S,
@@ -11029,7 +11047,7 @@ class Oi {
         };
       });
     }, n = async (p) => {
-      var F, y, P;
+      var y, M, P;
       if (p.length === 0)
         return [];
       const Q = await A.mutate({
@@ -11046,9 +11064,9 @@ class Oi {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), I = (F = Q.data) == null ? void 0 : F.transactionCreateMany;
+      }), I = (y = Q.data) == null ? void 0 : y.transactionCreateMany;
       if (!I || I.length === 0) {
-        const S = ((P = (y = Q.errors) == null ? void 0 : y[0]) == null ? void 0 : P.message) || "Unknown error";
+        const S = ((P = (M = Q.errors) == null ? void 0 : M[0]) == null ? void 0 : P.message) || "Unknown error";
         throw new v(`Failed to create transactions: ${S}`);
       }
       return I.map((S, N) => ({
@@ -11064,24 +11082,24 @@ class Oi {
       ...g.map(n)
     ])).flat(), l = [...new Set(B.map((p) => p.workflowId))], C = await yA(l, t), d = new Map(C.map((p) => [p.id, p])), E = Y.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), w = B.map(async (p) => {
       var L;
-      const { transaction: Q, workflowId: I, readOnly: F, index: y } = p, P = d.get(I), S = e[y];
+      const { transaction: Q, workflowId: I, readOnly: y, index: M } = p, P = d.get(I), S = e[M];
       !E.get(Q.id) && Q.transactionOwnerId && E.set(Q.id, Q.transactionOwnerId);
       const N = E.get(Q.id) || void 0, R = {
         product: Q.product,
         transaction: Q,
         layouts: [],
         singleVariantsRenderable: (L = S == null ? void 0 : S.workflowConfiguration) == null ? void 0 : L.singleVariantsRenderable,
-        stateMutationFunc: F ? async () => {
+        stateMutationFunc: y ? async () => {
           throw new b("State mutation is forbidden in read only mode!");
         } : async (O) => this.updateTransactionState({ ...O, context: { transactionOwnerId: N } }),
-        readOnly: F,
+        readOnly: y,
         workflow: P,
         isReloadedTransaction: S.type === "transaction"
       };
       if (S.type === "transaction" && Q.workflowState) {
         const O = JSON.parse(Q.workflowState);
         R.layouts = Object.values(O.layouts || {}).map((W) => W.layout), await Ae(O), await ne(O), R.reloadedState = O;
-      } else if (!F && S.workflowState) {
+      } else if (!y && S.workflowState) {
         const O = JSON.parse(S.workflowState);
         R.layouts = Object.values(O.layouts || {}).map((W) => W.layout), await Ae(O), await ne(O), R.reloadedState = O;
       } else
@@ -11091,12 +11109,12 @@ class Oi {
         );
       return R.renderableContextService = new Me(
         R.layouts
-      ), R.delayWorkflowStateSync = !0, this.initialized = !0, this.experienceOptions = R, { experienceOptions: R, index: y, options: S };
+      ), R.delayWorkflowStateSync = !0, this.initialized = !0, this.experienceOptions = R, { experienceOptions: R, index: M, options: S };
     });
     Y.setMap("transactionOwnerIds", E);
     const D = (await Promise.all(w)).sort((p, Q) => p.index - Q.index).map(async (p) => {
-      const { experienceOptions: Q, options: I } = p, F = new ye(this, Q);
-      return await F.getWorkflowManager().getInitializationPromise(), I.type !== "transaction" && this.customer && await F.attachCustomerDetails({ email: this.customer.emailAddress }), F;
+      const { experienceOptions: Q, options: I } = p, y = new ye(this, Q);
+      return await y.getWorkflowManager().getInitializationPromise(), I.type !== "transaction" && this.customer && await y.attachCustomerDetails({ email: this.customer.emailAddress }), y;
     }), m = await Promise.all(D);
     return m.forEach((p) => p.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), m;
   }
@@ -11347,7 +11365,7 @@ class Oi {
     return a.data.transactions[0].transactionShareActions;
   }
 }
-class cs {
+class ls {
   getClient() {
     return this.client ?? {};
   }
@@ -11480,8 +11498,8 @@ class cs {
   async updateTransactionShareActions() {
   }
 }
-var Ti = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(Ti || {});
-class Li extends X {
+var zi = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(zi || {});
+class Ki extends X {
   constructor(e, t) {
     var A;
     super(e, t), this.frameService = (A = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : A.frameService;
@@ -14332,15 +14350,15 @@ const Oe = [
   "101820",
   "3D3935"
 ];
-function gs(c) {
+function Bs(c) {
   const e = Oe.indexOf(c);
   return e >= 0 ? re[e] : "";
 }
-function zi(c) {
+function ji(c) {
   const e = re.indexOf(c);
   return e >= 0 ? Oe[e] : "";
 }
-function Ki(c, e, t) {
+function Vi(c, e, t) {
   let A = 0, a = c.length;
   for (; A < a; ) {
     const n = A + a >>> 1;
@@ -14348,8 +14366,8 @@ function Ki(c, e, t) {
   }
   return A;
 }
-function ls(c, e = 32) {
-  const t = [], A = [], a = zi(c);
+function Cs(c, e = 32) {
+  const t = [], A = [], a = ji(c);
   a && (t[a] = 0);
   const n = parseInt(c.substring(0, 2), 16), i = parseInt(c.substring(2, 4), 16), s = parseInt(c.substring(4, 6), 16);
   let o, r, g;
@@ -14360,13 +14378,13 @@ function ls(c, e = 32) {
   }
   for (let B = 0; B < A.length; B++)
     if (A[B] <= e && !t.some((l) => l.pms === Oe[B])) {
-      const l = Ki(t, A[B], "distance");
+      const l = Vi(t, A[B], "distance");
       t.splice(l, 0, { pms: Oe[B], distance: A[B] });
     }
   return t.map((B) => B.pms);
 }
 let Be = null;
-function Bs(c) {
+function ds(c) {
   if (c.startsWith("#"))
     return kt(c);
   if (!document)
@@ -14383,129 +14401,131 @@ function kt(c) {
 }
 export {
   dt as AddonHandle,
-  rs as ArrayInput,
-  ws as AspectType,
+  gs as ArrayInput,
+  hs as AspectType,
   te as AssetNotFoundError,
-  Es as AssetType,
-  hs as BringForwardCommand,
-  us as BringToBackCommand,
-  Qs as BringToFrontCommand,
-  ms as CanvasCommand,
+  us as AssetType,
+  Qs as BringForwardCommand,
+  ms as BringToBackCommand,
+  ps as BringToFrontCommand,
+  Ds as CanvasCommand,
   qe as CollectionProduct,
-  Bi as ColorOptionGlobalPropertyHandle,
-  ps as CommandContext,
+  di as ColorOptionGlobalPropertyHandle,
+  Is as CommandContext,
   fa as ConversionDataType,
   Ia as ConversionLocation,
-  Ds as CreateElementCommand,
-  Is as CreateLayoutCommand,
-  fs as DeleteElementCommand,
-  gi as FileUploadGlobalPropertyHandle,
+  fs as CreateElementCommand,
+  Fs as CreateLayoutCommand,
+  ys as DeleteElementCommand,
+  In as DigitalContentStepHandle,
+  Bi as FileUploadGlobalPropertyHandle,
   Se as FlowExecutionNodeResult,
-  Ii as FlowExecutionResult,
-  Di as FlowService,
-  Fs as FontAlignmentCommand,
-  ys as FontColorCommand,
-  Ms as FontSizeCommand,
-  Ss as FontSourceCommand,
+  Fi as FlowExecutionResult,
+  fi as FlowService,
+  Ms as FontAlignmentCommand,
+  Ss as FontColorCommand,
+  Ys as FontSizeCommand,
+  Ps as FontSourceCommand,
   ka as FrameService,
-  Ti as FrameStep,
-  Li as FrameStepHandle,
+  zi as FrameStep,
+  Ki as FrameStepHandle,
   mt as GlobalPropertyHandle,
-  Ys as GroupCommand,
+  xs as GroupCommand,
   wn as IllustrationStepHandle,
   Je as InformationMessageType,
   Dn as InformationStepHandle,
   Gt as IntegrationProduct,
   pa as IntegrationType,
-  Ps as LayoutElementFactory,
-  xs as LayoutElementType,
+  Ns as LayoutElementFactory,
+  Rs as LayoutElementType,
   z as LayoutNotFoundError,
   En as MaterialStepHandle,
   Ue as MisconfigurationError,
-  cs as MockWorkflowManager,
+  ls as MockWorkflowManager,
   hn as ModelStepHandle,
-  Ns as MoveCommand,
+  fn as ModuleStepHandle,
+  Hs as MoveCommand,
   FA as ObjectInput,
-  fi as ObjectInputType,
+  yi as ObjectInputType,
   fA as OptionGlobalPropertyHandle,
   ve as OptionNotFoundError,
   Ce as ParseError,
   un as PictureStepHandle,
   Da as ProductCameraRig,
-  ui as ProductCollection,
+  mi as ProductCollection,
   Ee as ProductWorkflow,
   Qe as PromiseCache,
   oA as PromiseQueue,
   Qn as QuestionStepHandle,
   sA as QueueablePromise,
-  Rs as ResizeCommand,
+  vs as ResizeCommand,
   ue as ResourceNotFoundError,
-  Hs as RotateCommand,
-  vs as SendBackwardsCommand,
+  Us as RotateCommand,
+  Gs as SendBackwardsCommand,
   mn as ShapeStepHandle,
-  Oi as SpiffCommerceClient,
+  Li as SpiffCommerceClient,
   Ge as StakeholderType,
-  Us as StepAspectType,
+  ks as StepAspectType,
   X as StepHandle,
-  Gs as StepType,
-  ks as TextChangeCommand,
-  li as TextGlobalPropertyHandle,
-  os as TextInput,
+  bs as StepType,
+  Js as TextChangeCommand,
+  Ci as TextGlobalPropertyHandle,
+  cs as TextInput,
   pn as TextStepHandle,
   ma as TransactionShareActionType,
-  mi as Transform,
-  Qi as TransformCollection,
+  Di as Transform,
+  pi as TransformCollection,
   b as UnhandledBehaviorError,
-  bs as UnitOfMeasurement,
-  Js as UpdateImageSourceCommand,
+  Os as UnitOfMeasurement,
+  Ts as UpdateImageSourceCommand,
   q as Variant,
-  Nn as WorkflowExperienceEventType,
+  Hn as WorkflowExperienceEventType,
   ye as WorkflowExperienceImpl,
   U as assetService,
-  Bs as browserColorToHex,
-  Sn as createDesign,
-  Os as dataUrlFromExternalUrl,
+  ds as browserColorToHex,
+  Pn as createDesign,
+  Ls as dataUrlFromExternalUrl,
   Xe as designService,
-  Ts as determineCorrectFontSizeAndLines,
+  zs as determineCorrectFontSizeAndLines,
   Oa as digitalContentStepService,
-  Ls as findElement,
-  zs as frameDataCache,
+  Ks as findElement,
+  js as frameDataCache,
   se as frameStepService,
-  Ks as generate,
-  Ln as generateCommands,
-  js as generateSVGWithUnknownColors,
-  ss as generateStateFromDesignInputSteps,
-  Vs as getAttributesFromArrayBuffer,
-  Ws as getAxisAlignedBoundingBox,
+  Vs as generate,
+  Kn as generateCommands,
+  Ws as generateSVGWithUnknownColors,
+  rs as generateStateFromDesignInputSteps,
+  Xs as getAttributesFromArrayBuffer,
+  qs as getAxisAlignedBoundingBox,
   Ga as getBoundedOffsets,
-  Xs as getFrameData,
-  qs as getSvgElement,
+  Zs as getFrameData,
+  $s as getSvgElement,
   Ye as getWorkflow,
   yA as getWorkflows,
   x as graphQlManager,
   xe as illustrationStepService,
-  Zs as loadFont,
-  ls as matchHexToPms,
+  _s as loadFont,
+  Cs as matchHexToPms,
   cA as materialStepService,
   gA as modelStepService,
   Va as moduleStepService,
   V as optionService,
-  $s as patternImageDataCache,
+  eo as patternImageDataCache,
   Y as persistenceService,
   lA as pictureStepService,
-  gs as pmsToRgb,
+  Bs as pmsToRgb,
   BA as questionStepService,
-  _s as registerFetchImplementation,
-  eo as registerWindowImplementation,
-  to as rehydrateSerializedLayout,
-  zi as rgbToPms,
-  ns as setBearerAuthenticationToken,
-  Ao as setCanvasModule,
+  to as registerFetchImplementation,
+  Ao as registerWindowImplementation,
+  ao as rehydrateSerializedLayout,
+  ji as rgbToPms,
+  ss as setBearerAuthenticationToken,
+  no as setCanvasModule,
   de as shapeStepService,
   ba as shortenUrl,
   _ as spiffCoreConfiguration,
-  is as stepAspectValuesToDesignInputSteps,
-  ao as svgToDataUrl,
+  os as stepAspectValuesToDesignInputSteps,
+  io as svgToDataUrl,
   j as textStepService,
   $a as toast
 };