@spiffcommerce/core 27.1.0-beta.ecf18ce0-f226-5b0f-b26d-638fe8798343 → 27.1.0-beta.f047d6eb-0ca0-55fa-9fe6-548ba64f6f9a

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { createHttpLink as rr, ApolloClient as ir, from as sr, InMemoryCache as or, gql as S } from "@apollo/client/core";
+import { createHttpLink as rr, ApolloClient as ir, from as sr, InMemoryCache as or, gql as v } from "@apollo/client/core";
 import { setContext as lr } from "@apollo/client/link/context";
 import { onError as cr } from "@apollo/client/link/error";
 import { renderToStaticMarkup as dr } from "preact-render-to-string";
@@ -9,10 +9,10 @@ import hr from "fuse.js";
 import { Pith as Aa } from "pith";
 import St from "lodash.clonedeep";
 import { toString as sn } from "qrcode";
-import gr from "svg-path-bbox";
+import mr from "svg-path-bbox";
 import { parse as _e } from "opentype.js";
 import { jsx as F, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
-import mr from "handlebars";
+import gr from "handlebars";
 import { dataUriToBuffer as pr } from "data-uri-to-buffer";
 import Fa from "lodash.chunk";
 import { CognitoIdentityProviderClient as fr, InitiateAuthCommand as ka, RespondToAuthChallengeCommand as Cr } from "@aws-sdk/client-cognito-identity-provider";
@@ -37,7 +37,7 @@ class ye extends _t {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = (t == null ? void 0 : t.optionId) || "N/A";
   }
 }
-class q extends _t {
+class Y extends _t {
   constructor(t) {
     super(`Panel not Found: ${t.panelId}`), this.panelId = (t == null ? void 0 : t.panelId) || "N/A";
   }
@@ -158,7 +158,7 @@ class Pr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const gt = new Pr();
+const mt = new Pr();
 let Ze, ta;
 function Ec(r) {
   Ze = r;
@@ -289,34 +289,34 @@ const dn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
     !i || !i.result ? e() : t(i.result.toString());
   }, a.readAsDataURL(r);
 });
-let Qr, ga;
+let Qr, ma;
 const Rr = (r) => {
-  ga = r;
-}, Or = () => ga;
-let gn;
+  ma = r;
+}, Or = () => ma;
+let mn;
 const $r = (r) => {
-  gn = r;
+  mn = r;
 }, Ur = () => new Promise((r) => {
-  const t = gt.getHubUrl(), e = (a) => {
+  const t = mt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
 }), Lr = async () => {
   const r = {
-    applicationKey: ga,
+    applicationKey: ma,
     customerToken: Qr,
-    bearer: gn
+    bearer: mn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Ur(), ...r } : r;
 };
 async function Vr(r, t) {
-  const e = gt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
+  const e = mt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
   let n = await rt(r, { ...t, redirect: "manual" });
   return n.type === "opaqueredirect" && (typeof r != "string" && "url" in r ? n = await rt({ ...r, url: `${a}/graphql` }, t) : n = await rt(`${a}/graphql`, t)), n;
 }
 class zr {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), gt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), mt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -328,7 +328,7 @@ class zr {
   }
   constructShadowGraphqlClient() {
     const t = rr({
-      uri: `${gt.getServerUrl()}/graphql`,
+      uri: `${mt.getServerUrl()}/graphql`,
       fetch: Vr
     }), e = lr(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await Lr();
@@ -338,20 +338,20 @@ class zr {
           d = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, g = s.customerToken ?? c.customerToken, m = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
+      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
           const f = window.__SENTRY__.hub;
           if (f) {
             const C = f.traceHeaders();
-            Object.entries(C).forEach(([w, y]) => {
-              l[w] = y;
+            Object.entries(C).forEach(([w, S]) => {
+              l[w] = S;
             });
           }
         }
       } catch {
       }
-      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), g && (l.customerToken = g), m && (l["X-Application-Key"] = m), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
+      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
         headers: l
       };
     }), a = cr(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -368,12 +368,12 @@ class zr {
 }
 const B = new zr();
 let ea, aa;
-const mt = (r, t, e) => {
+const gt = (r, t, e) => {
   if (ea !== void 0)
     return ea(r, t, e);
   try {
     const a = pn(!0);
-    return mn(a), a.createCanvas(r, t, e);
+    return gn(a), a.createCanvas(r, t, e);
   } catch {
     throw new Error("Canvas module not set");
   }
@@ -382,12 +382,12 @@ const mt = (r, t, e) => {
     return aa(r, t);
   try {
     const e = pn(!0);
-    return mn(e), e.loadImage(r, t);
+    return gn(e), e.loadImage(r, t);
   } catch {
     throw new Error("Canvas module not set");
   }
 };
-function mn(r) {
+function gn(r) {
   ea = r == null ? void 0 : r.createCanvas, aa = r == null ? void 0 : r.loadImage;
 }
 function pn(r) {
@@ -411,7 +411,7 @@ function pn(r) {
   }
 }
 let Oe;
-function ma() {
+function ga() {
   return Oe === void 0 && (Oe = Fr()), Oe;
 }
 let se = null;
@@ -431,10 +431,10 @@ const Gr = (r) => new Promise((t) => {
   var A;
   const t = await Tr(r), e = await Zt(t), [a, n] = jr(e);
   if (!await Wr()) {
-    const u = mt(a, n);
+    const u = gt(a, n);
     return (A = u.getContext("2d")) == null || A.drawImage(e, 0, 0, a, n), u;
   }
-  const s = await Gr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = mt(o, l), d = c.getContext("2d");
+  const s = await Gr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = gt(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -3275,8 +3275,8 @@ const oe = (r) => {
       n.split(";").forEach((d) => {
         const A = d.trim();
         if (A) {
-          const [u, h] = A.split(":"), g = u.toLowerCase();
-          Xr.indexOf(g) > -1 ? a.setAttribute(g, h.trim()) : l.push(A);
+          const [u, h] = A.split(":"), m = u.toLowerCase();
+          Xr.indexOf(m) > -1 ? a.setAttribute(m, h.trim()) : l.push(A);
         }
       }), l.length > 0 ? a.setAttribute("style", l.join(";")) : a.removeAttribute("style");
     }
@@ -3374,14 +3374,14 @@ const oe = (r) => {
     colors: a,
     svg: i
   };
-}, ni = S`
+}, ni = v`
     fragment AssetMetadataFields on Asset {
         metadata {
             key
             value
         }
     }
-`, te = (r) => S`
+`, te = (r) => v`
         ${r && ni || ""}
         fragment AssetFields on Asset {
             name
@@ -3424,14 +3424,14 @@ const oe = (r) => {
             }
             ${r && "...AssetMetadataFields" || ""}
         }
-    `, ri = S`
+    `, ri = v`
     ${te(!1)}
     query GetAssets($keys: [String]!) {
         assets(keys: $keys) {
             ...AssetFields
         }
     }
-`, wa = S`
+`, wa = v`
     fragment MaterialFields on Material {
         id
         name
@@ -3478,14 +3478,14 @@ const oe = (r) => {
             fileLink
         }
     }
-`, ii = S`
+`, ii = v`
     ${wa}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
         }
     }
-`, si = S`
+`, si = v`
     mutation CreateAsset($name: String!, $type: String!, $mimeType: String!, $anonymous: Boolean, $temporary: Boolean) {
         assetCreate(name: $name, type: $type, mimeType: $mimeType, anonymous: $anonymous, temporary: $temporary) {
             uploadUrl
@@ -3499,7 +3499,7 @@ const oe = (r) => {
             }
         }
     }
-`, oi = S`
+`, oi = v`
     ${te(!1)}
     mutation RemoveBackgroundFromAsset($key: String!) {
         assetRemoveBackground(key: $key) {
@@ -3634,8 +3634,8 @@ class di {
     const e = t.key;
     if (this.bgrmProcessCache.has(e))
       return this.bgrmProcessCache.get(e);
-    if (Y.has(e)) {
-      const i = this.getLocalOrFromServer(Y.get(e));
+    if (J.has(e)) {
+      const i = this.getLocalOrFromServer(J.get(e));
       return this.bgrmProcessCache.set(e, i), i;
     }
     const n = (async () => {
@@ -3650,7 +3650,7 @@ class di {
       });
       if (this.bgrmProcessCache.delete(e), !((o = (s = i.data) == null ? void 0 : s.assetRemoveBackground) != null && o.key))
         throw new Error("Failed to remove background from image");
-      return It.add(i.data.assetRemoveBackground), Y.add(e, i.data.assetRemoveBackground.key), this.cache.set(
+      return It.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
         i.data.assetRemoveBackground.key,
         Promise.resolve(i.data.assetRemoveBackground)
       ), i.data.assetRemoveBackground;
@@ -3658,7 +3658,7 @@ class di {
     return this.bgrmProcessCache.set(e, n), n;
   }
   removePersistedAsset(t) {
-    It.remove(t), Y.delete(t), Y.deleteForBgRemovedKey(t);
+    It.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
   }
   getPersistedAssets() {
     return It.list();
@@ -3767,30 +3767,30 @@ const Rt = "persistentAssets", Sn = class Ct {
 Sn.callbacks = [];
 let It = Sn;
 const $a = "bgrmPersistentAssets";
-class Y {
+class J {
   static has(t) {
-    return Y.getMap().has(t);
+    return J.getMap().has(t);
   }
   static get(t) {
-    return Y.getMap().get(t);
+    return J.getMap().get(t);
   }
   static keys() {
-    return Y.getMap().keys();
+    return J.getMap().keys();
   }
   static values() {
-    return Y.getMap().values();
+    return J.getMap().values();
   }
   static add(t, e) {
-    const a = Y.getMap();
-    a.set(t, e), Y.setMap(a);
+    const a = J.getMap();
+    a.set(t, e), J.setMap(a);
   }
   static delete(t) {
-    const e = Y.getMap();
-    e.delete(t), Y.setMap(e);
+    const e = J.getMap();
+    e.delete(t), J.setMap(e);
   }
   static deleteForBgRemovedKey(t) {
-    const e = Y.getMap(), a = Array.from(e.keys()).find((n) => e.get(n) === t);
-    a && (e.delete(a), Y.setMap(e));
+    const e = J.getMap(), a = Array.from(e.keys()).find((n) => e.get(n) === t);
+    a && (e.delete(a), J.setMap(e));
   }
   static getMap() {
     return N.getMap($a) || /* @__PURE__ */ new Map();
@@ -3831,7 +3831,7 @@ class Ai {
     this.disabled = t;
   }
 }
-const Jt = new Ai(), vn = S`
+const Jt = new Ai(), vn = v`
     fragment OptionFields on Option {
         id
         name
@@ -3868,7 +3868,7 @@ const Jt = new Ai(), vn = S`
             ...AssetFields
         }
     }
-`, ui = S`
+`, ui = v`
     ${te(!1)}
     ${wa}
     ${vn}
@@ -3891,12 +3891,12 @@ const Jt = new Ai(), vn = S`
       i.asset && U.cacheAsset(i.asset), i.thumbnail && U.cacheAsset(i.thumbnail), i.material && U.cacheMaterial(i.material);
     });
   }), t.data.options;
-}, gi = async (r, t) => (await t).find((a) => a.id === r), mi = async (r) => {
+}, mi = async (r, t) => (await t).find((a) => a.id === r), gi = async (r) => {
   const t = r.map((s) => Jt.get({ id: s })), e = r.filter((s, o) => t[o] === void 0);
   if (e.length === 0)
     return Promise.all(t);
   const a = hi(e), n = e.map(
-    (s) => Jt.set({ id: s }, gi(s, a))
+    (s) => Jt.set({ id: s }, mi(s, a))
   ), i = t.filter((s) => s !== void 0);
   return await Promise.all(i.concat(n));
 };
@@ -3914,7 +3914,7 @@ class pi {
    */
   async getOption(t) {
     return (async () => {
-      const n = (await mi([t]))[0];
+      const n = (await gi([t]))[0];
       if (n)
         return n;
     })();
@@ -3946,7 +3946,7 @@ class pi {
     }
   }
 }
-const _ = new pi(), En = S`
+const q = new pi(), En = v`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -3964,7 +3964,7 @@ const _ = new pi(), En = S`
             activeAddons
         }
     }
-`, Me = S`
+`, Me = v`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -3982,7 +3982,7 @@ const _ = new pi(), En = S`
             preloadImageUrl
         }
     }
-`, fi = S`
+`, fi = v`
     ${Me}
     mutation CreateTransactions(
         $inputs: [TransactionCreateInput]!
@@ -4069,7 +4069,7 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, bn = S`
+`, bn = v`
     fragment StakeholderFields on Stakeholder {
         id
         type
@@ -4077,7 +4077,7 @@ const _ = new pi(), En = S`
         authorizationNote
         authorizationStatus
     }
-`, Bn = S`
+`, Bn = v`
     fragment TransactionShareActionFields on TransactionShareAction {
         id
         title
@@ -4086,7 +4086,7 @@ const _ = new pi(), En = S`
         precedence
         url
     }
-`, Ci = S`
+`, Ci = v`
     ${Me}
     ${bn}
     ${Bn}
@@ -4241,19 +4241,19 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, wi = S`
+`, wi = v`
     mutation UpdateTransactionWorkflowState($id: String!, $workflowState: String!) {
         transactionUpdate(id: $id, workflowState: $workflowState) {
             id
         }
     }
-`, yi = S`
+`, yi = v`
     mutation UpdateTransactionQuantity($id: String!, $quantity: Int) {
         transactionUpdate(id: $id, quantity: $quantity) {
             id
         }
     }
-`, Si = S`
+`, Si = v`
     query ReadTransactionForDesignCreation($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4319,7 +4319,7 @@ const _ = new pi(), En = S`
             workflowViewerReadOnlyLink
         }
     }
-`, vi = S`
+`, vi = v`
     ${Bn}
     query ReadTransactionForShareActions($id: String!) {
         transactions(ids: [$id]) {
@@ -4330,14 +4330,14 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, In = S`
+`, In = v`
     query ReadWorkflowStates($ids: [String]!) {
         transactions(ids: $ids) {
             id
             workflowState
         }
     }
-`, Pn = (r) => S`
+`, Pn = (r) => v`
     ${Me}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -4420,14 +4420,14 @@ const _ = new pi(), En = S`
             ` : ""}
         }
     }
-`, Ei = (r) => S`
+`, Ei = (r) => v`
     ${Pn(r)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
-`, bi = (r) => S`
+`, bi = (r) => v`
     ${Pn(r)}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
@@ -4437,7 +4437,7 @@ const _ = new pi(), En = S`
             ...IntegrationProductFields
         }
     }
-`, Bi = S`
+`, Bi = v`
     ${bn}
     query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
@@ -4449,11 +4449,11 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, Ii = S`
+`, Ii = v`
     mutation FinalizeUpdateTransaction($transactionId: String!) {
         transactionFinalizeUpdate(transactionId: $transactionId)
     }
-`, Pi = S`
+`, Pi = v`
     fragment RegionFields on Region {
         width
         top
@@ -4471,7 +4471,7 @@ const _ = new pi(), En = S`
             height
         }
     }
-`, Di = S`
+`, Di = v`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -4482,7 +4482,7 @@ const _ = new pi(), En = S`
             z
         }
     }
-`, xi = S`
+`, xi = v`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -4566,14 +4566,14 @@ const _ = new pi(), En = S`
             weight
         }
     }
-`, Fi = S`
+`, Fi = v`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, ki = (r) => S`
+`, ki = (r) => v`
         ${te(r)}
         ${wa}
         ${vn}
@@ -4975,7 +4975,7 @@ const _ = new pi(), En = S`
                 }
             }
         }
-    `, Mi = S`
+    `, Mi = v`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4993,7 +4993,7 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, Ti = S`
+`, Ti = v`
     ${te(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -5015,7 +5015,7 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, Te = S`
+`, Te = v`
     fragment MarketplaceThemeInstallConfigurationFields on MarketplaceThemeInstallConfiguration {
         id
         themeInstallId
@@ -5089,14 +5089,14 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, Ni = S`
+`, Ni = v`
     ${Te}
     query GetMarketplaceThemeInstallConfiguration($themeConfigurationId: String!, $themeInstallId: String!) {
         marketplaceThemeInstallConfiguration(id: $themeConfigurationId, themeInstallId: $themeInstallId, raw: false) {
             ...MarketplaceThemeInstallConfigurationFields
         }
     }
-`, Qi = S`
+`, Qi = v`
     ${En}
     ${Te}
     query GetCurrentIntegration($themeConfigurationId: String) {
@@ -5109,7 +5109,7 @@ const _ = new pi(), En = S`
             ...ActiveIntegrationFields
         }
     }
-`, Ri = S`
+`, Ri = v`
     ${Te}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
@@ -5118,7 +5118,7 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, Oi = S`
+`, Oi = v`
     ${Te}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
@@ -5127,7 +5127,7 @@ const _ = new pi(), En = S`
             }
         }
     }
-`, $i = S`
+`, $i = v`
     mutation CreateOrder($orderItems: [OrderItemInput]!) {
         orderCreate(orderItems: $orderItems, paid: false, generateInternalId: true) {
             id
@@ -5317,14 +5317,14 @@ const Q = () => {
   width: u
 }) => {
   var E;
-  const h = e || 0, g = 2 * ((l == null ? void 0 : l.scale) || 1), m = A || { x: 0, y: 0, width: u, height: i }, p = `${m.x} ${m.y} ${m.width} ${m.height}`, f = Q(), C = a.purpose === Ht.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: m.width, height: m.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((b, I) => (
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Ht.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((b, I) => (
     /* @ts-ignore */
     /* @__PURE__ */ F("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, I)
-  )), y = n.map((b) => ({
+  )), S = n.map((b) => ({
     ...b,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), v = va(y);
+  })), y = va(S);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5350,8 +5350,8 @@ const Q = () => {
           "rect",
           {
             id: "layout-background",
-            width: m.width,
-            height: m.height,
+            width: g.width,
+            height: g.height,
             fill: r,
             rx: h
           }
@@ -5361,7 +5361,7 @@ const Q = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: v.map((b) => Qn(b)).filter((b) => !!b)
+            children: y.map((b) => Qn(b)).filter((b) => !!b)
           }
         ),
         l && /* @__PURE__ */ F(
@@ -5373,18 +5373,18 @@ const Q = () => {
             height: l.height,
             fill: "none",
             stroke: l.hidden ? "none" : t || "#aaaaaa",
-            strokeWidth: g / 2,
-            strokeDasharray: `${g * 2} ${g}`
+            strokeWidth: m / 2,
+            strokeDasharray: `${m * 2} ${m}`
           }
         ),
         l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
           /* @__PURE__ */ F(
             "rect",
             {
-              x: m.x,
-              y: m.y,
-              width: m.width,
-              height: m.height,
+              x: g.x,
+              y: g.y,
+              width: g.width,
+              height: g.height,
               fill: "black"
             }
           ),
@@ -5403,12 +5403,12 @@ const Q = () => {
     }
   );
 }, xc = (r, t, e, a, n) => {
-  const i = pt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, g = -o, m = o, p = u * A - g * d, f = h * A - m * d, C = u * d + g * A, w = h * d + m * A, y = Math.max(Math.abs(p), Math.abs(f)), v = Math.max(Math.abs(C), Math.abs(w));
+  const i = pt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, C = u * d + m * A, w = h * d + g * A, S = Math.max(Math.abs(p), Math.abs(f)), y = Math.max(Math.abs(C), Math.abs(w));
   return {
-    minX: l - y,
-    maxX: l + y,
-    minY: c - v,
-    maxY: c + v
+    minX: l - S,
+    maxX: l + S,
+    minY: c - y,
+    maxY: c + y
   };
 }, Fc = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
@@ -5566,16 +5566,16 @@ const Q = () => {
       /* @__PURE__ */ F("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = pt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, y, v, E, b, I, D, x, k, T;
-    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((y = r.pattern) == null ? void 0 : y.y) || 0, h = ((v = r.pattern) == null ? void 0 : v.width) || 0, g = ((E = r.pattern) == null ? void 0 : E.height) || 0, m = ((b = r.pattern) == null ? void 0 : b.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
+    var w, S, y, E, b, I, D, x, k, T;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((b = r.pattern) == null ? void 0 : b.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
     return [(x = r.pattern) != null && x.svg ? {
       id: `${t}-contents`,
       type: M.Illustration,
       x: A,
       y: u,
       rotation: f,
-      width: h * m,
-      height: g * p,
+      width: h * g,
+      height: m * p,
       src: a(),
       svg: (k = r.pattern) == null ? void 0 : k.svg,
       colors: (T = r.pattern) == null ? void 0 : T.colors
@@ -5585,8 +5585,8 @@ const Q = () => {
       x: A,
       y: u,
       rotation: f,
-      width: h * m,
-      height: g * p,
+      width: h * g,
+      height: m * p,
       src: a()
     }];
   };
@@ -5710,29 +5710,29 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
   a.querySelectorAll("style").forEach((d) => {
     var u;
     (u = rn(d.innerHTML).stylesheet) == null || u.rules.forEach((h) => {
-      var g, m, p;
+      var m, g, p;
       if (h.type === "font-face" && h.declarations) {
-        const f = (g = h.declarations.find(
-          (y) => y.property === "font-family"
-        )) == null ? void 0 : g.value, C = (m = h.declarations.find((y) => y.property === "src")) == null ? void 0 : m.value, w = (p = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : p[1];
+        const f = (m = h.declarations.find(
+          (S) => S.property === "font-family"
+        )) == null ? void 0 : m.value, C = (g = h.declarations.find((S) => S.property === "src")) == null ? void 0 : g.value, w = (p = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : p[1];
         f && w && n.set(f, w);
       }
     });
   });
   const s = e.querySelectorAll("tspan");
   for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), g = u.getAttribute("font-family"), m = await Nt(n.get(g)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), C = u.getAttribute("stroke-width"), w = m.getPath(
+    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(n.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), C = u.getAttribute("stroke-width"), w = g.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
-    ), y = w.getBoundingBox().x2 - w.getBoundingBox().x1;
-    let v = 0;
+    ), S = w.getBoundingBox().x2 - w.getBoundingBox().x1;
+    let y = 0;
     const E = A.getAttribute("text-anchor");
-    E === "middle" ? v = y / 2 : E === "end" && (v = y);
-    const b = m.getPath(
+    E === "middle" ? y = S / 2 : E === "end" && (y = S);
+    const b = g.getPath(
       A.innerHTML,
-      parseFloat(A.getAttribute("x") ?? "0") - v,
+      parseFloat(A.getAttribute("x") ?? "0") - y,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
@@ -5746,7 +5746,7 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
   const s = (i || ya) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
-    const l = o.flatMap((d) => ge(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
+    const l = o.flatMap((d) => me(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
     return {
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * s),
@@ -5762,14 +5762,14 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
       requiredWidth: ve(c, r.width, a, n)
     };
   }
-}, ge = (r, t, e, a) => {
+}, me = (r, t, e, a) => {
   const n = ht(r, e, a);
   if (n <= t)
     return { lines: [r], width: n };
   if (!(r.indexOf(" ") > -1)) {
     if (r.length <= 1)
       throw new Error(`Character ${r} is wider than region`);
-    const d = Math.floor(r.length / 2), A = ge(r.slice(0, d), t, e, a), u = ge(r.slice(d), t, e, a);
+    const d = Math.floor(r.length / 2), A = me(r.slice(0, d), t, e, a), u = me(r.slice(d), t, e, a);
     return { lines: [...A.lines, ...u.lines], width: Math.max(A.width, u.width) };
   }
   const s = r.split(" "), o = [];
@@ -5777,15 +5777,15 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
   for (; c < s.length; ) {
     const d = s[c];
     if (ht(d, e, a) > t) {
-      const A = ge(d, t, e, a);
+      const A = me(d, t, e, a);
       o.push(...A.lines), l = Math.max(l, A.width), c++;
     } else {
       const A = [d];
       l = Math.max(l, ht(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const g = s[u], m = ht(`${A.join(" ")} ${g}`, e, a);
-        m <= t ? (A.push(g), l = Math.max(l, m), u++) : h = !1;
+        const m = s[u], g = ht(`${A.join(" ")} ${m}`, e, a);
+        g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
     }
@@ -5874,16 +5874,16 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
       };
   })()
 } : r, ya = 1.1, ts = (r) => {
-  var g, m, p, f, C;
+  var m, g, p, f, C;
   const e = (r.rotation || 0) * Math.PI / 180, a = Math.cos(e), n = -Math.sin(e), i = `text-path-${r.id}`, s = `text-fill-${r.id}`, o = r.x + (r.curved ? 0 : r.width / 2), l = r.y + (r.curved ? 0 : r.height / 2);
   let c = "";
   try {
-    c = mr.compile(r.text || "")((g = r._renderingConfiguration) == null ? void 0 : g.templatingContext);
+    c = gr.compile(r.text || "")((m = r._renderingConfiguration) == null ? void 0 : m.templatingContext);
   } catch {
     c = r.text ?? "";
   }
   const d = c.split(`
-`), A = (m = r.strokeColor) != null && m.browserValue && r.strokeThickness ? (p = r.strokeColor) == null ? void 0 : p.browserValue : void 0, u = (f = r.strokeColor) != null && f.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
+`), A = (g = r.strokeColor) != null && g.browserValue && r.strokeThickness ? (p = r.strokeColor) == null ? void 0 : p.browserValue : void 0, u = (f = r.strokeColor) != null && f.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
   if (r.curved && !r.paths || !r.fontData)
     return null;
   const h = () => {
@@ -5944,12 +5944,12 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
         },
         stroke: A,
         strokeWidth: u,
-        children: r.curved ? /* @__PURE__ */ F(as, { text: c, curvedPathId: i, align: r.align }) : d.map((w, y) => /* @__PURE__ */ F(
+        children: r.curved ? /* @__PURE__ */ F(as, { text: c, curvedPathId: i, align: r.align }) : d.map((w, S) => /* @__PURE__ */ F(
           es,
           {
             align: r.vertical ? "center" : r.align,
             fontSize: r.fontSize,
-            thisLineIdx: y,
+            thisLineIdx: S,
             amountLines: d.length,
             text: w,
             textboxHeight: r.height,
@@ -5958,7 +5958,7 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @_
             vertical: r.vertical,
             verticalAlign: r.verticalAlign
           },
-          y
+          S
         ))
       }
     ) }) })
@@ -6316,19 +6316,19 @@ const ae = (r) => {
     const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(s), c = mt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
+    const l = Bt().serializeToString(s), c = gt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: mt,
+      createCanvas: gt,
       createImage: Zt,
-      DOMParser: ma(),
+      DOMParser: ga(),
       fetch: rt
-    }), u = s.getAttribute("width"), h = s.getAttribute("height"), g = 2048;
+    }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
-      const m = parseFloat(h), f = parseFloat(u) / m;
-      f > 1 ? A.resize(g, g / f) : A.resize(g * f, g);
+      const g = parseFloat(h), f = parseFloat(u) / g;
+      f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
     } else
-      A.resize(g, g);
+      A.resize(m, m);
     return await A.render(), await t(c);
   })();
   return ze.set(r, a), a;
