@spiffcommerce/core 22.7.3 → 22.7.5

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createHttpLink as RA, InMemoryCache as HA, ApolloClient as UA, from as kA, gql as f } from "@apollo/client/core";
-import { fetch as ot, getAttributesFromArrayBuffer as Ot, AssetType as _e, StepType as y, getFrameData as rt, frameDataCache as GA, modifySVGColors as bA, svgToDataUrl as JA, GroupCommand as U, UpdateFramePattern as Lt, UpdateFrameThresholdSettingsCommand as TA, calculateOffsets as ct, LayoutElementType as G, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Le, svgObjectURL as Re, fetchAsString as _, DeleteElementCommand as ne, generateDefaultRectangleFrameSvg as Ft, GetSVGDimensions as OA, patternImageDataCache as yt, fetchAsArrayBuffer as LA, findElement as He, modifySVGWithElementProperties as zA, IllustrationColorCommand as et, IllustrationCacheCommand as KA, getFontMetrics as jA, getPatternImageData as tt, FontAlignmentCommand as VA, FontColorCommand as WA, FontImageFillCommand as Ve, applyTextTransformations as At, determineCorrectFontSizeAndLines as Ne, FontSourceCommand as Mt, loadFont as gt, TextChangeCommand as XA, FontSizeCommand as qA, createElementNS as ZA, createElement as fe, _loadFontExternalDataURL as lt, UpdateWorkflowStateCommand as St, CommandContext as $A, createCanvas as Ue, getSvgElement as zt, LayoutRenderingPurpose as Kt, renderPapyrusComponentAsString as jt, loadImage as Vt, getDomParser as Wt, toBase64 as Yt, getVariant as _A, generateFrameSVG as ea, getDefaultVariant as ze, domParser as Xt, sanitizeSvgTree as qt, traverse as ta, xmlSerializer as Zt, CreateLayoutCommand as Aa, AspectType as $, rehydrateSerializedLayout as ie } from "@spiffcommerce/papyrus";
-import { AspectType as Yi, AssetType as Pi, BringForwardCommand as xi, BringToBackCommand as Ni, BringToFrontCommand as vi, CanvasCommand as Ri, CommandContext as Hi, CreateElementCommand as Ui, CreateLayoutCommand as ki, DeleteElementCommand as Gi, FontAlignmentCommand as bi, FontColorCommand as Ji, FontSizeCommand as Ti, FontSourceCommand as Oi, GroupCommand as Li, LayoutElementFactory as zi, LayoutElementType as Ki, MoveCommand as ji, ResizeCommand as Vi, RotateCommand as Wi, SendBackwardsCommand as Xi, StepAspectType as qi, StepType as Zi, TextChangeCommand as $i, UnitOfMeasurement as _i, UpdateImageSourceCommand as eo, dataUrlFromExternalUrl as to, determineCorrectFontSizeAndLines as Ao, findElement as ao, frameDataCache as no, generate as so, generateSVGWithUnknownColors as io, getAttributesFromArrayBuffer as oo, getAxisAlignedBoundingBox as ro, getFrameData as co, getSvgElement as go, loadFont as lo, patternImageDataCache as Bo, registerFetchImplementation as Co, registerWindowImplementation as wo, rehydrateSerializedLayout as Eo, setCanvasModule as ho, svgToDataUrl as uo } from "@spiffcommerce/papyrus";
+import { fetch as ot, getAttributesFromArrayBuffer as Ot, AssetType as _e, StepType as y, getFrameData as rt, frameDataCache as GA, modifySVGColors as bA, svgToDataUrl as JA, GroupCommand as U, UpdateFramePattern as Lt, UpdateFrameThresholdSettingsCommand as TA, calculateOffsets as ct, LayoutElementType as G, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Le, svgObjectURL as Re, fetchAsString as _, DeleteElementCommand as ne, generateDefaultRectangleFrameSvg as Ft, GetSVGDimensions as OA, patternImageDataCache as yt, fetchAsArrayBuffer as LA, findElement as He, modifySVGWithElementProperties as zA, IllustrationColorCommand as et, IllustrationCacheCommand as KA, getFontMetrics as jA, getPatternImageData as tt, FontAlignmentCommand as VA, FontColorCommand as WA, FontImageFillCommand as Ve, applyTextTransformations as At, determineCorrectFontSizeAndLines as Ne, FontSourceCommand as Mt, loadFont as gt, TextChangeCommand as XA, FontSizeCommand as qA, createElementNS as ZA, createElement as fe, _loadFontExternalDataURL as lt, UpdateWorkflowStateCommand as St, CommandContext as $A, createCanvas as Ue, getSvgElement as zt, LayoutRenderingPurpose as Kt, renderPapyrusComponentAsString as jt, loadImage as Vt, getDomParser as Wt, toBase64 as Yt, getVariant as _A, generateFrameSVG as ea, getDefaultVariant as ze, domParser as Xt, sanitizeSvgTree as qt, traverse as ta, xmlSerializer as Zt, CreateLayoutCommand as Aa, AspectType as $, rehydrateSerializedLayout as se } from "@spiffcommerce/papyrus";
+import { AspectType as Ys, AssetType as Ps, BringForwardCommand as xs, BringToBackCommand as Ns, BringToFrontCommand as vs, CanvasCommand as Rs, CommandContext as Hs, CreateElementCommand as Us, CreateLayoutCommand as ks, DeleteElementCommand as Gs, FontAlignmentCommand as bs, FontColorCommand as Js, FontSizeCommand as Ts, FontSourceCommand as Os, GroupCommand as Ls, LayoutElementFactory as zs, LayoutElementType as Ks, MoveCommand as js, ResizeCommand as Vs, RotateCommand as Ws, SendBackwardsCommand as Xs, StepAspectType as qs, StepType as Zs, TextChangeCommand as $s, UnitOfMeasurement as _s, UpdateImageSourceCommand as eo, dataUrlFromExternalUrl as to, determineCorrectFontSizeAndLines as Ao, findElement as ao, frameDataCache as no, generate as io, generateSVGWithUnknownColors as so, getAttributesFromArrayBuffer as oo, getAxisAlignedBoundingBox as ro, getFrameData as co, getSvgElement as go, loadFont as lo, patternImageDataCache as Bo, registerFetchImplementation as Co, registerWindowImplementation as wo, rehydrateSerializedLayout as Eo, setCanvasModule as ho, svgToDataUrl as uo } from "@spiffcommerce/papyrus";
 import { setContext as aa } from "@apollo/client/link/context";
 import { onError as na } from "@apollo/client/link/error";
 import { Pith as $t } from "pith";
@@ -8,7 +8,7 @@ import _t from "lodash.debounce";
 import eA from "lodash.isequal";
 import he from "lodash.clonedeep";
 import { toString as tA } from "qrcode";
-import sa from "fuse.js";
+import ia from "fuse.js";
 import { split as at } from "unicode-default-word-boundary";
 import Bt from "svg-path-bbox";
 import Pt from "lodash.chunk";
@@ -32,7 +32,7 @@ class z extends De {
     super(`Panel not Found: ${e.panelId}`), this.panelId = (e == null ? void 0 : e.panelId) || "N/A";
   }
 }
-class se extends De {
+class ie extends De {
   constructor(e) {
     super(`Asset not found for variant: ${e.name}`), this.variant = e;
   }
@@ -72,7 +72,7 @@ class je extends Ke {
     super(`Resource Generation Failed: ${e}`);
   }
 }
-class ia {
+class sa {
   get(e) {
     return localStorage.getItem(e) || void 0;
   }
@@ -117,7 +117,7 @@ class xt {
 }
 const oa = () => {
   try {
-    return localStorage ? new ia() : new xt();
+    return localStorage ? new sa() : new xt();
   } catch {
     return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new xt();
   }
@@ -186,8 +186,8 @@ class Ca {
     const e = RA({
       uri: `${q.getServerUrl()}/graphql`,
       fetch: ot
-    }), t = aa(async (s, i) => {
-      const { headers: o } = i, r = o || {}, c = await da(), B = i.bearer ?? c.bearer, l = i.partnerId ?? c.partnerId, d = i.activeIntegration ?? c.activeIntegration, C = i.transactionOwnerId, w = i.customerToken ?? c.customerToken, E = i.applicationKey ?? c.applicationKey, u = i.bundleOwnerId;
+    }), t = aa(async (i, s) => {
+      const { headers: o } = s, r = o || {}, c = await da(), B = s.bearer ?? c.bearer, l = s.partnerId ?? c.partnerId, d = s.activeIntegration ?? c.activeIntegration, C = s.transactionOwnerId, w = s.customerToken ?? c.customerToken, E = s.applicationKey ?? c.applicationKey, u = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
           const h = window.__SENTRY__.hub;
@@ -203,17 +203,17 @@ class Ca {
       return B && (r.Authorization = `Bearer ${B}`), l && (r.partnerId = l), d && (r.activeIntegration = d), C && (r.transactionOwnerId = C), w && (r.customerToken = w), E && (r["X-Application-Key"] = E), u && (r.bundleOwnerId = u), {
         headers: r
       };
-    }), A = na(({ operation: s, graphQLErrors: i, networkError: o }) => {
-      const r = i || [];
-      o && console.log("GraphQL Network error"), r.forEach(() => console.log("GraphQL Error: " + s.operationName));
+    }), A = na(({ operation: i, graphQLErrors: s, networkError: o }) => {
+      const r = s || [];
+      o && console.log("GraphQL Network error"), r.forEach(() => console.log("GraphQL Error: " + i.operationName));
     });
     function a() {
       return {
-        read(s = null) {
-          return s;
+        read(i = null) {
+          return i;
         },
-        merge(s, i) {
-          return i || s || null;
+        merge(i, s) {
+          return s || i || null;
         }
       };
     }
@@ -377,8 +377,8 @@ const x = new Ca(), wa = f`
     ids: g
   }
 })).data.materials, pa = async (g, e, t, A, a) => {
-  var s;
-  return (s = (await x.getShadowGraphqlClient().mutate({
+  var i;
+  return (i = (await x.getShadowGraphqlClient().mutate({
     mutation: ua,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -389,16 +389,16 @@ const x = new Ca(), wa = f`
       anonymous: A,
       temporary: a
     }
-  })).data) == null ? void 0 : s.assetCreate;
+  })).data) == null ? void 0 : i.assetCreate;
 };
 class Da {
   constructor() {
     this.cache = /* @__PURE__ */ new Map(), this.bgrmProcessCache = /* @__PURE__ */ new Map(), this.materialCache = /* @__PURE__ */ new Map(), this.loadImageAsFileInfo = async (e) => {
-      const t = await e.arrayBuffer(), A = await Ot(t), a = (n, s) => {
-        const i = atob(n.split(",")[1]), o = [];
-        for (let r = 0; r < i.length; r++)
-          o.push(i.charCodeAt(r));
-        return new Blob([new Uint8Array(o)], { type: s });
+      const t = await e.arrayBuffer(), A = await Ot(t), a = (n, i) => {
+        const s = atob(n.split(",")[1]), o = [];
+        for (let r = 0; r < s.length; r++)
+          o.push(s.charCodeAt(r));
+        return new Blob([new Uint8Array(o)], { type: i });
       };
       return {
         name: e.name.substring(e.name.lastIndexOf("/") + 1),
@@ -466,18 +466,18 @@ class Da {
    * The asset will be stored via the persistence service for future access, if available.
    */
   async uploadAssetWithProgress(e, t, A, a, n) {
-    const s = await this.dispatchCreateAssetRequest(e, t, a, n);
-    if (!s)
+    const i = await this.dispatchCreateAssetRequest(e, t, a, n);
+    if (!i)
       throw new Error("Failed to create asset.");
-    return await new Promise((i, o) => {
+    return await new Promise((s, o) => {
       const r = new XMLHttpRequest();
-      r.open("PUT", s.assetResponse.uploadUrl, !0), r.setRequestHeader("Content-Type", s.mimeType), r.setRequestHeader("Cache-Control", "public,max-age=31536000,immutable"), r.upload.onprogress = (c) => {
+      r.open("PUT", i.assetResponse.uploadUrl, !0), r.setRequestHeader("Content-Type", i.mimeType), r.setRequestHeader("Cache-Control", "public,max-age=31536000,immutable"), r.upload.onprogress = (c) => {
         c.lengthComputable && A(c.loaded * 100 / c.total);
       }, r.onload = () => {
-        const c = s.assetResponse.asset;
-        oe.add(s.assetResponse.asset), i(c);
+        const c = i.assetResponse.asset;
+        oe.add(i.assetResponse.asset), s(c);
       }, r.onerror = o, r.send(e.blob);
-    }), this.cacheAsset(s.assetResponse.asset), s.assetResponse.asset;
+    }), this.cacheAsset(i.assetResponse.asset), i.assetResponse.asset;
   }
   async uploadAsset(e, t, A, a) {
     return this.uploadAssetWithProgress(e, t, () => {
@@ -505,7 +505,7 @@ class Da {
       return this.bgrmProcessCache.set(t, n), n;
     }
     const a = (async () => {
-      var s, i;
+      var i, s;
       const n = await x.getShadowGraphqlClient().mutate({
         mutation: Qa,
         fetchPolicy: "no-cache",
@@ -514,7 +514,7 @@ class Da {
           key: t
         }
       });
-      if (this.bgrmProcessCache.delete(t), !((i = (s = n.data) == null ? void 0 : s.assetRemoveBackground) != null && i.key))
+      if (this.bgrmProcessCache.delete(t), !((s = (i = n.data) == null ? void 0 : i.assetRemoveBackground) != null && s.key))
         throw new Error("Failed to remove background from image");
       return oe.add(n.data.assetRemoveBackground), K.add(t, n.data.assetRemoveBackground.key), this.cache.set(
         n.data.assetRemoveBackground.key,
@@ -541,10 +541,10 @@ class Da {
    * @param assetType The type of asset we're expecting to upload
    */
   async dispatchCreateAssetRequest(e, t, A, a) {
-    const n = e.blob.type ? e.blob.type : this.guessMIME(e.name), s = await pa(e.name, t, n, A, a);
-    if (s)
+    const n = e.blob.type ? e.blob.type : this.guessMIME(e.name), i = await pa(e.name, t, n, A, a);
+    if (i)
       return {
-        assetResponse: s,
+        assetResponse: i,
         mimeType: n
       };
   }
@@ -562,7 +562,7 @@ class Da {
     }
   }
 }
-const Be = "persistentAssets", sA = class te {
+const Be = "persistentAssets", iA = class te {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -613,8 +613,8 @@ const Be = "persistentAssets", sA = class te {
     te.callbacks.forEach((e) => e());
   }
 };
-sA.callbacks = [];
-let oe = sA;
+iA.callbacks = [];
+let oe = iA;
 const vt = "bgrmPersistentAssets";
 class K {
   static has(e) {
@@ -680,7 +680,7 @@ class Ia {
     this.disabled = e;
   }
 }
-const Qe = new Ia(), iA = f`
+const Qe = new Ia(), sA = f`
     fragment OptionFields on Option {
         id
         name
@@ -720,7 +720,7 @@ const Qe = new Ia(), iA = f`
 `, fa = f`
     ${Ie(!1)}
     ${Ct}
-    ${iA}
+    ${sA}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
             ...OptionFields
@@ -742,12 +742,12 @@ const Qe = new Ia(), iA = f`
     });
   }), e.data.options;
 }, ya = async (g, e) => (await e).find((A) => A.id === g), Ma = async (g) => {
-  const e = g.map((s) => Qe.get({ id: s })), t = g.filter((s, i) => e[i] === void 0);
+  const e = g.map((i) => Qe.get({ id: i })), t = g.filter((i, s) => e[s] === void 0);
   if (t.length === 0)
     return Promise.all(e);
   const A = Fa(t), a = t.map(
-    (s) => Qe.set({ id: s }, ya(s, A))
-  ), n = e.filter((s) => s !== void 0);
+    (i) => Qe.set({ id: i }, ya(i, A))
+  ), n = e.filter((i) => i !== void 0);
   return await Promise.all(n.concat(a));
 };
 class Sa {
@@ -773,13 +773,13 @@ class Sa {
     var a, n;
     const t = e.thumbnail;
     if (t) {
-      const s = (a = t.versions) == null ? void 0 : a.find((o) => o.name === "thumbnail"), i = t.fileLink;
-      return (s == null ? void 0 : s.link) || i;
+      const i = (a = t.versions) == null ? void 0 : a.find((o) => o.name === "thumbnail"), s = t.fileLink;
+      return (i == null ? void 0 : i.link) || s;
     }
     const A = e.asset;
     if (A) {
-      const s = (n = A.versions) == null ? void 0 : n.find((o) => o.name === "thumbnail"), i = A.fileLink;
-      return (s == null ? void 0 : s.link) || i;
+      const i = (n = A.versions) == null ? void 0 : n.find((o) => o.name === "thumbnail"), s = A.fileLink;
+      return (i == null ? void 0 : i.link) || s;
     }
     return e.material ? e.material.id : "";
   }
@@ -1458,7 +1458,7 @@ const Ja = f`
         silentSteps: de.includes(A.type) ? [A] : []
       });
     else {
-      const n = e.find((s) => s.name === a.name);
+      const n = e.find((i) => i.name === a.name);
       n ? de.includes(A.type) ? n.silentSteps.push(A) : n.renderableSteps.push(A) : e.push({
         name: a.name,
         title: a.name,
@@ -1491,7 +1491,7 @@ const Ja = f`
   if (A && A.selectedVariants) {
     const a = A.selectedVariants;
     return t.requiredVariantSelections.some(
-      (n) => a.find((s) => s.id === n) !== void 0
+      (n) => a.find((i) => i.id === n) !== void 0
     );
   }
   return !1;
@@ -1504,18 +1504,18 @@ const Ja = f`
   };
   return t.silentSteps.length === 0 && t.renderableSteps.length === 0 ? null : t;
 }, ce = (g, e) => g.map((t) => ja(t, e)).filter((t) => t !== null), Va = async (g, e, t = !1) => {
-  var s;
+  var i;
   const A = ce(g, e), a = [];
-  for (const i of A)
-    for (const o of i.renderableSteps) {
-      const r = (((s = o.option) == null ? void 0 : s.variants) || []).length;
+  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 === y.Model || o.type === y.Material || o.type === y.Picture || o.type === y.Shape ? (r > 1 || t) && a.push(o.stepName) : a.push(o.stepName));
     }
-  const n = A.filter((i) => i.renderableSteps.filter(
+  const n = A.filter((s) => s.renderableSteps.filter(
     (r) => a.includes(r.stepName)
   ).length > 0);
-  for (const i of n)
-    i.renderableSteps = i.renderableSteps.filter(
+  for (const s of n)
+    s.renderableSteps = s.renderableSteps.filter(
       (o) => a.includes(o.stepName)
     );
   return n;
@@ -1598,13 +1598,13 @@ class dA {
 function Wa(g, e, t, A) {
   const a = t.width * g.zoom, n = t.height * g.zoom;
   if (A) {
-    const i = g, o = Math.max(e.width / t.width, e.height / t.height);
-    i.zoom = Math.max(o, g.zoom);
-    const r = t.width * i.zoom, c = t.height * i.zoom;
-    return i.x = ye(g.x, e.width - r, 0), i.y = ye(g.y, e.height - c, 0), i;
+    const s = g, o = Math.max(e.width / t.width, e.height / t.height);
+    s.zoom = Math.max(o, g.zoom);
+    const r = t.width * s.zoom, c = t.height * s.zoom;
+    return s.x = ye(g.x, e.width - r, 0), s.y = ye(g.y, e.height - c, 0), s;
   }
-  const s = g;
-  return s.x = ye(s.x, -a, e.width), s.y = ye(s.y, -n, e.height), s;
+  const i = g;
+  return i.x = ye(i.x, -a, e.width), i.y = ye(i.y, -n, e.height), i;
 }
 function ye(g, e, t) {
   return Math.min(Math.max(g, e), t);
@@ -1630,12 +1630,12 @@ class Xa {
         const a = A;
         if (a.currentFrameSources) {
           let n = !1;
-          for (let s = 0; s < a.currentFrameSources.length; s++) {
-            const i = a.currentFrameSources[s], o = await rt(i), r = this.frameData ? this.frameData[s] : void 0;
-            eA(o, r) || (this.frameData || (this.frameData = new Array(a.currentFrameSources.length)), this.frameData[s] = o, n = !0);
+          for (let i = 0; i < a.currentFrameSources.length; i++) {
+            const s = a.currentFrameSources[i], o = await rt(s), r = this.frameData ? this.frameData[i] : void 0;
+            eA(o, r) || (this.frameData || (this.frameData = new Array(a.currentFrameSources.length)), this.frameData[i] = o, n = !0);
           }
           n && (this.onFrameDataChangeListeners.forEach(
-            (s) => s(this.frameData)
+            (i) => i(this.frameData)
           ), this.frameData && this.imageData && (this.recalculateOffsets(this.imageData), this.updateOffsets(this.offsets), this.recalculateZoomLimits(this.imageData, this.frameData)));
         }
       }
@@ -1713,15 +1713,15 @@ class Xa {
   setZoom(e, t, A, a) {
     if (this.imageData && this.offsets && this.frameData) {
       (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length));
-      const n = this.frameData.map((s, i) => {
-        const o = (t[i] - this.offsets[i].x) / this.offsets[i].zoom, r = (A[i] - this.offsets[i].y) / this.offsets[i].zoom, c = t[i] - o * e[i], B = A[i] - r * e[i];
+      const n = this.frameData.map((i, s) => {
+        const o = (t[s] - this.offsets[s].x) / this.offsets[s].zoom, r = (A[s] - this.offsets[s].y) / this.offsets[s].zoom, c = t[s] - o * e[s], B = A[s] - r * e[s];
         return {
           x: c,
           y: B,
-          zoom: this.imageData.width * e[i] / this.imageData.width
+          zoom: this.imageData.width * e[s] / this.imageData.width
         };
       });
-      this.updateOffsets(n, a), this.onZoomChangeListeners.forEach((s) => s(e));
+      this.updateOffsets(n, a), this.onZoomChangeListeners.forEach((i) => i(e));
     }
   }
   /**
@@ -1747,12 +1747,12 @@ class Xa {
       throw new b(
         "Frame data and offsets are not the same length. This is a bug. Please report it."
       );
-    if (!this.offsets.some((s, i) => !(e[i].x === s.x && e[i].y === s.y && e[i].zoom === s.zoom)) && !A) {
+    if (!this.offsets.some((i, s) => !(e[s].x === i.x && e[s].y === i.y && e[s].zoom === i.zoom)) && !A) {
       t && t();
       return;
     }
-    (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((s, i) => {
-      this.offsets[i] = Wa(e[i], s, this.imageData, this.forceImageCover);
+    (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((i, s) => {
+      this.offsets[s] = Wa(e[s], i, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       a,
@@ -1787,17 +1787,17 @@ class Xa {
    * @param onComplete A callback when the operation is completed.
    */
   updateFrameOffsets(e, t, A, a, n) {
-    if (!A || A.length === 0 || A.some((i) => !i))
+    if (!A || A.length === 0 || A.some((s) => !s))
       throw new b("Frame data not set. This is a bug");
     if (!this.workflowManager)
       throw new b("No workflow manager set, cannot update offsets.");
-    const s = this.workflowManager.getCommandDispatcher();
-    this.targetElements.forEach((i, o) => {
-      s(
+    const i = this.workflowManager.getCommandDispatcher();
+    this.targetElements.forEach((s, o) => {
+      i(
         new U([
-          new Lt(i, t, e[o]),
+          new Lt(s, t, e[o]),
           new TA(
-            i,
+            s,
             a.useThreshold,
             a.invertThreshold,
             a.threshold,
@@ -1833,14 +1833,14 @@ class Ht {
       const n = this.layouts.find((l) => l.panelId === a.panelId);
       if (!n)
         throw new z(a);
-      let s = "";
+      let i = "";
       if (this.configuration.type === y.ProductOverlay) {
         let l = "";
-        if ((o = this.product) != null && o.overlayImageUrl && (l = this.product.overlayImageUrl), s = l, !l)
+        if ((o = this.product) != null && o.overlayImageUrl && (l = this.product.overlayImageUrl), i = l, !l)
           throw new Ge(this.configuration, "Couldn't find an asset for product overlay step");
       }
-      const i = this.evaluateAssetType();
-      if (i === G.Image) {
+      const s = this.evaluateAssetType();
+      if (s === G.Image) {
         const l = this.configuration.type === y.SilentIllustration ? (r = this.configuration.data.asset) == null ? void 0 : r.fileLink : (c = this.product) == null ? void 0 : c.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
@@ -1848,7 +1848,7 @@ class Ht {
           stepName: this.configuration.stepName,
           id: J(),
           src: l,
-          type: i,
+          type: s,
           y: a.top,
           x: a.left,
           width: a.width,
@@ -1869,7 +1869,7 @@ class Ht {
           command: new L(d, n)
         };
       } else {
-        const l = this.configuration.type === y.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : s, C = await Le(await (async () => new Promise((E, u) => {
+        const l = this.configuration.type === y.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : i, C = await Le(await (async () => new Promise((E, u) => {
           if (!l) {
             u("Undefined vector silent step source");
             return;
@@ -1884,7 +1884,7 @@ class Ht {
           src: l,
           svg: C.svg,
           colors: C.colors,
-          type: i,
+          type: s,
           y: a.top,
           x: a.left,
           width: a.width,
@@ -1987,7 +1987,7 @@ class Za {
       var w, E;
       const d = (await nt([t]))[0], C = (E = (w = d == null ? void 0 : d.versions) == null ? void 0 : w.find((u) => u.name === "mpeg4")) == null ? void 0 : E.link;
       return { asset: d, link: C };
-    }, s = await new Promise((d, C) => {
+    }, i = await new Promise((d, C) => {
       new CA(
         async () => !!(await n()).link,
         async () => {
@@ -2007,8 +2007,8 @@ class Za {
       );
     });
     e.forEach((d) => A.getCommandDispatcher()(new ne(d.id)));
-    const i = a.data.baseUrl.slice(0, 4) === "http" ? "" : "https://", o = new URL(i + a.data.baseUrl);
-    o.searchParams.append("video", btoa(JSON.stringify([s]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
+    const s = a.data.baseUrl.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + a.data.baseUrl);
+    o.searchParams.append("video", btoa(JSON.stringify([i]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
     const r = o.toString();
     if (r.length >= 2e3)
       throw new je("Cannot create QR code, URL too long.");
@@ -2019,7 +2019,7 @@ class Za {
     return l && (l.command && A.getCommandDispatcher()(l.command), l.followup && await l.followup()), await A.setSelectionsAndElements(a.stepName, [], B, async () => {
       A.updateStorage(a.stepName, {
         videoShortUrl: c,
-        videoUrl: s.href
+        videoUrl: i.href
       });
     }), c;
   }
@@ -2028,7 +2028,7 @@ class Za {
     return e.data.regions.map(t);
   }
   async command(e, t, A, a) {
-    const n = A.getLayouts(), i = `data:image/svg+xml;base64,${btoa(await tA(e, { type: "svg" }))}`, o = t.map((r) => {
+    const n = A.getLayouts(), s = `data:image/svg+xml;base64,${btoa(await tA(e, { type: "svg" }))}`, o = t.map((r) => {
       const c = r.region, B = n.find((l) => l.panelId === (c == null ? void 0 : c.panelId));
       if (!B && c)
         throw new z(c);
@@ -2041,7 +2041,7 @@ class Za {
           stepRegion: c,
           stepName: a,
           id: r.id,
-          src: i,
+          src: s,
           type: G.Image,
           y: c.top,
           x: c.left,
@@ -4745,7 +4745,7 @@ const wA = new Za(), me = [
   parseInt(g.substring(2, 4), 16),
   parseInt(g.substring(4, 6), 16)
 ]);
-function Qi(g) {
+function Qs(g) {
   const e = me.indexOf(g);
   return e >= 0 ? ge[e] : "";
 }
@@ -4753,26 +4753,26 @@ function $a(g) {
   const e = ge.indexOf(g);
   return e >= 0 ? me[e] : "";
 }
-function mi(g, e = 64) {
+function ms(g, e = 64) {
   const t = [], A = [], a = $a(g);
   a && t.push({
     pms: a,
     hex: g,
     distance: 0
   });
-  const n = parseInt(g.substring(0, 2), 16), s = parseInt(g.substring(2, 4), 16), i = parseInt(g.substring(4, 6), 16);
+  const n = parseInt(g.substring(0, 2), 16), i = parseInt(g.substring(2, 4), 16), s = parseInt(g.substring(4, 6), 16);
   let o, r, c;
   for (let B = 0; B < ge.length; B++) {
     o = We[B][0], r = We[B][1], c = We[B][2];
-    const l = Math.sqrt(Math.pow(n - o, 2) + Math.pow(s - r, 2) + Math.pow(i - c, 2));
+    const l = Math.sqrt(Math.pow(n - o, 2) + Math.pow(i - r, 2) + Math.pow(s - c, 2));
     A.push(l);
   }
   for (let B = 0; B < A.length; B++)
     A[B] <= e && !t.some((l) => l.pms === me[B]) && t.push({ pms: me[B], hex: ge[B], distance: A[B] });
   return t.sort((B, l) => B.distance - l.distance);
 }
-const _a = me.map((g, e) => ({ pms: g, hex: ge[e] })), en = new sa(_a, { keys: ["pms"] });
-function pi(g, e) {
+const _a = me.map((g, e) => ({ pms: g, hex: ge[e] })), en = new ia(_a, { keys: ["pms"] });
+function ps(g, e) {
   return en.search(g, e ? { limit: e } : void 0);
 }
 let Ce = null;
@@ -4798,7 +4798,7 @@ class An {
         return Ft(t);
       const A = e.asset;
       if (!A)
-        throw new se(e);
+        throw new ie(e);
       const a = A.fileLink;
       if (a)
         return _(a, !0);
@@ -4812,14 +4812,14 @@ class An {
     let a;
     const n = t.getWorkflowExperience().getBundle();
     if (n && e.globalPropertyAspectConfigurations) {
-      const s = n.getGlobalPropertyStateManager(), i = e.globalPropertyAspectConfigurations[0], o = s.getAspectStorage(i.aspectName);
+      const i = n.getGlobalPropertyStateManager(), s = e.globalPropertyAspectConfigurations[0], o = i.getAspectStorage(s.aspectName);
       o && o.originalAssetKey && (a = (await k.getLocalOrFromServer(o.originalAssetKey)).fileLink);
     }
     if (e.option && e.option.variants && e.option.variants.length > 0) {
-      const s = e.option, i = V.getDefaultVariant(s);
-      return i ? this.selectVariantCommand(
+      const i = e.option, s = V.getDefaultVariant(i);
+      return s ? this.selectVariantCommand(
         e,
-        i,
+        s,
         [],
         t,
         void 0,
@@ -4902,12 +4902,12 @@ class An {
   }
   selectImage(e, t, A, a = !0) {
     var o;
-    const n = this.patternSource(t), s = (o = A.getStepStorage(e.stepName)) == null ? void 0 : o.framePatternSrc;
-    if (s && s === n)
+    const n = this.patternSource(t), i = (o = A.getStepStorage(e.stepName)) == null ? void 0 : o.framePatternSrc;
+    if (i && i === n)
       return Promise.resolve();
     A.setEditedStatus(e.stepName, !0);
-    const i = t.fileLink || "";
-    return i.endsWith(".pdf") || i.endsWith(".eps") || i.endsWith(".ai") ? new Promise((r) => {
+    const s = t.fileLink || "";
+    return s.endsWith(".pdf") || s.endsWith(".eps") || s.endsWith(".ai") ? new Promise((r) => {
       A.addPoller(
         new CA(
           async () => {
@@ -4930,14 +4930,14 @@ class An {
     }) : this.loadPatternFromAsset(t, e, A, a);
   }
   async selectVariant(e, t, A, a, n) {
-    const s = await this.selectVariantCommand(
+    const i = await this.selectVariantCommand(
       e,
       t,
       A,
       a,
       n
     );
-    s && (s.command && a.getCommandDispatcher()(s.command), s.followup && await s.followup());
+    i && (i.command && a.getCommandDispatcher()(i.command), i.followup && await i.followup());
   }
   getCreateElementCommand(e, t, A, a) {
     return new L(
@@ -4970,7 +4970,7 @@ class An {
   }
   async loadPatternFromString(e, t, A = !0, a = void 0, n) {
     if (e.endsWith("svg")) {
-      const s = await OA(e), i = s.width, o = s.height, r = await _(e);
+      const i = await OA(e), s = i.width, o = i.height, r = await _(e);
       if (n) {
         const l = r.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (l && l.length > 0)
@@ -4980,19 +4980,19 @@ class An {
       }
       const c = await Le(r), B = {
         src: e,
-        width: i,
+        width: s,
         height: o,
-        aspect: i / o,
+        aspect: s / o,
         svg: c.svg,
         colors: a ?? c.colors
       };
       yt.set(e, B), t.setPatternData(B, A);
     } else {
-      const s = await LA(e, !0), i = await Ot(s), o = {
+      const i = await LA(e, !0), s = await Ot(i), o = {
         src: e,
-        width: i.width,
-        height: i.height,
-        aspect: i.width / i.height,
+        width: s.width,
+        height: s.height,
+        aspect: s.width / s.height,
         svg: void 0,
         colors: void 0
       };
@@ -5000,9 +5000,9 @@ class An {
     }
   }
   changeColors(e, t, A) {
-    var s, i;
-    const a = (s = t.getStepSpecificServices(e.stepName)) == null ? void 0 : s.frameService;
-    if (!a || !((i = a.getImageData()) != null && i.svg)) {
+    var i, s;
+    const a = (i = t.getStepSpecificServices(e.stepName)) == null ? void 0 : i.frameService;
+    if (!a || !((s = a.getImageData()) != null && s.svg)) {
       console.warn("changeColors was called without an SVG being assigned to a frame step");
       return;
     }
@@ -5018,11 +5018,11 @@ class An {
     ), this.validateColorCount(e, t);
   }
   getUniqueColorCount(e, t) {
-    var s, i;
-    const A = (s = t.getStepSpecificServices(e.stepName)) == null ? void 0 : s.frameService;
+    var i, s;
+    const A = (i = t.getStepSpecificServices(e.stepName)) == null ? void 0 : i.frameService;
     if (!A)
       return 0;
-    const a = ((i = A.getImageData()) == null ? void 0 : i.colors) ?? {}, n = [];
+    const a = ((s = A.getImageData()) == null ? void 0 : s.colors) ?? {}, n = [];
     for (const o in a) {
       const r = a[o];
       if (r.pmsValue) {
@@ -5050,16 +5050,16 @@ class An {
     });
     for (const [c, B] of A.entries())
       a[c] = { browserValue: B.browserValue, pmsValue: B.pmsValue }, n[c] = B;
-    let s = Array.from(Object.values(a)).map((c) => c.browserValue);
-    const i = t.data.colorOption;
-    return i && ((r = i.variants) == null || r.forEach((c) => {
-      s = s.map((B) => {
+    let i = Array.from(Object.values(a)).map((c) => c.browserValue);
+    const s = t.data.colorOption;
+    return s && ((r = s.variants) == null || r.forEach((c) => {
+      i = i.map((B) => {
         var l;
         return B.toLowerCase() === ((l = c.color) == null ? void 0 : l.toLowerCase()) ? c.name : B;
       });
     })), {
       newColors: a,
-      metadataColors: s,
+      metadataColors: i,
       storageColors: n
     };
   }
@@ -5071,10 +5071,10 @@ class An {
       A > 0 && this.getUniqueColorCount(e, t) > A ? "workflow.steps.frame.tooManyColors" : void 0
     );
   }
-  async selectVariantCommand(e, t, A, a, n, s) {
+  async selectVariantCommand(e, t, A, a, n, i) {
     var l;
-    const i = (l = a.getStepSpecificServices(e.stepName)) == null ? void 0 : l.frameService;
-    if (!i)
+    const s = (l = a.getStepSpecificServices(e.stepName)) == null ? void 0 : l.frameService;
+    if (!s)
       throw new Error("Frame service unavailable, cannot load pattern!");
     const o = await Promise.all(
       e.data.regions.map((d) => this.frameSourceSvg(t, d))
@@ -5082,7 +5082,7 @@ class An {
     n && n(!0);
     const r = await Promise.all(
       e.data.regions.map(async (d, C) => {
-        const w = await rt(o[C]), E = i.getImageData(), u = A.map((I) => new ne(I.id)), h = E ? ct(E, w) : void 0, D = E ? {
+        const w = await rt(o[C]), E = s.getImageData(), u = A.map((I) => new ne(I.id)), h = E ? ct(E, w) : void 0, D = E ? {
           id: J(),
           src: E.src,
           x: (h == null ? void 0 : h.x) || 0,
@@ -5122,13 +5122,13 @@ class An {
           [...r.map((d) => d.regionEl)],
           async () => {
             var d;
-            if (a.updateStorage(e.stepName, { currentFrameSources: o }), s) {
+            if (a.updateStorage(e.stepName, { currentFrameSources: o }), i) {
               const C = (d = a.getStepSpecificServices(
                 e.stepName
               )) == null ? void 0 : d.frameService;
               if (!C)
                 throw new Error("Frame service unavailable, cannot load pattern!");
-              await this.loadPatternFromString(s, C, !0);
+              await this.loadPatternFromString(i, C, !0);
             }
           }
         );
@@ -5150,29 +5150,29 @@ class An {
   }
   async loadPatternFromAsset(e, t, A, a) {
     var r, c;
-    const n = this.patternSource(e), s = A.markUpdatePending(), i = (r = A.getStepSpecificServices(t.stepName)) == null ? void 0 : r.frameService;
-    if (!i)
-      throw A.markUpdateCompleted(s), new Error("Frame service unavailable, cannot load pattern!");
+    const n = this.patternSource(e), i = A.markUpdatePending(), s = (r = A.getStepSpecificServices(t.stepName)) == null ? void 0 : r.frameService;
+    if (!s)
+      throw A.markUpdateCompleted(i), new Error("Frame service unavailable, cannot load pattern!");
     try {
       await this.loadPatternFromString(
         n,
-        i,
+        s,
         a,
         void 0,
         t.data.colorPickerEnabled && !!t.data.maxColors && t.data.maxColors > 0
       );
     } catch (B) {
-      throw A.markUpdateCompleted(s), B;
+      throw A.markUpdateCompleted(i), B;
     }
     const o = this.calculateColorMetadata(
-      i,
+      s,
       t,
-      new Map(Object.entries(((c = i.getImageData()) == null ? void 0 : c.colors) ?? {}))
+      new Map(Object.entries(((c = s.getImageData()) == null ? void 0 : c.colors) ?? {}))
     );
     A.updateMetadata(t.stepName, { image: n, colors: o.metadataColors }), A.updateStorage(t.stepName, {
       framePatternSrc: n,
       colors: o.storageColors
-    }), A.markUpdateCompleted(s), A.setMandatoryFulfilled(t.stepName, !0), A.setInformationResults(
+    }), A.markUpdateCompleted(i), A.setMandatoryFulfilled(t.stepName, !0), A.setInformationResults(
       A.getInformationResults().filter((B) => B.stepID === t.stepName)
     ), this.validateColorCount(t, A);
   }
@@ -5241,13 +5241,13 @@ class an {
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
-    ), i = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
+    ), s = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
     if (a != null && a.selectedVariants) {
       const c = a.selectedVariants[0].id;
       if (o && c) {
         const B = (r = o.variants) == null ? void 0 : r.find((l) => l.id === c);
         if (B) {
-          const l = i.map((d) => ({ id: d.id, region: d.stepRegion }));
+          const l = s.map((d) => ({ id: d.id, region: d.stepRegion }));
           await t.setSelectionsAndElements(
             e.stepName,
             [B],
@@ -5276,14 +5276,14 @@ class an {
   }
   async changeColorsCommand(e, t, A, a, n) {
     var c;
-    const s = {};
+    const i = {};
     for (const [B, l] of n.entries())
-      s[B] = { browserValue: l, spotColor: (c = s[B]) == null ? void 0 : c.spotColor };
-    const i = zA(e, t, A, s), o = await Re(i), r = [];
+      i[B] = { browserValue: l, spotColor: (c = i[B]) == null ? void 0 : c.spotColor };
+    const s = zA(e, t, A, i), o = await Re(s), r = [];
     for (const B of a) {
       for (const [l, d] of n.entries())
         r.push(new et(B, l, d));
-      r.push(new KA(B, i, o));
+      r.push(new KA(B, s, o));
     }
     return new U(r);
   }
@@ -5291,17 +5291,17 @@ class an {
     var d, C;
     if (t.length === 0)
       return;
-    const s = He(
+    const i = He(
       t[0].id,
       a().map((w) => w.layoutState)
-    ), i = { ...s.colors }, o = {};
-    Object.entries(i).forEach(([w, E]) => {
+    ), s = { ...i.colors }, o = {};
+    Object.entries(s).forEach(([w, E]) => {
       const u = { browserValue: E.browserValue }, h = E.spotColor;
       h && (u.spotColor = { profileName: h.profileName, namedColor: h.namedColor }), o[w] = u;
     });
     for (const [w, E] of n.entries())
-      i[w] = { browserValue: E, spotColor: (d = i[w]) == null ? void 0 : d.spotColor }, o[w] = { browserValue: E };
-    let r = Array.from(Object.values(i)).map((w) => w.browserValue);
+      s[w] = { browserValue: E, spotColor: (d = s[w]) == null ? void 0 : d.spotColor }, o[w] = { browserValue: E };
+    let r = Array.from(Object.values(s)).map((w) => w.browserValue);
     const c = e.data.colorOption;
     c && ((C = c.variants) == null || C.forEach((w) => {
       r = r.map((E) => {
@@ -5310,14 +5310,14 @@ class an {
       });
     })), A.updateMetadata(e.stepName, { colors: r });
     const B = /* @__PURE__ */ new Map();
-    if (Object.entries(i).forEach(([w, E]) => {
+    if (Object.entries(s).forEach(([w, E]) => {
       B.set(w, E.browserValue);
-    }), !s.svg)
+    }), !i.svg)
       throw new Error("Colors changed before SVG loaded. This should never happen!");
     const l = await this.changeColorsCommand(
-      s.svg,
-      s.width,
-      s.height,
+      i.svg,
+      i.width,
+      i.height,
       t.map((w) => w.id),
       B
     );
@@ -5326,22 +5326,22 @@ class an {
     }), A.getCommandDispatcher()(l);
   }
   async selectVariant(e, t, A, a, n) {
-    const s = await this.selectVariantCommand(e, t, A, a, n);
-    s && (s.command && n.getCommandDispatcher()(s.command), s.followup && await s.followup());
+    const i = await this.selectVariantCommand(e, t, A, a, n);
+    i && (i.command && n.getCommandDispatcher()(i.command), i.followup && await i.followup());
   }
   async selectVariantCommand(e, t, A, a, n) {
     var u;
     if (!e.data || !e.data.regions)
       throw new Ge(e, "Missing regions.");
     a(!0);
-    const s = A.map((h) => new ne(h.id));
+    const i = A.map((h) => new ne(h.id));
     e.mandatory && n.setMandatoryFulfilled(e.stepName, !1);
-    const i = t.asset;
-    if (!i)
-      throw new se(t);
-    const o = i.fileLink;
+    const s = t.asset;
+    if (!s)
+      throw new ie(t);
+    const o = s.fileLink;
     if (!o)
-      throw new ue(i);
+      throw new ue(s);
     const r = await Le(await this.getIllustrationBody(o)), c = await Re(r.svg), B = (h) => {
       const D = n.getLayouts().find((p) => p.panelId === h.panelId);
       if (!D)
@@ -5356,7 +5356,7 @@ class an {
           svg: r
         })
       };
-    }, l = e.data.regions.map(B), C = [...l.map((h) => h.command), ...s];
+    }, l = e.data.regions.map(B), C = [...l.map((h) => h.command), ...i];
     let w = Array.from(Object.values(r.colors)).map((h) => h.browserValue);
     const E = e.data.colorOption;
     return E && ((u = E.variants) == null || u.forEach((h) => {
@@ -5418,7 +5418,7 @@ class nn {
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
-    ), i = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
+    ), s = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
     if (!o)
       throw new ke(e);
     if (a != null && a.selectedVariants) {
@@ -5426,7 +5426,7 @@ class nn {
       if (c) {
         const B = (r = o.variants) == null ? void 0 : r.find((l) => l.id === c);
         if (B) {
-          const l = B.material, d = i.map((C) => ({ id: C.id, region: C.stepRegion }));
+          const l = B.material, d = s.map((C) => ({ id: C.id, region: C.stepRegion }));
           await t.setSelectionsAndElements(
             e.stepName,
             [B],
@@ -5456,16 +5456,16 @@ class nn {
   async selectVariantLambda(e, t, A, a) {
     const n = A.getModelContainer();
     a(!0);
-    const s = t.material;
-    if (!s)
-      throw a(!1), new se(t);
+    const i = t.material;
+    if (!i)
+      throw a(!1), new ie(t);
     return {
       command: void 0,
       followup: async () => {
         await A.setSelectionsAndElements(e.stepName, [t], [], async () => {
           try {
-            n && e.data.targetMaterials.forEach((i) => {
-              e.option && n.applyMaterialVariant(i, e.option.id || "", s);
+            n && e.data.targetMaterials.forEach((s) => {
+              e.option && n.applyMaterialVariant(s, e.option.id || "", i);
             }), A.setMandatoryFulfilled(e.stepName, !0);
           } finally {
             a(!1);
@@ -5496,13 +5496,13 @@ class sn {
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
-    ), i = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
+    ), s = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
     if (a != null && a.selectedVariants) {
       const c = a.selectedVariants[0].id;
       if (o && c) {
         const B = (r = o.variants) == null ? void 0 : r.find((l) => l.id === c);
         if (B) {
-          const l = i.map((d) => ({ id: d.id, region: d.stepRegion }));
+          const l = s.map((d) => ({ id: d.id, region: d.stepRegion }));
           await t.setSelectionsAndElements(
             e.stepName,
             [B],
@@ -5513,7 +5513,7 @@ class sn {
               if (d && e.option) {
                 const w = (C = B.asset) == null ? void 0 : C.fileLink;
                 if (!w)
-                  throw new se(B);
+                  throw new ie(B);
                 await d.applyModelVariant(
                   e.stepName || "",
                   {
@@ -5534,18 +5534,18 @@ class sn {
     n && (n.command && A.getCommandDispatcher()(n.command), n.followup && await n.followup());
   }
   async selectVariantLambda(e, t, A, a) {
-    var s;
+    var i;
     a(!0);
-    const n = (s = t.asset) == null ? void 0 : s.fileLink;
+    const n = (i = t.asset) == null ? void 0 : i.fileLink;
     if (!n)
-      throw new se(t);
+      throw new ie(t);
     return {
       command: void 0,
       followup: async () => {
         await A.setSelectionsAndElements(e.stepName, [t], [], async () => {
           try {
-            const i = A.getModelContainer();
-            i && await i.applyModelVariant(
+            const s = A.getModelContainer();
+            s && await s.applyModelVariant(
               e.stepName,
               {
                 model: n,
@@ -5582,13 +5582,13 @@ class on {
     });
   }
   async changeText(e, t, A, a, n) {
-    const s = await this.changeTextCommand(e, t, A, a, n);
-    s && (s.command && A.getCommandDispatcher()(s.command), s.followup && await s.followup());
+    const i = await this.changeTextCommand(e, t, A, a, n);
+    i && (i.command && A.getCommandDispatcher()(i.command), i.followup && await i.followup());
   }
   async changeTextCommand(e, t, A, a, n) {
     var c;
-    const s = A.getRegionElements(e.stepName), i = (c = A.getStepSpecificServices(e.stepName)) == null ? void 0 : c.module;
-    if (!i)
+    const i = A.getRegionElements(e.stepName), s = (c = A.getStepSpecificServices(e.stepName)) == null ? void 0 : c.module;
+    if (!s)
       return console.error("Missing module."), null;
     const o = A.getProfanities();
     if (!this.validateInput(e, t, o, n))
@@ -5627,11 +5627,11 @@ class on {
         command: new U(u)
       };
     };
-    if (s.length > 0) {
-      const l = s.map((d) => {
+    if (i.length > 0) {
+      const l = i.map((d) => {
         if (!d.region)
           return null;
-        const C = i.svgPrint(t, d.region);
+        const C = s.svgPrint(t, d.region);
         return r(C, d.region, d.id);
       }).filter((d) => !!d).filter((d) => !!d).map((d) => d && d.command);
       return {
@@ -5641,7 +5641,7 @@ class on {
       };
     } else {
       const B = e.data.regions.map(
-        (d) => r(i.svgPrint(t, d), d)
+        (d) => r(s.svgPrint(t, d), d)
       ), l = B.filter((d) => !!d).map((d) => d && d.command);
       return {
         command: new U(l),
@@ -5658,17 +5658,17 @@ class on {
   }
   validateInput(e, t, A, a) {
     if (e.data && e.data.maxLength) {
-      const s = e.data.maxLength;
-      if (t.length > s)
+      const i = e.data.maxLength;
+      if (t.length > i)
         return a("Too many characters."), !1;
     }
     if (!/^$|^[a-zA-Z0-9 ]+$/.test(t))
       return a("Unsupported characters."), !1;
     const n = at(t.toLowerCase());
-    for (const s of n)
-      for (const i in A) {
-        const o = A[i].toLowerCase().replace(/\s/g, "");
-        if (s === o)
+    for (const i of n)
+      for (const s in A) {
+        const o = A[s].toLowerCase().replace(/\s/g, "");
+        if (i === o)
           return a("Blocked profanity."), !1;
       }
     return a(""), !0;
@@ -5692,13 +5692,13 @@ class rn {
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
-    ), i = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
+    ), s = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
     if (a != null && a.selectedVariants) {
       const c = a.selectedVariants[0].id;
       if (o && c) {
         const B = (r = o.variants) == null ? void 0 : r.find((l) => l.id === c);
         if (B) {
-          const l = i.map((d) => ({ id: d.id, region: d.stepRegion }));
+          const l = s.map((d) => ({ id: d.id, region: d.stepRegion }));
           await t.setSelectionsAndElements(
             e.stepName,
             [B],
@@ -5718,9 +5718,9 @@ class rn {
   async selectVariantCommand(e, t, A, a) {
     const n = t.asset;
     if (!n)
-      throw new se(t);
-    const s = n == null ? void 0 : n.fileLink;
-    if (!s)
+      throw new ie(t);
+    const i = n == null ? void 0 : n.fileLink;
+    if (!i)
       return console.error("No URL for picture!"), null;
     a(!0), e.mandatory && A.setMandatoryFulfilled(e.stepName, !1);
     const o = A.getRegionElements(e.stepName).map((B) => new ne(B.id)), r = (B) => {
@@ -5735,7 +5735,7 @@ class rn {
             stepName: e.stepName,
             stepRegion: B,
             id: C,
-            src: s,
+            src: i,
             type: G.Image,
             y: B.top,
             x: B.left,
@@ -5777,25 +5777,25 @@ class cn {
     else {
       const n = a.variants;
       if (V.getDefaultVariant(a)) {
-        const i = n == null ? void 0 : n.find((o) => {
+        const s = n == null ? void 0 : n.find((o) => {
           var r;
           return o.id === ((r = a.defaultVariant) == null ? void 0 : r.id);
         });
-        return this.selectVariantLambda(e, (i == null ? void 0 : i.id) || "", t);
+        return this.selectVariantLambda(e, (s == null ? void 0 : s.id) || "", t);
       }
     }
     return null;
   }
   async reload(e, t, A) {
-    var s;
+    var i;
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
     ), n = e.option;
     if (a != null && a.selectedVariants) {
-      const i = a.selectedVariants[0].id;
-      if (n && i) {
-        const o = (s = n.variants) == null ? void 0 : s.find((r) => r.id === i);
+      const s = a.selectedVariants[0].id;
+      if (n && s) {
+        const o = (i = n.variants) == null ? void 0 : i.find((r) => r.id === s);
         o && await t.setSelectionsAndElements(e.stepName, [o], []);
       }
     }
@@ -5812,13 +5812,13 @@ class cn {
     const n = a.variants;
     if (!n)
       return null;
-    const s = n.length > 1 ? n.find((i) => i.id === t) : n[0];
-    if (!s)
+    const i = n.length > 1 ? n.find((s) => s.id === t) : n[0];
+    if (!i)
       throw new Error("Failed to find selected variant in step variants, this should never happen!");
     return {
       command: void 0,
       followup: async () => {
-        await A.setSelectionsAndElements(e.stepName, [s], [], async () => {
+        await A.setSelectionsAndElements(e.stepName, [i], [], async () => {
           A.setMandatoryFulfilled(e.stepName, !0);
         });
       }
@@ -5841,13 +5841,13 @@ class gn {
     }))) || [] : [];
   }
   setCustomColor(e, t, A) {
-    const a = A.getLayouts(), s = (A.getRegionElements(t.stepName) || []).map((i) => {
-      const o = i.region;
+    const a = A.getLayouts(), i = (A.getRegionElements(t.stepName) || []).map((s) => {
+      const o = s.region;
       if (!a.find((c) => c.panelId === (o == null ? void 0 : o.panelId)))
         throw new z(o);
-      return new et(i.id, this.shapeFillId, e);
-    }).filter((i) => !!i);
-    A.getCommandDispatcher()(new U(s)), A.updateStorage(t.stepName, { colour: e });
+      return new et(s.id, this.shapeFillId, e);
+    }).filter((s) => !!s);
+    A.getCommandDispatcher()(new U(i)), A.updateStorage(t.stepName, { colour: e });
   }
   async init(e, t, A) {
     const a = e.option;
@@ -5879,13 +5879,13 @@ class gn {
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
-    ), i = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
+    ), s = Object.values(A.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === e.stepName), o = e.option;
     if (a != null && a.selectedVariants) {
       const c = a.selectedVariants[0].id;
       if (o && c) {
         const B = (r = o.variants) == null ? void 0 : r.find((l) => l.id === c);
         if (B) {
-          const l = i.map((d) => ({ id: d.id, region: d.stepRegion }));
+          const l = s.map((d) => ({ id: d.id, region: d.stepRegion }));
           await t.setSelectionsAndElements(
             e.stepName,
             [B],
@@ -5903,10 +5903,10 @@ class gn {
   }
   async selectVariantCommand(e, t, A, a) {
     var o;
-    const n = a.getLayouts(), s = (o = a.getStepStorage(e.stepName)) == null ? void 0 : o.colour, i = () => {
+    const n = a.getLayouts(), i = (o = a.getStepStorage(e.stepName)) == null ? void 0 : o.colour, s = () => {
       var r, c;
       if (((r = t.variant) == null ? void 0 : r.color) === "#custom")
-        return s || "#FFFFFF";
+        return i || "#FFFFFF";
       if ((c = t.variant) != null && c.color)
         return t.variant.color;
       throw new Error("Failed to resolve color for shape step.");
@@ -5916,7 +5916,7 @@ class gn {
         const l = B.region;
         if (!n.find((w) => w.panelId === (l == null ? void 0 : l.panelId)))
           throw new z(l);
-        const C = i();
+        const C = s();
         return new et(B.id, this.shapeFillId, C);
       }, c = A.map(r).filter((B) => !!B);
       return {
@@ -5926,7 +5926,7 @@ class gn {
             e.stepName,
             t.variant ? [t.variant] : [],
             A
-          ), a.updateStorage(e.stepName, { colour: i() });
+          ), a.updateStorage(e.stepName, { colour: s() });
         }
       };
     } else {
@@ -5934,7 +5934,7 @@ class gn {
         const C = n.find((D) => D.panelId === d.panelId);
         if (!C)
           throw new z(d);
-        const w = i(), E = `
+        const w = s(), E = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -5990,7 +5990,7 @@ class gn {
             t.variant ? [t.variant] : [],
             l,
             async () => {
-              a.updateStorage(e.stepName, { colour: i() });
+              a.updateStorage(e.stepName, { colour: s() });
             }
           );
         }
@@ -6046,18 +6046,18 @@ class Cn {
       );
       const a = [], n = t ? jA(t.assetUrl) : void 0;
       if (n) {
-        const s = A.split("").filter((o) => !dn.includes(o)).join(""), i = s.split("").map((o) => n.getFont().charToGlyph(o));
-        for (let o = 0; o < i.length; o++)
-          i[o].name === ".notdef" && a.push(String.fromCharCode(s.charCodeAt(o)));
+        const i = A.split("").filter((o) => !dn.includes(o)).join(""), s = i.split("").map((o) => n.getFont().charToGlyph(o));
+        for (let o = 0; o < s.length; o++)
+          s[o].name === ".notdef" && a.push(String.fromCharCode(i.charCodeAt(o)));
       }
-      for (let s = 0; s < a.length; s++)
-        A = A.replaceAll(a[s], "");
+      for (let i = 0; i < a.length; i++)
+        A = A.replaceAll(a[i], "");
       return A;
     }, this.textAlign = (e) => e.vertical ? "center" : e.textAlign || "center", this.getErrorsForText = (e, t, A) => {
       const a = [];
       t.data && t.data.maxLength && e.length > t.data.maxLength && a.push({ localizationKey: "workflow.steps.text.characterLimit" });
-      const n = A.getProfanities(), s = at(e.toLowerCase());
-      for (const o of s)
+      const n = A.getProfanities(), i = at(e.toLowerCase());
+      for (const o of i)
         for (const r in n) {
           const c = n[r].toLowerCase().replace(/\s/g, "");
           if (o === c) {
@@ -6070,7 +6070,7 @@ class Cn {
     };
   }
   async init(e, t, A) {
-    var n, s, i;
+    var n, i, s;
     const a = e.option;
     if (!a)
       return null;
@@ -6086,11 +6086,11 @@ class Cn {
       t.updateStorage(e.stepName, {
         text: e.data.defaultText || "",
         inputText: e.data.defaultText || "",
-        color: ((s = await this.getDefaultColorVariant(e.data)) == null ? void 0 : s.color) || await this.getDefaultColor(e.data),
+        color: ((i = await this.getDefaultColorVariant(e.data)) == null ? void 0 : i.color) || await this.getDefaultColor(e.data),
         fillImage: B
       }), t.updateMetadata(e.stepName, {
         text: e.data.defaultText || "",
-        color: ((i = await this.getDefaultColorVariant(e.data)) == null ? void 0 : i.name) || await this.getDefaultColor(e.data),
+        color: ((s = await this.getDefaultColorVariant(e.data)) == null ? void 0 : s.name) || await this.getDefaultColor(e.data),
         fillImage: o == null ? void 0 : o.name
       });
       const l = V.getDefaultVariant(a);
@@ -6125,10 +6125,10 @@ class Cn {
       return t;
     const A = e.data.colorOption;
     if (A) {
-      const n = ((a = A.variants) == null ? void 0 : a.map((s) => ({
-        fill: s.color,
-        stroke: s.color,
-        variant: s
+      const n = ((a = A.variants) == null ? void 0 : a.map((i) => ({
+        fill: i.color,
+        stroke: i.color,
+        variant: i
       }))) || [];
       return this.cachedColors.set(e.stepName, n), n;
     }
@@ -6138,9 +6138,9 @@ class Cn {
     if (!e.data || !e.data.regions)
       return;
     const n = a.getCommandDispatcher();
-    for (const s of A) {
-      const i = new VA(s.id, t);
-      n(i);
+    for (const i of A) {
+      const s = new VA(i.id, t);
+      n(s);
     }
   }
   async changeFillColor(e, t, A, a) {
@@ -6149,17 +6149,17 @@ class Cn {
       return;
     const n = a.getCommandDispatcher();
     t.variant ? a.updateMetadata(e.stepName, { color: t.variant.name }) : a.updateMetadata(e.stepName, { color: t.fill });
-    const s = e.data.colorOption, i = s ? this.createTextFillSpotColor(s, t.variant) : void 0;
-    s ? a.updateStorage(e.stepName, {
+    const i = e.data.colorOption, s = i ? this.createTextFillSpotColor(i, t.variant) : void 0;
+    i ? a.updateStorage(e.stepName, {
       color: t.fill,
-      colorProfileAssetKey: (o = s.colorProfile) == null ? void 0 : o.key
+      colorProfileAssetKey: (o = i.colorProfile) == null ? void 0 : o.key
     }) : a.updateStorage(e.stepName, {
       color: t.fill
     });
     for (const r of A) {
       if (!t.fill)
         throw new Error("Fill not set on new color selection!");
-      const c = new WA(r.id, t.fill, i);
+      const c = new WA(r.id, t.fill, s);
       n(c);
     }
   }
@@ -6167,17 +6167,17 @@ class Cn {
     var A, a;
     const t = e.data.imageFillOption;
     if (t) {
-      const n = ((a = (A = t.variants) == null ? void 0 : A.map((s) => {
-        var i;
-        return (i = s.asset) == null ? void 0 : i.fileLink;
-      })) == null ? void 0 : a.filter((s) => !!s)) || [];
+      const n = ((a = (A = t.variants) == null ? void 0 : A.map((i) => {
+        var s;
+        return (s = i.asset) == null ? void 0 : s.fileLink;
+      })) == null ? void 0 : a.filter((i) => !!i)) || [];
       return Promise.all(
-        n.map(async (s) => {
-          const i = await tt(s);
+        n.map(async (i) => {
+          const s = await tt(i);
           return {
-            src: s,
-            width: i.width,
-            height: i.height,
+            src: i,
+            width: s.width,
+            height: s.height,
             scale: e.data.imageFillScale || 1
           };
         })
@@ -6186,14 +6186,14 @@ class Cn {
     return Promise.resolve([]);
   }
   async changeFillImage(e, t, A, a) {
-    var i, o;
+    var s, o;
     if (!e.data || !e.data.regions)
       return;
-    const n = a.getCommandDispatcher(), s = (o = (i = e.option) == null ? void 0 : i.variants) == null ? void 0 : o.find((r) => {
+    const n = a.getCommandDispatcher(), i = (o = (s = e.option) == null ? void 0 : s.variants) == null ? void 0 : o.find((r) => {
       var c;
       return ((c = r.asset) == null ? void 0 : c.fileLink) === t.src;
     });
-    a.updateMetadata(e.stepName, { fillImage: s == null ? void 0 : s.name }), a.updateStorage(e.stepName, {
+    a.updateMetadata(e.stepName, { fillImage: i == null ? void 0 : i.name }), a.updateStorage(e.stepName, {
       fillImage: t
     });
     for (const r of A) {
@@ -6209,15 +6209,15 @@ class Cn {
     });
   }
   updateInputText(e, t, A, a) {
-    const n = a.getStepStorage(A.stepName), s = this.getProcessedInput(e, A.data, !!n.customiseAllText), i = {
+    const n = a.getStepStorage(A.stepName), i = this.getProcessedInput(e, A.data, !!n.customiseAllText), s = {
       command: void 0,
       helperText: "",
       errors: this.getErrorsForText(e, A, a)
     };
-    if (i.errors.length > 0)
-      return i.helperText = i.errors[0].localizationKey, i;
-    const o = (A.data.maxLength - s.length).toString();
-    i.helperText = `${o} characters remaining`;
+    if (s.errors.length > 0)
+      return s.helperText = s.errors[0].localizationKey, s;
+    const o = (A.data.maxLength - i.length).toString();
+    s.helperText = `${o} characters remaining`;
     const r = [], c = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
     for (const l of t) {
       if (!l.fontData)
@@ -6226,20 +6226,20 @@ class Cn {
         l.fontSize,
         l.fontData,
         { left: l.x, top: l.y, width: l.width, height: l.height, rotation: l.rotation, panelId: "" },
-        [s],
+        [i],
         { size: A.data.size, minSize: A.data.minSize, maxSize: A.data.maxSize }
       );
       c.set(l.id, d), B.set(l.id, C);
-      const w = A.data.curved ? s : (C || []).join(`
+      const w = A.data.curved ? i : (C || []).join(`
 `);
       r.push(this.generateTextChangeCommandsForRegion(d, A.data, l.id, w));
     }
-    return !A.data.curved && t.length > 0 && !Array.from(B.values()).every((d) => d) ? (i.errors.push({ localizationKey: "workflow.steps.text.doesNotFit" }), i) : (a.updateStorage(A.stepName, { text: e }), a.updateMetadata(A.stepName, {
-      text: s
-    }), (n.defaultCleared || !A.data.deleteDefaultOnFocus) && a.setMandatoryFulfilled(A.stepName, !0), i.command = new U(r), i);
+    return !A.data.curved && t.length > 0 && !Array.from(B.values()).every((d) => d) ? (s.errors.push({ localizationKey: "workflow.steps.text.doesNotFit" }), s) : (a.updateStorage(A.stepName, { text: e }), a.updateMetadata(A.stepName, {
+      text: i
+    }), (n.defaultCleared || !A.data.deleteDefaultOnFocus) && a.setMandatoryFulfilled(A.stepName, !0), s.command = new U(r), s);
   }
   async selectVariant(e, t, A, a, n) {
-    const s = await this.selectVariantCommand(
+    const i = await this.selectVariantCommand(
       e,
       t,
       A.getStepStorage(e.stepName) || {},
@@ -6248,16 +6248,16 @@ class Cn {
       a,
       n
     );
-    s && (s.command && A.getCommandDispatcher()(s.command), s.followup && await s.followup());
+    i && (i.command && A.getCommandDispatcher()(i.command), i.followup && await i.followup());
   }
   createTextFillSpotColor(e, t) {
     const A = e.colorProfile;
     if (A) {
-      const a = (A.name || "").replace(/\s/g, "-"), n = a.lastIndexOf("/"), i = a.slice(n + 1).slice(0, -4);
+      const a = (A.name || "").replace(/\s/g, "-"), n = a.lastIndexOf("/"), s = a.slice(n + 1).slice(0, -4);
       if (!t.namedColor)
         throw new Error("variant named color not set!");
       return {
-        profileName: i,
+        profileName: s,
         namedColor: t.namedColor
       };
     }
@@ -6267,26 +6267,26 @@ class Cn {
     const a = t.getSerializedStep(
       e.stepName,
       A.serializableWorkflow.steps
-    ), i = Object.values(A.layouts).map((l) => l.elements).flat().filter((l) => l.stepName === e.stepName), o = e.option;
+    ), s = Object.values(A.layouts).map((l) => l.elements).flat().filter((l) => l.stepName === e.stepName), o = e.option;
     if (a != null && a.selectedVariants) {
       const l = a.selectedVariants[0].id;
       if (o && l) {
         const d = (r = o.variants) == null ? void 0 : r.find((C) => C.id === l);
         if (d) {
-          const C = await this.fontDataFromVariant(d), w = i.map((D) => ({ id: D.id, region: D.stepRegion })), E = (c = a.storage) == null ? void 0 : c.color, u = (B = a.storage) == null ? void 0 : B.text;
+          const C = await this.fontDataFromVariant(d), w = s.map((D) => ({ id: D.id, region: D.stepRegion })), E = (c = a.storage) == null ? void 0 : c.color, u = (B = a.storage) == null ? void 0 : B.text;
           await t.setSelectionsAndElements(
             e.stepName,
             [d],
             w,
             async () => {
               t.updateMetadata(e.stepName, { color: E, text: u }), t.updateStorage(e.stepName, { text: u, inputText: u });
-              const D = i.map((p) => new Mt(p.id, C)), m = new U(D);
+              const D = s.map((p) => new Mt(p.id, C)), m = new U(D);
               t.getCommandDispatcher()(m);
             }
           );
           const { command: h } = j.updateInputText(
             u || "",
-            i,
+            s,
             e,
             t
           );
@@ -6315,7 +6315,7 @@ class Cn {
   async fontDataFromVariant(e) {
     const t = e.asset;
     if (!t)
-      throw new se(e);
+      throw new ie(e);
     const A = t.fileLink;
     if (!A)
       throw new ue(t);
@@ -6325,7 +6325,7 @@ class Cn {
       name: a.names.fullName.en
     };
   }
-  async selectVariantCommand(e, t, A, a, n, s, i, o) {
+  async selectVariantCommand(e, t, A, a, n, i, s, o) {
     var B;
     const r = n.markUpdatePending(), c = await this.fontDataFromVariant(t);
     if (a.length > 0) {
@@ -6342,8 +6342,8 @@ class Cn {
         A,
         n,
         !!A.customiseAllText,
-        s,
-        i
+        i,
+        s
       );
       return d && l.push(d), {
         command: new U(l),
@@ -6367,8 +6367,8 @@ class Cn {
         A,
         n,
         !!A.customiseAllText,
-        s,
-        i
+        i,
+        s
       ), C = l.flatMap((E) => E.commands);
       if (o) {
         const E = l.map(
@@ -6392,12 +6392,12 @@ class Cn {
   injectReplaceableText(e, t) {
     return t.replaceableText ? t.replaceableText.replace("{{}}", e) : e;
   }
-  async createTextboxRegions(e, t, A, a, n, s) {
+  async createTextboxRegions(e, t, A, a, n, i) {
     if (!A || !A.regions)
       throw new Error("Step data not supplied");
-    const i = n.text || A.defaultText || "", o = this.getProcessedInput(i, A, !1), r = async (B) => {
+    const s = n.text || A.defaultText || "", o = this.getProcessedInput(s, A, !1), r = async (B) => {
       var w;
-      const d = s.getLayouts().find((E) => E.panelId === B.panelId), C = J();
+      const d = i.getLayouts().find((E) => E.panelId === B.panelId), C = J();
       try {
         if (!d)
           throw new Te("Failed to find layout for region: " + B.panelId);
@@ -6408,7 +6408,7 @@ class Cn {
             var R;
             return T.id === ((R = E.defaultVariant) == null ? void 0 : R.id);
           }) || E.variants[0];
-          u = this.createTextFillSpotColor(E, S), s.updateStorage(e, {
+          u = this.createTextFillSpotColor(E, S), i.updateStorage(e, {
             colorProfileAssetKey: (w = E.colorProfile) == null ? void 0 : w.key
           });
         }
@@ -6424,7 +6424,7 @@ class Cn {
           layerIndex: B.layerIndex,
           rotation: B.rotation,
           text: o,
-          input: i,
+          input: s,
           type: G.Textbox,
           vertical: A.vertical,
           x: B.left,
@@ -6472,22 +6472,22 @@ class Cn {
     }, c = await Promise.all(A.regions.map(r)).catch((B) => {
       throw B instanceof Je ? (Bn.setLatestToast("Failed to load font.", pe.Error), B) : B instanceof Te ? B : new Error(B);
     });
-    return await s.setSelectionsAndElements(
+    return await i.setSelectionsAndElements(
       e,
       [t],
       c.map((B) => B.regionElement),
       async () => {
-        s.updateMetadata(e, {
-          text: i
-        }), s.updateStorage(e, {
-          text: i
+        i.updateMetadata(e, {
+          text: s
+        }), i.updateStorage(e, {
+          text: s
         });
       }
     ), c;
   }
   generateTextChangeCommandsForRegion(e, t, A, a) {
-    const n = [], s = new XA(A, a);
-    if (n.push(s), !t.size) {
+    const n = [], i = new XA(A, a);
+    if (n.push(i), !t.size) {
       const o = new qA(A, e);
       n.push(o);
     }
@@ -6496,8 +6496,8 @@ class Cn {
   /**
    * @deprecated
    */
-  async changeInputTextWithRegion(e, t, A, a, n, s, i, o, r, c) {
-    const B = (a || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), l = this.getProcessedInput(B, e.data, i), d = s.getRegionElements(e.stepName), C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
+  async changeInputTextWithRegion(e, t, A, a, n, i, s, o, r, c) {
+    const B = (a || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), l = this.getProcessedInput(B, e.data, s), d = i.getRegionElements(e.stepName), C = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
     for (const m of d)
       if (m.region) {
         const [p, Q] = Ne(
@@ -6512,7 +6512,7 @@ class Cn {
     const u = (() => {
       if (e.data && e.data.maxLength && l.length > e.data.maxLength)
         return c && c(!0), { info: "0" };
-      const m = s.getProfanities(), p = at(l.toLowerCase());
+      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, "");
@@ -6528,9 +6528,9 @@ class Cn {
     }
     if (r(`${u.info} characters remaining` || ""), c)
       return;
-    s.updateStorage(e.stepName, { text: B }), s.updateMetadata(e.stepName, {
+    i.updateStorage(e.stepName, { text: B }), i.updateMetadata(e.stepName, {
       text: this.injectReplaceableText(B, e.data)
-    }), (n.defaultCleared || !e.data.deleteDefaultOnFocus) && s.setMandatoryFulfilled(e.stepName, !0);
+    }), (n.defaultCleared || !e.data.deleteDefaultOnFocus) && i.setMandatoryFulfilled(e.stepName, !0);
     const h = [];
     for (const m of d) {
       const p = e.data.curved ? l : (w.get(m.id) || []).join(`
@@ -7838,16 +7838,16 @@ const IA = (g, e, t, A) => {
   a.setAttribute("id", A), a.setAttribute("height", "200%"), a.setAttribute("width", "200%"), a.setAttribute("x", "-50%"), a.setAttribute("y", "-50%");
   const n = fe("feOffset");
   a.appendChild(n), n.setAttribute("result", "offOut"), n.setAttribute("in", "SourceAlpha"), n.setAttribute("dx", `${g}`), n.setAttribute("dy", `${e}`);
-  const s = fe("feGaussianBlur");
-  a.appendChild(s), s.setAttribute("result", "blurOut"), s.setAttribute("in", "offOut"), s.setAttribute("stdDeviation", `${t}`);
-  const i = fe("feBlend");
-  return a.appendChild(i), i.setAttribute("in", "SourceGraphic"), i.setAttribute("in2", "blurOut"), i.setAttribute("mode", "normal"), a;
+  const i = fe("feGaussianBlur");
+  a.appendChild(i), i.setAttribute("result", "blurOut"), i.setAttribute("in", "offOut"), i.setAttribute("stdDeviation", `${t}`);
+  const s = fe("feBlend");
+  return a.appendChild(s), s.setAttribute("in", "SourceGraphic"), s.setAttribute("in2", "blurOut"), s.setAttribute("mode", "normal"), a;
 }, fA = (g) => {
   let e = g;
   return e = e.replace(/feoffset/gi, "feOffset"), e = e.replace(/fegaussianblur/gi, "feGaussianBlur"), e = e.replace(/feblend/gi, "feBlend"), e = e.replace(/lineargradient/gi, "linearGradient"), e = e.replace(/stddeviation/gi, "stdDeviation"), e;
 };
 function ut(g, e, t, A, a, n) {
-  const s = a || 1, i = n || 1, o = {
+  const i = a || 1, s = n || 1, o = {
     x: e[0],
     y: e[1],
     width: e[2] - e[0],
@@ -7855,7 +7855,7 @@ function ut(g, e, t, A, a, n) {
   };
   if (o.width <= 0)
     return;
-  const r = mn(o.height, o.width, t * s, A * i), c = (A - r * o.width) / 2 - r * o.x, B = (t - r * o.height) / 2 - r * o.y;
+  const r = mn(o.height, o.width, t * i, A * s), c = (A - r * o.width) / 2 - r * o.x, B = (t - r * o.height) / 2 - r * o.y;
   g.setAttribute("transform", `translate(${c} ${B}) scale(${r} ${r})`);
 }
 function mn(g, e, t, A) {
@@ -7890,10 +7890,10 @@ class Qt {
   encodePath(e) {
     let t = "";
     const a = (n) => {
-      const s = [], i = n.relative ? n.type : n.type.toUpperCase();
-      let o = t !== i;
+      const i = [], s = n.relative ? n.type : n.type.toUpperCase();
+      let o = t !== s;
       const r = kt[n.type];
-      o && (s.push(i), t = i);
+      o && (i.push(s), t = s);
       for (const c of r) {
         const B = n[c];
         let l;
@@ -7907,9 +7907,9 @@ class Qt {
           default:
             throw new we("Failed to encode path.");
         }
-        o || s.push(" "), s.push(l), o = !1;
+        o || i.push(" "), i.push(l), o = !1;
       }
-      return s.join("");
+      return i.join("");
     };
     return e.map(a).join("");
   }
@@ -7917,24 +7917,24 @@ class Qt {
     const t = /([mzlhvcsqta])([^mzlhvcsqta]*)/gi, A = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi, a = [];
     let n;
     for (t.lastIndex = 0; n = t.exec(e); ) {
-      const s = n[1].toLowerCase(), i = (n[2].match(A) || []).map(parseFloat), o = s === n[1], r = kt[s];
-      if (i.length < r.length)
+      const i = n[1].toLowerCase(), s = (n[2].match(A) || []).map(parseFloat), o = i === n[1], r = kt[i];
+      if (s.length < r.length)
         throw new we(
-          `Path type "${s}" given ${i.length} arguments, expected ${r.length}.`
+          `Path type "${i}" given ${s.length} arguments, expected ${r.length}.`
         );
       if (r.length > 0) {
-        if (i.length % r.length !== 0)
+        if (s.length % r.length !== 0)
           throw new we(
-            `Path type "${s}" given ${i.length} arguments, not divisible by ${r.length}`
+            `Path type "${i}" given ${s.length} arguments, not divisible by ${r.length}`
           );
-        for (let c = 0; c < i.length / r.length; c++) {
-          const B = { type: s, relative: o };
+        for (let c = 0; c < s.length / r.length; c++) {
+          const B = { type: i, relative: o };
           for (let l = 0; l < r.length; l++)
-            B[r[l]] = i[c * r.length + l];
+            B[r[l]] = s[c * r.length + l];
           a.push(B);
         }
       } else
-        a.push({ type: s, relative: o });
+        a.push({ type: i, relative: o });
     }
     return a;
   }
@@ -7944,13 +7944,13 @@ class Qt {
       ["x2", "y2"],
       ["x", "y"]
     ], a = (n) => {
-      for (let s = 0; s < A.length; s++) {
-        const [i, o] = A[s];
-        if (i in n && o in n) {
-          const r = [n[i], n[o]], c = t(r);
+      for (let i = 0; i < A.length; i++) {
+        const [s, o] = A[i];
+        if (s in n && o in n) {
+          const r = [n[s], n[o]], c = t(r);
           if (c.length < 2)
             throw new we("Transformer must return at least 2 points.");
-          n[i] = c[0], n[o] = c[1];
+          n[s] = c[0], n[o] = c[1];
         }
       }
       return n;
@@ -7960,8 +7960,8 @@ class Qt {
   transformPath(e, t) {
     const A = [];
     for (let a = 0; a < e.length; a++) {
-      const n = JSON.parse(JSON.stringify(e[a])), s = t(n);
-      Array.isArray(s) ? A.push(...s) : s && A.push(s);
+      const n = JSON.parse(JSON.stringify(e[a])), i = t(n);
+      Array.isArray(i) ? A.push(...i) : i && A.push(i);
     }
     return A;
   }
@@ -7983,11 +7983,11 @@ class pn extends Et {
     return this.svg(e);
   }
   svg(e) {
-    const t = lt(wn), a = e !== "" ? ((s) => s.charAt(0).toUpperCase() + s.substr(1).toLowerCase())(e) : "", n = t.getPath(a, 0, 72, 72);
+    const t = lt(wn), a = e !== "" ? ((i) => i.charAt(0).toUpperCase() + i.substr(1).toLowerCase())(e) : "", n = t.getPath(a, 0, 72, 72);
     return this.brandSvg(n, En);
   }
   brandSvg(e, t) {
-    const A = e.toSVG(2), a = e.getBoundingBox(), n = a.x2 - a.x1, s = e.toPathData(3), i = () => {
+    const A = e.toSVG(2), a = e.getBoundingBox(), n = a.x2 - a.x1, i = e.toPathData(3), s = () => {
       const p = v("g"), Q = v("defs");
       p.appendChild(Q), Q.appendChild(IA(3, 7, 4, "shadow"));
       const I = v("g");
@@ -8009,9 +8009,9 @@ class pn extends Et {
     u.setAttribute("opacity", "0"), E.appendChild(u);
     const h = v("g");
     E.appendChild(h);
-    const D = i();
+    const D = s();
     h.appendChild(D);
-    const m = Bt(s);
+    const m = Bt(i);
     return ut(h, m, l, d), fA(o.outerHTML);
   }
 }
@@ -8027,11 +8027,11 @@ class In extends Et {
     return this.svg(e);
   }
   svg(e) {
-    const t = lt(Dn), a = e !== "" ? ((o) => o.charAt(0).toUpperCase() + o.substr(1).toLowerCase())(e) : "", n = t.getPath(a, 0, 72, 72), s = e.length < this.shortLength, i = s ? this.backgroundShortSvg : this.backgroundSvg;
-    return this.brandSvg(n, i, s);
+    const t = lt(Dn), a = e !== "" ? ((o) => o.charAt(0).toUpperCase() + o.substr(1).toLowerCase())(e) : "", n = t.getPath(a, 0, 72, 72), i = e.length < this.shortLength, s = i ? this.backgroundShortSvg : this.backgroundSvg;
+    return this.brandSvg(n, s, i);
   }
   brandSvg(e, t, A) {
-    const a = e.toSVG(2), n = e.getBoundingBox(), s = n.y2 - n.y1, i = n.x2 - n.x1, o = e.toPathData(3), r = () => {
+    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 = v("g"), F = v("g");
       I.appendChild(F), F.setAttribute("stroke", "#5C1A0D"), F.setAttribute("stroke-width", "4"), F.setAttribute("transform", "translate(1,1)"), F.innerHTML = a;
       const M = v("g");
@@ -8039,10 +8039,10 @@ class In extends Et {
       const Y = v("g");
       I.appendChild(Y), Y.setAttribute("fill", "white"), Y.innerHTML = a;
       const N = new Qt(I);
-      return N.transform(([S, T]) => [S, T + ((i - S) * T) ** 2 / (i * 5e4)]), N.transform(([S, T]) => [
+      return N.transform(([S, T]) => [S, T + ((s - S) * T) ** 2 / (s * 5e4)]), N.transform(([S, T]) => [
         S,
-        T + (i / 3 - S) ** 2 / i * this.indicator(S < i / 3)
-      ]), N.transform(([S, T]) => [S - (s - T) * (i - S) / 800, T]), I;
+        T + (s / 3 - S) ** 2 / s * this.indicator(S < s / 3)
+      ]), N.transform(([S, T]) => [S - (i - T) * (s - S) / 800, T]), I;
     }, [c, B, l] = pA(t);
     if (!c)
       return "";
@@ -8075,7 +8075,7 @@ class Fn extends Et {
     return this.svgElement(e, t);
   }
   svgElement(e, t) {
-    const A = lt(fn), n = e !== "" ? ((D) => D.charAt(0).toUpperCase() + D.substr(1).toLowerCase())(e) : "", s = A.getPath(n, 0, 72, 72), i = s.toSVG(2), o = s.getBoundingBox(), r = o.x2 - o.x1, c = s.toPathData(3), B = () => {
+    const A = lt(fn), n = e !== "" ? ((D) => D.charAt(0).toUpperCase() + D.substr(1).toLowerCase())(e) : "", i = A.getPath(n, 0, 72, 72), s = i.toSVG(2), o = i.getBoundingBox(), r = o.x2 - o.x1, c = i.toPathData(3), B = () => {
       const D = v("g");
       D.classList.add("module-text-group");
       const m = v("defs");
@@ -8085,11 +8085,11 @@ class Fn extends Et {
       const Q = v("g");
       Q.classList.add("module-layer0"), D.appendChild(Q), Q.setAttribute("filter", "url(#shadow)"), Q.innerHTML = p.outerHTML;
       const I = v("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 = i;
+      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 = v("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 = i;
+      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 M = v("g");
-      return M.classList.add("module-layer3"), D.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = i, new Qt(D).transform(([N, S]) => [N, S + (r / 2 - N) ** 2 / (r * 6)]), D;
+      return M.classList.add("module-layer3"), D.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = s, new Qt(D).transform(([N, S]) => [N, S + (r / 2 - N) ** 2 / (r * 6)]), D;
     }, l = v("g");
     l.classList.add("module-root");
     const d = v("defs");
@@ -8132,7 +8132,7 @@ class Gt extends BA {
   }
 }
 class Mn {
-  constructor(e, t, A, a, n, s, i, o, r, c, B, l, d, C = !1, w, E = !1, u = !1, h = !1) {
+  constructor(e, t, A, a, n, i, s, o, r, c, B, l, d, C = !1, w, E = !1, u = !1, h = !1) {
     this.workflowStatePromiseQueue = new dA(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var p;
       if (!this.previewService)
@@ -8141,7 +8141,7 @@ class Mn {
       if (m)
         for (const [, Q] of m)
           Q.render(D);
-    }, this.experience = e, this.client = t, this.updateTransaction = i, this.commandContext = s, this.reloadedState = d, this.transaction = o, this.readOnly = C, this.singleVariantsRenderable = u, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = A, this.stepSpecificServices = {}, this.profanityFilter = a, this.pollers = [], this.allScenes = [], this.layouts = n, this.product = r, this.previewService = B, this.modelContainer = w, 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.currentAdjustingStepId = "", this.renderableContextService = l, this.isReloadedTransaction = E, this.stepTags = c, h && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(A), this.initializationPromise.then(() => {
+    }, this.experience = e, this.client = t, this.updateTransaction = s, this.commandContext = i, this.reloadedState = d, this.transaction = o, this.readOnly = C, this.singleVariantsRenderable = u, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = A, this.stepSpecificServices = {}, this.profanityFilter = a, this.pollers = [], this.allScenes = [], this.layouts = n, this.product = r, this.previewService = B, this.modelContainer = w, 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.currentAdjustingStepId = "", this.renderableContextService = l, this.isReloadedTransaction = E, this.stepTags = c, h && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(A), this.initializationPromise.then(() => {
       this.initialized = !0;
     }), this.initializationPromise.catch((D) => {
       throw console.error(D), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
@@ -8154,17 +8154,17 @@ class Mn {
   async initializeDefaultWorkflowState(e) {
     const t = () => {
       var c, B;
-      const i = this.workflow.finalizeStepConfig;
-      if (!i)
+      const s = this.workflow.finalizeStepConfig;
+      if (!s)
         return;
-      const o = i.lookAtAnimation, r = i.modelAnimation;
+      const o = s.lookAtAnimation, r = s.modelAnimation;
       o && ((c = this.previewService) == null || c.executeCameraAnimation(o)), r && ((B = this.modelContainer) == null || B.executeAnimation(r));
     };
-    this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((i) => {
-      this.storage[i.stepName] = i.storage || {};
+    this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((s) => {
+      this.storage[s.stepName] = s.storage || {};
     }), this.allScenes = await za(e);
-    const a = ce(this.allScenes, this.stepSelections).map((i) => i.silentSteps).flat(), { stepElements: n, commands: s } = await this.stepElementsForIntroducedSilentSteps(a, !!this.reloadedState);
-    this.commandContext.apply(new U(s), !0), this.stepElements = { ...this.stepElements, ...n }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && t();
+    const a = ce(this.allScenes, this.stepSelections).map((s) => s.silentSteps).flat(), { stepElements: n, commands: i } = await this.stepElementsForIntroducedSilentSteps(a, !!this.reloadedState);
+    this.commandContext.apply(new U(i), !0), this.stepElements = { ...this.stepElements, ...n }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && t();
   }
   getWorkflowExperience() {
     return this.experience;
@@ -8363,29 +8363,29 @@ class Mn {
       },
       { refocusCamera: t }
     );
-    this.setModelContainer(A), ce(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === y.Model || s.type === y.Material).forEach((s) => {
+    this.setModelContainer(A), ce(this.allScenes, this.stepSelections).filter((i) => i).map((i) => i.renderableSteps).flat().filter((i) => i.type === y.Model || i.type === y.Material).forEach((i) => {
       var r, c, B;
-      if (!((r = s.option) != null && r.id)) {
-        console.error(`Failed to read option id from step: ${s.stepName}`);
+      if (!((r = i.option) != null && r.id)) {
+        console.error(`Failed to read option id from step: ${i.stepName}`);
         return;
       }
-      const i = ((c = this.stepSelections[s.stepName]) == null ? void 0 : c.selectedVariants) || [];
-      if (i.length === 0)
+      const s = ((c = this.stepSelections[i.stepName]) == null ? void 0 : c.selectedVariants) || [];
+      if (s.length === 0)
         return;
-      const o = i[0];
-      if (s.type === y.Model) {
+      const o = s[0];
+      if (i.type === y.Model) {
         if (!this.modelContainer)
           throw new b(
             "We should always have a model container when injecting a preview!"
           );
         const l = (B = o.asset) == null ? void 0 : B.fileLink;
         if (!l) {
-          console.error(`Failed to read model url from variant: ${o.id} for step: ${s.stepName}`);
+          console.error(`Failed to read model url from variant: ${o.id} for step: ${i.stepName}`);
           return;
         }
-        const d = s.data;
+        const d = i.data;
         this.modelContainer.applyModelVariant(
-          s.stepName,
+          i.stepName,
           {
             model: l,
             contextService: this.getLayoutPreviewService()
@@ -8395,15 +8395,15 @@ class Mn {
       } else {
         const l = o.material;
         if (!l) {
-          console.error(`Failed to read material from variant: ${o.id} for step: ${s.stepName}`);
+          console.error(`Failed to read material from variant: ${o.id} for step: ${i.stepName}`);
           return;
         }
-        s.data.targetMaterials.forEach((C) => {
+        i.data.targetMaterials.forEach((C) => {
           if (!this.modelContainer)
             throw new b(
               "We should always have a model container when injecting a preview!"
             );
-          this.modelContainer.applyMaterialVariant(C, s.option.id, l);
+          this.modelContainer.applyMaterialVariant(C, i.option.id, l);
         });
       }
     }), await A.getInitializationPromise(), this.renderLayouts();
@@ -8431,10 +8431,10 @@ class Mn {
     const e = [];
     return this.allScenes.forEach((t) => {
       t.renderableSteps.forEach((A) => {
-        var n, s;
+        var n, i;
         const a = { stepName: A.stepName };
-        a.storage = this.storage[A.stepName], a.selectedVariants = (s = (n = this.stepSelections[A.stepName]) == null ? void 0 : n.selectedVariants) == null ? void 0 : s.map(
-          (i) => ({ id: i.id, priceModifier: i.priceModifier })
+        a.storage = this.storage[A.stepName], a.selectedVariants = (i = (n = this.stepSelections[A.stepName]) == null ? void 0 : n.selectedVariants) == null ? void 0 : i.map(
+          (s) => ({ id: s.id, priceModifier: s.priceModifier })
         ), e.push(a);
       });
     }), { steps: e };
@@ -8493,12 +8493,12 @@ class Mn {
     }, this.onMetadataChange();
   }
   removeElements(e) {
-    const t = (A, a) => Object.keys(A).reduce((n, s) => {
-      const i = [...A[s] || []];
+    const t = (A, a) => Object.keys(A).reduce((n, i) => {
+      const s = [...A[i] || []];
       return a.forEach((o) => {
-        const r = i.findIndex((c) => c.id === o.id);
-        r > -1 && i.splice(r, 1);
-      }), n[s] = i, n;
+        const r = s.findIndex((c) => c.id === o.id);
+        r > -1 && s.splice(r, 1);
+      }), n[i] = s, n;
     }, {});
     this.stepElements = t(this.stepElements, e);
   }
@@ -8529,16 +8529,16 @@ class Mn {
       return Promise.reject("Unknown silent step. This is a bug");
     }, n = e.filter(
       (r) => !this.stepInitialised[r.stepName]
-    ), s = {
+    ), i = {
       stepElements: {},
       commands: []
-    }, i = [];
+    }, s = [];
     for (const r of n)
-      this.markStepsAsInitialised([r.stepName]), t || i.push(a(r, this.layouts, A));
-    const o = await Promise.all(i);
+      this.markStepsAsInitialised([r.stepName]), t || s.push(a(r, this.layouts, A));
+    const o = await Promise.all(s);
     for (const r of o)
-      s.stepElements[r.step.stepName] = r.results.map((c) => c.regionElement), s.commands = [...s.commands, ...r.results.map((c) => c.command)];
-    return s;
+      i.stepElements[r.step.stepName] = r.results.map((c) => c.regionElement), i.commands = [...i.commands, ...r.results.map((c) => c.command)];
+    return i;
   }
   getStepStorage(e) {
     return this.storage[e];
@@ -8590,7 +8590,7 @@ class Mn {
     }, this.selectionCost = Object.values(this.stepSelections).reduce((Q, I) => Q + I.selectedVariants.map((F) => F.priceModifier || 0).reduce((F, M) => F + M, 0), 0), this.workflow.steps.forEach((Q) => {
       ae(Q, this.stepSelections) || (this.stepInitialised[Q.stepName] = !1, delete this.stepMetadata[Q.stepName], delete this.stepSelections[Q.stepName], delete this.storage[Q.stepName]);
     });
-    const s = this.allScenes, i = ce(s, n), o = ce(s, this.stepSelections), r = i.map((Q) => Q.silentSteps).flat(), B = o.map((Q) => Q.silentSteps).flat().filter(
+    const i = this.allScenes, s = ce(i, n), o = ce(i, this.stepSelections), r = s.map((Q) => Q.silentSteps).flat(), B = o.map((Q) => Q.silentSteps).flat().filter(
       (Q) => !r.some((I) => I.stepName === Q.stepName)
     );
     r.forEach((Q) => {
@@ -8689,11 +8689,11 @@ class Mn {
       if (o.status === "rejected")
         throw new Error(`Step initialization failed: ${o.reason}`);
       return o.value;
-    }), s = n.filter((o) => !!o && !!o.command).map((o) => o.command), i = n.filter((o) => !!o && !!o.followup).map((o) => o.followup);
-    s && s.length > 0 && this.commandContext.apply(new U(s), !0);
-    for (const o of i)
+    }), i = n.filter((o) => !!o && !!o.command).map((o) => o.command), s = n.filter((o) => !!o && !!o.followup).map((o) => o.followup);
+    i && i.length > 0 && this.commandContext.apply(new U(i), !0);
+    for (const o of s)
       await o();
-    i.length > 0 && await this.ensureStepsAreLoaded(), this.onInitChange();
+    s.length > 0 && await this.ensureStepsAreLoaded(), this.onInitChange();
   }
   onConfirmChange() {
     this.confirmCallbacks.forEach((e) => e(this.confirmedDesign));
@@ -8799,8 +8799,8 @@ class Z {
    * @returns The URL for a thumbnail resource configured on this variant.
    */
   getThumbnail() {
-    var A, a, n, s;
-    const e = (n = (a = (A = this.variantData.thumbnail) == null ? void 0 : A.versions) == null ? void 0 : a.find((i) => i.name === "thumbnail")) == null ? void 0 : n.link, t = (s = this.variantData.thumbnail) == null ? void 0 : s.fileLink;
+    var A, a, n, i;
+    const e = (n = (a = (A = this.variantData.thumbnail) == null ? void 0 : A.versions) == null ? void 0 : a.find((s) => s.name === "thumbnail")) == null ? void 0 : n.link, t = (i = this.variantData.thumbnail) == null ? void 0 : i.fileLink;
     return e || t;
   }
   /**
@@ -8828,7 +8828,7 @@ class Z {
     return this.variantData.enabled;
   }
 }
-const yA = class st {
+const yA = class it {
   constructor(e, t, A) {
     this.manager = e, this.step = t, this.tags = A;
   }
@@ -8838,13 +8838,13 @@ const yA = class st {
    * @param value The new value
    */
   setUpdateState(e) {
-    st.updateState.set(`${this.step.stepName}-${this.manager.getTransaction().id}`, e);
+    it.updateState.set(`${this.step.stepName}-${this.manager.getTransaction().id}`, e);
   }
   /**
    * @returns Gets the current update state of this step. All step handles for this step will see this value.
    */
   getUpdateState() {
-    return !!st.updateState.get(`${this.step.stepName}-${this.manager.getTransaction().id}`);
+    return !!it.updateState.get(`${this.step.stepName}-${this.manager.getTransaction().id}`);
   }
   /**
    * Gets the currently selected variant, or undefined if no variant is selected.
@@ -9217,8 +9217,8 @@ class Rn extends X {
    * @param shouldCustomizeAll When true the user can configure the entire text string.
    */
   setFullTextCustomization(e) {
-    var s;
-    const t = ((s = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : s.inputText) || "", A = this.step.data.replaceableText !== void 0 ? this.step.data.replaceableText.replace("{{}}", t) : t, a = e ? A : this.step.data.defaultText;
+    var i;
+    const t = ((i = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : i.inputText) || "", A = this.step.data.replaceableText !== void 0 ? this.step.data.replaceableText.replace("{{}}", t) : t, a = e ? A : this.step.data.defaultText;
     return this.manager.updateStorage(this.step.stepName, {
       customiseAllText: e,
       text: a,
@@ -9235,10 +9235,10 @@ class Rn extends X {
       input: e
     }, A = j.findLayoutElements(this.manager, this.step), a = j.filterUnsupportedCharacters(e, (d = A[0]) == null ? void 0 : d.fontData);
     !!this.step.data && !!this.step.data.maxLength && a.length > this.step.data.maxLength || (t.input = a);
-    const s = A.length <= 0, i = s ? { inputText: a, text: a } : { inputText: a };
-    if (this.manager.updateStorage(this.step.stepName, i), this.manager.updateMetadata(this.step.stepName, {
+    const i = A.length <= 0, s = i ? { inputText: a, text: a } : { inputText: a };
+    if (this.manager.updateStorage(this.step.stepName, s), this.manager.updateMetadata(this.step.stepName, {
       text: a
-    }), s)
+    }), i)
       return t;
     const { command: o, errors: r, helperText: c } = j.updateInputText(
       a,
@@ -9434,7 +9434,7 @@ class Me {
       case y.Model:
         return new Pn(e, t, e.getStepTags(t.stepName));
       case y.Frame:
-        return new si(e, t, e.getStepTags(t.stepName));
+        return new is(e, t, e.getStepTags(t.stepName));
       case y.Module:
         return new kn(e, t, e.getStepTags(t.stepName));
       default:
@@ -9519,9 +9519,9 @@ function mt(g) {
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= e;
 }
 const Jn = async (g) => {
-  var s, i;
-  const t = ((s = Object.entries(localStorage).find(([o, r]) => o.startsWith("CognitoIdentityServiceProvider") && o.endsWith("idToken"))) == null ? void 0 : s[0]) || "", A = localStorage.getItem(t), a = {};
-  return A && !mt(A) && (a.Authorization = `Bearer ${A}`), (i = (await x.getShadowGraphqlClient().mutate({
+  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 && !mt(A) && (a.Authorization = `Bearer ${A}`), (s = (await x.getShadowGraphqlClient().mutate({
     mutation: Gn,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -9538,11 +9538,11 @@ const Jn = async (g) => {
     context: {
       headers: a
     }
-  })).data) == null ? void 0 : i.designCreate;
+  })).data) == null ? void 0 : s.designCreate;
 }, Tn = async (g) => {
-  var s, i;
-  const t = ((s = Object.entries(localStorage).find(([o, r]) => o.startsWith("CognitoIdentityServiceProvider") && o.endsWith("idToken"))) == null ? void 0 : s[0]) || "", A = localStorage.getItem(t), a = {};
-  return A && !mt(A) && (a.Authorization = `Bearer ${A}`), (i = (await x.getShadowGraphqlClient().mutate({
+  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 && !mt(A) && (a.Authorization = `Bearer ${A}`), (s = (await x.getShadowGraphqlClient().mutate({
     mutation: bn,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -9561,39 +9561,39 @@ const Jn = async (g) => {
     context: {
       headers: a
     }
-  })).data) == null ? void 0 : i.designCreateMany;
-}, it = (g, e, t) => {
+  })).data) == null ? void 0 : s.designCreateMany;
+}, st = (g, e, t) => {
   const A = (n) => {
-    const s = {};
+    const i = {};
     if (n.type === "Frame") {
-      const i = g[n.stepName], o = n.data;
-      if (!i || !i.image || o.hideImageInCart && t)
-        return s;
-      s[`${n.stepTitle} image`] = i.image;
+      const s = g[n.stepName], o = n.data;
+      if (!s || !s.image || o.hideImageInCart && t)
+        return i;
+      i[`${n.stepTitle} image`] = s.image;
     }
     if (n.type === "Illustration") {
-      const i = g[n.stepName], o = n.data;
-      if (!i || o.hideColorsInCart && t || !i.colors)
-        return s;
-      if (i.colors.length > 0) {
-        const r = i.colors.join(", ").toUpperCase();
-        s[`${n.stepTitle} colors`] = r;
+      const s = g[n.stepName], o = n.data;
+      if (!s || o.hideColorsInCart && t || !s.colors)
+        return i;
+      if (s.colors.length > 0) {
+        const r = s.colors.join(", ").toUpperCase();
+        i[`${n.stepTitle} colors`] = r;
       }
     }
     if (n.type === "Module") {
-      const i = g[n.stepName], o = n.data;
-      if (!i || i.text === void 0 || i.text === null || o.hideTextInCart && t)
-        return s;
-      s[`${n.stepTitle} text`] = i.text;
+      const s = g[n.stepName], o = n.data;
+      if (!s || s.text === void 0 || s.text === null || o.hideTextInCart && t)
+        return i;
+      i[`${n.stepTitle} text`] = s.text;
     }
     if (n.type === "Text") {
-      const i = g[n.stepName];
-      if (!i)
-        return s;
+      const s = g[n.stepName];
+      if (!s)
+        return i;
       const o = n.data;
-      (!o.hideTextInCart || !t && i.text !== void 0 && i.text !== null) && (s[`${n.stepTitle} text`] = i.text), i.color && (!o.hideColorInCart || !t) && (s[`${n.stepTitle} color`] = i.color);
+      (!o.hideTextInCart || !t && s.text !== void 0 && s.text !== null) && (i[`${n.stepTitle} text`] = s.text), s.color && (!o.hideColorInCart || !t) && (i[`${n.stepTitle} color`] = s.color);
     }
-    return s;
+    return i;
   }, a = {};
   return e.steps.forEach((n) => {
     Object.assign(a, A(n));
@@ -9601,9 +9601,9 @@ const Jn = async (g) => {
 }, On = (g, e, t, A) => {
   const a = {};
   let n = {};
-  t ? n = it(t, e, !1) : A && (n = A);
-  const i = e.steps.map((o) => o.stepTitle).filter((o, r, c) => c.indexOf(o) == r);
-  for (const o of i) {
+  t ? n = st(t, e, !1) : A && (n = A);
+  const s = e.steps.map((o) => o.stepTitle).filter((o, r, c) => c.indexOf(o) == r);
+  for (const o of s) {
     if (Object.keys(g).includes(o)) {
       const r = g[o], c = e.steps.find((B) => B.stepTitle === o);
       a[`${c == null ? void 0 : c.stepTitle} selection`] = {
@@ -9618,7 +9618,7 @@ const Jn = async (g) => {
       });
   }
   return a;
-}, SA = (g, e, t, A, a, n, s, i) => {
+}, SA = (g, e, t, A, a, n, i, s) => {
   var C, w;
   const o = e.basePrice || 0, r = g.priceModifierTotal || 0, c = On(A, t, void 0, n), l = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(g.id), d = {
     additionalExternalProductId: (C = g.integrationProduct) == null ? void 0 : C.additionalExternalProductId,
@@ -9631,9 +9631,9 @@ const Jn = async (g) => {
     exportedData: c,
     externalCartProductId: g.externalCartProductId,
     externalCartProductVariantId: g.externalCartProductVariantId,
-    lineItemImageUrl: s || "",
+    lineItemImageUrl: i || "",
     optionsCost: r,
-    processExecutionId: i,
+    processExecutionId: s,
     quantity: g.quantity,
     transactionId: g.id,
     transactionOwnerId: l,
@@ -9642,7 +9642,7 @@ const Jn = async (g) => {
     workflowViewerReadOnlyLink: g.workflowViewerReadOnlyLink || ""
   };
   return n && (d.metadata = n), A && (d.selectedVariants = A), a && (d.sku = a), d;
-}, YA = async (g, e, t, A, a, n, s, i, o, r) => {
+}, YA = async (g, e, t, A, a, n, i, s, o, r) => {
   var F;
   await (async () => {
     var R;
@@ -9662,7 +9662,7 @@ const Jn = async (g) => {
       S.errors && console.log("Server Error:", W.message);
     }), null) : T ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(A())), await g.updateStateWithServerImmediate(A), console.log("Server state is undefined @ Workflow completion"));
-  const l = g.getPreviewService(), d = (F = e == null ? void 0 : e.finalizeStepConfig) == null ? void 0 : F.lookAtAnimation, C = l && e.showModelOnFinishStep && !!d, w = o && it(o, e, !0), E = o && it(o, e, !1), u = async (M) => {
+  const l = g.getPreviewService(), d = (F = e == null ? void 0 : e.finalizeStepConfig) == null ? void 0 : F.lookAtAnimation, C = l && e.showModelOnFinishStep && !!d, w = o && st(o, e, !0), E = o && st(o, e, !1), u = async (M) => {
     const Y = {};
     let N = 0;
     if (Object.keys(n).length > 0)
@@ -9696,7 +9696,7 @@ const Jn = async (g) => {
       m[M].map((Y) => Y.id)
     ])
   );
-  let Q = await i(C, a.id);
+  let Q = await s(C, a.id);
   if (Q) {
     const M = await (await fetch(Q)).blob();
     Q = (await k.uploadAsset(
@@ -9709,7 +9709,7 @@ const Jn = async (g) => {
   return {
     designDetails: (() => {
       const M = {
-        name: s,
+        name: i,
         layouts: t.map((Y) => ({
           index: Y.index,
           panelId: Y.panelId
@@ -9736,7 +9736,7 @@ const Jn = async (g) => {
     cartSelectionsWithPrices: h,
     cartMetadata: w
   };
-}, Ln = async (g, e, t, A, a, n, s, i, o, r, c) => {
+}, Ln = async (g, e, t, A, a, n, i, s, o, r, c) => {
   var u, h;
   o("workflow.steps.finish.finalize.buildingLayouts");
   const { designDetails: B, cartSelectionsWithPrices: l, cartMetadata: d } = await YA(
@@ -9745,8 +9745,8 @@ const Jn = async (g) => {
     t,
     A,
     n,
-    s,
     i,
+    s,
     r,
     c
   );
@@ -9768,8 +9768,8 @@ const Jn = async (g) => {
   );
 }, zn = async (g, e, t) => {
   e("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
-    g.map(async (i) => {
-      await i.workflowManager.outstandingRequestsPromise();
+    g.map(async (s) => {
+      await s.workflowManager.outstandingRequestsPromise();
     })
   );
   const a = await (async () => {
@@ -9784,36 +9784,36 @@ const Jn = async (g) => {
       o.errors && console.log("Server Error:", c.message);
     }), null) : (r = o.data) != null && r.transactions ? o.data.transactions.map((c) => c.workflowState ?? null) : null;
   })(), n = await Promise.all(
-    g.map(async (i, o) => await YA(
-      i.workflowManager,
-      i.workflow,
-      i.layouts,
-      i.getReducerState,
-      i.transaction,
-      i.workflowSelections,
-      i.designName,
+    g.map(async (s, o) => await YA(
+      s.workflowManager,
+      s.workflow,
+      s.layouts,
+      s.getReducerState,
+      s.transaction,
+      s.workflowSelections,
+      s.designName,
       t ?? (() => Promise.resolve(void 0)),
-      i.workflowMetadata,
+      s.workflowMetadata,
       a ? a[o] : void 0
     ))
   );
   e("workflow.steps.finish.finalize.creatingDesign");
-  const s = await Tn(n.map((i) => i.designDetails));
-  if (!s)
+  const i = await Tn(n.map((s) => s.designDetails));
+  if (!i)
     throw new Error("Failed to create designs");
-  return e("workflow.steps.finish.finalize.updatingTransaction"), s.map((i, o) => {
+  return e("workflow.steps.finish.finalize.updatingTransaction"), i.map((s, o) => {
     var l;
-    const r = g[o], c = n[o], B = i.transaction;
+    const r = g[o], c = n[o], B = s.transaction;
     return SA(
       B,
       r.product,
       r.workflow,
       c.cartSelectionsWithPrices,
-      i.sku,
+      s.sku,
       c.cartMetadata,
       //lineItemImageLink,
       void 0,
-      (l = i.processExecution) == null ? void 0 : l.id
+      (l = s.processExecution) == null ? void 0 : l.id
     );
   });
 };
@@ -9907,16 +9907,16 @@ class Se {
       await qe.getSavedDesignByTransaction(
         this.getWorkflowManager().getTransaction().id
       ) && this.save();
-    }, 2500), this.getCanvasObjectURLAsync = async (n) => new Promise((s, i) => {
+    }, 2500), this.getCanvasObjectURLAsync = async (n) => new Promise((i, s) => {
       try {
         n.toBlob((o) => {
           if (o) {
             const r = URL.createObjectURL(o);
-            s(r);
+            i(r);
           }
         });
       } catch (o) {
-        i(o);
+        s(o);
       }
     }), !t.workflow)
       throw new Error("No Workflow ID provided.");
@@ -9949,16 +9949,16 @@ class Se {
       t.singleVariantsRenderable,
       t.delayWorkflowStateSync
     ), this.workflowManager.addSelectionCallback((n) => {
-      const s = n.traversableScenes.map((i) => {
-        const o = i.renderableSteps.map((r) => r.stepName);
+      const i = n.traversableScenes.map((s) => {
+        const o = s.renderableSteps.map((r) => r.stepName);
         return {
-          id: i.name,
-          title: i.title,
+          id: s.name,
+          title: s.title,
           renderableSteps: o,
-          workflowScene: i
+          workflowScene: s
         };
       });
-      this.renderableScenes = s, this.renderableSceneCallbacks.forEach((i) => i(s));
+      this.renderableScenes = i, this.renderableSceneCallbacks.forEach((s) => s(i));
     }), this.currentPriceBreak = this.priceBreakToBeApplied();
   }
   getBundle() {
@@ -9989,10 +9989,10 @@ class Se {
     }
     let n = 2048;
     t && t <= 2048 && (n = t);
-    const s = Ue(n, n), i = this.commandContext.getAllLayouts(), o = A.defaultPreviewPanelIndex || 0, r = A.panels[o], c = i.find((m) => {
+    const i = Ue(n, n), s = this.commandContext.getAllLayouts(), o = A.defaultPreviewPanelIndex || 0, r = A.panels[o], c = s.find((m) => {
       var p;
       return ((p = m.layoutState) == null ? void 0 : p.layout.panelId) === (r == null ? void 0 : r.name);
-    }) || i[0], B = c.layoutState.layout.previewRegion ? {
+    }) || s[0], B = c.layoutState.layout.previewRegion ? {
       x: c.layoutState.layout.previewRegion.left,
       y: c.layoutState.layout.previewRegion.top,
       width: c.layoutState.layout.previewRegion.width,
@@ -10002,7 +10002,7 @@ class Se {
       y: 0,
       width: c.layoutState.layout.width,
       height: c.layoutState.layout.height
-    }, l = this.commandContext.getLayoutById(c.layoutState.layout.id), d = s.getContext("2d");
+    }, l = this.commandContext.getLayoutById(c.layoutState.layout.id), d = i.getContext("2d");
     if (!d)
       throw new je("Failed to obtain 2D context for preview image creation");
     const C = zt(l.layoutState.layout, l.layoutState.elements, {
@@ -10019,8 +10019,8 @@ class Se {
       DOMParser: Wt(),
       fetch: ot
     })).render();
-    const u = await this.getCanvasObjectURLAsync(s);
-    return s.toDataURL(u);
+    const u = await this.getCanvasObjectURLAsync(i);
+    return i.toDataURL(u);
   }
   getStepById(e) {
     const t = this.getWorkflowManager().getWorkflow().steps.find((n) => n.stepName === e);
@@ -10053,7 +10053,7 @@ class Se {
     const t = this.getWorkflowManager().getWorkflowSelections();
     let A = 0;
     return Object.values(t).forEach((a) => {
-      A += a.selections.reduce((n, s) => n + (s.priceModifier || 0), 0);
+      A += a.selections.reduce((n, i) => n + (i.priceModifier || 0), 0);
     }), this.getPriceSubUnitsAfterPriceBreaks(A, e);
   }
   getBasePriceSubunits(e, t) {
@@ -10110,10 +10110,10 @@ class Se {
     );
   }
   async copySelectionsViaGlobalConfiguration(e, t, A) {
-    const a = await e.getGlobalProperties(), n = A == null ? void 0 : A.map((r) => r.getId()), s = this.getSteps().filter((r) => n === void 0 || n.includes(r.getId())), i = t.getSteps(), o = (r) => a.find((c) => c.getRawProperty().name === r.aspectName);
-    s.forEach((r) => {
+    const a = await e.getGlobalProperties(), n = A == null ? void 0 : A.map((r) => r.getId()), i = this.getSteps().filter((r) => n === void 0 || n.includes(r.getId())), s = t.getSteps(), o = (r) => a.find((c) => c.getRawProperty().name === r.aspectName);
+    i.forEach((r) => {
       const c = /* @__PURE__ */ new Set(), B = r.getRaw().globalPropertyAspectConfigurations;
-      B !== void 0 && (B.forEach((l) => c.add(JSON.stringify(l))), i.forEach((l) => {
+      B !== void 0 && (B.forEach((l) => c.add(JSON.stringify(l))), s.forEach((l) => {
         const d = l.getRaw().globalPropertyAspectConfigurations;
         d !== void 0 && d.forEach((C) => {
           const w = o(C), E = c.has(JSON.stringify(C));
@@ -10151,8 +10151,8 @@ class Se {
     return this.assignCustomerDetails({ emailAddress: e.email });
   }
   async assignCustomerDetails(e) {
-    var s, i, o;
-    const A = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (o = (i = (s = (await x.getShadowGraphqlClient().mutate({
+    var i, s, o;
+    const A = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (o = (s = (i = (await x.getShadowGraphqlClient().mutate({
       mutation: jn,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
@@ -10162,7 +10162,7 @@ class Se {
       context: {
         transactionOwnerId: A
       }
-    })).data) == null ? void 0 : s.transactionAddStakeholder) == null ? void 0 : i.stakeholders) == null ? void 0 : o.find(
+    })).data) == null ? void 0 : i.transactionAddStakeholder) == null ? void 0 : s.stakeholders) == null ? void 0 : o.find(
       (r) => {
         var c;
         return ((c = r.customer) == null ? void 0 : c.emailAddress) === e.emailAddress;
@@ -10188,8 +10188,8 @@ class Se {
         var o;
         if (e)
           return e;
-        const n = this.getWorkflowManager().getTransaction().id, i = (o = (await qe.getSavedDesigns()).find((r) => r.transactionId === n)) == null ? void 0 : o.title;
-        return i || "My design";
+        const n = this.getWorkflowManager().getTransaction().id, s = (o = (await qe.getSavedDesigns()).find((r) => r.transactionId === n)) == null ? void 0 : o.title;
+        return s || "My design";
       })(),
       thumbnail: await this.createPreviewImage(!1, 256),
       transactionId: this.getWorkflowManager().getTransaction().id,
@@ -10202,11 +10202,11 @@ class Se {
     return await qe.addDesign(a), a;
   }
   async copy() {
-    var i;
+    var s;
     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 ai({}), n = (i = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : i.id;
+    const t = JSON.stringify(e.transaction), A = this.getWorkflowManager().getWorkflow(), a = new as({}), 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);
@@ -10239,17 +10239,17 @@ class Se {
     var a;
     const e = /* @__PURE__ */ new Map(), t = this.getWorkflowManager().getWorkflowMetadata(), A = this.getWorkflowManager().getWorkflowSelections();
     return Object.keys(t).forEach((n) => {
-      const s = this.workflowManager.getWorkflow().steps.find((o) => o.stepName === n);
-      if (!s)
+      const i = this.workflowManager.getWorkflow().steps.find((o) => o.stepName === n);
+      if (!i)
         return;
-      e.has(s.stepTitle) || e.set(s.stepTitle, {});
-      const i = t[n];
-      Object.keys(i).forEach((o) => {
-        e.get(s.stepTitle)[o] = i[o];
+      e.has(i.stepTitle) || e.set(i.stepTitle, {});
+      const s = t[n];
+      Object.keys(s).forEach((o) => {
+        e.get(i.stepTitle)[o] = s[o];
       });
     }), (a = Object.keys(A)) == null || a.forEach((n) => {
-      const s = this.workflowManager.getWorkflow().steps.find((i) => i.stepName === n);
-      s && (e.has(s.stepTitle) || e.set(s.stepTitle, {}), e.get(s.stepTitle).selection = A[n].selections[0].name);
+      const i = this.workflowManager.getWorkflow().steps.find((s) => s.stepName === n);
+      i && (e.has(i.stepTitle) || e.set(i.stepTitle, {}), e.get(i.stepTitle).selection = A[n].selections[0].name);
     }), e;
   }
   getQuantity() {
@@ -10304,9 +10304,9 @@ const Wn = [
   "tref",
   "tspan"
 ], Xn = async (g, e, t) => {
-  const A = e.data, a = t.data.baseUrl, n = A.assetUrl.replace("localhost", "localstack"), s = a.slice(0, 4) === "http" ? "" : "https://", i = new URL(s + a);
-  i.searchParams.append("video", Yt(JSON.stringify([{ href: n }]))), i.pathname = i.pathname + (i.pathname.slice(-1) === "/" ? "" : "/");
-  const o = i.toString(), c = `data:image/svg+xml;base64,${Yt(await tA(o, { type: "svg" }))}`, B = (d) => {
+  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", Yt(JSON.stringify([{ href: n }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
+  const o = s.toString(), c = `data:image/svg+xml;base64,${Yt(await tA(o, { type: "svg" }))}`, B = (d) => {
     const C = g.find((E) => E.panelId === d.panelId);
     if (!C)
       throw new z(d);
@@ -10331,10 +10331,10 @@ const Wn = [
     return console.error(d), [];
   }
 }, qn = async (g, e, t, A) => {
-  const a = t.data, n = a.assetUrl, s = await tt(n);
+  const a = t.data, n = a.assetUrl, i = await tt(n);
   try {
-    const i = _A(a, A.option);
-    i && (e[A.stepName] = { selectedVariants: [i] });
+    const s = _A(a, A.option);
+    s && (e[A.stepName] = { selectedVariants: [s] });
     const o = async (r) => {
       var w;
       const c = await ea(
@@ -10342,11 +10342,11 @@ const Wn = [
           width: 1,
           height: 1
         },
-        (w = i == null ? void 0 : i.asset) == null ? void 0 : w.fileLink
+        (w = s == null ? void 0 : s.asset) == null ? void 0 : w.fileLink
       ), B = await rt(c), l = J(), d = g.find((E) => E.panelId === r.panelId);
       if (!d)
         throw new z(r);
-      const C = ct(s, B, {
+      const C = ct(i, B, {
         scale: a.scale,
         left: a.x,
         top: a.y
@@ -10376,28 +10376,28 @@ const Wn = [
           },
           d
         ),
-        new Lt(l, s, C)
+        new Lt(l, i, C)
       ];
     };
     return (await Promise.all(A.data.regions.map((r) => o(r)))).flat();
-  } catch (i) {
-    return console.error(i), [];
+  } catch (s) {
+    return console.error(s), [];
   }
 }, Zn = async (g, e, t, A) => {
   var p, Q;
   const a = t.data, n = A.option;
   if (!n)
     return console.error(`No option for step ${A.stepName}.`), [];
-  const s = ((p = n.variants) == null ? void 0 : p.find((I) => I.id === a.illustrationVariantId)) || ze(n);
-  if (!s)
+  const i = ((p = n.variants) == null ? void 0 : p.find((I) => I.id === a.illustrationVariantId)) || ze(n);
+  if (!i)
     return console.error(`No variant with ID: ${a.illustrationVariantId}`), [];
-  if (!s.asset)
+  if (!i.asset)
     return console.error(`No asset for variant with ID: ${a.illustrationVariantId}`), [];
-  e[A.stepName] = { selectedVariants: [s] };
-  const i = (Q = s.asset) == null ? void 0 : Q.fileLink;
-  if (!i)
+  e[A.stepName] = { selectedVariants: [i] };
+  const s = (Q = i.asset) == null ? void 0 : Q.fileLink;
+  if (!s)
     return console.error(`No asset link for variant with ID: ${a.illustrationVariantId}`), [];
-  const o = await _(i, !0), r = /<svg.*?<\/svg>/s, c = o.match(r) || [], B = (c == null ? void 0 : c.length) > 0 ? c[0] : "", C = Xt().parseFromString(B, "image/svg+xml").firstElementChild;
+  const o = await _(s, !0), r = /<svg.*?<\/svg>/s, c = o.match(r) || [], B = (c == null ? void 0 : c.length) > 0 ? c[0] : "", C = Xt().parseFromString(B, "image/svg+xml").firstElementChild;
   if (!C)
     return console.error("Failed to read SVG."), [];
   qt(C);
@@ -10453,7 +10453,7 @@ const Wn = [
     return console.error(I), [];
   }
 }, $n = async (g, e, t) => {
-  const A = await FA(t.data.module), a = e.data, n = (i, o) => {
+  const A = await FA(t.data.module), a = e.data, n = (s, o) => {
     const r = g.find((B) => B.panelId === o.panelId);
     if (!r)
       throw new z(o);
@@ -10462,7 +10462,7 @@ const Wn = [
       {
         colors: {},
         id: c,
-        svg: i,
+        svg: s,
         type: G.Illustration,
         y: o.top,
         x: o.left,
@@ -10474,27 +10474,27 @@ const Wn = [
       },
       r
     );
-  }, s = t.data.regions;
+  }, i = t.data.regions;
   try {
-    return s.map(
-      (i) => n(A.svgPrint(a.text, i), i)
+    return i.map(
+      (s) => n(A.svgPrint(a.text, s), s)
     );
-  } catch (i) {
-    return console.error(i), [];
+  } catch (s) {
+    return console.error(s), [];
   }
 }, _n = async (g, e, t, A) => {
   var c, B;
   const a = t.data, n = A.option;
   if (!n)
     return console.error(`No option for step ${A.stepName}.`), [];
-  const s = ((c = n.variants) == null ? void 0 : c.find((l) => l.id === a.pictureVariantId)) || ze(n);
-  if (!s)
+  const i = ((c = n.variants) == null ? void 0 : c.find((l) => l.id === a.pictureVariantId)) || ze(n);
+  if (!i)
     return console.error(`No variant with ID: ${a.pictureVariantId}`), [];
-  if (!s.asset)
+  if (!i.asset)
     return console.error(`No asset for variant with ID: ${a.pictureVariantId}`), [];
-  e[A.stepName] = { selectedVariants: [s] };
-  const i = (B = s.asset) == null ? void 0 : B.fileLink;
-  if (!i)
+  e[A.stepName] = { selectedVariants: [i] };
+  const s = (B = i.asset) == null ? void 0 : B.fileLink;
+  if (!s)
     return console.error(`No asset link for variant with ID: ${a.pictureVariantId}`), [];
   const o = (l) => {
     const d = g.find((w) => w.panelId === l.panelId);
@@ -10504,7 +10504,7 @@ const Wn = [
     return new L(
       {
         id: C,
-        src: i,
+        src: s,
         type: G.Image,
         y: l.top,
         x: l.left,
@@ -10524,16 +10524,16 @@ const Wn = [
   } catch (l) {
     return console.error(l), [];
   }
-}, es = async (g, e, t, A) => {
+}, ei = async (g, e, t, A) => {
   var r;
   const a = t.data, n = A.option;
   if (!n)
     return console.error(`No option for step ${A.stepName}.`), [];
-  const s = ((r = n.variants) == null ? void 0 : r.find((c) => c.id === a.colorVariantId)) || ze(n);
-  if (!s)
+  const i = ((r = n.variants) == null ? void 0 : r.find((c) => c.id === a.colorVariantId)) || ze(n);
+  if (!i)
     return console.error(`No variant with ID: ${a.colorVariantId}`), [];
-  e[A.stepName] = { selectedVariants: [s] };
-  const i = (c) => {
+  e[A.stepName] = { selectedVariants: [i] };
+  const s = (c) => {
     const B = g.find((E) => E.panelId === c.panelId);
     if (!B)
       throw new z(c);
@@ -10554,10 +10554,10 @@ const Wn = [
                 width="1"
                 height="1"
                 class="spiff-fill-shape"
-                fill="${s == null ? void 0 : s.color}"
+                fill="${i == null ? void 0 : i.color}"
             />
         </svg>
-        `, C = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, w = J();
+        `, C = { "spiff-fill-shape": { browserValue: i.color || "#000000" } }, w = J();
     return new L(
       {
         colors: C,
@@ -10577,16 +10577,16 @@ const Wn = [
     );
   }, o = A.data.regions;
   try {
-    return o.map(i);
+    return o.map(s);
   } catch (c) {
     return console.error(c), [];
   }
-}, ts = async (g, e, t) => {
+}, ti = async (g, e, t) => {
   const A = [], n = (() => {
     var r, c;
     return e.type === y.ProductOverlay ? t || ((r = e.data.asset) == null ? void 0 : r.fileLink) || "" : ((c = e.data.asset) == null ? void 0 : c.fileLink) || "";
-  })(), i = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? G.Image : n.endsWith(".svg") ? G.Illustration : G.Illustration)(), o = e.data.regions;
-  if (i === "image")
+  })(), s = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? G.Image : n.endsWith(".svg") ? G.Illustration : G.Illustration)(), o = e.data.regions;
+  if (s === "image")
     try {
       o.forEach((r) => {
         const c = g.find((l) => l.panelId === r.panelId);
@@ -10595,7 +10595,7 @@ const Wn = [
         const B = {
           id: J(),
           src: n,
-          type: i,
+          type: s,
           y: r.top,
           x: r.left,
           width: r.width,
@@ -10631,7 +10631,7 @@ const Wn = [
         asset_key: n,
         svg: c(r),
         colors: {},
-        type: i,
+        type: s,
         y: B.top,
         x: B.left,
         width: B.width,
@@ -10648,8 +10648,8 @@ const Wn = [
     });
   }
   return A;
-}, As = async (g, e, t, A) => {
-  const a = [], n = t.data, s = 30, i = (E) => E.vertical ? "center" : E.textAlign || "center", o = () => {
+}, Ai = async (g, e, t, A) => {
+  const a = [], n = t.data, i = 30, s = (E) => E.vertical ? "center" : E.textAlign || "center", o = () => {
     var D;
     const E = A.option;
     if (!E)
@@ -10687,11 +10687,11 @@ const Wn = [
     const h = {
       stepName: t.name,
       id: J(),
-      align: i(A.data),
+      align: s(A.data),
       curved: A.data.curved,
       fill: n.color || C || "#000000",
       fontData: c,
-      fontSize: A.data.size || s,
+      fontSize: A.data.size || i,
       height: E.height,
       layer: E.layer,
       layerIndex: E.layerIndex,
@@ -10707,7 +10707,7 @@ const Wn = [
     };
     if (c) {
       const [D, m] = Ne(
-        A.data.size || s,
+        A.data.size || i,
         c,
         E,
         [
@@ -10737,30 +10737,30 @@ const Wn = [
       a.push(new L(h, u));
   }
   return a;
-}, as = (g, e) => g.conditions ? g.conditions.every((t) => {
+}, ai = (g, e) => g.conditions ? g.conditions.every((t) => {
   const A = e[t.targetStepName];
   if (A && A.selectedVariants) {
     const a = A.selectedVariants;
     return t.requiredVariantSelections.some(
-      (n) => a.find((s) => s.id === n) !== void 0
+      (n) => a.find((i) => i.id === n) !== void 0
     );
   }
   return !1;
-}) : !0, ns = async (g, e, t, A) => {
+}) : !0, ni = async (g, e, t, A) => {
   const a = [], n = {};
-  for (const s of g) {
-    const i = e.steps.find((o) => o.stepName === s.name);
-    if (i)
-      switch (i.type) {
+  for (const i of g) {
+    const s = e.steps.find((o) => o.stepName === i.name);
+    if (s)
+      switch (s.type) {
         case y.DigitalContent:
           a.push(
-            ...await Xn(t, s, i)
+            ...await Xn(t, i, s)
           );
           break;
         case y.Frame:
         case y.Photo:
           a.push(
-            ...await qn(t, n, s, i)
+            ...await qn(t, n, i, s)
           );
           break;
         case y.Illustration:
@@ -10768,34 +10768,34 @@ const Wn = [
             ...await Zn(
               t,
               n,
-              s,
-              i
+              i,
+              s
             )
           );
           break;
         case y.Module:
-          a.push(...await $n(t, s, i));
+          a.push(...await $n(t, i, s));
           break;
         case y.Picture:
           a.push(
-            ...await _n(t, n, s, i)
+            ...await _n(t, n, i, s)
           );
           break;
         case y.Shape:
           a.push(
-            ...await es(t, n, s, i)
+            ...await ei(t, n, i, s)
           );
           break;
         case y.Text:
           a.push(
-            ...await As(t, n, s, i)
+            ...await Ai(t, n, i, s)
           );
           break;
       }
   }
-  for (const s of e.steps)
-    s.type !== y.SilentIllustration && s.type !== y.ProductOverlay || as(s, n) && a.push(
-      ...await ts(t, s, A)
+  for (const i of e.steps)
+    i.type !== y.SilentIllustration && i.type !== y.ProductOverlay || ai(i, n) && a.push(
+      ...await ti(t, i, A)
     );
   return a;
 };
@@ -10806,7 +10806,7 @@ class Ye {
     e.forEach(
       (A) => t.set(
         A.id,
-        new os(A.id, A.name, this, { width: A.width, height: A.height })
+        new oi(A.id, A.name, this, { width: A.width, height: A.height })
       )
     ), this.layouts = t;
   }
@@ -10820,15 +10820,15 @@ class Ye {
     return this.layouts;
   }
 }
-const ss = () => new Promise((g, e) => {
+const ii = () => new Promise((g, e) => {
   try {
     const A = Ue().getContext("webgl2");
     g(!!A);
   } catch {
     g(!1);
   }
-}), is = ss();
-class os {
+}), si = ii();
+class oi {
   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 dA(2), this.id = e, this.name = t, this.service = A, this.panelSize = a;
   }
@@ -10884,10 +10884,10 @@ class os {
       return;
     }
     this.renderQueue.enqueue(
-      new rs(
+      new ri(
         this.getID(),
         A,
-        await is,
+        await si,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -10896,7 +10896,7 @@ class os {
     );
   }
 }
-class rs extends BA {
+class ri extends BA {
   // 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;
@@ -10938,11 +10938,11 @@ class rs extends BA {
     const e = this.layouts.find((d) => d.layoutState.layout.id === this.layoutId);
     if (!e)
       return;
-    const t = e.layoutState.elements || [], A = e.layoutState.layout.width, a = e.layoutState.layout.height, n = A === 1 || a === 1 ? { width: 1, height: 1 } : this.getDynamicTextureResolution(), s = n.width, i = n.height;
+    const t = e.layoutState.elements || [], A = e.layoutState.layout.width, a = e.layoutState.layout.height, n = A === 1 || a === 1 ? { width: 1, height: 1 } : this.getDynamicTextureResolution(), i = n.width, s = n.height;
     let o, r;
     if (this.nonPOTSupport) {
-      const d = s / i;
-      A / a < d ? (o = s, r = a * (s / A)) : (o = A * (i / a), r = i);
+      const d = i / s;
+      A / a < d ? (o = i, r = a * (i / A)) : (o = A * (s / a), r = s);
       const w = this.resizeFit({ width: o, height: r });
       o = w.width, r = w.height;
     } else
@@ -10964,7 +10964,7 @@ class rs extends BA {
     l.resize(o, r), await l.render(), this.onRender();
   }
 }
-const Di = (g, e) => {
+const Ds = (g, e) => {
   const t = [];
   return g.forEach((A) => {
     const a = e.steps.find((n) => n.stepName === A.stepName);
@@ -10975,15 +10975,15 @@ const Di = (g, e) => {
       }
     });
   }), t;
-}, Ii = async (g, e, t, A) => {
+}, Is = async (g, e, t, A) => {
   let a = {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
   a = new U(t.map((o) => new Aa(o))).apply(a);
-  const s = await ns(g, e, t, A);
-  return new U(s).apply(a);
-}, cs = f`
+  const i = await ni(g, e, t, A);
+  return new U(i).apply(a);
+}, ci = f`
     ${le}
     fragment ProductFields on Product {
         id
@@ -11028,7 +11028,7 @@ const Di = (g, e) => {
         }
     }
 `, PA = f`
-    ${cs}
+    ${ci}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -11082,7 +11082,7 @@ const Di = (g, e) => {
             }
         }
     }
-`, gs = (g) => f`
+`, gi = (g) => f`
     ${pt(g)}
     query GetBundle($id: String!) {
         bundles(ids: [$id]) {
@@ -11104,7 +11104,7 @@ const Di = (g, e) => {
             }
         }
     }
-`, ls = f`
+`, li = f`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -11124,7 +11124,7 @@ const Di = (g, e) => {
             }
         }
     }
-`, Bs = f`
+`, Bi = f`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -11145,7 +11145,7 @@ const Di = (g, e) => {
             }
         }
     }
-`, ds = f`
+`, di = f`
     ${PA}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
@@ -11155,10 +11155,20 @@ const Di = (g, e) => {
             }
         }
     }
-`, Cs = (g) => f`
+`, Ci = (g) => f`
     ${pt(g)}
-    mutation CreateBundle($collectionId: String, $initialMetadata: [MetadataInput!]) {
-        bundleCreate(collectionId: $collectionId, metadata: $initialMetadata) {
+    mutation CreateBundle(
+        $collectionId: String
+        $initialMetadata: [MetadataInput!]
+        $marketplaceThemeInstallId: String
+        $marketplaceThemeInstallConfigurationId: String
+    ) {
+        bundleCreate(
+            collectionId: $collectionId
+            metadata: $initialMetadata
+            marketplaceThemeInstallId: $marketplaceThemeInstallId
+            marketplaceThemeInstallConfigurationId: $marketplaceThemeInstallConfigurationId
+        ) {
             id
             bundleOwnerId
             metadata {
@@ -11174,25 +11184,25 @@ const Di = (g, e) => {
             }
         }
     }
-`, ws = f`
+`, wi = f`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
         }
     }
-`, Es = f`
+`, Ei = f`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, hs = f`
+`, hi = f`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, us = f`
+`, ui = f`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -11207,7 +11217,7 @@ const Di = (g, e) => {
             id
         }
     }
-`, Qs = f`
+`, Qi = f`
     mutation BundleRemoveTransactions(
         $id: String!
         $transactionIds: [String!]!
@@ -11222,7 +11232,7 @@ const Di = (g, e) => {
             id
         }
     }
-`, ms = f`
+`, mi = f`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -11242,13 +11252,13 @@ const Di = (g, e) => {
             }
         }
     }
-`, ps = f`
+`, pi = f`
     mutation BundleAddStakeholder($id: String!, $emailAddress: String!) {
         bundleRemoveStakeholder(id: $id, emailAddress: $emailAddress) {
             id
         }
     }
-`, Ds = f`
+`, Di = f`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -11268,13 +11278,13 @@ const Di = (g, e) => {
             }
         }
     }
-`, Is = f`
+`, Ii = f`
     mutation BundleUpdateTransactionOrder($id: String!, $transactionIds: [String!]!) {
         bundleUpdateTransactionOrder(id: $id, transactionIds: $transactionIds) {
             id
         }
     }
-`, fs = (g) => f`
+`, fi = (g) => f`
     ${pt(g)}
     mutation BundleAssignProductCollection($id: String!, $productCollectionId: String!) {
         bundleAssignProductCollection(id: $id, collectionId: $productCollectionId) {
@@ -11285,7 +11295,7 @@ const Di = (g, e) => {
         }
     }
 `;
-class Fs {
+class Fi {
   constructor(e) {
     this.handleCache = {}, this.bundle = e;
   }
@@ -11329,7 +11339,7 @@ class Fs {
   async createHandle(e) {
     switch (e.type) {
       case $.FileUpload:
-        return new ys(this.bundle, e);
+        return new yi(this.bundle, e);
       case $.ColorOption:
         return new bt(
           this.bundle,
@@ -11341,7 +11351,7 @@ class Fs {
         return (t == null ? void 0 : t.type) === "Color" ? new bt(this.bundle, e, t) : new xA(this.bundle, e, t);
       }
       case $.Text:
-        return new Ms(this.bundle, e);
+        return new Mi(this.bundle, e);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
     }
@@ -11388,11 +11398,11 @@ class Dt {
   getSharedSteps(e) {
     return (e ?? this.bundle.getWorkflowExperiences()).flatMap(
       (a) => a.getStepsConditionallyActive().filter((n) => {
-        var s;
-        return n.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (s = n.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : s.some(
-          (i) => {
+        var i;
+        return n.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (i = n.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : i.some(
+          (s) => {
             var o, r;
-            return i.globalPropertyConfigurationId === ((r = (o = this.bundle.getProductCollection()) == null ? void 0 : o.getResource().globalPropertyConfiguration) == null ? void 0 : r.id) && i.aspectName === this.property.name;
+            return s.globalPropertyConfigurationId === ((r = (o = this.bundle.getProductCollection()) == null ? void 0 : o.getResource().globalPropertyConfiguration) == null ? void 0 : r.id) && s.aspectName === this.property.name;
           }
         );
       })
@@ -11402,7 +11412,7 @@ class Dt {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class ys extends Dt {
+class yi extends Dt {
   constructor(e, t) {
     super(e, t);
   }
@@ -11439,12 +11449,12 @@ class ys extends Dt {
     const t = await this.getOriginalImage();
     if (!t)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const A = this.bundle.getGlobalPropertyStateManager(), a = await k.removeBackgroundFromAsset(t), s = {
+    const A = this.bundle.getGlobalPropertyStateManager(), a = await k.removeBackgroundFromAsset(t), i = {
       ...A.getAspectStorage(this.property.name),
       backgroundRemovedAssetKey: a.key,
       useOriginalAsset: !e
-    }, o = [e ? A.setAspect(this.property.name, a.key, s) : A.setAspectStorage(this.property.name, s)];
-    return e && o.push(this.applyImageSelection(a, void 0, !1, !1)), await Promise.all(o), this.updateSharedStepStorage(s), a;
+    }, o = [e ? A.setAspect(this.property.name, a.key, i) : A.setAspectStorage(this.property.name, i)];
+    return e && o.push(this.applyImageSelection(a, void 0, !1, !1)), await Promise.all(o), this.updateSharedStepStorage(i), a;
   }
   /**
    * Returns `true` if the state has an image assigned, otherwise `false`.
@@ -11493,9 +11503,9 @@ class ys extends Dt {
     const n = {
       ...a,
       useOriginalAsset: e
-    }, s = e ? a == null ? void 0 : a.originalAssetKey : a == null ? void 0 : a.backgroundRemovedAssetKey, i = [A.setAspect(this.property.name, s || "", n)];
+    }, i = e ? a == null ? void 0 : a.originalAssetKey : a == null ? void 0 : a.backgroundRemovedAssetKey, s = [A.setAspect(this.property.name, i || "", n)];
     if (e)
-      i.push(this.applyImageSelection(t, void 0, !1, !1));
+      s.push(this.applyImageSelection(t, void 0, !1, !1));
     else {
       const o = async () => {
         const r = await this.getBackgroundRemovedImage();
@@ -11505,7 +11515,7 @@ class ys extends Dt {
           );
         this.applyImageSelection(r, void 0, !1, !1);
       };
-      i.push(o());
+      s.push(o());
     }
     this.updateSharedStepStorage(n);
   }
@@ -11520,30 +11530,30 @@ class ys extends Dt {
     await this.applyImageSelection(A, e, !1, !0), a ? this.updateSharedStepStorage({ ...a }) : (this.updateSharedStepStorage({ originalAssetKey: t }), await this.bundle.getGlobalPropertyStateManager().setAspectStorage(this.property.name, { originalAssetKey: t }));
   }
   async applyImageSelection(e, t, A = !0, a = !0) {
-    const s = this.getSharedSteps(t).map((i) => {
-      const o = i;
+    const i = this.getSharedSteps(t).map((s) => {
+      const o = s;
       if (o.getFrameService())
         return o.selectImage(e, A, a);
     });
-    await Promise.all(s);
+    await Promise.all(i);
   }
   updateSharedStepStorage(e) {
     this.bundle.getWorkflowExperiences().forEach(
       (A) => A.getSteps().forEach((a) => {
-        var s;
+        var i;
         if (a.getOverrideGlobalPropertyConfiguration(this.property.type))
           return;
-        ((s = a.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : s.some(
-          (i) => {
+        ((i = a.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : i.some(
+          (s) => {
             var o, r;
-            return i.globalPropertyConfigurationId === ((r = (o = this.bundle.getProductCollection()) == null ? void 0 : o.getResource().globalPropertyConfiguration) == null ? void 0 : r.id) && i.aspectName === this.property.name;
+            return s.globalPropertyConfigurationId === ((r = (o = this.bundle.getProductCollection()) == null ? void 0 : o.getResource().globalPropertyConfiguration) == null ? void 0 : r.id) && s.aspectName === this.property.name;
           }
         )) && A.getWorkflowManager().updateStorage(a.getId(), { framePatternData: e });
       })
     );
   }
 }
-class Ms extends Dt {
+class Mi extends Dt {
   constructor(e, t) {
     super(e, t);
   }
@@ -11594,8 +11604,8 @@ class xA extends Dt {
     } else {
       const a = (t = this.optionResource.variants) == null ? void 0 : t.find(
         (n) => {
-          var s, i;
-          return n.id === ((i = (s = this.optionResource) == null ? void 0 : s.defaultVariant) == null ? void 0 : i.id);
+          var i, s;
+          return n.id === ((s = (i = this.optionResource) == null ? void 0 : i.defaultVariant) == null ? void 0 : s.id);
         }
       );
       return a ? new Z(a) : void 0;
@@ -11630,7 +11640,7 @@ class xA extends Dt {
     const t = this.getStateValue();
     if (!t)
       return Promise.resolve();
-    const A = (n = (a = this.optionResource) == null ? void 0 : a.variants) == null ? void 0 : n.find((s) => s.id === t);
+    const A = (n = (a = this.optionResource) == null ? void 0 : a.variants) == null ? void 0 : n.find((i) => i.id === t);
     return A ? this.applyVariantSelection(new Z(A), e) : Promise.resolve();
   }
   async applyVariantSelection(e, t) {
@@ -11653,15 +11663,15 @@ class bt extends xA {
     ]);
   }
   async applyGlobalState(e) {
-    var n, s, i;
+    var n, i, s;
     const t = this.getStateValue();
     if (!t)
       return Promise.resolve();
-    const A = (s = (n = this.optionResource) == null ? void 0 : n.variants) == null ? void 0 : s.find((o) => o.id === t);
+    const A = (i = (n = this.optionResource) == null ? void 0 : n.variants) == null ? void 0 : i.find((o) => o.id === t);
     if (!A)
       return Promise.resolve();
     await this.applyColorVariant(new Z(A), e);
-    const a = (i = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : i.customColor;
+    const a = (s = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : s.customColor;
     a && this.setCustomColor(a);
   }
   async applyColorVariant(e, t) {
@@ -11709,7 +11719,7 @@ const It = f`
             }
         }
     }
-`, Ss = f`
+`, Si = f`
     ${It}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -11719,7 +11729,7 @@ const It = f`
             }
         }
     }
-`, Ys = f`
+`, Yi = f`
     ${It}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
@@ -11729,7 +11739,7 @@ const It = f`
             }
         }
     }
-`, Ps = f`
+`, Pi = f`
     ${It}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
@@ -11740,10 +11750,10 @@ const It = f`
         }
     }
 `;
-class xs {
+class xi {
   constructor(e, t, A, a, n) {
-    this.bundleId = e, this.bundleOwnerId = t, this.configuration = A, this.bundleOptions = n, this.initPromise = this.getOrCreateGlobalPropertyState().then((s) => {
-      this.globalPropertyState = s;
+    this.bundleId = e, this.bundleOwnerId = t, this.configuration = A, this.bundleOptions = n, this.initPromise = this.getOrCreateGlobalPropertyState().then((i) => {
+      this.globalPropertyState = i;
     }), this.onGlobalPropertyStateChange = a;
   }
   setBundleOptions(e) {
@@ -11779,11 +11789,11 @@ class xs {
       throw new Error("Global property state not initialized");
     if (!this.configuration)
       throw new Error("Global property configuration not linked to the state manager.");
-    const a = this.configuration.aspects.find((i) => i.name === e);
+    const a = this.configuration.aspects.find((s) => s.name === e);
     if (!a)
       throw new Error(`Failed to find configuration aspect with name: ${e}`);
-    const n = he(this.globalPropertyState), s = this.globalPropertyState.aspects.find((i) => i.name === e);
-    s ? (s.value = t, A !== void 0 && (s.type = a.type, s.storage = A !== null ? A : void 0)) : this.globalPropertyState.aspects.push({
+    const n = he(this.globalPropertyState), i = this.globalPropertyState.aspects.find((s) => s.name === e);
+    i ? (i.value = t, A !== void 0 && (i.type = a.type, i.storage = A !== null ? A : void 0)) : this.globalPropertyState.aspects.push({
       name: e,
       value: t,
       ...A === void 0 ? {} : { storage: A !== null ? A : void 0, type: a.type }
@@ -11794,10 +11804,10 @@ class xs {
       throw new Error("Global property state not initialized");
     if (!this.configuration)
       throw new Error("Global property configuration not linked to the state manager.");
-    const A = this.configuration.aspects.find((s) => s.name === e);
+    const A = this.configuration.aspects.find((i) => i.name === e);
     if (!A)
       throw new Error(`Failed to find configuration aspect with name: ${e}`);
-    const a = he(this.globalPropertyState), n = this.globalPropertyState.aspects.find((s) => s.name === e);
+    const a = he(this.globalPropertyState), n = this.globalPropertyState.aspects.find((i) => i.name === e);
     n ? (n.storage = t !== null ? t : void 0, n.type = A.type) : this.globalPropertyState.aspects.push({
       name: e,
       value: "",
@@ -11810,7 +11820,7 @@ class xs {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
     const e = await x.getShadowGraphqlClient().mutate({
-      mutation: Ys,
+      mutation: Yi,
       variables: {
         id: this.globalPropertyState.id,
         aspects: this.globalPropertyState.aspects.map((a) => {
@@ -11850,7 +11860,7 @@ class xs {
   async getOrCreateGlobalPropertyState() {
     var A, a, n;
     const e = await x.getShadowGraphqlClient().query({
-      query: Ps,
+      query: Pi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -11866,7 +11876,7 @@ class xs {
     if (e.data.globalPropertyState && e.data.globalPropertyState.id)
       return e.data.globalPropertyState;
     const t = await x.getShadowGraphqlClient().mutate({
-      mutation: Ss,
+      mutation: Si,
       variables: {
         bundleId: this.bundleId
       },
@@ -11882,7 +11892,7 @@ class xs {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class Ns {
+class Ni {
   constructor(e) {
     this.setState(e);
   }
@@ -11890,11 +11900,11 @@ class Ns {
     e && (this.state = JSON.parse(e));
   }
   applyStateToWorkflowExperience(e) {
-    var s;
-    if (!this.state || !((s = e == null ? void 0 : e.getWorkflowManager()) != null && s.getModelContainer()))
+    var i;
+    if (!this.state || !((i = e == null ? void 0 : e.getWorkflowManager()) != null && i.getModelContainer()))
       return;
     const t = this.state.transactions.find(
-      (i) => i.transactionId === e.getWorkflowManager().getTransaction().id
+      (s) => s.transactionId === e.getWorkflowManager().getTransaction().id
     );
     if (!t)
       return;
@@ -11915,7 +11925,7 @@ class Ns {
     this.state ? this.state.transactions || (this.state.transactions = []) : this.state = {
       transactions: []
     };
-    const n = this.state.transactions.find((s) => s.transactionId === a);
+    const n = this.state.transactions.find((i) => i.transactionId === a);
     n ? (n.transforms || (n.transforms = {}), n.transforms[t] = A) : this.state.transactions.push({
       transactionId: a,
       activeTransform: t,
@@ -11929,11 +11939,11 @@ class Ns {
     const A = e.getWorkflowManager().getTransaction().id, a = this.state.transactions.find((c) => c.transactionId === A), n = (r = a == null ? void 0 : a.transforms) == null ? void 0 : r[t];
     if (!n)
       return;
-    const s = this.flipTransform(
+    const i = this.flipTransform(
       n,
       e.getWorkflowManager().getPreviewService()
-    ), i = e.getWorkflowManager().getModelContainer();
-    i.position = s.position, i.rotation = s.rotation, i.scale = s.scale, a.activeTransform = t;
+    ), s = e.getWorkflowManager().getModelContainer();
+    s.position = i.position, s.rotation = i.rotation, s.scale = i.scale, a.activeTransform = t;
   }
   removeStateForTransaction(e) {
     if (!this.state || !this.state.transactions)
@@ -11965,7 +11975,7 @@ class Ns {
     };
   }
 }
-class vs {
+class vi {
   constructor(e) {
     this.fullFetched = !1, this.collection = e;
   }
@@ -11996,7 +12006,7 @@ class vs {
     if (this.fullFetched)
       return this.collection.productCollectionProducts.map((A) => new Ze(A));
     const t = await x.getShadowGraphqlClient().query({
-      query: ds,
+      query: di,
       variables: {
         id: this.getId(),
         productIds: e
@@ -12008,7 +12018,7 @@ class vs {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Rs(this.collection.transformCollection);
+      return new Ri(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -12043,8 +12053,8 @@ class Ze {
   getIntegrationByType(e, t) {
     const a = (this.product.integrationProducts || []).find((n) => {
       var r, c, B;
-      const s = (r = n.integration) == null ? void 0 : r.type, i = ((c = n.integration) == null ? void 0 : c.type) === e, o = t ? ((B = n.integration) == null ? void 0 : B.externalIntegrationId) === t : !0;
-      return s && i && o;
+      const i = (r = n.integration) == null ? void 0 : r.type, s = ((c = n.integration) == null ? void 0 : c.type) === e, o = t ? ((B = n.integration) == null ? void 0 : B.externalIntegrationId) === t : !0;
+      return i && s && o;
     });
     if (!a)
       throw new Error(
@@ -12110,7 +12120,7 @@ class Ze {
    * @returns
    */
   getBasePrice(e) {
-    var a, n, s, i;
+    var a, n, i, s;
     const t = this.product.basePrice || 0;
     if (!e)
       return t;
@@ -12129,12 +12139,12 @@ class Ze {
         var r;
         return ((r = o.integration) == null ? void 0 : r.externalIntegrationId) === e.externalId;
       }
-    ) : A = (s = this.product.integrationProducts) == null ? void 0 : s.find(
+    ) : A = (i = this.product.integrationProducts) == null ? void 0 : i.find(
       (o) => {
         var r;
         return ((r = o.integration) == null ? void 0 : r.type) === e.integrationType;
       }
-    ), (i = A == null ? void 0 : A.additionalIntegrationProduct) != null && i.product ? t + (A.additionalIntegrationProduct.product.basePrice || 0) : t;
+    ), (s = A == null ? void 0 : A.additionalIntegrationProduct) != null && s.product ? t + (A.additionalIntegrationProduct.product.basePrice || 0) : t;
   }
 }
 class Oe {
@@ -12161,7 +12171,7 @@ class Oe {
     return this.workflow.imageUrl;
   }
 }
-class Rs {
+class Ri {
   constructor(e) {
     this.collection = e;
   }
@@ -12181,10 +12191,10 @@ class Rs {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((e) => new Hs(e));
+    return this.collection.transforms.map((e) => new Hi(e));
   }
 }
-class Hs {
+class Hi {
   constructor(e) {
     this.transform = e;
   }
@@ -12212,15 +12222,15 @@ class Hs {
   }
 }
 class Jt {
-  constructor(e, t, A, a, n, s) {
-    var i, 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(((i = t.metadata) == null ? void 0 : i.map((c) => [c.key, c.value])) || []), this.productCollection = t.productCollection, this.bundleStateManager = new Ns(t.bundleStateData), this.globalPropertyStateManager = new xs(
+  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((c) => [c.key, c.value])) || []), this.productCollection = t.productCollection, this.bundleStateManager = new Ni(t.bundleStateData), this.globalPropertyStateManager = new xi(
       this.id,
       this.ownerId,
       (o = this.productCollection) == null ? void 0 : o.globalPropertyConfiguration,
       this.checkConditionalHandlesChanged.bind(this),
-      s
-    ), this.globalPropertyHandleService = new Fs(this), this.setPreviewService(A), this.initializationPromise = Promise.all([
+      i
+    ), this.globalPropertyHandleService = new Fi(this), this.setPreviewService(A), this.initializationPromise = Promise.all([
       this.loadExistingWorkflowExperiences(((r = t.transactions) == null ? void 0 : r.map((c) => c.id)) || [], a),
       this.globalPropertyStateManager.getInitializationPromise()
     ]), this.initializationPromise.catch((c) => {
@@ -12288,7 +12298,7 @@ class Jt {
     return this.workflowExperiences.map((e) => e.getTotalPriceSubunits()).reduce((e, t) => e + t, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new vs(this.productCollection) : void 0;
+    return this.productCollection ? new vi(this.productCollection) : void 0;
   }
   async addWorkflowExperience(e) {
     e.setBundle(this), await this.appendWorkflowExperience(e), await this.injectExperienceIntoPreviewService(e), await e.getWorkflowManager().getInitializationPromise();
@@ -12297,16 +12307,16 @@ class Jt {
       await A.applyGlobalState([e]);
   }
   async addWorkflowExperiences(e) {
-    const t = e.map((i) => i.getWorkflowManager().getTransaction().id), A = t.map(
-      (i) => this.workflowExperiences.find((o) => o.getWorkflowManager().getTransaction().id === i)
+    const t = e.map((s) => s.getWorkflowManager().getTransaction().id), A = t.map(
+      (s) => this.workflowExperiences.find((o) => o.getWorkflowManager().getTransaction().id === s)
     );
-    if (A.some((i) => !!i))
+    if (A.some((s) => !!s))
       throw new Error(
-        "Unable to add transaction to bundle - Already Exists: " + A.filter((i) => !!i).map((i) => i == null ? void 0 : i.getWorkflowManager().getTransaction().id).join(", ")
+        "Unable to add transaction to bundle - Already Exists: " + A.filter((s) => !!s).map((s) => s == null ? void 0 : s.getWorkflowManager().getTransaction().id).join(", ")
       );
-    const a = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = t.map((i) => a.get(i));
+    const a = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = t.map((s) => a.get(s));
     await x.getShadowGraphqlClient().mutate({
-      mutation: hs,
+      mutation: hi,
       variables: {
         id: this.id,
         transactionIds: t,
@@ -12315,37 +12325,37 @@ class Jt {
       context: {
         bundleOwnerId: this.ownerId
       }
-    }).catch((i) => {
-      console.error(i);
+    }).catch((s) => {
+      console.error(s);
     }), this.workflowExperiences.push(...e);
-    const s = async () => {
+    const i = async () => {
       for (const o of e)
         o.setBundle(this), await this.injectExperienceIntoPreviewService(o);
       await Promise.all(e.map((o) => o.getWorkflowManager().getInitializationPromise()));
-      const i = await this.getGlobalProperties();
-      for (const o of i)
+      const s = await this.getGlobalProperties();
+      for (const o of s)
         await o.applyGlobalState(e);
     };
-    await Promise.all([this.updateTransactionOrder(), s()]), this.workflowExperiences.forEach((i) => i.checkForPriceBreakChanges());
+    await Promise.all([this.updateTransactionOrder(), i()]), this.workflowExperiences.forEach((s) => s.checkForPriceBreakChanges());
   }
   async appendWorkflowExperience(e, t = !0) {
     const A = e.getWorkflowManager().getTransaction().id;
     if (this.workflowExperiences.find(
-      (i) => i.getWorkflowManager().getTransaction().id === A
+      (s) => s.getWorkflowManager().getTransaction().id === A
     ))
       throw new Error("Unable to add transaction to bundle - Already Exists!");
-    const s = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(A);
+    const i = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(A);
     await x.getShadowGraphqlClient().mutate({
-      mutation: Es,
+      mutation: Ei,
       variables: {
         id: this.id,
         transactionId: A
       },
       context: {
         bundleOwnerId: this.ownerId,
-        transactionOwnerId: s
+        transactionOwnerId: i
       }
-    }), t && (this.workflowExperiences.push(e), this.workflowExperiences.forEach((i) => i.checkForPriceBreakChanges()));
+    }), t && (this.workflowExperiences.push(e), this.workflowExperiences.forEach((s) => s.checkForPriceBreakChanges()));
   }
   async removeWorkflowExperience(e) {
     const t = this.workflowExperiences.indexOf(e);
@@ -12369,12 +12379,12 @@ class Jt {
         (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: us,
+        mutation: ui,
         variables: {
           id: this.id,
           transactionId: t.id,
           name: this.name,
-          metadata: Array.from(this.metadata.entries()).map(([n, s]) => ({ key: n, value: s })),
+          metadata: Array.from(this.metadata.entries()).map(([n, i]) => ({ key: n, value: i })),
           bundleStateData: this.bundleStateManager.getSerializedState()
         },
         context: {
@@ -12401,7 +12411,7 @@ class Jt {
     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: Qs,
+      mutation: Qi,
       variables: {
         id: this.id,
         transactionIds: e.map((a) => a.id),
@@ -12462,7 +12472,7 @@ class Jt {
   async addStakeholder(e, t) {
     var n;
     const A = await x.getShadowGraphqlClient().mutate({
-      mutation: ms,
+      mutation: mi,
       variables: {
         id: this.id,
         details: e,
@@ -12480,7 +12490,7 @@ class Jt {
   async removeStakeholder(e) {
     var A;
     if (!((A = (await x.getShadowGraphqlClient().mutate({
-      mutation: ps,
+      mutation: pi,
       variables: {
         id: this.id,
         emailAddress: e
@@ -12494,7 +12504,7 @@ class Jt {
   async updateStakeholders(e) {
     var a;
     const t = await x.getShadowGraphqlClient().mutate({
-      mutation: Ds,
+      mutation: Di,
       variables: {
         id: this.id,
         input: e
@@ -12510,7 +12520,7 @@ class Jt {
   }
   async getAllStakeholders() {
     const e = await x.getShadowGraphqlClient().query({
-      query: ls,
+      query: li,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -12546,17 +12556,18 @@ class Jt {
       e ?? (() => {
       }),
       t ? (a, n) => {
-        const s = this.workflowExperiences.find(
-          (i) => i.getWorkflowManager().getTransaction().id === n
+        const i = this.workflowExperiences.find(
+          (s) => s.getWorkflowManager().getTransaction().id === n
         );
-        return s ? t(s) : (console.warn(
+        return i ? t(i) : (console.warn(
           "SpiffCommerce - Bundle create design - Unable to find experience for transaction: " + n
         ), Promise.resolve(void 0));
       } : void 0
     );
     return {
       bundleId: this.id,
-      items: A
+      items: A,
+      bundleOwnerId: this.ownerId
     };
   }
   getPreviewService() {
@@ -12577,7 +12588,7 @@ class Jt {
   async assignProductCollection(e) {
     var A, a;
     const t = await x.getShadowGraphqlClient().mutate({
-      mutation: fs(
+      mutation: fi(
         ((A = this.globalPropertyStateManager.getBundleOptions()) == null ? void 0 : A.eagerFetchProducts) ?? !1
       ),
       variables: {
@@ -12598,7 +12609,7 @@ class Jt {
   onModelSelectedEvent(e, t) {
     if (e && e.metadata && e.metadata instanceof Map && e.metadata.has("workflowManager")) {
       const a = e.metadata.get("workflowManager").getTransaction(), n = this.workflowExperiences.find(
-        (s) => s.getWorkflowManager().getTransaction().id === a.id
+        (i) => i.getWorkflowManager().getTransaction().id === a.id
       );
       n && this.fireEvent(t ? "workflow-experience-hover-enter" : "workflow-experience-hover-exit", {
         workflowExperience: n
@@ -12633,7 +12644,7 @@ class Jt {
   async updateBundle() {
     var t;
     if (!((t = (await x.getShadowGraphqlClient().mutate({
-      mutation: ws,
+      mutation: wi,
       variables: {
         id: this.id,
         name: this.name,
@@ -12648,7 +12659,7 @@ class Jt {
   }
   async updateTransactionOrder() {
     await x.getShadowGraphqlClient().mutate({
-      mutation: Is,
+      mutation: Ii,
       variables: {
         id: this.id,
         transactionIds: this.workflowExperiences.map((e) => e.getWorkflowManager().getTransaction().id)
@@ -12663,16 +12674,16 @@ class Jt {
     if ((() => {
       if (a.length !== n.length)
         return !0;
-      for (let i = 0; i < a.length; i++)
-        if (a[i].getName() !== n[i].getName())
+      for (let s = 0; s < a.length; s++)
+        if (a[s].getName() !== n[s].getName())
           return !0;
       return !1;
     })()) {
       this.fireEvent("conditional-global-properties-changed", {
         globalProperties: n
       });
-      const i = n.filter((o) => !a.includes(o));
-      await Promise.all(i.map((o) => o.applyGlobalState()));
+      const s = n.filter((o) => !a.includes(o));
+      await Promise.all(s.map((o) => o.applyGlobalState()));
     }
   }
   fireEvent(e, t) {
@@ -12685,14 +12696,14 @@ class Jt {
     );
   }
 }
-const Us = f`
+const Ui = f`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class ks {
+class ki {
   /**
    *
    * @param id
@@ -12703,7 +12714,7 @@ class ks {
   async execute(e, t, A) {
     var B, l, d;
     const n = (l = (B = (await x.getShadowGraphqlClient().mutate({
-      mutation: Us,
+      mutation: Ui,
       variables: {
         processFlowId: e,
         inputs: [...t.map((C) => C.getValueForTransmission())]
@@ -12711,13 +12722,13 @@ class ks {
     })).data) == null ? void 0 : B.processExecutionCreate) == null ? void 0 : l.id;
     if (!n)
       throw new Error("Failed to create process execution.");
-    function s(C) {
+    function i(C) {
       return new Promise((w) => {
         setTimeout(w, C);
       });
     }
-    let i = !1, o = 0, r, c;
-    for (; !i; ) {
+    let s = !1, o = 0, r, c;
+    for (; !s; ) {
       r = await x.getShadowGraphqlClient().query({
         query: f`
                     query getProcessFlowExecution($ids: [String]!) {
@@ -12745,21 +12756,21 @@ class ks {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (C.completedAt) {
-        i = !0, c = new Gs(C);
+        s = !0, c = new Gi(C);
         break;
       }
       o += 1;
       const w = A != null && A.repeats ? A == null ? void 0 : A.repeats : 5;
       if (o >= w)
         throw new Error("Maximum wait time exceeded for execution result.");
-      await s(A != null && A.sleepTime ? Math.max(A.sleepTime, 500) : 2e3);
+      await i(A != null && A.sleepTime ? Math.max(A.sleepTime, 500) : 2e3);
     }
     if (!c)
       throw new Error("Failed to retrieve server response for execution.");
     return Promise.resolve(c);
   }
 }
-class Gs {
+class Gi {
   constructor(e) {
     this.execution = e;
   }
@@ -12844,8 +12855,8 @@ class ft {
     return e.startsWith("[") ? JSON.stringify(JSON.parse(e)) : e;
   }
 }
-var bs = /* @__PURE__ */ ((g) => (g.Transaction = "Transaction", g.Bundle = "Bundle", g.Product = "Product", g.Variant = "Variant", g.Option = "Option", g.LineItem = "LineItem", g.Asset = "Asset", g))(bs || {});
-class fi extends ft {
+var bi = /* @__PURE__ */ ((g) => (g.Transaction = "Transaction", g.Bundle = "Bundle", g.Product = "Product", g.Variant = "Variant", g.Option = "Option", g.LineItem = "LineItem", g.Asset = "Asset", g))(bi || {});
+class fs extends ft {
   constructor(e) {
     super(`"${e}"`);
   }
@@ -12860,7 +12871,7 @@ class NA extends ft {
     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 Fi extends ft {
+class Fs extends ft {
   constructor(e) {
     super(`[${e.map((t) => t.getRaw()).join(",")}]`);
   }
@@ -12907,7 +12918,7 @@ class Tt {
     return e.sort((t, A) => (t.index ?? 0) - (A.index ?? 0)).map((t) => new Oe(t));
   }
 }
-const Js = f`
+const Ji = f`
     fragment RegionFields on Region {
         width
         top
@@ -12925,7 +12936,7 @@ const Js = f`
             height
         }
     }
-`, Ts = f`
+`, Ti = f`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -12936,7 +12947,7 @@ const Js = f`
             z
         }
     }
-`, Os = f`
+`, Oi = f`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -13020,21 +13031,21 @@ const Js = f`
             weight
         }
     }
-`, Ls = f`
+`, Li = f`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, zs = (g) => f`
+`, zi = (g) => f`
         ${Ie(g)}
         ${Ct}
-        ${iA}
-        ${Js}
-        ${Ts}
-        ${Os}
-        ${Ls}
+        ${sA}
+        ${Ji}
+        ${Ti}
+        ${Oi}
+        ${Li}
         query GetWorkflows($ids: [String!]!) {
             workflows(ids: $ids) {
                 partner {
@@ -13423,7 +13434,7 @@ const Js = f`
                 }
             }
         }
-    `, Ks = f`
+    `, Ki = f`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -13440,7 +13451,7 @@ const Js = f`
             }
         }
     }
-`, js = f`
+`, ji = f`
     ${Ie(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -13462,7 +13473,7 @@ const Js = f`
             }
         }
     }
-`, Vs = f`
+`, Vi = f`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -13472,7 +13483,7 @@ const Js = f`
             }
         }
     }
-`, Ws = f`
+`, Wi = f`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -13482,7 +13493,7 @@ const Js = f`
             }
         }
     }
-`, Xs = f`
+`, Xi = f`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -13509,11 +13520,11 @@ const Js = f`
             }
         }
     }
-`, qs = f`
+`, qi = f`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, Zs = f`
+`, Zi = f`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -13541,13 +13552,13 @@ const Js = f`
             }
         }
     }
-`, $s = f`
+`, $i = f`
     fragment TagFields on Tag {
         id
         name
     }
-`, _s = f`
-    ${$s}
+`, _i = f`
+    ${$i}
     query GetManyTags($entityIds: [String!]!) {
         tagsMany(entityIds: $entityIds) {
             ...TagFields
@@ -13560,19 +13571,19 @@ const Js = f`
       (n) => n.type === G.Illustration
     );
     for (let n = 0; n < A.length; ++n) {
-      const s = A[n];
-      s.src && s.svg && (s.cachedObjectURL = await Re(s.svg));
+      const i = A[n];
+      i.src && i.svg && (i.cachedObjectURL = await Re(i.svg));
     }
     const a = g.layouts[t].elements.filter((n) => n.type === G.Textbox);
     for (let n = 0; n < a.length; ++n) {
-      const s = a[n];
-      (e = s.fontData) != null && e.assetUrl && await gt(s.fontData.assetUrl);
+      const i = a[n];
+      (e = i.fontData) != null && e.assetUrl && await gt(i.fontData.assetUrl);
     }
   }
-}, ei = async (g, e) => {
+}, es = async (g, e) => {
   var a;
   const t = await x.getShadowGraphqlClient().query({
-    query: zs(((a = e == null ? void 0 : e.assets) == null ? void 0 : a.metadata) || !1),
+    query: zi(((a = e == null ? void 0 : e.assets) == null ? void 0 : a.metadata) || !1),
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -13582,27 +13593,27 @@ const Js = f`
   if (A === void 0 || A.length !== g.length)
     throw new Error(`Unable to read workflows: ${t.errors ?? "Length mismatch in response"}`);
   return A.forEach((n) => {
-    n.steps.forEach((s) => {
-      var i, o, r;
-      delete s.data.__typename, (i = s.option) != null && i.id && ((o = s.option.defaultVariant) != null && o.asset && k.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && k.cacheAsset(s.option.colorProfile), (r = s.option.variants) == null || r.forEach((c) => {
+    n.steps.forEach((i) => {
+      var s, o, r;
+      delete i.data.__typename, (s = i.option) != null && s.id && ((o = i.option.defaultVariant) != null && o.asset && k.cacheAsset(i.option.defaultVariant.asset), i.option.colorProfile && k.cacheAsset(i.option.colorProfile), (r = i.option.variants) == null || r.forEach((c) => {
         c.asset && k.cacheAsset(c.asset), c.thumbnail && k.cacheAsset(c.thumbnail), c.material && k.cacheMaterial(c.material);
-      }), Qe.set({ id: s.option.id }, Promise.resolve(s.option)));
+      }), Qe.set({ id: i.option.id }, Promise.resolve(i.option)));
     }), n.finalizeStepConfig || (n.finalizeStepConfig = {}), n.finalizeStepConfig.termsMarkdown = n.partner.termsMarkdown;
   }), A;
-}, ti = async (g, e) => {
+}, ts = async (g, e) => {
   const A = (await e).find((a) => a.id === g);
   if (!A)
     throw new Error(`Workflow not found: ${g}`);
   return A;
 }, vA = async (g, e) => {
-  const t = g.map((i) => Qe.get({ id: i, options: e })), A = g.filter((i, o) => t[o] === void 0);
+  const t = g.map((s) => Qe.get({ id: s, options: e })), A = g.filter((s, o) => t[o] === void 0);
   if (A.length === 0)
     return Promise.all(t);
-  const a = ei(A, e), n = A.map(
-    (i) => Qe.set({ id: i, options: e }, ti(i, a))
-  ), s = t.filter((i) => i !== void 0);
-  return await Promise.all(s.concat(n));
-}, xe = async (g, e) => (await vA([g], e))[0], Ai = (g) => g.sort((e, t) => e.index - t.index).map((e) => ({
+  const a = es(A, e), n = A.map(
+    (s) => Qe.set({ id: s, options: e }, ts(s, a))
+  ), i = t.filter((s) => s !== void 0);
+  return await Promise.all(i.concat(n));
+}, xe = async (g, e) => (await vA([g], e))[0], As = (g) => g.sort((e, t) => e.index - t.index).map((e) => ({
   id: J(),
   panelId: e.name,
   name: e.name,
@@ -13617,9 +13628,9 @@ const Js = f`
   editableArea: e.editableArea
 })), $e = (g, e) => {
   const t = g.workflowState, A = t ? JSON.parse(t) : void 0;
-  return A ? Object.values(A.layouts).map((a) => a.layout) : Ai(e.panels);
+  return A ? Object.values(A.layouts).map((a) => a.layout) : As(e.panels);
 };
-class ai {
+class as {
   constructor(e) {
     this.activeIntegration = void 0, this.updateTransactionState = async (t) => {
       try {
@@ -13630,7 +13641,7 @@ class ai {
       } catch (A) {
         throw console.error(A), new H("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.initialized = !1, this.options = e, this.options.applicationKey && ca(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 22.7.3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.initialized = !1, this.options = e, this.options.applicationKey && ca(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 22.7.5"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   /** @deprecated Use `configure` instead */
   configureUrls(e, t, A) {
@@ -13654,7 +13665,7 @@ class ai {
   getFlowService() {
     if (!ga())
       throw new Error("Application key required to use Flow Service.");
-    return new ks();
+    return new ki();
   }
   async getIntegration() {
     if (this.activeIntegration)
@@ -13689,7 +13700,7 @@ class ai {
       return Promise.resolve({ success: !0, stakeholderType: be.Owner });
     const A = P.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (A.has(e)) {
-      const s = A.get(e), o = (P.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
+      const i = A.get(e), o = (P.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(i);
       if (o && await this.authenticateCustomerId(o)) {
         const c = (n = (a = this.customer) == null ? void 0 : a.bundleStakeholders) == null ? void 0 : n.find(
           (B) => {
@@ -13719,7 +13730,7 @@ class ai {
   async authenticateTransactionFromLocalStorage(e) {
     var c, B, l, d, C, w;
     const t = x.getShadowGraphqlClient(), A = await t.query({
-      query: Ks,
+      query: Ki,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -13733,12 +13744,12 @@ class ai {
       throw new Error(`Unable to read transaction: ${e}`);
     if (a.isOrdered)
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
-    const s = P.getMap("transactionOwnerIds");
-    if (s != null && s.has(e))
+    const i = P.getMap("transactionOwnerIds");
+    if (i != null && i.has(e))
       return Promise.resolve({ success: !0, stakeholderType: be.Owner });
-    const i = P.getMap("transactionCustomerIds");
-    if (i != null && i.has(e)) {
-      const E = i.get(e);
+    const s = P.getMap("transactionCustomerIds");
+    if (s != null && s.has(e)) {
+      const E = s.get(e);
       if (E && await this.authenticateCustomerId(E)) {
         const h = ((d = (l = this.customer) == null ? void 0 : l.bundleStakeholders) == null ? void 0 : d.find(
           (D) => {
@@ -13759,7 +13770,7 @@ class ai {
       }
     }
     const r = (await t.query({
-      query: js,
+      query: ji,
       errorPolicy: "all",
       variables: {
         id: a.workflowId
@@ -13784,18 +13795,18 @@ class ai {
     var A, a;
     const t = (a = (A = this.customer) == null ? void 0 : A.stakeholders) == null ? void 0 : a.find(
       (n) => {
-        var s;
-        return ((s = n.transaction) == null ? void 0 : s.id) === e;
+        var i;
+        return ((i = n.transaction) == null ? void 0 : i.id) === e;
       }
     );
     if (t)
       return t.type;
   }
   async getOrCreateCustomer(e) {
-    var s;
+    var i;
     this.customer = void 0;
     const t = x.getShadowGraphqlClient(), a = (await t.query({
-      query: Vs,
+      query: Vi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -13803,8 +13814,8 @@ class ai {
       }
     })).data.customer;
     if (!a.id) {
-      const o = (s = (await t.mutate({
-        mutation: Ws,
+      const o = (i = (await t.mutate({
+        mutation: Wi,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -13812,7 +13823,7 @@ class ai {
             emailAddress: e
           }
         }
-      })).data) == null ? void 0 : s.customerCreate;
+      })).data) == null ? void 0 : i.customerCreate;
       if (!o)
         throw new Error("Unable to create customer.");
       return this.storeCustomer(o), this.customer = o, {
@@ -13828,22 +13839,22 @@ class ai {
     };
   }
   async authenticateCustomerId(e) {
-    var i;
+    var s;
     const t = x.getShadowGraphqlClient(), A = P.getMap("customerTokens");
     if (!(A != null && A.has(e)))
       return !1;
     const a = A.get(e);
     if (!a)
       return !1;
-    const s = (i = (await t.mutate({
-      mutation: Xs,
+    const i = (s = (await t.mutate({
+      mutation: Xi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
         loginToken: a
       }
-    })).data) == null ? void 0 : i.customerAuthenticate;
-    return s ? (this.storeCustomer(s), Nt(a), this.customer = s, !0) : !1;
+    })).data) == null ? void 0 : s.customerAuthenticate;
+    return i ? (this.storeCustomer(i), Nt(a), this.customer = i, !0) : !1;
   }
   /**
    * Generates a verification code for the given email address.
@@ -13851,7 +13862,7 @@ class ai {
    */
   async generateVerificationCode(e) {
     await x.getShadowGraphqlClient().mutate({
-      mutation: qs,
+      mutation: qi,
       variables: {
         emailAddress: e
       }
@@ -13864,9 +13875,9 @@ class ai {
    * @returns True if the verification was successful, false otherwise.
    */
   async verifyCode(e, t) {
-    var n, s;
+    var n, i;
     const a = (n = (await x.getShadowGraphqlClient().mutate({
-      mutation: Zs,
+      mutation: Zi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -13875,10 +13886,10 @@ class ai {
       }
     })).data) == null ? void 0 : n.customerVerifyCode;
     if (a != null && a.loginToken) {
-      if (!((s = a.partner) != null && s.id))
+      if (!((i = a.partner) != null && i.id))
         throw new Error(`Unable to find customer: ${e}`);
-      const i = P.getMap("customerTokens") || /* @__PURE__ */ new Map();
-      return i.set(a.id, a.loginToken), P.setMap("customerTokens", i), this.storeCustomer(a), Nt(a.loginToken), this.customer = {
+      const s = P.getMap("customerTokens") || /* @__PURE__ */ new Map();
+      return s.set(a.id, a.loginToken), P.setMap("customerTokens", s), this.storeCustomer(a), Nt(a.loginToken), this.customer = {
         ...a,
         loginToken: void 0
       }, !0;
@@ -13892,19 +13903,21 @@ class ai {
   async getNewBundle(e, t, A) {
     var r, c, B, l, d;
     const n = (B = (await x.getShadowGraphqlClient().mutate({
-      mutation: Cs(((c = (r = A == null ? void 0 : A.graphql) == null ? void 0 : r.productCollection) == null ? void 0 : c.eagerFetchProducts) || !1),
+      mutation: Ci(((c = (r = A == null ? void 0 : A.graphql) == null ? void 0 : r.productCollection) == null ? void 0 : c.eagerFetchProducts) || !1),
       variables: {
         collectionId: e,
-        initialMetadata: t ? Object.entries(t).map((C, w) => ({ key: C[0], value: C[1] })) : void 0
+        initialMetadata: t ? Object.entries(t).map((C, w) => ({ key: C[0], value: C[1] })) : void 0,
+        marketplaceThemeInstallId: this.marketplaceThemeInstallId,
+        marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
       },
       fetchPolicy: "no-cache"
     })).data) == null ? void 0 : B.bundleCreate;
     if (!(n != null && n.id))
       throw new Error("Unable to create bundle");
-    const s = P.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    s.set(n.id, n.partner.id), P.setMap("bundlePartnerIds", s);
-    const i = P.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
-    i.set(n.id, n.bundleOwnerId), P.setMap("bundleOwnerIds", i);
+    const i = P.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    i.set(n.id, n.partner.id), P.setMap("bundlePartnerIds", i);
+    const s = P.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
+    s.set(n.id, n.bundleOwnerId), P.setMap("bundleOwnerIds", s);
     const o = new Jt(this, n, void 0, void 0, n.bundleOwnerId, {
       eagerFetchProducts: (d = (l = A == null ? void 0 : A.graphql) == null ? void 0 : l.productCollection) == null ? void 0 : d.eagerFetchProducts
     });
@@ -13919,14 +13932,14 @@ class ai {
    */
   async getExistingBundle(e, t, A, a) {
     var E, u, h, D, m, p, Q, I, F, M, Y;
-    const n = P.getMap("bundleOwnerIds"), s = n == null ? void 0 : n.get(e), o = ((E = Object.entries(localStorage).find(([N, S]) => N.startsWith("CognitoIdentityServiceProvider") && N.endsWith("idToken"))) == null ? void 0 : E[0]) || "", r = localStorage.getItem(o), c = {};
+    const n = P.getMap("bundleOwnerIds"), i = n == null ? void 0 : n.get(e), o = ((E = Object.entries(localStorage).find(([N, S]) => N.startsWith("CognitoIdentityServiceProvider") && N.endsWith("idToken"))) == null ? void 0 : E[0]) || "", r = localStorage.getItem(o), c = {};
     r && !mt(r) && (c.Authorization = `Bearer ${r}`);
     const B = {
-      bundleOwnerId: s,
+      bundleOwnerId: i,
       ...c,
       ...(u = a == null ? void 0 : a.graphql) == null ? void 0 : u.additionalHeaders
     }, l = await x.getShadowGraphqlClient().query({
-      query: gs(((D = (h = a == null ? void 0 : a.graphql) == null ? void 0 : h.productCollection) == null ? void 0 : D.eagerFetchProducts) || !1),
+      query: gi(((D = (h = a == null ? void 0 : a.graphql) == null ? void 0 : h.productCollection) == null ? void 0 : D.eagerFetchProducts) || !1),
       variables: {
         id: e
       },
@@ -13939,7 +13952,7 @@ class ai {
       throw new Error(`Unable to find bundle: ${e}`);
     const d = (I = l.data) == null ? void 0 : I.bundles[0], C = P.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     C.set(d.id, d.partner.id), P.setMap("bundlePartnerIds", C);
-    const w = new Jt(this, d, t, A, s, {
+    const w = new Jt(this, d, t, A, i, {
       additionalHeaders: (F = a == null ? void 0 : a.graphql) == null ? void 0 : F.additionalHeaders,
       eagerFetchProducts: (Y = (M = a == null ? void 0 : a.graphql) == null ? void 0 : M.productCollection) == null ? void 0 : Y.eagerFetchProducts
     });
@@ -13954,7 +13967,7 @@ class ai {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const e = await x.getShadowGraphqlClient().query({
-      query: Bs,
+      query: Bi,
       variables: {
         id: this.customer.id
       },
@@ -13963,24 +13976,24 @@ class ai {
     if (!((n = e.data) != null && n.customers) || e.data.customers.length === 0)
       throw new Error("Unable to find customer.");
     const A = e.data.customers[0].bundleStakeholders || [], a = P.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    return A.forEach((s) => {
-      var i, o;
-      (i = s.bundle) != null && i.id && ((o = s.bundle.partner) != null && o.id) && a.set(s.bundle.id, s.bundle.partner.id);
+    return A.forEach((i) => {
+      var s, o;
+      (s = i.bundle) != null && s.id && ((o = i.bundle.partner) != null && o.id) && a.set(i.bundle.id, i.bundle.partner.id);
     }), P.setMap("bundlePartnerIds", a), A;
   }
   async getStepTags(e) {
     const t = x.getShadowGraphqlClient();
     let A = {};
-    const a = e.steps.map((s) => `${e.id}_${s.stepName}`), n = await t.query({
-      query: _s,
+    const a = e.steps.map((i) => `${e.id}_${i.stepName}`), n = await t.query({
+      query: _i,
       fetchPolicy: "no-cache",
       variables: { entityIds: a }
     });
-    for (const [s, i] of e.steps.entries()) {
-      const o = n.data.tagsMany[s];
+    for (const [i, s] of e.steps.entries()) {
+      const o = n.data.tagsMany[i];
       A = {
         ...A,
-        [i.stepName]: o.map((r) => r.name)
+        [s.stepName]: o.map((r) => r.name)
       };
     }
     return A;
@@ -14051,29 +14064,29 @@ class ai {
         return { transaction: I, workflow: F, stepTags: M };
       }
       throw new H("No workflow ID provided.");
-    }, { transaction: s, workflow: i, stepTags: o, readOnly: r } = await n();
-    this.currencyCode = (l = s.product.partner) == null ? void 0 : l.currencyCode;
+    }, { transaction: i, workflow: s, stepTags: o, readOnly: r } = await n();
+    this.currencyCode = (l = i.product.partner) == null ? void 0 : l.currencyCode;
     const c = {
-      product: s.product,
-      transaction: s,
+      product: i.product,
+      transaction: i,
       stepTags: o,
       layouts: [],
       singleVariantsRenderable: (d = a == null ? void 0 : a.workflowConfiguration) == null ? void 0 : d.singleVariantsRenderable,
       stateMutationFunc: r ? async () => {
         throw new b("State mutation is forbidden in read only mode!");
       } : async (u) => {
-        const D = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(s.id) || void 0;
+        const D = (P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id) || void 0;
         return this.updateTransactionState({ ...u, context: { transactionOwnerId: D } });
       },
       readOnly: r,
-      workflow: i
+      workflow: s
     };
-    if (a.type === "transaction" && s.workflowState) {
-      const u = JSON.parse(s.workflowState);
-      c.layouts = Object.values(u.layouts).map((h) => h.layout), await ie(u), await re(u), c.reloadedState = u;
+    if (a.type === "transaction" && i.workflowState) {
+      const u = JSON.parse(i.workflowState);
+      c.layouts = Object.values(u.layouts).map((h) => h.layout), await se(u), await re(u), c.reloadedState = u;
     } else if (!r && a.workflowState) {
       const u = JSON.parse(a.workflowState);
-      c.layouts = Object.values(u.layouts).map((h) => h.layout), await ie(u), await re(u), c.reloadedState = u;
+      c.layouts = Object.values(u.layouts).map((h) => h.layout), await se(u), await re(u), c.reloadedState = u;
     } else
       c.layouts = $e(
         c.transaction,
@@ -14084,12 +14097,12 @@ class ai {
     ), a.previewService ? (c.previewService = a.previewService, (C = c.product) != null && C.modelUrl && (c.modelContainer = c.previewService.loadModel({
       model: c.product.modelUrl,
       contextService: c.renderableContextService
-    }))) : (c.previewService = A && A(i), (w = c.product) != null && w.modelUrl && (c.modelContainer = (E = c.previewService) == null ? void 0 : E.loadModel({
+    }))) : (c.previewService = A && A(s), (w = c.product) != null && w.modelUrl && (c.modelContainer = (E = c.previewService) == null ? void 0 : E.loadModel({
       model: c.product.modelUrl,
       contextService: c.renderableContextService
     }))), a.type !== "transaction") {
       const u = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
-      u.set(s.id, s.transactionOwnerId), P.setMap("transactionOwnerIds", u);
+      u.set(i.id, i.transactionOwnerId), P.setMap("transactionOwnerIds", u);
     } else
       c.isReloadedTransaction = !0;
     this.initialized = !0, this.experienceOptions = c;
@@ -14162,9 +14175,9 @@ class ai {
         readOnly: !1,
         index: p[S].index
       }));
-    }, s = e.map((p, Q) => ({ option: p, index: Q })), i = s.filter((p) => p.option.type === "transaction"), o = s.filter(
+    }, i = e.map((p, Q) => ({ option: p, index: Q })), s = i.filter((p) => p.option.type === "transaction"), o = i.filter(
       (p) => p.option.type === "integration" || p.option.type === "external"
-    ), r = Pt(i, 10), c = Pt(o, 10), B = (await Promise.all([
+    ), r = Pt(s, 10), c = Pt(o, 10), B = (await Promise.all([
       ...r.map(a),
       ...c.map(n)
     ])).flat(), l = [...new Set(B.map((p) => p.workflowId))], d = await vA(l, t), C = new Map(d.map((p) => [p.id, p])), w = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), E = B.map(async (p) => {
@@ -14186,10 +14199,10 @@ class ai {
       };
       if (S.type === "transaction" && Q.workflowState) {
         const O = JSON.parse(Q.workflowState);
-        R.layouts = Object.values(O.layouts || {}).map((ee) => ee.layout), await ie(O), await re(O), R.reloadedState = O;
+        R.layouts = Object.values(O.layouts || {}).map((ee) => ee.layout), await se(O), await re(O), R.reloadedState = O;
       } else if (!F && S.workflowState) {
         const O = JSON.parse(S.workflowState);
-        R.layouts = Object.values(O.layouts || {}).map((ee) => ee.layout), await ie(O), await re(O), R.reloadedState = O;
+        R.layouts = Object.values(O.layouts || {}).map((ee) => ee.layout), await se(O), await re(O), R.reloadedState = O;
       } else
         R.layouts = $e(
           R.transaction,
@@ -14212,7 +14225,7 @@ class ai {
    * @deprecated Use getWorkflowExperience to initialize the experience.
    */
   async initFromIntegrationProduct(e) {
-    var s;
+    var i;
     if (e === "")
       throw new H("No integration product ID provided.");
     const A = await x.getShadowGraphqlClient().mutate({
@@ -14233,14 +14246,14 @@ class ai {
     const a = A.data.transactionCreate;
     if (!a.product)
       throw new H("Failed to create transaction, product not available.");
-    this.currencyCode = (s = a.product.partner) == null ? void 0 : s.currencyCode;
+    this.currencyCode = (i = a.product.partner) == null ? void 0 : i.currencyCode;
     const n = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
     n.set(a.id, a.transactionOwnerId), P.setMap("transactionOwnerIds", n), this.experienceOptions = {
       product: a.product,
       transaction: a,
       layouts: [],
-      stateMutationFunc: async (i) => this.updateTransactionState({
-        ...i,
+      stateMutationFunc: async (s) => this.updateTransactionState({
+        ...s,
         context: { transactionOwnerId: a.transactionOwnerId }
       })
     }, this.initialized = !0;
@@ -14252,7 +14265,7 @@ class ai {
    * @deprecated Use getWorkflowExperience to initialize the experience.
    */
   async initFromTransaction(e, t = !1) {
-    var i, o, r, c;
+    var s, o, r, c;
     if (e === "")
       throw new H("No transaction ID provided.");
     const A = x.getShadowGraphqlClient(), a = async () => {
@@ -14279,15 +14292,15 @@ class ai {
     };
     if (t)
       return await a();
-    const n = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), s = n.get(e);
-    if (s) {
-      const l = (i = (await A.query({
+    const n = P.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), i = n.get(e);
+    if (i) {
+      const l = (s = (await A.query({
         query: Fe,
         variables: {
           ids: [e]
         },
         errorPolicy: "all"
-      })).data) == null ? void 0 : i.transactions[0];
+      })).data) == null ? void 0 : s.transactions[0];
       if (!l)
         throw new H("Failed to read transaction.");
       if (!l.product)
@@ -14296,7 +14309,7 @@ class ai {
         product: l.product,
         transaction: l,
         layouts: [],
-        stateMutationFunc: async (d) => this.updateTransactionState({ ...d, context: { transactionOwnerId: s } }),
+        stateMutationFunc: async (d) => this.updateTransactionState({ ...d, context: { transactionOwnerId: i } }),
         readOnly: t
       }, this.initialized = !0;
       return;
@@ -14329,14 +14342,14 @@ class ai {
    * @deprecated Remove when the initFrom functions are removed.
    */
   async getWorkflowExperienceDeprecated(e, t, A) {
-    var a, n, s, i;
+    var a, n, i, s;
     if (!this.initialized || !this.experienceOptions)
       throw new H("Cannot launch experience: Not initialized.");
     if (this.experienceOptions.transaction.workflowId) {
       const o = await xe(this.experienceOptions.transaction.workflowId);
       if (this.experienceOptions.workflow = o, this.experienceOptions.transaction.workflowState) {
         const c = JSON.parse(this.experienceOptions.transaction.workflowState);
-        this.experienceOptions.layouts = Object.values(c.layouts).map((B) => B.layout), await ie(c), await re(c), this.experienceOptions.reloadedState = c;
+        this.experienceOptions.layouts = Object.values(c.layouts).map((B) => B.layout), await se(c), await re(c), this.experienceOptions.reloadedState = c;
       }
       this.experienceOptions.previewService = A && A(o), this.experienceOptions.renderableContextService = new Ye(this.experienceOptions.layouts), (a = this.experienceOptions.product) != null && a.modelUrl && (this.experienceOptions.modelContainer = (n = this.experienceOptions.previewService) == null ? void 0 : n.loadModel({
         model: this.experienceOptions.product.modelUrl,
@@ -14358,13 +14371,13 @@ class ai {
       }), B = xe(e);
       if (await Promise.all([c, B]), this.experienceOptions.workflow = await B, t) {
         const d = JSON.parse(t);
-        this.experienceOptions.layouts = Object.values(d.layouts).map((C) => C.layout), await ie(d), await re(d), this.experienceOptions.reloadedState = d;
+        this.experienceOptions.layouts = Object.values(d.layouts).map((C) => C.layout), await se(d), await re(d), this.experienceOptions.reloadedState = d;
       } else
         this.experienceOptions.layouts = $e(
           this.experienceOptions.transaction,
           this.experienceOptions.workflow
         );
-      this.experienceOptions.previewService = A && A(await B), this.experienceOptions.renderableContextService = new Ye(this.experienceOptions.layouts), (s = this.experienceOptions.product) != null && s.modelUrl && (this.experienceOptions.modelContainer = (i = this.experienceOptions.previewService) == null ? void 0 : i.loadModel({
+      this.experienceOptions.previewService = A && A(await B), this.experienceOptions.renderableContextService = new Ye(this.experienceOptions.layouts), (i = this.experienceOptions.product) != null && i.modelUrl && (this.experienceOptions.modelContainer = (s = this.experienceOptions.previewService) == null ? void 0 : s.loadModel({
         model: this.experienceOptions.product.modelUrl,
         contextService: this.experienceOptions.renderableContextService
       }));
@@ -14404,7 +14417,7 @@ class ai {
     t.set(e.partner.id, e.id), P.setMap("partnerCustomerIds", t);
   }
   async getIntegrationProductById(e) {
-    var n, s;
+    var n, i;
     const a = (n = (await x.getShadowGraphqlClient().query({
       query: Ta,
       variables: {
@@ -14413,13 +14426,13 @@ class ai {
       fetchPolicy: "no-cache",
       errorPolicy: "all"
     })).data) == null ? void 0 : n.integrationProducts;
-    if (!a || a.length === 0 || !((s = a[0]) != null && s.id))
+    if (!a || a.length === 0 || !((i = a[0]) != null && i.id))
       throw new Error("Integration product not found.");
     return new Tt(a[0]);
   }
   async getIntegrationProductFromExternalIds(e, t) {
-    var s;
-    const n = (s = (await x.getShadowGraphqlClient().query({
+    var i;
+    const n = (i = (await x.getShadowGraphqlClient().query({
       query: Oa,
       variables: {
         externalProductId: t,
@@ -14427,7 +14440,7 @@ class ai {
       },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
-    })).data) == null ? void 0 : s.integrationProductFromExternalIds;
+    })).data) == null ? void 0 : i.integrationProductFromExternalIds;
     if (!(n != null && n.id))
       throw new Error("Integration product not found.");
     return new Tt(n);
@@ -14452,7 +14465,7 @@ class ai {
     return a.data.transactions[0].transactionShareActions;
   }
 }
-class yi {
+class ys {
   getClient() {
     return this.client ?? {};
   }
@@ -14605,8 +14618,8 @@ class yi {
     return [];
   }
 }
-var ni = /* @__PURE__ */ ((g) => (g.SelectFrame = "SelectFrame", g.SelectImage = "SelectImage", g.Position = "Position", g))(ni || {});
-class si extends X {
+var ns = /* @__PURE__ */ ((g) => (g.SelectFrame = "SelectFrame", g.SelectImage = "SelectImage", g.Position = "Position", g))(ns || {});
+class is extends X {
   constructor(e, t, A) {
     var a;
     super(e, t, A), this.frameService = (a = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : a.frameService;
@@ -14780,82 +14793,82 @@ class si extends X {
 }
 export {
   wt as AddonHandle,
-  Fi as ArrayInput,
-  Yi as AspectType,
-  se as AssetNotFoundError,
-  Pi as AssetType,
-  xi as BringForwardCommand,
-  Ni as BringToBackCommand,
-  vi as BringToFrontCommand,
-  Ri as CanvasCommand,
+  Fs as ArrayInput,
+  Ys as AspectType,
+  ie as AssetNotFoundError,
+  Ps as AssetType,
+  xs as BringForwardCommand,
+  Ns as BringToBackCommand,
+  vs as BringToFrontCommand,
+  Rs as CanvasCommand,
   Ze as CollectionProduct,
   bt as ColorOptionGlobalPropertyHandle,
-  Hi as CommandContext,
+  Hs as CommandContext,
   va as ConversionDataType,
   Na as ConversionLocation,
-  Ui as CreateElementCommand,
-  ki as CreateLayoutCommand,
-  Gi as DeleteElementCommand,
+  Us as CreateElementCommand,
+  ks as CreateLayoutCommand,
+  Gs as DeleteElementCommand,
   Un as DigitalContentStepHandle,
-  ys as FileUploadGlobalPropertyHandle,
+  yi as FileUploadGlobalPropertyHandle,
   Pe as FlowExecutionNodeResult,
-  Gs as FlowExecutionResult,
-  ks as FlowService,
-  bi as FontAlignmentCommand,
-  Ji as FontColorCommand,
-  Ti as FontSizeCommand,
-  Oi as FontSourceCommand,
+  Gi as FlowExecutionResult,
+  ki as FlowService,
+  bs as FontAlignmentCommand,
+  Js as FontColorCommand,
+  Ts as FontSizeCommand,
+  Os as FontSourceCommand,
   Xa as FrameService,
-  ni as FrameStep,
-  si as FrameStepHandle,
+  ns as FrameStep,
+  is as FrameStepHandle,
   Dt as GlobalPropertyHandle,
-  Li as GroupCommand,
+  Ls as GroupCommand,
   Sn as IllustrationStepHandle,
   pe as InformationMessageType,
   Hn as InformationStepHandle,
   Tt as IntegrationProduct,
   Pa as IntegrationType,
-  zi as LayoutElementFactory,
-  Ki as LayoutElementType,
+  zs as LayoutElementFactory,
+  Ks as LayoutElementType,
   z as LayoutNotFoundError,
   Yn as MaterialStepHandle,
   Ge as MisconfigurationError,
-  yi as MockWorkflowManager,
+  ys as MockWorkflowManager,
   Pn as ModelStepHandle,
   kn as ModuleStepHandle,
-  ji as MoveCommand,
+  js as MoveCommand,
   NA as ObjectInput,
-  bs as ObjectInputType,
+  bi as ObjectInputType,
   xA as OptionGlobalPropertyHandle,
   ke as OptionNotFoundError,
   we as ParseError,
   xn as PictureStepHandle,
   xa as ProductCameraRig,
-  vs as ProductCollection,
+  vi as ProductCollection,
   Oe as ProductWorkflow,
   Qe as PromiseCache,
   dA as PromiseQueue,
   Nn as QuestionStepHandle,
   BA as QueueablePromise,
-  Vi as ResizeCommand,
+  Vs as ResizeCommand,
   ue as ResourceNotFoundError,
-  Wi as RotateCommand,
-  Xi as SendBackwardsCommand,
+  Ws as RotateCommand,
+  Xs as SendBackwardsCommand,
   vn as ShapeStepHandle,
-  ai as SpiffCommerceClient,
+  as as SpiffCommerceClient,
   be as StakeholderType,
-  qi as StepAspectType,
+  qs as StepAspectType,
   X as StepHandle,
-  Zi as StepType,
-  $i as TextChangeCommand,
-  Ms as TextGlobalPropertyHandle,
-  fi as TextInput,
+  Zs as StepType,
+  $s as TextChangeCommand,
+  Mi as TextGlobalPropertyHandle,
+  fs as TextInput,
   Rn as TextStepHandle,
   Ya as TransactionShareActionType,
-  Hs as Transform,
-  Rs as TransformCollection,
+  Hi as Transform,
+  Ri as TransformCollection,
   b as UnhandledBehaviorError,
-  _i as UnitOfMeasurement,
+  _s as UnitOfMeasurement,
   eo as UpdateImageSourceCommand,
   Z as Variant,
   Vn as WorkflowExperienceEventType,
@@ -14868,13 +14881,13 @@ export {
   Ao as determineCorrectFontSizeAndLines,
   wA as digitalContentStepService,
   ao as findElement,
-  pi as findPmsColors,
+  ps as findPmsColors,
   no as frameDataCache,
   Ae as frameStepService,
-  so as generate,
-  ns as generateCommands,
-  io as generateSVGWithUnknownColors,
-  Ii as generateStateFromDesignInputSteps,
+  io as generate,
+  ni as generateCommands,
+  so as generateSVGWithUnknownColors,
+  Is as generateStateFromDesignInputSteps,
   oo as getAttributesFromArrayBuffer,
   ro as getAxisAlignedBoundingBox,
   Wa as getBoundedOffsets,
@@ -14885,7 +14898,7 @@ export {
   x as graphQlManager,
   ve as illustrationStepService,
   lo as loadFont,
-  mi as matchHexToPms,
+  ms as matchHexToPms,
   EA as materialStepService,
   hA as modelStepService,
   uA as moduleStepService,
@@ -14893,7 +14906,7 @@ export {
   Bo as patternImageDataCache,
   P as persistenceService,
   QA as pictureStepService,
-  Qi as pmsToRgb,
+  Qs as pmsToRgb,
   mA as questionStepService,
   Co as registerFetchImplementation,
   wo as registerWindowImplementation,
@@ -14904,7 +14917,7 @@ export {
   Ee as shapeStepService,
   qa as shortenUrl,
   q as spiffCoreConfiguration,
-  Di as stepAspectValuesToDesignInputSteps,
+  Ds as stepAspectValuesToDesignInputSteps,
   uo as svgToDataUrl,
   j as textStepService,
   Bn as toast