@@ -6350,7 +6350,7 @@ const ae = (r) => {
     const l = await lt(await $n(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u)
       throw new Error("SVG missing viewBox.");
-    const h = o.height, g = u.split(" "), m = parseFloat(g[2]) || 1, p = parseFloat(g[3]) || 1, f = m / p;
+    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
     o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === M.Image) {
@@ -6409,7 +6409,7 @@ class zc {
     };
   }
   static async getTextbox(t, e) {
-    var g;
+    var m;
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Nt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
@@ -6447,7 +6447,7 @@ class zc {
       { ...A, height: u.height },
       o,
       u.fontSize,
-      ((g = u == null ? void 0 : u.text) == null ? void 0 : g.split(`
+      ((m = u == null ? void 0 : u.text) == null ? void 0 : m.split(`
 `)) || [],
       u.align
     );
@@ -6525,7 +6525,7 @@ class V extends Error {
     super("Element not found!"), Object.setPrototypeOf(this, V.prototype);
   }
 }
-const L = (r, t) => K(r, t).elements.find((n) => n.id === r), K = (r, t) => {
+const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
     throw new V();
@@ -6623,7 +6623,7 @@ class Gc extends O {
       ...e,
       x: this.x,
       y: this.y
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6645,7 +6645,7 @@ class Wc extends O {
     const a = {
       ...e,
       rotation: this.angle
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6676,7 +6676,7 @@ class jc extends O {
       const s = a, o = (!s.algorithm || s.algorithm === Mt.Autosize ? s.text : s.input) ?? "";
       a = ee(s, o, e);
     }
-    const n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    const n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6808,7 +6808,7 @@ class ss extends O {
       fill: this.color,
       fillSpotColorDefinition: this.textFillSpotColor,
       textFillImage: void 0
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6830,7 +6830,7 @@ class Ge extends O {
     const a = {
       ...e,
       textFillImage: this.imageFill
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6852,7 +6852,7 @@ class os extends O {
     const a = {
       ...e,
       fontSize: this.size
-    }, n = K(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === Mt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === Mt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6874,7 +6874,7 @@ class Wa extends O {
     const a = {
       ...e,
       fontData: this.fontData
-    }, n = K(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === Mt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === Mt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6896,7 +6896,7 @@ class ls extends O {
     const a = {
       ...e,
       align: this.align
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6912,7 +6912,7 @@ class cs extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = K(this.id, Object.values(t.layouts)), a = e.elements.findIndex((o) => o.id === this.id), n = e.elements[a].pattern, i = [...e.elements];
+    const e = _(this.id, Object.values(t.layouts)), a = e.elements.findIndex((o) => o.id === this.id), n = e.elements[a].pattern, i = [...e.elements];
     i.splice(a, 1, {
       ...e.elements[a],
       pattern: {
@@ -6957,7 +6957,7 @@ class ds extends O {
       invertThreshold: this.invertThreshold,
       threshold: this.threshold,
       thresholdSaturation: this.thresholdSaturation
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6979,7 +6979,7 @@ class Hc extends O {
     const a = {
       ...e,
       src: this.src
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -6998,7 +6998,7 @@ class As extends O {
     const e = L(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
-    const a = K(e.id, Object.values(t.layouts)), n = Z(ee(e, this.text, e), a);
+    const a = _(e.id, Object.values(t.layouts)), n = Z(ee(e, this.text, e), a);
     return {
       ...t,
       layouts: {
@@ -7021,7 +7021,7 @@ class We extends O {
       ...e,
       strokeColor: this.strokeColor,
       strokeThickness: this.strokeThickness
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -7053,7 +7053,7 @@ class oa extends O {
     const i = {
       ...e,
       colors: a
-    }, s = K(e.id, Object.values(t.layouts)), o = Z(i, s);
+    }, s = _(e.id, Object.values(t.layouts)), o = Z(i, s);
     return {
       ...t,
       layouts: {
@@ -7076,7 +7076,7 @@ class us extends O {
       ...e,
       svg: this.svgBody,
       cachedObjectURL: this.objectURL
-    }, n = K(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
       ...t,
       layouts: {
@@ -7206,7 +7206,7 @@ class ja {
       var l, c, d, A;
       const i = this.layouts.find((u) => u.panelId === n.panelId);
       if (!i)
-        throw new q(n);
+        throw new Y(n);
       let s = "";
       if (this.configuration.type === P.ProductOverlay) {
         let u = "";
@@ -7243,7 +7243,7 @@ class ja {
           command: new G(h, i)
         };
       } else {
-        const u = this.configuration.type === P.SilentIllustration ? (A = this.configuration.data.asset) == null ? void 0 : A.fileLink : s, g = await lt(await (async () => new Promise((p, f) => {
+        const u = this.configuration.type === P.SilentIllustration ? (A = this.configuration.data.asset) == null ? void 0 : A.fileLink : s, m = await lt(await (async () => new Promise((p, f) => {
           if (!u) {
             f("Undefined vector silent step source");
             return;
@@ -7251,13 +7251,13 @@ class ja {
           at(u, !0).then((C) => {
             p(C);
           }).catch((C) => console.error(C));
-        }))()), m = {
+        }))()), g = {
           stepName: this.configuration.stepName,
           id: Q(),
-          cachedObjectURL: await Kt(g.svg),
+          cachedObjectURL: await Kt(m.svg),
           src: u,
-          svg: g.svg,
-          colors: g.colors,
+          svg: m.svg,
+          colors: m.colors,
           type: o,
           y: n.top,
           x: n.left,
@@ -7272,10 +7272,10 @@ class ja {
         };
         return {
           regionElement: {
-            id: m.id,
+            id: g.id,
             region: n
           },
-          command: new G(m, i)
+          command: new G(g, i)
         };
       }
     }, this.configuration = t, this.layouts = e, this.product = a || void 0;
@@ -7290,7 +7290,7 @@ class ja {
       return this.configuration.type === P.ProductOverlay ? Promise.all(
         this.configuration.data.regions.map((t) => {
           if (!this.layouts.find((a) => t.panelId === a.panelId))
-            throw new q(t);
+            throw new Y(t);
           return this.processRegion(t);
         })
       ) : Promise.reject("Unknown silent step. This is a bug");
@@ -7302,7 +7302,7 @@ class ja {
   }
 }
 const hs = async (r) => {
-  const t = `${gt.getServicesApiUrl()}/shortener`;
+  const t = `${mt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await rt(t, {
       method: "POST",
@@ -7338,7 +7338,7 @@ class Ln {
     this.onSuccess = e, this.onFailure = a, this.predicate = t, this.attempts = 0, this.pollingId = -1, this.interval = n, this.maxAttempts = i, this.poll();
   }
 }
-class gs {
+class ms {
   async init(t, e, a) {
     return a && await this.reload(t, e, a), null;
   }
@@ -7358,23 +7358,23 @@ class gs {
   }
   async regenerateQRCode(t, e, a, n) {
     const i = async () => {
-      var m, p;
-      const h = (await na([e]))[0], g = (p = (m = h == null ? void 0 : h.versions) == null ? void 0 : m.find((f) => f.name === "mpeg4")) == null ? void 0 : p.link;
-      return { asset: h, link: g };
-    }, s = await new Promise((h, g) => {
+      var g, p;
+      const h = (await na([e]))[0], m = (p = (g = h == null ? void 0 : h.versions) == null ? void 0 : g.find((f) => f.name === "mpeg4")) == null ? void 0 : p.link;
+      return { asset: h, link: m };
+    }, s = await new Promise((h, m) => {
       new Ln(
         async () => !!(await i()).link,
         async () => {
-          const m = await i();
-          if (!m.link || !m.link)
-            throw new qt(m.asset);
+          const g = await i();
+          if (!g.link || !g.link)
+            throw new qt(g.asset);
           h({
             rel: "mpeg4",
-            href: m.link
+            href: g.link
           });
         },
         () => {
-          g("Poller timed out with 40 attempts @ 3 second interval");
+          m("Poller timed out with 40 attempts @ 3 second interval");
         },
         3e3,
         40
@@ -7405,7 +7405,7 @@ class gs {
     const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await sn(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, A = i.find((u) => u.panelId === (d == null ? void 0 : d.panelId));
       if (!A && d)
-        throw new q(d);
+        throw new Y(d);
       if (A && !d)
         throw new Error("Region not found");
       if (!A || !d)
@@ -7430,7 +7430,7 @@ class gs {
     } };
   }
 }
-const Vn = new gs();
+const Vn = new ms();
 class be {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7459,7 +7459,7 @@ class be {
       c && c.originalAssetKey && (i = (await U.getLocalOrFromServer(c.originalAssetKey)).fileLink);
     }
     if (t.option && t.option.variants && t.option.variants.length > 0) {
-      const o = t.option, l = _.getDefaultVariant(o);
+      const o = t.option, l = q.getDefaultVariant(o);
       return l ? this.selectVariantCommand(
         t,
         l,
@@ -7492,8 +7492,8 @@ class be {
     }
     if (n) {
       const d = async () => {
-        var g, m, p, f, C;
-        const A = (g = n.storage) == null ? void 0 : g.colors, u = (m = n.storage) == null ? void 0 : m.framePatternSrc, h = (p = n.storage) == null ? void 0 : p.frameOffsetsList;
+        var m, g, p, f, C;
+        const A = (m = n.storage) == null ? void 0 : m.colors, u = (g = n.storage) == null ? void 0 : g.framePatternSrc, h = (p = n.storage) == null ? void 0 : p.frameOffsetsList;
         if (e.updateMetadata(t.stepName, {
           frameOffsetsList: h,
           framePatternSrc: u
@@ -7523,7 +7523,7 @@ class be {
             l,
             async () => {
               const h = await Promise.all(
-                t.data.regions.map((g) => this.frameSourceSvg(u, g))
+                t.data.regions.map((m) => this.frameSourceSvg(u, m))
               );
               e.updateStorage(t.stepName, { currentFrameSources: h }), await d();
             }
@@ -7555,7 +7555,7 @@ class be {
         new Ln(
           async () => {
             var h;
-            const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((g) => g.name === "svg");
+            const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
             return A ? (await rt(A.link)).status === 200 : !1;
           },
           () => {
@@ -7717,17 +7717,17 @@ class be {
     if (!o)
       throw new Error("Frame service unavailable, cannot load pattern!");
     const l = await Promise.all(
-      t.data.regions.map((g) => this.frameSourceSvg(e, g))
+      t.data.regions.map((m) => this.frameSourceSvg(e, m))
     );
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
-      t.data.regions.map(async (g, m) => {
-        const p = await Ne(l[m]), f = o.getImageData(), C = a.map((I) => new bt(I.id)), w = f ? Ea(
+      t.data.regions.map(async (m, g) => {
+        const p = await Ne(l[g]), f = o.getImageData(), C = a.map((I) => new bt(I.id)), w = f ? Ea(
           f,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, y = f ? {
+        ) : void 0, S = f ? {
           id: Q(),
           src: f.src,
           x: (w == null ? void 0 : w.x) || 0,
@@ -7737,38 +7737,38 @@ class be {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, v = Q(), b = n.getLayouts().find((I) => I.panelId === g.panelId);
+        } : void 0, y = Q(), b = n.getLayouts().find((I) => I.panelId === m.panelId);
         if (!b)
-          throw new q(g);
+          throw new Y(m);
         return {
-          command: this.getCreateElementCommand(v, g, b, {
+          command: this.getCreateElementCommand(y, m, b, {
             frameData: p,
-            pattern: y,
+            pattern: S,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
           regionEl: {
-            id: v,
-            region: g
+            id: y,
+            region: m
           },
           removeExistingCommands: C
         };
       })
-    ), A = d.map((g) => g.command), u = d.map((g) => g.removeExistingCommands).flat();
+    ), A = d.map((m) => m.command), u = d.map((m) => m.removeExistingCommands).flat();
     return {
       command: new $([...A, ...u]),
       followup: async () => {
         i && i(!1), await n.setSelectionsAndElements(
           t.stepName,
           e ? [e] : [],
-          [...d.map((g) => g.regionEl)],
+          [...d.map((m) => m.regionEl)],
           async () => {
-            var g;
+            var m;
             if (n.updateStorage(t.stepName, { currentFrameSources: l }), s) {
-              const m = (g = n.getWorkflowExperience().getStepById(t.stepName)) == null ? void 0 : g.frameService;
-              if (!m)
+              const g = (m = n.getWorkflowExperience().getStepById(t.stepName)) == null ? void 0 : m.frameService;
+              if (!g)
                 throw new Error("Frame service unavailable, cannot load pattern!");
-              await this.loadPatternFromString(s, m, !0);
+              await this.loadPatternFromString(s, g, !0);
             }
           }
         );
@@ -7818,7 +7818,7 @@ class be {
   }
 }
 const wt = new be();
-class ms {
+class gs {
   async getIllustrationBody(t) {
     return new Promise((e) => {
       at(t, !0).then((a) => {
@@ -7869,7 +7869,7 @@ class ms {
     if (a)
       return this.reload(t, e, a);
     {
-      const i = _.getDefaultVariant(n);
+      const i = q.getDefaultVariant(n);
       if (i)
         return await this.selectVariantCommand(t, i, [], () => {
         }, e);
@@ -7936,39 +7936,39 @@ class ms {
     return new $(c);
   }
   async changeColors(t, e, a, n, i) {
-    var h, g;
+    var h, m;
     if (e.length === 0)
       return;
     const s = L(
       e[0].id,
-      n().map((m) => m.layoutState)
+      n().map((g) => g.layoutState)
     ), o = { ...s.colors }, l = {};
-    Object.entries(o).forEach(([m, p]) => {
+    Object.entries(o).forEach(([g, p]) => {
       const f = { browserValue: p.browserValue, pmsValue: p.pmsValue }, C = p.spotColor;
-      C && (f.spotColor = { profileName: C.profileName, namedColor: C.namedColor }), l[m] = f;
+      C && (f.spotColor = { profileName: C.profileName, namedColor: C.namedColor }), l[g] = f;
     });
-    for (const [m, p] of i.entries()) {
+    for (const [g, p] of i.entries()) {
       const f = typeof p == "string" ? p : p.browserValue, C = typeof p == "string" ? void 0 : p.pmsValue;
-      o[m] = { browserValue: f, spotColor: (h = o[m]) == null ? void 0 : h.spotColor, pmsValue: C }, l[m] = { browserValue: f };
+      o[g] = { browserValue: f, spotColor: (h = o[g]) == null ? void 0 : h.spotColor, pmsValue: C }, l[g] = { browserValue: f };
     }
-    let c = Array.from(Object.values(o)).map((m) => m.browserValue);
+    let c = Array.from(Object.values(o)).map((g) => g.browserValue);
     const d = t.data.colorOption;
-    d && ((g = d.variants) == null || g.forEach((m) => {
+    d && ((m = d.variants) == null || m.forEach((g) => {
       c = c.map((p) => {
         var f;
-        return p.toLowerCase() === ((f = m.color) == null ? void 0 : f.toLowerCase()) ? m.name : p;
+        return p.toLowerCase() === ((f = g.color) == null ? void 0 : f.toLowerCase()) ? g.name : p;
       });
     })), a.updateMetadata(t.stepName, { colors: c });
     const A = /* @__PURE__ */ new Map();
-    if (Object.entries(o).forEach(([m, p]) => {
-      A.set(m, p);
+    if (Object.entries(o).forEach(([g, p]) => {
+      A.set(g, p);
     }), !s.svg)
       throw new Error("Colors changed before SVG loaded. This should never happen!");
     const u = await this.changeColorsCommand(
       s.svg,
       s.width,
       s.height,
-      e.map((m) => m.id),
+      e.map((g) => g.id),
       A
     );
     a.updateStorage(t.stepName, {
@@ -7993,58 +7993,58 @@ class ms {
     if (!l)
       throw new qt(o);
     const c = await lt(await this.getIllustrationBody(l)), d = await Kt(c.svg), A = (C) => {
-      const w = i.getLayouts().find((v) => v.panelId === C.panelId);
+      const w = i.getLayouts().find((y) => y.panelId === C.panelId);
       if (!w)
-        throw new q(C);
-      const y = Q();
+        throw new Y(C);
+      const S = Q();
       return {
-        regionElement: { id: y, region: C },
-        command: this.getCreateElementCommand(y, C, w, {
+        regionElement: { id: S, region: C },
+        command: this.getCreateElementCommand(S, C, w, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
           svg: c
         })
       };
-    }, u = t.data.regions.map(A), g = [...u.map((C) => C.command), ...s];
-    let m = Array.from(Object.values(c.colors)).map((C) => C.browserValue);
+    }, u = t.data.regions.map(A), m = [...u.map((C) => C.command), ...s];
+    let g = Array.from(Object.values(c.colors)).map((C) => C.browserValue);
     const p = t.data.colorOption;
     return p && ((f = p.variants) == null || f.forEach((C) => {
-      m = m.map((w) => {
-        var y;
-        return w.toLowerCase() === ((y = C.color) == null ? void 0 : y.toLowerCase()) ? C.name : w;
+      g = g.map((w) => {
+        var S;
+        return w.toLowerCase() === ((S = C.color) == null ? void 0 : S.toLowerCase()) ? C.name : w;
       });
-    })), i.updateMetadata(t.stepName, { colors: m }), {
-      command: new $(g),
+    })), i.updateMetadata(t.stepName, { colors: g }), {
+      command: new $(m),
       followup: async () => {
-        var w, y;
+        var w, S;
         await i.setSelectionsAndElements(
           t.stepName,
           [e],
-          u.map((v) => v.regionElement),
+          u.map((y) => y.regionElement),
           async () => {
             i.setMandatoryFulfilled(t.stepName, !0), n(!1);
           }
         );
         const C = ((w = o.assetConfiguration) == null ? void 0 : w.defaultColorVariants) || [];
         if (C.length !== 0) {
-          const v = {};
-          (((y = o.assetConfiguration) == null ? void 0 : y.channelNumbers) || []).forEach((b) => {
+          const y = {};
+          (((S = o.assetConfiguration) == null ? void 0 : S.channelNumbers) || []).forEach((b) => {
             var D;
             const I = C.find((x) => x.channelNumber === b.number);
-            I && (v[`${b.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
+            I && (y[`${b.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
           }), await this.changeColors(
             t,
             u.map((b) => b.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
-            new Map(Object.entries(v))
+            new Map(Object.entries(y))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const v = await this.availableColors(t, i) || [], E = Object.keys(c.colors), b = v.length === 1 && E.length === 1;
+          const y = await this.availableColors(t, i) || [], E = Object.keys(c.colors), b = y.length === 1 && E.length === 1;
           if (b) {
-            const I = v[0], D = E[0];
+            const I = y[0], D = E[0];
             await this.changeColors(
               t,
               u.map((x) => x.regionElement),
@@ -8065,7 +8065,7 @@ class ms {
     };
   }
 }
-const me = new ms();
+const ge = new gs();
 class ps {
   async init(t, e, a) {
     const n = t.option;
@@ -8074,7 +8074,7 @@ class ps {
     if (a)
       await this.reload(t, e, a);
     else {
-      const i = _.getDefaultVariant(n);
+      const i = q.getDefaultVariant(n);
       if (i)
         return await this.selectVariantLambda(t, i, e, () => {
         });
@@ -8094,20 +8094,20 @@ class ps {
       if (d) {
         const A = (c = l.variants) == null ? void 0 : c.find((u) => u.id === d);
         if (A) {
-          const u = A.material, h = o.map((g) => ({ id: g.id, region: g.stepRegion }));
+          const u = A.material, h = o.map((m) => ({ id: m.id, region: m.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
             [A],
             h,
             async () => {
-              const g = e.getModelContainer();
-              if (g) {
-                const m = t.data.targetMaterials.map((p) => g.applyMaterialVariant(
+              const m = e.getModelContainer();
+              if (m) {
+                const g = t.data.targetMaterials.map((p) => m.applyMaterialVariant(
                   p,
                   l.id || "",
                   u || {}
                 ));
-                Promise.all(m).then(
+                Promise.all(g).then(
                   () => e.setMandatoryFulfilled(t.stepName, !0)
                 );
               }
@@ -8152,7 +8152,7 @@ class fs {
     if (a)
       await this.reload(t, e, a);
     else {
-      const i = _.getDefaultVariant(n);
+      const i = q.getDefaultVariant(n);
       if (i)
         return await this.selectVariantLambda(t, i, e, () => {
         });
@@ -8176,16 +8176,16 @@ class fs {
             [A],
             u,
             async () => {
-              var g;
+              var m;
               const h = e.getModelContainer();
               if (h && t.option) {
-                const m = (g = A.asset) == null ? void 0 : g.fileLink;
-                if (!m)
+                const g = (m = A.asset) == null ? void 0 : m.fileLink;
+                if (!g)
                   throw new vt(A);
                 await h.applyModelVariant(
                   t.stepName || "",
                   {
-                    model: m,
+                    model: g,
                     contextService: e.getLayoutPreviewService()
                   },
                   t.data.replaceProductModel || !1
@@ -8265,17 +8265,17 @@ class Cs {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (A, u, h) => {
-      const g = h || Q(), p = a.getLayouts().find((C) => C.panelId === u.panelId);
+      const m = h || Q(), p = a.getLayouts().find((C) => C.panelId === u.panelId);
       if (!p)
         return console.error(`Can not find layout for region: ${u.panelId}`), null;
       const f = [];
-      return h && f.push(new bt(g)), f.push(
+      return h && f.push(new bt(m)), f.push(
         new G(
           {
             stepRegion: u,
             stepName: t.stepName,
             colors: {},
-            id: g,
+            id: m,
             svg: A,
             type: M.Illustration,
             y: u.top,
@@ -8290,7 +8290,7 @@ class Cs {
           p
         )
       ), {
-        id: g,
+        id: m,
         region: u,
         command: new $(f)
       };
@@ -8299,8 +8299,8 @@ class Cs {
       const u = i.map((h) => {
         if (!h.region)
           return null;
-        const g = s.svgPrint(e, h.region);
-        return c(g, h.region, h.id);
+        const m = s.svgPrint(e, h.region);
+        return c(m, h.region, h.id);
       }).filter((h) => !!h).filter((h) => !!h).map((h) => h && h.command);
       return {
         command: new $(u),
@@ -8314,7 +8314,7 @@ class Cs {
       return {
         command: new $(u),
         followup: async () => {
-          const h = A.filter((g) => g).map((g) => g && { id: g.id, region: g.region });
+          const h = A.filter((m) => m).map((m) => m && { id: m.id, region: m.region });
           await a.setSelectionsAndElements(
             t.stepName,
             [],
@@ -8392,17 +8392,17 @@ class ws {
       return console.error("No URL for picture!"), null;
     n(!0), t.mandatory && a.setMandatoryFulfilled(t.stepName, !1);
     const l = a.getRegionElements(t.stepName).map((A) => new bt(A.id)), c = (A) => {
-      const h = a.getLayouts().find((m) => m.panelId === A.panelId);
+      const h = a.getLayouts().find((g) => g.panelId === A.panelId);
       if (!h)
-        throw new q(A);
-      const g = Q();
+        throw new Y(A);
+      const m = Q();
       return {
-        regionElement: { id: g, region: A },
+        regionElement: { id: m, region: A },
         command: new G(
           {
             stepName: t.stepName,
             stepRegion: A,
-            id: g,
+            id: m,
             src: s,
             type: M.Image,
             y: A.top,
@@ -8444,7 +8444,7 @@ class ys {
       await this.reload(t, e, a);
     else {
       const i = n.variants;
-      if (_.getDefaultVariant(n)) {
+      if (q.getDefaultVariant(n)) {
         const o = i == null ? void 0 : i.find((l) => {
           var c;
           return l.id === ((c = n.defaultVariant) == null ? void 0 : c.id);
@@ -8512,7 +8512,7 @@ class Ss {
     const n = a.getLayouts(), s = (a.getRegionElements(e.stepName) || []).map((o) => {
       const l = o.region;
       if (!n.find((d) => d.panelId === (l == null ? void 0 : l.panelId)))
-        throw new q(l);
+        throw new Y(l);
       return new oa(o.id, this.shapeFillId, t);
     }).filter((o) => !!o);
     a.getCommandDispatcher()(new $(s)), a.updateStorage(e.stepName, { colour: t });
@@ -8524,7 +8524,7 @@ class Ss {
     if (a)
       await this.reload(t, e, a);
     else {
-      const i = _.getDefaultVariant(n);
+      const i = q.getDefaultVariant(n);
       return i ? this.selectVariantCommand(
         t,
         {
@@ -8582,10 +8582,10 @@ class Ss {
     if (a.length > 0) {
       const c = (A) => {
         const u = A.region;
-        if (!i.find((m) => m.panelId === (u == null ? void 0 : u.panelId)))
-          throw new q(u);
-        const g = o();
-        return new oa(A.id, this.shapeFillId, g);
+        if (!i.find((g) => g.panelId === (u == null ? void 0 : u.panelId)))
+          throw new Y(u);
+        const m = o();
+        return new oa(A.id, this.shapeFillId, m);
       }, d = a.map(c).filter((A) => !!A);
       return {
         command: new $(d),
@@ -8599,10 +8599,10 @@ class Ss {
       };
     } else {
       const c = (h) => {
-        const g = i.find((w) => w.panelId === h.panelId);
-        if (!g)
-          throw new q(h);
-        const m = o(), p = `
+        const m = i.find((w) => w.panelId === h.panelId);
+        if (!m)
+          throw new Y(h);
+        const g = o(), p = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -8619,11 +8619,11 @@ class Ss {
                             width="1"
                             height="1"
                             class="${this.shapeFillId}"
-                            fill="${m}"
+                            fill="${g}"
                         />
                     </svg>
                 `, f = {};
-        f[this.shapeFillId] = { browserValue: m };
+        f[this.shapeFillId] = { browserValue: g };
         const C = Q();
         return {
           id: C,
@@ -8646,7 +8646,7 @@ class Ss {
               immutable: h.immutable,
               excludeFromExport: t.data.excludeFromPrint
             },
-            g
+            m
           )
         };
       }, d = t.data.regions.map(c), A = d.filter((h) => !!h).map((h) => h == null ? void 0 : h.command), u = d.filter((h) => !!h).map((h) => ({ id: h.id, region: h.region }));
@@ -8706,17 +8706,17 @@ const Es = new vs(), je = (r, t, e, a, n) => {
     if (A <= r.width)
       return [i, A];
     const u = o.reduce((p, f, C, w) => f > w[p] ? C : p, 0), h = i[u];
-    let g = !1, m = h.length;
-    for (; !g && m > -1; ) {
-      m = h.lastIndexOf(" ", m - 1);
-      const p = [h.slice(0, m), h.slice(m + 1)], f = p.map((w) => ht(w, a, n));
+    let m = !1, g = h.length;
+    for (; !m && g > -1; ) {
+      g = h.lastIndexOf(" ", g - 1);
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((w) => ht(w, a, n));
       f[0] <= r.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
         ...o.slice(u + 1)
-      ], s += 1, g = !0);
+      ], s += 1, m = !0);
     }
-    g || (c = !1);
+    m || (c = !1);
   }
   return [null, null];
 }, pe = (r, t, e, a, n) => {
@@ -8795,37 +8795,37 @@ class Bs {
         height: A.height,
         width: A.width,
         scale: t.data.imageFillScale || 1
-      } : void 0, h = this.getDefaultStrokeColorVariant(t.data), g = t.data.strokeEnabled && (h != null && h.color) ? {
+      } : void 0, h = this.getDefaultStrokeColorVariant(t.data), m = t.data.strokeEnabled && (h != null && h.color) ? {
         browserValue: h.color,
         pmsValue: h.name
       } : void 0;
-      let m = t.data.defaultText || "";
+      let g = t.data.defaultText || "";
       const p = e.getWorkflowExperience().getBundle();
       if (p && t.globalPropertyAspectConfigurations) {
         console.log("bundle a");
-        const C = (s = p.getGlobalPropertyConfiguration()) == null ? void 0 : s.aspects, w = C == null ? void 0 : C.find((y) => {
-          var v;
-          return y.type === X.Text && ((v = t.globalPropertyAspectConfigurations) == null ? void 0 : v.map((E) => E.aspectName).includes(y.name));
+        const C = (s = p.getGlobalPropertyConfiguration()) == null ? void 0 : s.aspects, w = C == null ? void 0 : C.find((S) => {
+          var y;
+          return S.type === X.Text && ((y = t.globalPropertyAspectConfigurations) == null ? void 0 : y.map((E) => E.aspectName).includes(S.name));
         });
         if (w) {
           console.log("bundle b");
-          const v = p.getGlobalPropertyStateManager().getAspect(w.name);
-          v && (console.log("bundle c"), m = v);
+          const y = p.getGlobalPropertyStateManager().getAspect(w.name);
+          y && (console.log("bundle c"), g = y);
         }
       }
       e.updateStorage(t.stepName, {
-        text: m,
+        text: g,
         inputText: t.data.defaultText || "",
         color: ((o = this.getDefaultColorVariant(t.data)) == null ? void 0 : o.color) || this.getDefaultColor(t.data),
         fillImage: u,
-        strokeColor: g
+        strokeColor: m
       }), e.updateMetadata(t.stepName, {
-        text: m,
+        text: g,
         color: ((l = this.getDefaultColorVariant(t.data)) == null ? void 0 : l.name) || this.getDefaultColor(t.data),
         fillImage: c == null ? void 0 : c.name,
         strokeColor: t.data.strokeEnabled ? h == null ? void 0 : h.color : void 0
       });
-      const f = _.getDefaultVariant(n);
+      const f = q.getDefaultVariant(n);
       if (f)
         return console.log("default variant"), this.selectVariantCommand(
           t,
@@ -8838,7 +8838,7 @@ class Bs {
           () => {
           },
           u,
-          g
+          m
         );
     }
     return console.log("nothing"), null;
@@ -9001,9 +9001,9 @@ class Bs {
         { size: a.data.size, minSize: a.data.minSize, maxSize: a.data.maxSize }
       );
       c.set(A.id, u), d.set(A.id, h);
-      const g = a.data.curved ? s : (h || []).join(`
+      const m = a.data.curved ? s : (h || []).join(`
 `);
-      l.push(this.generateTextChangeCommandsForRegion(u, a.data, A.id, g));
+      l.push(this.generateTextChangeCommandsForRegion(u, a.data, A.id, m));
     }
     return !a.data.curved && e.length > 0 && !Array.from(d.values()).every((u) => u) ? (o.errorData || (o.errorData = {}), o.errorData.doesNotFit = !0, o) : (n.updateStorage(a.stepName, { text: t }), n.updateMetadata(a.stepName, {
       text: s
@@ -9038,71 +9038,106 @@ class Bs {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((g) => g.elements).flat().filter((g) => g.stepName === t.stepName), l = t.option;
+    ), o = Object.values(a.layouts).map((m) => m.elements).flat().filter((m) => m.stepName === t.stepName), l = t.option;
     if (n != null && n.selectedVariants) {
       console.log("b3 a");
-      const g = n.selectedVariants[0].id;
-      if (l && g) {
+      const m = n.selectedVariants[0].id;
+      if (l && m) {
         console.log("b3 b");
-        const m = (c = l.variants) == null ? void 0 : c.find((p) => p.id === g);
-        if (m) {
+        const g = (c = l.variants) == null ? void 0 : c.find((p) => p.id === m);
+        if (g) {
           console.log("b3 c");
-          const p = await this.fontDataFromVariant(m), f = o.map((E) => ({ id: E.id, region: E.stepRegion })), C = (d = n.storage) == null ? void 0 : d.color;
+          const p = await this.fontDataFromVariant(g), f = o.map((y) => ({ id: y.id, region: y.stepRegion })), C = (d = n.storage) == null ? void 0 : d.color;
           let w = (A = n.storage) == null ? void 0 : A.text;
-          const y = e.getWorkflowExperience().getBundle();
-          if (y && t.globalPropertyAspectConfigurations) {
+          const S = e.getWorkflowExperience().getBundle();
+          if (S && t.globalPropertyAspectConfigurations) {
             console.log("b3 d");
-            const E = (u = y.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, b = E == null ? void 0 : E.find((I) => {
-              var D;
-              return I.type === X.Text && ((D = t.globalPropertyAspectConfigurations) == null ? void 0 : D.map((x) => x.aspectName).includes(I.name));
+            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, E = y == null ? void 0 : y.find((b) => {
+              var I;
+              return b.type === X.Text && ((I = t.globalPropertyAspectConfigurations) == null ? void 0 : I.map((D) => D.aspectName).includes(b.name));
             });
-            if (b) {
+            if (E) {
               console.log("b3 e");
-              const D = y.getGlobalPropertyStateManager().getAspect(b.name);
-              D && (console.log("b3 f"), w = D);
+              const I = S.getGlobalPropertyStateManager().getAspect(E.name);
+              I && (console.log("b3 f"), w = I);
             }
           }
-          await e.setSelectionsAndElements(
+          if (await e.setSelectionsAndElements(
             t.stepName,
-            [m],
+            [g],
             f,
             async () => {
               e.updateMetadata(t.stepName, { color: C, text: w }), e.updateStorage(t.stepName, { text: w, inputText: w });
-              const E = o.map((I) => new Wa(I.id, p)), b = new $(E);
-              e.getCommandDispatcher()(b);
+              const y = o.map((b) => new Wa(b.id, p)), E = new $(y);
+              e.getCommandDispatcher()(E);
             }
-          );
-          const { command: v } = W.updateInputText(
-            w || "",
-            o,
-            t,
-            e
-          );
-          v && e.getCommandDispatcher()(v);
+          ), o.length === 0 && l) {
+            const y = q.getDefaultVariant(l);
+            if (y) {
+              console.log("default variant");
+              const E = await this.selectVariantCommand(
+                t,
+                y,
+                { text: w },
+                [],
+                e,
+                () => {
+                },
+                () => {
+                }
+              );
+              e.getCommandDispatcher()(E.command);
+            }
+          } else {
+            const { command: y } = W.updateInputText(
+              w || "",
+              o,
+              t,
+              e
+            );
+            y && e.getCommandDispatcher()(y);
+          }
         }
       }
     } else {
       console.log("else");
-      const g = e.getWorkflowExperience().getBundle();
-      if (g && t.globalPropertyAspectConfigurations) {
+      const m = e.getWorkflowExperience().getBundle();
+      if (m && t.globalPropertyAspectConfigurations) {
         console.log("b2 a");
-        const m = (h = g.getGlobalPropertyConfiguration()) == null ? void 0 : h.aspects, p = m == null ? void 0 : m.find((f) => {
+        const g = (h = m.getGlobalPropertyConfiguration()) == null ? void 0 : h.aspects, p = g == null ? void 0 : g.find((f) => {
           var C;
           return f.type === X.Text && ((C = t.globalPropertyAspectConfigurations) == null ? void 0 : C.map((w) => w.aspectName).includes(f.name));
         });
         if (p) {
           console.log("b2 b");
-          const C = g.getGlobalPropertyStateManager().getAspect(p.name);
-          if (C) {
-            console.log("b2 c");
-            const { command: w } = W.updateInputText(
-              C,
-              o,
-              t,
-              e
-            );
-            w && e.getCommandDispatcher()(w);
-          }
+          const C = m.getGlobalPropertyStateManager().getAspect(p.name);
+          if (C)
+            if (console.log("b2 c"), o.length === 0 && l) {
+              const w = q.getDefaultVariant(l);
+              if (w) {
+                console.log("default variant");
+                const S = await this.selectVariantCommand(
+                  t,
+                  w,
+                  { text: C },
+                  [],
+                  e,
+                  () => {
+                  },
+                  () => {
+                  }
+                );
+                e.getCommandDispatcher()(S.command);
+              }
+            } else {
+              const { command: w } = W.updateInputText(
+                C,
+                o,
+                t,
+                e
+              );
+              w && e.getCommandDispatcher()(w);
+            }
         }
       }
     }
@@ -9110,24 +9145,24 @@ class Bs {
   getDefaultColorVariant(t) {
     const e = t.colorOption;
     if (e)
-      return _.getDefaultVariant(e);
+      return q.getDefaultVariant(e);
   }
   getDefaultColor(t) {
     const e = t.colorOption;
     if (!e)
       return;
-    const a = _.getDefaultVariant(e);
+    const a = q.getDefaultVariant(e);
     return a == null ? void 0 : a.color;
   }
   getDefaultImageFillVariant(t) {
     const e = t.imageFillOption;
     if (e)
-      return _.getDefaultVariant(e);
+      return q.getDefaultVariant(e);
   }
   getDefaultStrokeColorVariant(t) {
     const e = t.strokeOption;
     if (e)
-      return _.getDefaultVariant(e);
+      return q.getDefaultVariant(e);
   }
   async fontDataFromVariant(t) {
     const e = t.asset;
@@ -9157,7 +9192,7 @@ class Bs {
         );
         h.push(...p);
       }
-      const g = await this.changeInputTextWithRegion(
+      const m = await this.changeInputTextWithRegion(
         t,
         t.data.size || He,
         A,
@@ -9168,7 +9203,7 @@ class Bs {
         s,
         o
       );
-      return g && h.push(g), {
+      return m && h.push(m), {
         command: new $(h),
         followup: async () => {
           i.markUpdateCompleted(d), await i.setSelectionsAndElements(t.stepName, [e], n);
@@ -9182,7 +9217,7 @@ class Bs {
         A,
         a,
         i
-      ), g = await this.changeInputTextWithRegion(
+      ), m = await this.changeInputTextWithRegion(
         t,
         t.data.size || He,
         A,
@@ -9192,21 +9227,21 @@ class Bs {
         (a == null ? void 0 : a.customiseAllText) ?? !1,
         s,
         o
-      ), m = h.flatMap((f) => f.commands);
+      ), g = h.flatMap((f) => f.commands);
       if (l) {
         const f = h.map(
           (C) => new Ge(C.regionElement.id, l)
         );
-        m.push(...f);
+        g.push(...f);
       }
       if (c) {
         const f = n.map(
           (C) => new We(C.id, c, t.data.strokeThickness)
         );
-        m.push(...f);
+        g.push(...f);
       }
-      return g && m.push(g), {
-        command: new $(m),
+      return m && g.push(m), {
+        command: new $(g),
         followup: async () => {
           i.markUpdateCompleted(d);
         }
@@ -9225,8 +9260,8 @@ class Bs {
     if (!a || !a.regions)
       throw new Error("Step data not supplied");
     const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = async (A) => {
-      var m;
-      const h = s.getLayouts().find((p) => p.panelId === A.panelId), g = Q();
+      var g;
+      const h = s.getLayouts().find((p) => p.panelId === A.panelId), m = Q();
       try {
         if (!h)
           throw new Ie("Failed to find layout for region: " + A.panelId);
@@ -9238,17 +9273,17 @@ class Bs {
             return nt.id === ((R = p.defaultVariant) == null ? void 0 : R.id);
           }) || p.variants[0];
           f = this.createTextFillSpotColor(p, T), s.updateStorage(t, {
-            colorProfileAssetKey: (m = p.colorProfile) == null ? void 0 : m.key
+            colorProfileAssetKey: (g = p.colorProfile) == null ? void 0 : g.key
           });
         }
-        const C = await this.getDefaultColor(a), w = C || "#000000", y = {
+        const C = await this.getDefaultColor(a), w = C || "#000000", S = {
           stepRegion: A,
           stepName: t,
           align: this.textAlign(a),
           fill: i.color ? i.color : w,
           fontSize: a.size || He,
           fontData: n,
-          id: g,
+          id: m,
           layer: A.layer,
           layerIndex: A.layerIndex,
           rotation: A.rotation,
@@ -9265,34 +9300,34 @@ class Bs {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, v = [], E = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
-        if (!y.fontData)
+        }, y = [], E = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+        if (!S.fontData)
           throw new z("Failed to resolve font data for text.");
         const [I, D] = pe(
-          y.fontSize,
-          y.fontData,
+          S.fontSize,
+          S.fontData,
           {
-            left: y.x,
-            top: y.y,
-            width: y.width,
-            height: y.height,
-            rotation: y.rotation,
+            left: S.x,
+            top: S.y,
+            width: S.width,
+            height: S.height,
+            rotation: S.rotation,
             panelId: ""
           },
           [l],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(y.id, I), b.set(y.id, D);
+        E.set(S.id, I), b.set(S.id, D);
         const x = a.curved || a.vertical ? l : (D || []).join(`
 `);
-        v.push(
-          this.generateTextChangeCommandsForRegion(I, a, y.id, x)
+        y.push(
+          this.generateTextChangeCommandsForRegion(I, a, S.id, x)
         );
-        const k = new G(y, h);
+        const k = new G(S, h);
         return {
-          regionElement: { id: g, region: A },
-          commands: [k, ...v],
-          newElement: y,
+          regionElement: { id: m, region: A },
+          commands: [k, ...y],
+          newElement: S,
           fontData: n
         };
       } catch (p) {
@@ -9326,30 +9361,30 @@ class Bs {
    * @deprecated
    */
   async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, d) {
-    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), g = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
-    for (const y of h)
-      if (y.region) {
-        const [v, E] = pe(
+    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+    for (const S of h)
+      if (S.region) {
+        const [y, E] = pe(
           e,
           a,
-          y.region,
+          S.region,
           [u],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        g.set(y.id, v), m.set(y.id, E);
+        m.set(S.id, y), g.set(S.id, E);
       }
     const f = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const y = s.getProfanities(), v = Xe(u.toLowerCase());
-      for (const E of v)
-        for (const b in y) {
-          const I = y[b].toLowerCase().replace(/\s/g, "");
+      const S = s.getProfanities(), y = Xe(u.toLowerCase());
+      for (const E of y)
+        for (const b in S) {
+          const I = S[b].toLowerCase().replace(/\s/g, "");
           if (E === I)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(m.values()).every((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
     })();
     if (f.error) {
       c(f.error);
@@ -9361,15 +9396,15 @@ class Bs {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const C = [];
-    for (const y of h) {
-      const v = t.data.curved ? u : (m.get(y.id) || []).join(`
+    for (const S of h) {
+      const y = t.data.curved ? u : (g.get(S.id) || []).join(`
 `);
       C.push(
         this.generateTextChangeCommandsForRegion(
-          g.get(y.id) || 1,
+          m.get(S.id) || 1,
           t.data,
-          y.id,
-          v
+          S.id,
+          y
         )
       );
     }
@@ -9535,12 +9570,12 @@ class Ns extends Is {
     const a = qi(Ps), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
       const w = et("g");
       w.classList.add("module-text-group");
-      const y = et("defs");
-      w.appendChild(y), y.appendChild(xs(0, 2, 2, "shadow"));
-      const v = et("path");
-      v.setAttribute("d", d), v.setAttribute("stroke", "black"), v.setAttribute("stroke-width", "3"), y.appendChild(v);
+      const S = et("defs");
+      w.appendChild(S), S.appendChild(xs(0, 2, 2, "shadow"));
+      const y = et("path");
+      y.setAttribute("d", d), y.setAttribute("stroke", "black"), y.setAttribute("stroke-width", "3"), S.appendChild(y);
       const E = et("g");
-      E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = v.outerHTML;
+      E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = y.outerHTML;
       const b = et("g");
       b.classList.add("module-layer1"), w.appendChild(b), b.setAttribute("stroke-width", "3"), b.setAttribute("stroke", "rgb(45,41,38)"), b.setAttribute("fill", "rgb(45,41,38)"), b.setAttribute("transform", "translate(0.5,0)"), b.innerHTML = o;
       const I = et("g");
@@ -9551,15 +9586,15 @@ class Ns extends Is {
     u.classList.add("module-root");
     const h = et("defs");
     u.appendChild(h);
-    const g = et("g");
-    g.classList.add("module-bounds"), u.appendChild(g);
-    const m = Ds(e.height, e.width);
-    m.setAttribute("opacity", "0"), g.appendChild(m);
+    const m = et("g");
+    m.classList.add("module-bounds"), u.appendChild(m);
+    const g = Ds(e.height, e.width);
+    g.setAttribute("opacity", "0"), m.appendChild(g);
     const p = et("g");
     p.classList.add("module-text-enclosure"), u.appendChild(p);
     const f = A();
     p.appendChild(f);
-    const C = gr(d);
+    const C = mr(d);
     return ks(p, C, e.height, e.width, 0.35, 0.65), Fs(u.outerHTML);
   }
 }
@@ -9568,7 +9603,7 @@ async function qn(r) {
     return new Ns();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
 }
-const ne = S`
+const ne = v`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -9590,7 +9625,7 @@ const ne = S`
             }
         }
     }
-`, Qs = S`
+`, Qs = v`
     ${ne}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -9600,7 +9635,7 @@ const ne = S`
             }
         }
     }
-`, Rs = S`
+`, Rs = v`
     ${ne}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
@@ -9610,7 +9645,7 @@ const ne = S`
             }
         }
     }
-`, Os = S`
+`, Os = v`
     ${ne}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
@@ -9627,7 +9662,7 @@ const ne = S`
   variables: {
     bundleId: r
   }
-})).data.globalPropertyState, $s = S`
+})).data.globalPropertyState, $s = v`
     ${Me}
     fragment ProductFields on Product {
         id
@@ -9672,7 +9707,7 @@ const ne = S`
             name
         }
     }
-`, Ba = S`
+`, Ba = v`
     ${$s}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -9682,7 +9717,7 @@ const ne = S`
             ...ProductFields
         }
     }
-`, re = (r) => S`
+`, re = (r) => v`
     ${r ? Ba : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
@@ -9740,7 +9775,7 @@ const ne = S`
             }
         }
     }
-`, Us = (r) => S`
+`, Us = (r) => v`
     ${ne}
     ${re(r)}
     query GetBundle($id: String!) {
@@ -9784,7 +9819,7 @@ const ne = S`
             quoteId
         }
     }
-`, qa = S`
+`, qa = v`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -9829,7 +9864,7 @@ const ne = S`
             }
         }
     }
-`, Ls = S`
+`, Ls = v`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -9858,7 +9893,7 @@ const ne = S`
             }
         }
     }
-`, Vs = S`
+`, Vs = v`
     ${Ba}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
@@ -9868,7 +9903,7 @@ const ne = S`
             }
         }
     }
-`, zs = S`
+`, zs = v`
     query GetProductCollectionForFilteredProducts(
         $id: String!
         $filters: ProductCollectionProductFilterInput
@@ -9891,7 +9926,7 @@ const ne = S`
             }
         }
     }
-`, Gs = S`
+`, Gs = v`
     ${Ba}
     query GetProductCollectionForProductsFeed(
         $id: String!
@@ -9919,7 +9954,7 @@ const ne = S`
             }
         }
     }
-`, Ws = (r) => S`
+`, Ws = (r) => v`
     ${re(r)}
     mutation CreateBundle(
         $collectionId: String
@@ -9948,7 +9983,7 @@ const ne = S`
             }
         }
     }
-`, js = (r) => S`
+`, js = (r) => v`
     ${ne}
     ${re(r)}
     mutation DuplicateBundle(
@@ -9990,7 +10025,7 @@ const ne = S`
             }
         }
     }
-`, Hs = S`
+`, Hs = v`
     mutation UpdateBundle(
         $id: String!
         $name: String
@@ -10010,19 +10045,19 @@ const ne = S`
             id
         }
     }
-`, qs = S`
+`, qs = v`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, Ys = S`
+`, Ys = v`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, Js = S`
+`, Js = v`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -10037,7 +10072,7 @@ const ne = S`
             id
         }
     }
-`, Ks = S`
+`, Ks = v`
     mutation BundleRemoveTransactions(
         $id: String!
         $transactionIds: [String!]!
@@ -10052,7 +10087,7 @@ const ne = S`
             id
         }
     }
-`, _s = S`
+`, _s = v`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -10072,13 +10107,13 @@ const ne = S`
             }
         }
     }
-`, Xs = S`
+`, Xs = v`
     mutation BundleAddStakeholder($id: String!, $emailAddress: String!) {
         bundleRemoveStakeholder(id: $id, emailAddress: $emailAddress) {
             id
         }
     }
-`, Zs = S`
+`, Zs = v`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -10098,13 +10133,13 @@ const ne = S`
             }
         }
     }
-`, to = S`
+`, to = v`
     mutation BundleUpdateTransactionOrder($id: String!, $transactionIds: [String!]!) {
         bundleUpdateTransactionOrder(id: $id, transactionIds: $transactionIds) {
             id
         }
     }
-`, eo = (r) => S`
+`, eo = (r) => v`
     ${re(r)}
     mutation BundleAssignProductCollection($id: String!, $productCollectionId: String!) {
         bundleAssignProductCollection(id: $id, collectionId: $productCollectionId) {
@@ -10114,13 +10149,13 @@ const ne = S`
             }
         }
     }
-`, ao = S`
+`, ao = v`
     mutation AssignGlobalPropertyConfiguration($bundleId: String!, $globalPropertyConfigurationId: String!) {
         bundleUpdate(id: $bundleId, globalPropertyConfigurationId: $globalPropertyConfigurationId) {
             id
         }
     }
-`, no = (r) => S`
+`, no = (r) => v`
     query CustomerBundlesFeed($id: String!, $limit: Int!, $offset: Int!, $template: Boolean, $templateStatus: BundleTemplateStatus, $ordered: Boolean) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: $template, templateStatus: $templateStatus, ordered: $ordered) {
             items {
@@ -10154,27 +10189,27 @@ const ne = S`
             total
         }
     }
-`, ro = S`
+`, ro = v`
     mutation FinalizeUpdateBundle($bundleId: String!) {
         bundleFinalizeUpdate(bundleId: $bundleId)
     }
-`, io = S`
+`, io = v`
     mutation ApproveBundle($id: String!, $note: String, $stakeholderId: String) {
         bundleApprove(id: $id, note: $note, stakeholderId: $stakeholderId)
     }
-`, so = S`
+`, so = v`
     mutation RejectBundle($id: String!, $note: String, $stakeholderId: String) {
         bundleReject(id: $id, note: $note, stakeholderId: $stakeholderId)
     }
-`, oo = S`
+`, oo = v`
     mutation ApproveTransaction($id: String!, $note: String) {
         transactionApprove(id: $id, note: $note)
     }
-`, lo = S`
+`, lo = v`
     mutation RejectTransaction($id: String!, $note: String) {
         transactionReject(id: $id, note: $note)
     }
-`, co = S`
+`, co = v`
     mutation CreateRecipient(
         $firstName: String
         $lastName: String
@@ -10202,7 +10237,7 @@ const ne = S`
             id
         }
     }
-`, Ao = S`
+`, Ao = v`
     mutation UpdateRecipient(
         $id: String!
         $firstName: String
@@ -10232,7 +10267,7 @@ const ne = S`
             id
         }
     }
-`, uo = S`
+`, uo = v`
     mutation AtttachRecipient($id: String!, $recipientId: String!) {
         transactionAttachRecipient(id: $id, recipientId: $recipientId) {
             id
@@ -10253,23 +10288,23 @@ class Ya extends Dn {
     });
   }
 }
-class go {
-  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, g = !1, m, p = !1, f = !1, C = !1) {
+class mo {
+  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, C = !1) {
     var w;
     this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var E;
       if (!this.previewService)
         return;
-      const y = this.getCommandContext().getAllLayouts(), v = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
-      if (v)
-        for (const [, b] of v)
-          b.render(y);
-    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = g, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = m, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, (w = this.renderableContextService) == null || w.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((y) => {
-      this.stepTags[y.stepName] = y.tags ?? [];
+      const S = this.getCommandContext().getAllLayouts(), y = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
+      if (y)
+        for (const [, b] of y)
+          b.render(S);
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, (w = this.renderableContextService) == null || w.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((S) => {
+      this.stepTags[S.stepName] = S.tags ?? [];
     }), C && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
-    }), this.initializationPromise.catch((y) => {
-      throw console.error(y), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
+    }), this.initializationPromise.catch((S) => {
+      throw console.error(S), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
     }), this.initializationPromise.finally(
       () => this.getCommandContext().registerStateCallback(() => {
         this.updateStateWithServer(), this.renderLayouts();
@@ -10280,7 +10315,7 @@ class go {
     return { recipient: this.transaction.recipient };
   }
   async updateRecipient(t, e, a, n, i, s, o, l, c, d) {
-    var A, u, h, g, m;
+    var A, u, h, m, g;
     if ((A = this.transaction.recipient) != null && A.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
@@ -10348,7 +10383,7 @@ class go {
         fetchPolicy: "no-cache",
         variables: {
           id: this.transaction.id,
-          recipientId: (m = (g = p.data) == null ? void 0 : g.recipientCreate) == null ? void 0 : m.id
+          recipientId: (g = (m = p.data) == null ? void 0 : m.recipientCreate) == null ? void 0 : g.id
         },
         context: {
           transactionOwnerId: this.transaction.transactionOwnerId
@@ -10610,12 +10645,12 @@ class go {
           console.error(`Failed to read material from variant: ${l.id} for step: ${s.stepName}`);
           return;
         }
-        s.data.targetMaterials.forEach((g) => {
+        s.data.targetMaterials.forEach((m) => {
           if (!this.modelContainer)
             throw new z(
               "We should always have a model container when injecting a preview!"
             );
-          this.modelContainer.applyMaterialVariant(g, s.option.id, u);
+          this.modelContainer.applyMaterialVariant(m, s.option.id, u);
         });
       }
     }), await a.getInitializationPromise(), this.renderLayouts();
@@ -10825,7 +10860,7 @@ class go {
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
   async setSelectionsAndElements(t, e, a, n) {
-    var v;
+    var y;
     console.log(`setting elements for step ${t}`), console.trace();
     const i = this.stepSelections;
     this.stepSelections = {
@@ -10840,23 +10875,23 @@ class go {
     c.forEach((E) => {
       yt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
     });
-    const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: g } = await this.stepElementsForIntroducedSilentSteps(A, !1);
+    const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
       ...this.stepElements,
       ...h,
       [t]: a
     }, this.removeElements(u);
-    const m = this.workflow.steps.find((E) => E.stepName === t);
-    if ((m == null ? void 0 : m.type) === P.Frame) {
-      const E = (v = this.getWorkflowExperience().getStepById(m.stepName)) == null ? void 0 : v.frameService;
+    const g = this.workflow.steps.find((E) => E.stepName === t);
+    if ((g == null ? void 0 : g.type) === P.Frame) {
+      const E = (y = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : y.frameService;
       E == null || E.setTargetElements(a.map((b) => b.id));
     }
-    const p = u.map((E) => new bt(E.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...g, ...p, f];
+    const p = u.map((E) => new bt(E.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...m, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const w = this.getInvalidModelVariants(), y = this.modelContainer;
-    if (y) {
+    const w = this.getInvalidModelVariants(), S = this.modelContainer;
+    if (S) {
       const E = w.map(
-        (b) => y.applyModelVariant(
+        (b) => S.applyModelVariant(
           b,
           {
             contextService: this.getLayoutPreviewService()
@@ -10888,7 +10923,7 @@ class go {
             break;
           case P.Illustration:
             a.push(
-              me.init(l, this, this.reloadedState)
+              ge.init(l, this, this.reloadedState)
             );
             break;
           case P.Material:
@@ -11199,7 +11234,7 @@ const Yn = class la {
 };
 Yn.updateState = /* @__PURE__ */ new Map();
 let it = Yn;
-class mo extends it {
+class go extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11210,7 +11245,7 @@ class mo extends it {
    */
   async selectVariant(t) {
     if (!this.getUpdateState() && this.getCurrentVariant() !== t)
-      return me.selectVariant(
+      return ge.selectVariant(
         this.step,
         t.getResource(),
         this.manager.getRegionElements(this.step.stepName) || [],
@@ -11256,7 +11291,7 @@ class mo extends it {
         const d = c.id.replace(/\W/g, "");
         a ? n.set(d, { browserValue: e, pmsValue: a }) : n.set(d, e);
       }
-    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), me.changeColors(
+    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), ge.changeColors(
       this.step,
       this.manager.getRegionElements(this.step.stepName),
       this.manager,
@@ -11268,7 +11303,7 @@ class mo extends it {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? me.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? ge.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -11694,7 +11729,7 @@ class ce {
       case P.Text:
         return new So(t, e, t.getStepTags(e.stepName));
       case P.Illustration:
-        return new mo(t, e, t.getStepTags(e.stepName));
+        return new go(t, e, t.getStepTags(e.stepName));
       case P.Picture:
         return new Co(t, e, t.getStepTags(e.stepName));
       case P.Shape:
@@ -11712,7 +11747,7 @@ class ce {
     }
   }
 }
-const Jn = S`
+const Jn = v`
     fragment CreateDesignTransaction on Transaction {
         id
         designName
@@ -11737,7 +11772,7 @@ const Jn = S`
             externalProductVariantId
         }
     }
-`, Bo = S`
+`, Bo = v`
     ${Jn}
     mutation CreateDesign(
         $name: String!
@@ -11769,7 +11804,7 @@ const Jn = S`
             }
         }
     }
-`, Io = S`
+`, Io = v`
     ${Jn}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
@@ -11909,10 +11944,10 @@ const Po = async (r, t) => {
   }
   return n;
 }, Kn = (r, t, e, a, n, i, s, o) => {
-  var g, m;
+  var m, g;
   const l = t.basePrice || 0, c = r.priceModifierTotal || 0, d = xo(a, e, void 0, i), u = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
-    additionalExternalProductId: (g = r.integrationProduct) == null ? void 0 : g.additionalExternalProductId,
-    additionalExternalVariantId: (m = r.integrationProduct) == null ? void 0 : m.additionalExternalVariantId,
+    additionalExternalProductId: (m = r.integrationProduct) == null ? void 0 : m.additionalExternalProductId,
+    additionalExternalVariantId: (g = r.integrationProduct) == null ? void 0 : g.additionalExternalVariantId,
     baseCost: l,
     designExternalVariants: r.designExternalVariants,
     designProductId: r.externalDesignProductId,
@@ -11952,7 +11987,7 @@ const Po = async (r, t) => {
       T.errors && console.log("Server Error:", tt.message);
     }), null) : nt ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, g = u && t.showModelOnFinishStep && !!h, m = l && ca(l, t, !0), p = l && ca(l, t, !1), f = async (D) => {
+  const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && ca(l, t, !0), p = l && ca(l, t, !1), f = async (D) => {
     const x = {};
     let k = 0;
     if (Object.keys(i).length > 0)
@@ -11980,13 +12015,13 @@ const Po = async (r, t) => {
     return [x, k];
   }, [C] = await f(!0), w = Object.fromEntries(
     Object.keys(C).map((D) => [D, C[D].map((x) => x.id)])
-  ), [y] = await f(!1), v = Object.fromEntries(
-    Object.keys(y).map((D) => [
+  ), [S] = await f(!1), y = Object.fromEntries(
+    Object.keys(S).map((D) => [
       D,
-      y[D].map((x) => x.id)
+      S[D].map((x) => x.id)
     ])
   );
-  let E = await o(g, n.id);
+  let E = await o(m, n.id);
   if (E) {
     const D = await (await rt(E)).blob();
     E = (await U.uploadAsset(
@@ -12006,7 +12041,7 @@ const Po = async (r, t) => {
         })),
         workflowId: t.id,
         transactionId: n.id,
-        useThreeDimPreview: !!g,
+        useThreeDimPreview: !!m,
         previewImage: E
       };
       if (p) {
@@ -12017,14 +12052,14 @@ const Po = async (r, t) => {
       }
       if (w) {
         const x = [];
-        for (const [k, T] of Object.entries(v))
+        for (const [k, T] of Object.entries(y))
           x.push({ key: k, ids: T });
         D.selectedVariants = x;
       }
       return D;
     })(),
     cartSelectionsWithPrices: C,
-    cartMetadata: m
+    cartMetadata: g
   };
 }, Fo = async (r, t, e, a, n, i, s, o, l, c, d) => {
   var f, C;
@@ -12041,20 +12076,20 @@ const Po = async (r, t) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const g = await Po(A), m = (f = g == null ? void 0 : g.transaction) == null ? void 0 : f.previewImageLink;
-  if (!(g != null && g.transaction))
+  const m = await Po(A), g = (f = m == null ? void 0 : m.transaction) == null ? void 0 : f.previewImageLink;
+  if (!(m != null && m.transaction))
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
-  const p = g.transaction;
+  const p = m.transaction;
   return Kn(
     p,
     n,
     t,
     u,
-    g == null ? void 0 : g.sku,
+    m == null ? void 0 : m.sku,
     h,
-    m,
-    (C = g == null ? void 0 : g.processExecution) == null ? void 0 : C.id
+    g,
+    (C = m == null ? void 0 : m.processExecution) == null ? void 0 : C.id
   );
 }, ko = async (r, t, e) => {
   t("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
@@ -12173,7 +12208,7 @@ class Mo {
     throw new z("Unexpected storage method requested");
   }
 }
-const qe = new Mo(), To = S`
+const qe = new Mo(), To = v`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -12187,7 +12222,7 @@ const qe = new Mo(), To = S`
             }
         }
     }
-`, No = S`
+`, No = v`
     mutation AddAddressToTransaction(
         $transactionId: String!
         $streetAddress: String
@@ -12209,7 +12244,7 @@ const qe = new Mo(), To = S`
             id
         }
     }
-`, Qo = S`
+`, Qo = v`
     mutation AddOrganizationToTransaction($transactionId: String!, $organizationName: String!) {
         organizationAttachToTransaction(transactionId: $transactionId, organizationName: $organizationName) {
             id
@@ -12239,7 +12274,7 @@ class Oo {
       throw new Error("No Workflow ID provided.");
     this.client = t;
     const a = e.layouts;
-    this.commandContext = new rs(), this.commandContext.initialize(a, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new go(
+    this.commandContext = new rs(), this.commandContext.initialize(a, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new mo(
       this,
       t,
       e.workflow,
@@ -12329,9 +12364,9 @@ class Oo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = mt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((y) => {
-      var v;
-      return ((v = y.layoutState) == null ? void 0 : v.layout.panelId) === (c == null ? void 0 : c.name);
+    const s = gt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((S) => {
+      var y;
+      return ((y = S.layoutState) == null ? void 0 : y.layout.panelId) === (c == null ? void 0 : c.name);
     }) || o[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
@@ -12345,19 +12380,19 @@ class Oo {
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new De("Failed to obtain 2D context for preview image creation");
-    const g = Sa(u.layoutState.layout, u.layoutState.elements, {
+    const m = Sa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Ht.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: this.workflowManager.getTemplatingContext()
       }
-    }), m = un(g);
-    await (await Aa.from(h, m, {
+    }), g = un(m);
+    await (await Aa.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: mt,
+      createCanvas: gt,
       createImage: Zt,
-      DOMParser: ma(),
+      DOMParser: ga(),
       fetch
     })).render();
     const f = await this.getCanvasObjectURLAsync(s);
@@ -12456,16 +12491,16 @@ class Oo {
       const d = /* @__PURE__ */ new Set(), A = c.getRaw().globalPropertyAspectConfigurations;
       A !== void 0 && (A.forEach((u) => d.add(JSON.stringify(u))), o.forEach((u) => {
         const h = u.getRaw().globalPropertyAspectConfigurations;
-        h !== void 0 && h.forEach((g) => {
-          const m = l(g), p = d.has(JSON.stringify(g));
-          if (p && (m == null ? void 0 : m.getType()) === "Option") {
+        h !== void 0 && h.forEach((m) => {
+          const g = l(m), p = d.has(JSON.stringify(m));
+          if (p && (g == null ? void 0 : g.getType()) === "Option") {
             const f = u.getCurrentVariant();
             if (!f)
               return;
-            c.selectVariant(f), d.delete(JSON.stringify(g));
-          } else if (p && (m == null ? void 0 : m.getType()) === "Text") {
+            c.selectVariant(f), d.delete(JSON.stringify(m));
+          } else if (p && (g == null ? void 0 : g.getType()) === "Text") {
             const f = u.getText();
-            c.setText(f), d.delete(JSON.stringify(g));
+            c.setText(f), d.delete(JSON.stringify(m));
           }
         });
       }));
@@ -12661,13 +12696,13 @@ const $o = [
   const a = t.data, n = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = n.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + n);
   o.searchParams.append("video", Qa(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${Qa(await sn(l, { type: "svg" }))}`, A = (h) => {
-    const g = r.find((p) => p.panelId === h.panelId);
-    if (!g)
-      throw new q(h);
-    const m = Q();
+    const m = r.find((p) => p.panelId === h.panelId);
+    if (!m)
+      throw new Y(h);
+    const g = Q();
     return new G(
       {
-        id: m,
+        id: g,
         src: d,
         type: M.Image,
         y: h.top,
@@ -12676,7 +12711,7 @@ const $o = [
         height: h.height,
         rotation: 0
       },
-      g
+      m
     );
   }, u = e.data.regions;
   try {
@@ -12690,11 +12725,11 @@ const $o = [
     const o = is(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      var m;
-      const d = await Rn(c, (m = o == null ? void 0 : o.asset) == null ? void 0 : m.fileLink), A = await Ne(d), u = Q(), h = r.find((p) => p.panelId === c.panelId);
+      var g;
+      const d = await Rn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Ne(d), u = Q(), h = r.find((p) => p.panelId === c.panelId);
       if (!h)
-        throw new q(c);
-      const g = Ea(
+        throw new Y(c);
+      const m = Ea(
         s,
         A,
         {
@@ -12723,13 +12758,13 @@ const $o = [
             pattern: {
               id: `${u}-pattern`,
               src: s.src,
-              x: g.x,
-              y: g.y,
+              x: m.x,
+              y: m.y,
               width: s.width,
               height: s.height,
               rotation: 0,
-              scaleX: g.zoom,
-              scaleY: g.zoom,
+              scaleX: m.zoom,
+              scaleY: m.zoom,
               svg: s.svg,
               colors: s.colors
             }
@@ -12743,11 +12778,11 @@ const $o = [
     return console.error(o), [];
   }
 }, Vo = async (r, t, e, a) => {
-  var v, E;
+  var y, E;
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((v = i.variants) == null ? void 0 : v.find((b) => b.id === n.illustrationVariantId)) || ae(i);
+  const s = ((y = i.variants) == null ? void 0 : y.find((b) => b.id === n.illustrationVariantId)) || ae(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12756,41 +12791,41 @@ const $o = [
   const o = (E = s.asset) == null ? void 0 : E.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
-  const l = await at(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = (d == null ? void 0 : d.length) > 0 ? d[0] : "", g = dt().parseFromString(A, "image/svg+xml").firstElementChild;
-  if (!g)
+  const l = await at(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = (d == null ? void 0 : d.length) > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
+  if (!m)
     return console.error("Failed to read SVG."), [];
-  pa(g);
-  const m = {};
-  kt(g, (b) => {
+  pa(m);
+  const g = {};
+  kt(m, (b) => {
     $o.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
     const I = b.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
       const x = I.value, T = `spiff-fill-${x.replace(/\W/g, "")}`;
-      b.classList.add(T), m[T] = { browserValue: x };
+      b.classList.add(T), g[T] = { browserValue: x };
     }
     const D = b.attributes.getNamedItem("stroke");
     if (D && D.value !== "none") {
       const x = D.value, T = `spiff-stroke-${x.replace(/\W/g, "")}`;
-      b.classList.add(T), m[T] = { browserValue: x };
+      b.classList.add(T), g[T] = { browserValue: x };
     }
   });
-  const f = Bt().serializeToString(g), C = n.colors;
+  const f = Bt().serializeToString(m), C = n.colors;
   if (C) {
-    for (const [b, I] of Object.entries(m))
+    for (const [b, I] of Object.entries(g))
       for (const D of Object.keys(C))
         if (I.browserValue === D) {
-          m[b] = { browserValue: C[D] };
+          g[b] = { browserValue: C[D] };
           break;
         }
   }
   const w = (b) => {
     const I = r.find((x) => x.panelId === b.panelId);
     if (!I)
-      throw new q(b);
+      throw new Y(b);
     const D = Q();
     return new G(
       {
-        colors: m,
+        colors: g,
         id: D,
         svg: f,
         type: M.Illustration,
@@ -12805,9 +12840,9 @@ const $o = [
       },
       I
     );
-  }, y = a.data.regions;
+  }, S = a.data.regions;
   try {
-    return y.map(w);
+    return S.map(w);
   } catch (b) {
     return console.error(b), [];
   }
@@ -12815,7 +12850,7 @@ const $o = [
   const a = await qn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
-      throw new q(l);
+      throw new Y(l);
     const d = Q();
     return new G(
       {
@@ -12856,13 +12891,13 @@ const $o = [
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.pictureVariantId}`), [];
   const l = (u) => {
-    const h = r.find((m) => m.panelId === u.panelId);
+    const h = r.find((g) => g.panelId === u.panelId);
     if (!h)
-      throw new q(u);
-    const g = Q();
+      throw new Y(u);
+    const m = Q();
     return new G(
       {
-        id: g,
+        id: m,
         src: o,
         type: M.Image,
         y: u.top,
@@ -12895,7 +12930,7 @@ const $o = [
   const o = (d) => {
     const A = r.find((p) => p.panelId === d.panelId);
     if (!A)
-      throw new q(d);
+      throw new Y(d);
     const u = `
         <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -12916,11 +12951,11 @@ const $o = [
                 fill="${s == null ? void 0 : s.color}"
             />
         </svg>
-        `, g = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, m = Q();
+        `, m = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, g = Q();
     return new G(
       {
-        colors: g,
-        id: m,
+        colors: m,
+        id: g,
         svg: u,
         type: M.Illustration,
         y: d.top,
@@ -12950,7 +12985,7 @@ const $o = [
       l.forEach((c) => {
         const d = r.find((u) => u.panelId === c.panelId);
         if (!d)
-          throw new q(c);
+          throw new Y(c);
         const A = {
           id: Q(),
           src: i,
@@ -12975,15 +13010,15 @@ const $o = [
     }
   else {
     const c = await at(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], g = (h == null ? void 0 : h.length) > 0 ? h[0] : "", f = dt().parseFromString(g, "image/svg+xml").firstElementChild;
+      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = (h == null ? void 0 : h.length) > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new xt("Failed to read SVG.");
       return pa(f), Bt().serializeToString(f);
     };
     l.forEach((A) => {
-      const u = r.find((g) => g.panelId === A.panelId);
+      const u = r.find((m) => m.panelId === A.panelId);
       if (!u)
-        throw new q(A);
+        throw new Y(A);
       const h = {
         id: Q(),
         src: i,
@@ -13013,7 +13048,7 @@ const $o = [
     const p = a.option;
     if (!p)
       return;
-    const f = ((w = p.variants) == null ? void 0 : w.find((y) => y.id === i.fontVariantId)) || ae(p);
+    const f = ((w = p.variants) == null ? void 0 : w.find((S) => S.id === i.fontVariantId)) || ae(p);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
@@ -13036,10 +13071,10 @@ const $o = [
     const f = p.colorOption;
     if (!f)
       return;
-    const C = _.getDefaultVariant(f);
+    const C = q.getDefaultVariant(f);
     return C == null ? void 0 : C.color;
-  }, g = i.color || await h(a.data), m = a.data.regions;
-  for (const p of m) {
+  }, m = i.color || await h(a.data), g = a.data.regions;
+  for (const p of g) {
     const f = r.find((w) => w.panelId === p.panelId);
     if (!f)
       continue;
@@ -13048,7 +13083,7 @@ const $o = [
       id: Q(),
       align: o(a.data),
       curved: a.data.curved,
-      fill: i.color || g || "#000000",
+      fill: i.color || m || "#000000",
       fontData: d,
       fontSize: a.data.size || s,
       height: p.height,
@@ -13065,7 +13100,7 @@ const $o = [
       y: p.top
     };
     if (d) {
-      const [w, y] = pe(
+      const [w, S] = pe(
         a.data.size || s,
         d,
         p,
@@ -13086,7 +13121,7 @@ const $o = [
           {
             ...C,
             fontSize: w,
-            text: C.curved ? C.text : (y || []).join(`
+            text: C.curved ? C.text : (S || []).join(`
 `)
           },
           f
@@ -13193,7 +13228,7 @@ class Jo {
 }
 const Ko = () => new Promise((r, t) => {
   try {
-    const a = mt().getContext("webgl2");
+    const a = gt().getContext("webgl2");
     r(!!a);
   } catch {
     r(!1);
@@ -13306,15 +13341,15 @@ class Zo extends Dn {
    * a loose target but should be kept in mind when making changes.
    */
   async execute() {
-    var h, g;
-    const t = this.layouts.find((m) => m.layoutState.layout.id === this.layoutId);
+    var h, m;
+    const t = this.layouts.find((g) => g.layoutState.layout.id === this.layoutId);
     if (!t)
       return;
     const e = t.layoutState.elements || [], a = t.layoutState.layout.width, n = t.layoutState.layout.height, i = a === 1 || n === 1 ? { width: 1, height: 1 } : this.getDynamicTextureResolution(), s = i.width, o = i.height;
     let l, c;
     if (this.nonPOTSupport) {
-      const m = s / o;
-      a / n < m ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
+      const g = s / o;
+      a / n < g ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
       const f = this.resizeFit({ width: l, height: c });
       l = f.width, c = f.height;
     } else
@@ -13322,7 +13357,7 @@ class Zo extends Dn {
     const d = Sa(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: Ht.ThreeD,
-        templatingContext: (g = (h = this.getWorkflowManager) == null ? void 0 : h.call(this)) == null ? void 0 : g.getTemplatingContext()
+        templatingContext: (m = (h = this.getWorkflowManager) == null ? void 0 : h.call(this)) == null ? void 0 : m.getTemplatingContext()
       }
     }), A = un(d), u = await Aa.from(this.ctx, A, {
       anonymousCrossOrigin: !0,
@@ -13331,9 +13366,9 @@ class Zo extends Dn {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: mt,
+      createCanvas: gt,
       createImage: Zt,
-      DOMParser: ma(),
+      DOMParser: ga(),
       fetch
     });
     u.resize(l, c), await u.render(), this.onRender();
@@ -13409,10 +13444,10 @@ class tl {
         return new Ja(
           this.bundle,
           t,
-          t.entityId ? await _.getOption(t.entityId) : void 0
+          t.entityId ? await q.getOption(t.entityId) : void 0
         );
       case X.Option: {
-        const e = t.entityId ? await _.getOption(t.entityId) : void 0;
+        const e = t.entityId ? await q.getOption(t.entityId) : void 0;
         return (e == null ? void 0 : e.type) === "Color" ? new Ja(this.bundle, t, e) : new Xn(this.bundle, t, e);
       }
       case X.Text:
@@ -13483,7 +13518,7 @@ class el extends Ia {
   }
   async initialize() {
     var t, e, a, n;
-    return (e = (t = this.property.data) == null ? void 0 : t.fileUpload) != null && e.colorOptionId && (this.colorOption = await _.getOption((n = (a = this.property.data) == null ? void 0 : a.fileUpload) == null ? void 0 : n.colorOptionId)), await this.loadImageData(), this;
+    return (e = (t = this.property.data) == null ? void 0 : t.fileUpload) != null && e.colorOptionId && (this.colorOption = await q.getOption((n = (a = this.property.data) == null ? void 0 : a.fileUpload) == null ? void 0 : n.colorOptionId)), await this.loadImageData(), this;
   }
   async loadImageData() {
     var e;
@@ -14158,7 +14193,7 @@ class sl {
     };
   }
 }
-const ol = S`
+const ol = v`
     query GetManyMetafields($entityIds: [String!]!) {
         metafieldsMany(entityIds: $entityIds) {
             id
@@ -14366,15 +14401,15 @@ class Zn {
       let A = !1;
       const u = c.subscribe({
         next(h) {
-          var m, p, f, C, w, y;
-          if (A || h.partial && (!h.data.productCollections || h.data.productCollections.length === 0 || !((m = h.data.productCollections[0].productCollectionProductsFeed) != null && m.items) || ((p = h.data.productCollections[0].productCollectionProductsFeed) == null ? void 0 : p.items.length) === 0))
+          var g, p, f, C, w, S;
+          if (A || h.partial && (!h.data.productCollections || h.data.productCollections.length === 0 || !((g = h.data.productCollections[0].productCollectionProductsFeed) != null && g.items) || ((p = h.data.productCollections[0].productCollectionProductsFeed) == null ? void 0 : p.items.length) === 0))
             return;
           o.abort(), A = !0, u.unsubscribe();
-          const g = ((C = (f = h.data.productCollections) == null ? void 0 : f[0].productCollectionProductsFeed) == null ? void 0 : C.items.filter((v) => !!v.product).map((v) => new de(St(v)))) || [];
+          const m = ((C = (f = h.data.productCollections) == null ? void 0 : f[0].productCollectionProductsFeed) == null ? void 0 : C.items.filter((y) => !!y.product).map((y) => new de(St(y)))) || [];
           d({
-            items: g,
+            items: m,
             // Clone items because it could be cached data (immutable)
-            total: ((y = (w = h.data.productCollections) == null ? void 0 : w[0].productCollectionProductsFeed) == null ? void 0 : y.total) ?? 0
+            total: ((S = (w = h.data.productCollections) == null ? void 0 : w[0].productCollectionProductsFeed) == null ? void 0 : S.total) ?? 0
           });
         },
         error() {
@@ -14604,7 +14639,7 @@ class ul {
     };
   }
 }
-const hl = S`
+const hl = v`
     ${re(!1)}
     query GetProductCollections($ids: [String!]!) {
         productCollections(ids: $ids) {
@@ -14621,7 +14656,7 @@ const hl = S`
     }
   })).data) == null ? void 0 : e.productCollections) == null ? void 0 : a.map((n) => new Zn(n));
 };
-class gl {
+class ml {
   constructor() {
     this.listeners = {};
   }
@@ -14648,7 +14683,7 @@ class gl {
         delete this.listeners[e];
   }
 }
-const ml = S`
+const gl = v`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14670,13 +14705,13 @@ const ml = S`
             id
         }
     }
-`, pl = S`
+`, pl = v`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, fl = S`
+`, fl = v`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
@@ -14687,7 +14722,7 @@ const ml = S`
 class Ye {
   constructor(t, e, a, n, i, s) {
     var c, d, A;
-    this.workflowExperiences = [], this.eventEmitter = new gl(), this.client = t, this.id = e.id, this.name = e.name || "", this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new sl(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new ml(), this.client = t, this.id = e.id, this.name = e.name || "", this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new sl(e.bundleStateData);
     const o = (d = this.productCollection) == null ? void 0 : d.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new il(
       this.id,
@@ -14701,8 +14736,8 @@ class Ye {
         u([]);
         return;
       }
-      console.log("Setting default global variants."), this.globalPropertyHandleService.getHandles().then((g) => {
-        const m = g.map((p) => {
+      console.log("Setting default global variants."), this.globalPropertyHandleService.getHandles().then((m) => {
+        const g = m.map((p) => {
           if (p.getType() === X.ColorOption || p.getType() === X.Option) {
             const f = p;
             if (this.globalPropertyStateManager.getGlobalPropertyState())
@@ -14710,7 +14745,7 @@ class Ye {
             console.log("Attempted to set global default variant before state was initialized.");
           }
         });
-        Promise.all(m).then(u).catch(h);
+        Promise.all(g).then(u).catch(h);
       });
     });
     this.initializationPromise = Promise.all([
@@ -14741,7 +14776,7 @@ class Ye {
   }
   async attachAddress(t, e, a, n, i, s) {
     await B.getShadowGraphqlClient().mutate({
-      mutation: ml,
+      mutation: gl,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14858,9 +14893,9 @@ class Ye {
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             l
-          ), g = [...new Set(A.map((p) => p.number))];
-          if (g.length > h)
-            for (const p of g) {
+          ), m = [...new Set(A.map((p) => p.number))];
+          if (m.length > h)
+            for (const p of m) {
               const f = this.getGlobalPropertyStateManager(), C = u.find((w) => w.channelNumber === p);
               C && await f.setAspect(l, C.variant.id || "", void 0, C.channelNumber);
             }
@@ -15364,7 +15399,7 @@ class Ye {
     };
   }
 }
-const Cl = S`
+const Cl = v`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
@@ -15385,20 +15420,20 @@ class wl {
       mutation: Cl,
       variables: {
         processFlowId: t,
-        inputs: [...e.map((g) => g.getValueForTransmission())]
+        inputs: [...e.map((m) => m.getValueForTransmission())]
       }
     })).data) == null ? void 0 : A.processExecutionCreate) == null ? void 0 : u.id;
     if (!i)
       throw new Error("Failed to create process execution.");
-    function s(g) {
-      return new Promise((m) => {
-        setTimeout(m, g);
+    function s(m) {
+      return new Promise((g) => {
+        setTimeout(g, m);
       });
     }
     let o = !1, l = 0, c, d;
     for (; !o; ) {
       c = await B.getShadowGraphqlClient().query({
-        query: S`
+        query: v`
                     query getProcessFlowExecution($ids: [String]!) {
                         processExecutions(ids: $ids) {
                             id
@@ -15416,20 +15451,20 @@ class wl {
           ids: [i]
         }
       });
-      const g = (h = c.data) == null ? void 0 : h.processExecutions[0];
-      if (!c || !g)
+      const m = (h = c.data) == null ? void 0 : h.processExecutions[0];
+      if (!c || !m)
         throw new Error("Failed to retrieve server response for execution.");
-      if (g.failedAt)
+      if (m.failedAt)
         throw new Error(
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
-      if (g.completedAt) {
-        o = !0, d = new yl(g);
+      if (m.completedAt) {
+        o = !0, d = new yl(m);
         break;
       }
       l += 1;
-      const m = a != null && a.repeats ? a == null ? void 0 : a.repeats : 5;
-      if (l >= m)
+      const g = a != null && a.repeats ? a == null ? void 0 : a.repeats : 5;
+      if (l >= g)
         throw new Error("Maximum wait time exceeded for execution result.");
       await s(a != null && a.sleepTime ? Math.max(a.sleepTime, 500) : 2e3);
     }
@@ -15586,7 +15621,7 @@ class Ka {
     return t.sort((e, a) => (e.index ?? 0) - (a.index ?? 0)).map((e) => new jt(e));
   }
 }
-const ue = S`
+const ue = v`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -15597,7 +15632,7 @@ const ue = S`
             }
         }
     }
-`, vl = S`
+`, vl = v`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15608,7 +15643,7 @@ const ue = S`
         }
     }
 `;
-S`
+v`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -15639,12 +15674,12 @@ S`
         }
     }
 `;
-const El = S`
+const El = v`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
 `;
-S`
+v`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15676,7 +15711,7 @@ S`
         }
     }
 `;
-const bl = S`
+const bl = v`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15842,10 +15877,10 @@ class rd {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.1.0-beta.de59798c-64e3-5d17-b483-6b76ccac8338"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.1.0-beta.ecf18ce0-f226-5b0f-b26d-638fe8798343"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && $r(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && $r(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
@@ -15920,7 +15955,7 @@ class rd {
    * @throws An error if the transaction is not found.
    */
   async authenticateTransactionFromLocalStorage(t) {
-    var d, A, u, h, g, m;
+    var d, A, u, h, m, g;
     const e = B.getShadowGraphqlClient(), a = await e.query({
       query: Mi,
       errorPolicy: "all",
@@ -15943,13 +15978,13 @@ class rd {
     if (o != null && o.has(t) && o.get(t) && await this.reloadLoggedInCustomer()) {
       const C = ((h = (u = this.customer) == null ? void 0 : u.bundleStakeholders) == null ? void 0 : h.find(
         (w) => {
-          var y, v;
-          return (v = (y = w.bundle) == null ? void 0 : y.transactions) == null ? void 0 : v.some((E) => E.id === t);
+          var S, y;
+          return (y = (S = w.bundle) == null ? void 0 : S.transactions) == null ? void 0 : y.some((E) => E.id === t);
         }
-      )) || ((m = (g = this.customer) == null ? void 0 : g.stakeholders) == null ? void 0 : m.find(
+      )) || ((g = (m = this.customer) == null ? void 0 : m.stakeholders) == null ? void 0 : g.find(
         (w) => {
-          var y;
-          return ((y = w.transaction) == null ? void 0 : y.id) === t;
+          var S;
+          return ((S = w.transaction) == null ? void 0 : S.id) === t;
         }
       ));
       if (C)
@@ -16145,7 +16180,7 @@ class rd {
       mutation: Ws(((d = (c = a == null ? void 0 : a.graphql) == null ? void 0 : c.productCollection) == null ? void 0 : d.eagerFetchProducts) || !1),
       variables: {
         collectionId: t,
-        initialMetadata: e ? Object.entries(e).map((g, m) => ({ key: g[0], value: g[1] })) : void 0,
+        initialMetadata: e ? Object.entries(e).map((m, g) => ({ key: m[0], value: m[1] })) : void 0,
         marketplaceThemeInstallId: this.marketplaceThemeInstallId,
         marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
       },
@@ -16171,7 +16206,7 @@ class rd {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var h, g, m, p, f, C, w, y, v, E, b;
+    var h, m, g, p, f, C, w, S, y, E, b;
     const i = N.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), o = {};
     try {
       const I = await this.loggedInBearerToken();
@@ -16183,9 +16218,9 @@ class rd {
     const l = {
       bundleOwnerId: s,
       ...o,
-      ...(g = n == null ? void 0 : n.graphql) == null ? void 0 : g.additionalHeaders
+      ...(m = n == null ? void 0 : n.graphql) == null ? void 0 : m.additionalHeaders
     }, c = await B.getShadowGraphqlClient().query({
-      query: Us(((p = (m = n == null ? void 0 : n.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
+      query: Us(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -16196,10 +16231,10 @@ class rd {
     });
     if (!((f = c.data) != null && f.bundles) || ((C = c.data) == null ? void 0 : C.bundles.length) === 0 || !((w = c.data) != null && w.bundles[0]))
       throw new Error(`Unable to find bundle: ${t}`);
-    const d = (y = c.data) == null ? void 0 : y.bundles[0], A = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const d = (S = c.data) == null ? void 0 : S.bundles[0], A = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     A.set(d.id, d.partner.id), N.setMap("bundlePartnerIds", A);
     const u = new Ye(this, d, e, a, s, {
-      additionalHeaders: (v = n == null ? void 0 : n.graphql) == null ? void 0 : v.additionalHeaders,
+      additionalHeaders: (y = n == null ? void 0 : n.graphql) == null ? void 0 : y.additionalHeaders,
       eagerFetchProducts: (b = (E = n == null ? void 0 : n.graphql) == null ? void 0 : E.productCollection) == null ? void 0 : b.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
@@ -16213,19 +16248,19 @@ class rd {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async duplicateBundle(t, e, a, n) {
-    var h, g, m, p, f, C, w, y;
+    var h, m, g, p, f, C, w, S;
     const i = (h = N.getMap("bundleOwnerIds")) == null ? void 0 : h.get(t), s = {};
     try {
-      const v = await this.loggedInBearerToken();
-      s.Authorization = `Bearer ${v}`;
+      const y = await this.loggedInBearerToken();
+      s.Authorization = `Bearer ${y}`;
     } catch {
-      const b = ((g = Object.entries(localStorage).find(([D, x]) => D.startsWith("CognitoIdentityServiceProvider") && D.endsWith("idToken"))) == null ? void 0 : g[0]) || "", I = localStorage.getItem(b);
+      const b = ((m = Object.entries(localStorage).find(([D, x]) => D.startsWith("CognitoIdentityServiceProvider") && D.endsWith("idToken"))) == null ? void 0 : m[0]) || "", I = localStorage.getItem(b);
       I && !Wt(I) && (s.Authorization = `Bearer ${I}`);
     }
     const o = {
       bundleOwnerId: i,
       ...s,
-      ...(m = n == null ? void 0 : n.graphql) == null ? void 0 : m.additionalHeaders
+      ...(g = n == null ? void 0 : n.graphql) == null ? void 0 : g.additionalHeaders
     }, c = (C = (await B.getShadowGraphqlClient().mutate({
       mutation: js(((f = (p = n == null ? void 0 : n.graphql) == null ? void 0 : p.productCollection) == null ? void 0 : f.eagerFetchProducts) || !1),
       variables: {
@@ -16247,7 +16282,7 @@ class rd {
     const A = N.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     A.set(c.id, c.bundleOwnerId), N.setMap("bundleOwnerIds", A);
     const u = new Ye(this, c, void 0, void 0, c.bundleOwnerId, {
-      eagerFetchProducts: (y = (w = n == null ? void 0 : n.graphql) == null ? void 0 : w.productCollection) == null ? void 0 : y.eagerFetchProducts,
+      eagerFetchProducts: (S = (w = n == null ? void 0 : n.graphql) == null ? void 0 : w.productCollection) == null ? void 0 : S.eagerFetchProducts,
       existingGlobalPropertyState: c.globalPropertyState
     });
     return await u.getInitializationPromise(), u;
@@ -16320,11 +16355,11 @@ class rd {
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
       throw new ut("No options provided!");
-    const a = B.getShadowGraphqlClient(), n = async (v) => {
+    const a = B.getShadowGraphqlClient(), n = async (y) => {
       var D, x, k;
-      if (v.length === 0)
+      if (y.length === 0)
         return [];
-      const E = v.map((T) => T.option.transactionId), b = await a.query({
+      const E = y.map((T) => T.option.transactionId), b = await a.query({
         query: Ci,
         variables: {
           ids: E
@@ -16332,7 +16367,7 @@ class rd {
         errorPolicy: "all",
         fetchPolicy: "no-cache"
       }), I = b.data.transactions;
-      if (I.length !== v.length) {
+      if (I.length !== y.length) {
         const T = ((x = (D = b.errors) == null ? void 0 : D[0]) == null ? void 0 : x.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${T}`);
       }
@@ -16341,18 +16376,18 @@ class rd {
         return {
           transaction: T,
           workflowId: T.workflowId,
-          readOnly: ((R = v.find((tt) => tt.option.transactionId === T.id)) == null ? void 0 : R.option.readOnly) ?? !1,
-          index: v[nt].index
+          readOnly: ((R = y.find((tt) => tt.option.transactionId === T.id)) == null ? void 0 : R.option.readOnly) ?? !1,
+          index: y[nt].index
         };
       });
-    }, i = async (v) => {
+    }, i = async (y) => {
       var I, D, x;
-      if (v.length === 0)
+      if (y.length === 0)
         return [];
       const E = await a.mutate({
         mutation: fi,
         variables: {
-          inputs: v.map((k) => ({
+          inputs: y.map((k) => ({
             integrationProductId: k.option.type === "integration" ? k.option.integrationProductId : void 0,
             externalIntegrationId: k.option.type === "external" ? k.option.externalIntegrationId : void 0,
             externalProductId: k.option.type === "external" ? k.option.externalProductId : void 0,
@@ -16374,18 +16409,18 @@ class rd {
         transaction: k,
         workflowId: k.workflowId,
         readOnly: !1,
-        index: v[T].index
+        index: y[T].index
       }));
-    }, s = t.map((v, E) => ({ option: v, index: E })), o = s.filter((v) => v.option.type === "transaction"), l = s.filter(
-      (v) => v.option.type === "integration" || v.option.type === "external"
+    }, s = t.map((y, E) => ({ option: y, index: E })), o = s.filter((y) => y.option.type === "transaction"), l = s.filter(
+      (y) => y.option.type === "integration" || y.option.type === "external"
     ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
-    ])).flat(), u = [...new Set(A.map((v) => v.workflowId))], h = await er(u, e), g = new Map(h.map((v) => [v.id, v])), m = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (v) => {
+    ])).flat(), u = [...new Set(A.map((y) => y.workflowId))], h = await er(u, e), m = new Map(h.map((y) => [y.id, y])), g = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (y) => {
       var tt;
-      const { transaction: E, workflowId: b, readOnly: I, index: D } = v, x = g.get(b), k = t[D];
-      !m.get(E.id) && E.transactionOwnerId && m.set(E.id, E.transactionOwnerId);
-      const T = m.get(E.id) || void 0, nt = new Bl({
+      const { transaction: E, workflowId: b, readOnly: I, index: D } = y, x = m.get(b), k = t[D];
+      !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
+      const T = g.get(E.id) || void 0, nt = new Bl({
         onMutate: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } })
       }), R = {
@@ -16419,12 +16454,12 @@ class rd {
         R.layouts
       ), R.delayWorkflowStateSync = !0, { experienceOptions: R, index: D, options: k };
     }), f = await Promise.all(p);
-    N.setMap("transactionOwnerIds", m);
-    const w = f.sort((v, E) => v.index - E.index).map(async (v) => {
-      const { experienceOptions: E, options: b } = v, I = new Oo(this, E);
+    N.setMap("transactionOwnerIds", g);
+    const w = f.sort((y, E) => y.index - E.index).map(async (y) => {
+      const { experienceOptions: E, options: b } = y, I = new Oo(this, E);
       return await I.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
-    }), y = await Promise.all(w);
-    return y.forEach((v) => v.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), y;
+    }), S = await Promise.all(w);
+    return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), S;
   }
   storeCustomer(t) {
     const e = N.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -17119,13 +17154,13 @@ class Ql extends it {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const Rl = S`
+const Rl = v`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
         }
     }
-`, Da = S`
+`, Da = v`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17162,21 +17197,21 @@ const Rl = S`
             total
         }
     }
-`, Ol = S`
+`, Ol = v`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, $l = S`
+`, $l = v`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Ul = S`
+`, Ul = v`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -17191,7 +17226,7 @@ const Rl = S`
             total
         }
     }
-`, Ll = S`
+`, Ll = v`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -17212,21 +17247,21 @@ const Rl = S`
             }
         }
     }
-`, Vl = S`
+`, Vl = v`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, zl = S`
+`, zl = v`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Gl = S`
+`, Gl = v`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -17268,13 +17303,13 @@ const Rl = S`
     id: r,
     template: t
   }
-}), gd = async (r) => (await B.getShadowGraphqlClient().query({
+}), md = async (r) => (await B.getShadowGraphqlClient().query({
   query: Rl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, md = async (r, t, e) => await B.getShadowGraphqlClient().query({
+})).data.customer, gd = async (r, t, e) => await B.getShadowGraphqlClient().query({
   query: Ul,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -17383,8 +17418,8 @@ const Rl = S`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var Wl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Wl || {}), jl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(jl || {}), J;
-J = { __e: function(r, t, e, a) {
+var Wl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Wl || {}), jl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(jl || {}), K;
+K = { __e: function(r, t, e, a) {
   for (var n, i, s; t = t.__; )
     if ((n = t.__c) && !n.__)
       try {
@@ -17395,31 +17430,31 @@ J = { __e: function(r, t, e, a) {
       }
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
-var ot, Je, _a, ar = [], Ke = [], Xa = J.__b, Za = J.__r, tn = J.diffed, en = J.__c, an = J.unmount;
+var ot, Je, _a, ar = [], Ke = [], Xa = K.__b, Za = K.__r, tn = K.diffed, en = K.__c, an = K.unmount;
 function Hl() {
   for (var r; r = ar.shift(); )
     if (r.__P && r.__H)
       try {
         r.__H.__h.forEach(fe), r.__H.__h.forEach(da), r.__H.__h = [];
       } catch (t) {
-        r.__H.__h = [], J.__e(t, r.__v);
+        r.__H.__h = [], K.__e(t, r.__v);
       }
 }
-J.__b = function(r) {
+K.__b = function(r) {
   ot = null, Xa && Xa(r);
-}, J.__r = function(r) {
+}, K.__r = function(r) {
   Za && Za(r);
   var t = (ot = r.__c).__H;
   t && (Je === ot ? (t.__h = [], ot.__h = [], t.__.forEach(function(e) {
     e.__N && (e.__ = e.__N), e.__V = Ke, e.__N = e.i = void 0;
   })) : (t.__h.forEach(fe), t.__h.forEach(da), t.__h = [])), Je = ot;
-}, J.diffed = function(r) {
+}, K.diffed = function(r) {
   tn && tn(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (ar.push(t) !== 1 && _a === J.requestAnimationFrame || ((_a = J.requestAnimationFrame) || ql)(Hl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (ar.push(t) !== 1 && _a === K.requestAnimationFrame || ((_a = K.requestAnimationFrame) || ql)(Hl)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ke && (e.__ = e.__V), e.i = void 0, e.__V = Ke;
   })), Je = ot = null;
-}, J.__c = function(r, t) {
+}, K.__c = function(r, t) {
   t.some(function(e) {
     try {
       e.__h.forEach(fe), e.__h = e.__h.filter(function(a) {
@@ -17428,10 +17463,10 @@ J.__b = function(r) {
     } catch (a) {
       t.some(function(n) {
         n.__h && (n.__h = []);
-      }), t = [], J.__e(a, e.__v);
+      }), t = [], K.__e(a, e.__v);
     }
   }), en && en(r, t);
-}, J.unmount = function(r) {
+}, K.unmount = function(r) {
   an && an(r);
   var t, e = r.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
@@ -17440,7 +17475,7 @@ J.__b = function(r) {
     } catch (n) {
       t = n;
     }
-  }), e.__H = void 0, t && J.__e(t, e.__v));
+  }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var nn = typeof requestAnimationFrame == "function";
 function ql(r) {
@@ -17457,7 +17492,7 @@ function da(r) {
   var t = ot;
   r.__c = r.__(), ot = t;
 }
-const nr = S`
+const nr = v`
     fragment AddressValidationResultFields on AddressValidationResult {
         addressComplete
         address {
@@ -17479,7 +17514,7 @@ const nr = S`
         }
         missingComponentTypes
     }
-`, xa = S`
+`, xa = v`
     ${nr}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17491,14 +17526,14 @@ const nr = S`
             ...AddressValidationResultFields
         }
     }
-`, Yl = S`
+`, Yl = v`
     ${xa}
     query GetAddressValidationJobs($ids: [String!]!) {
         addressValidationJobs(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
-`, Jl = S`
+`, Jl = v`
     ${xa}
     query GetRecipientsWithAddressValidationJobs($ids: [String!]!) {
         recipients(ids: $ids) {
@@ -17508,14 +17543,14 @@ const nr = S`
             }
         }
     }
-`, Kl = S`
+`, Kl = v`
     ${nr}
     mutation ValidateRecipientAddress($id: String!) {
         recipientValidate(id: $id) {
             ...AddressValidationResultFields
         }
     }
-`, _l = S`
+`, _l = v`
     ${xa}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
@@ -17616,14 +17651,14 @@ export {
   Ql as FrameStepHandle,
   Ia as GlobalPropertyHandle,
   $ as GroupCommand,
-  mo as IllustrationStepHandle,
+  go as IllustrationStepHandle,
   Qe as InformationMessageType,
   vo as InformationStepHandle,
   Ka as IntegrationProduct,
   vr as IntegrationType,
   zc as LayoutElementFactory,
   M as LayoutElementType,
-  q as LayoutNotFoundError,
+  Y as LayoutNotFoundError,
   Ht as LayoutRenderingPurpose,
   po as MaterialStepHandle,
   Se as MisconfigurationError,
@@ -17697,8 +17732,8 @@ export {
   xc as getAxisAlignedBoundingBox,
   Ml as getBoundedOffsets,
   od as getBundleThemeConfiguration,
-  gd as getCustomer,
-  md as getCustomerBundles,
+  md as getCustomer,
+  gd as getCustomerBundles,
   $c as getElementVertices,
   Ne as getFrameData,
   _c as getGlobalPropertyStateForBundle,
@@ -17722,7 +17757,7 @@ export {
   nd as getWorkflow,
   er as getWorkflows,
   B as graphQlManager,
-  me as illustrationStepService,
+  ge as illustrationStepService,
   kc as isCloseToValue,
   Nt as loadFont,
   Pc as matchHexToPms,
@@ -17734,7 +17769,7 @@ export {
   Wn as moduleStepService,
   dd as nameBundle,
   Ad as nameTransaction,
-  _ as optionService,
+  q as optionService,
   Vc as outlineFontsInSvg,
   At as patternImageDataCache,
   N as persistenceService,
@@ -17748,10 +17783,10 @@ export {
   le as rotateAroundPoint,
   pa as sanitizeSvgTree,
   $r as setBearerAuthenticationToken,
-  mn as setCanvasModule,
+  gn as setCanvasModule,
   zt as shapeStepService,
   hs as shortenUrl,
-  gt as spiffCoreConfiguration,
+  mt as spiffCoreConfiguration,
   Xc as stepAspectValuesToDesignInputSteps,
   Oa as svgColorValueToDefinition,
   On as svgStringDimensions,