@spiffcommerce/core 27.3.0-beta.d19ddd38-fcd3-5036-a764-7674af30aff5 → 27.3.0-beta.e9193700-c583-5895-966c-8f5d9493e0d9

package/dist/index.mjs

@@ -3,15 +3,15 @@ import { setContext as dr } from "@apollo/client/link/context";
 import { onError as Ar } from "@apollo/client/link/error";
 import { renderToStaticMarkup as ur } from "preact-render-to-string";
 import { removeTypenameFromVariables as hr } from "@apollo/client/link/remove-typename";
-import { orientation as mr } from "exifr/dist/mini.umd.cjs";
+import { orientation as gr } from "exifr/dist/mini.umd.cjs";
 import { parse as on } from "css";
-import gr from "fuse.js";
+import mr from "fuse.js";
 import { Pith as Aa } from "pith";
 import St from "lodash.clonedeep";
 import { toString as ln } from "qrcode";
 import pr from "svg-path-bbox";
 import { parse as Xe } from "opentype.js";
-import { jsx as F, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
+import { jsx as k, jsxs as ct, Fragment as zt } from "preact/jsx-runtime";
 import fr from "handlebars";
 import { dataUriToBuffer as Cr } from "data-uri-to-buffer";
 import Fa from "lodash.chunk";
@@ -64,7 +64,7 @@ class De extends An {
     super(`ImplementationError - ${t}`);
   }
 }
-class z extends De {
+class G extends De {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
@@ -160,7 +160,7 @@ class Fr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const mt = new Fr();
+const gt = new Fr();
 let ta, ea;
 function Fc(r) {
   ta = r;
@@ -219,7 +219,7 @@ const un = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
   t ? kr(r).then(e).catch(a) : rt(r).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), mn = (r) => ur(r), Oe = /* @__PURE__ */ new Map(), Nr = async (r, t) => {
+}), gn = (r) => ur(r), Oe = /* @__PURE__ */ new Map(), Nr = async (r, t) => {
   if (Tt([typeof FontFace])) {
     if (Oe.has(t))
       return Oe.get(t);
@@ -272,7 +272,7 @@ const un = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
 }, Rr = async (r) => {
   const t = ke(r), e = new Uint8Array(r), a = Qr(e), n = btoa(a);
   return `data:${t};base64,${n}`;
-}, ha = (r) => `data:image/svg+xml;base64,${btoa(r)}`, gn = (r) => {
+}, ha = (r) => `data:image/svg+xml;base64,${btoa(r)}`, mn = (r) => {
   const t = r.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -291,34 +291,34 @@ const un = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
     !i || !i.result ? e() : t(i.result.toString());
   }, a.readAsDataURL(r);
 });
-let $r, ma;
-const Ur = (r) => {
-  ma = r;
-}, Lr = () => ma;
+let $r, ga;
+const Lr = (r) => {
+  ga = r;
+}, Ur = () => ga;
 let pn;
 const Vr = (r) => {
   pn = r;
-}, zr = () => new Promise((r) => {
-  const t = mt.getHubUrl(), e = (a) => {
+}, Gr = () => new Promise((r) => {
+  const t = gt.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));
-}), Gr = async () => {
+}), zr = async () => {
   const r = {
-    applicationKey: ma,
+    applicationKey: ga,
     customerToken: $r,
     bearer: pn
   };
-  return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await zr(), ...r } : r;
+  return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Gr(), ...r } : r;
 };
 async function Wr(r, t) {
-  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";
+  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";
   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 jr {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), mt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), gt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -330,17 +330,17 @@ class jr {
   }
   constructShadowGraphqlClient() {
     const t = sr({
-      uri: `${mt.getServerUrl()}/graphql`,
+      uri: `${gt.getServerUrl()}/graphql`,
       fetch: Wr
     }), e = dr(async (i, s) => {
-      const { headers: o } = s, l = o || {}, c = await Gr();
+      const { headers: o } = s, l = o || {}, c = await zr();
       let d = s.bearer ?? c.bearer;
       if (this.spiffClient)
         try {
           d = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      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;
+      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;
       try {
         if (window && window.__SENTRY__) {
           const f = window.__SENTRY__.hub;
@@ -353,7 +353,7 @@ class jr {
         }
       } catch {
       }
-      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", {
+      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", {
         headers: l
       };
     }), a = Ar(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -370,7 +370,7 @@ class jr {
 }
 const B = new jr();
 let aa, na;
-const gt = (r, t, e) => {
+const mt = (r, t, e) => {
   if (aa !== void 0)
     return aa(r, t, e);
   try {
@@ -413,14 +413,14 @@ function Cn(r) {
   }
 }
 let $e;
-function ga() {
+function ma() {
   return $e === void 0 && ($e = Tr()), $e;
 }
 let se = null;
 const qr = (r) => new Promise((t) => {
   if (ke(r) !== "image/jpeg")
     return t(1);
-  mr(r).then((a) => t(a || 1)).catch(() => t(1));
+  gr(r).then((a) => t(a || 1)).catch(() => t(1));
 }), Hr = async () => {
   if (se !== null)
     return !se;
@@ -433,10 +433,10 @@ const qr = (r) => new Promise((t) => {
   var A;
   const t = await Rr(r), e = await Zt(t), [a, n] = Yr(e);
   if (!await Hr()) {
-    const u = gt(a, n);
+    const u = mt(a, n);
     return (A = u.getContext("2d")) == null || A.drawImage(e, 0, 0, a, n), u;
   }
-  const s = await qr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = gt(o, l), d = c.getContext("2d");
+  const s = await qr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = mt(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -3156,7 +3156,7 @@ const qr = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Ue = Ft.map((r) => [
+], Le = Ft.map((r) => [
   parseInt(r.substring(0, 2), 16),
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
@@ -3179,7 +3179,7 @@ function Nc(r, t = 64) {
   const i = parseInt(r.substring(0, 2), 16), s = parseInt(r.substring(2, 4), 16), o = parseInt(r.substring(4, 6), 16);
   let l, c, d;
   for (let A = 0; A < Ft.length; A++) {
-    l = Ue[A][0], c = Ue[A][1], d = Ue[A][2];
+    l = Le[A][0], c = Le[A][1], d = Le[A][2];
     const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - d, 2));
     a.push(u);
   }
@@ -3187,7 +3187,7 @@ function Nc(r, t = 64) {
     a[A] <= t && !e.some((u) => u.pms === Yt[A]) && e.push({ pms: Yt[A], hex: Ft[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const _r = Yt.map((r, t) => ({ pms: r, hex: Ft[t] })), Xr = new gr(_r, { keys: ["pms"] });
+const _r = Yt.map((r, t) => ({ pms: r, hex: Ft[t] })), Xr = new mr(_r, { keys: ["pms"] });
 function Qc(r, t) {
   return Xr.search(r, t ? { limit: t } : void 0);
 }
@@ -3277,8 +3277,8 @@ const oe = (r) => {
       n.split(";").forEach((d) => {
         const A = d.trim();
         if (A) {
-          const [u, h] = A.split(":"), m = u.toLowerCase();
-          ei.indexOf(m) > -1 ? a.setAttribute(m, h.trim()) : l.push(A);
+          const [u, h] = A.split(":"), g = u.toLowerCase();
+          ei.indexOf(g) > -1 ? a.setAttribute(g, h.trim()) : l.push(A);
         }
       }), l.length > 0 ? a.setAttribute("style", l.join(";")) : a.removeAttribute("style");
     }
@@ -3558,7 +3558,7 @@ class hi {
     if (this.cache.has(t)) {
       const n = this.cache.get(t);
       if (!n)
-        throw new z("Failed to get asset from cache!");
+        throw new G("Failed to get asset from cache!");
       return n;
     }
     const a = (async () => (await ve([t]))[0])();
@@ -3585,7 +3585,7 @@ class hi {
    */
   cacheAsset(t) {
     if (!t.key)
-      throw new z("Asset has no key!");
+      throw new G("Asset has no key!");
     this.cache.has(t.key) || this.cache.set(t.key, Promise.resolve(t));
   }
   /**
@@ -3593,7 +3593,7 @@ class hi {
    */
   cacheMaterial(t) {
     if (!t.id)
-      throw new z("Material has no id!");
+      throw new G("Material has no id!");
     this.materialCache.has(t.id) || this.materialCache.set(t.id, Promise.resolve(t));
   }
   /**
@@ -3711,7 +3711,7 @@ class hi {
       case "mkv":
         return "video/x-matroska";
       default:
-        throw new z("Unexpected mimetype: " + e);
+        throw new G("Unexpected mimetype: " + e);
     }
   }
 }
@@ -3768,7 +3768,7 @@ const Rt = "persistentAssets", En = class Ct {
 };
 En.callbacks = [];
 let It = En;
-const Ua = "bgrmPersistentAssets";
+const La = "bgrmPersistentAssets";
 class K {
   static has(t) {
     return K.getMap().has(t);
@@ -3795,14 +3795,14 @@ class K {
     a && (e.delete(a), K.setMap(e));
   }
   static getMap() {
-    return N.getMap(Ua) || /* @__PURE__ */ new Map();
+    return N.getMap(La) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    N.setMap(Ua, t);
+    N.setMap(La, t);
   }
 }
-const U = new hi();
-class mi {
+const L = new hi();
+class gi {
   constructor() {
     this.cache = {}, this.disabled = !1;
   }
@@ -3833,7 +3833,7 @@ class mi {
     this.disabled = t;
   }
 }
-const Jt = new mi(), bn = v`
+const Jt = new gi(), bn = v`
     fragment OptionFields on Option {
         id
         name
@@ -3870,7 +3870,7 @@ const Jt = new mi(), bn = v`
             ...AssetFields
         }
     }
-`, gi = v`
+`, mi = v`
     ${te(!1)}
     ${wa}
     ${bn}
@@ -3881,7 +3881,7 @@ const Jt = new mi(), bn = v`
     }
 `, pi = async (r) => {
   const t = await B.getShadowGraphqlClient().query({
-    query: gi,
+    query: mi,
     errorPolicy: "all",
     variables: {
       ids: r
@@ -3889,8 +3889,8 @@ const Jt = new mi(), bn = v`
   });
   return t.data.options.forEach((e) => {
     var a, n;
-    (a = e.defaultVariant) != null && a.asset && U.cacheAsset(e.defaultVariant.asset), e.colorProfile && U.cacheAsset(e.colorProfile), (n = e.variants) == null || n.forEach((i) => {
-      i.asset && U.cacheAsset(i.asset), i.thumbnail && U.cacheAsset(i.thumbnail), i.material && U.cacheMaterial(i.material);
+    (a = e.defaultVariant) != null && a.asset && L.cacheAsset(e.defaultVariant.asset), e.colorProfile && L.cacheAsset(e.colorProfile), (n = e.variants) == null || n.forEach((i) => {
+      i.asset && L.cacheAsset(i.asset), i.thumbnail && L.cacheAsset(i.thumbnail), i.material && L.cacheMaterial(i.material);
     });
   }), t.data.options;
 }, fi = async (r, t) => (await t).find((a) => a.id === r), Ci = async (r) => {
@@ -5112,7 +5112,7 @@ const Y = new wi(), Bn = v`
             ...ActiveIntegrationFields
         }
     }
-`, Ui = v`
+`, Li = v`
     ${Ne}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
@@ -5121,7 +5121,7 @@ const Y = new wi(), Bn = v`
             }
         }
     }
-`, Li = v`
+`, Ui = v`
     ${Ne}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
@@ -5137,7 +5137,7 @@ const Y = new wi(), Bn = v`
             internalId
         }
     }
-`, zi = v`
+`, Gi = v`
     query CurrencyConversion($from: String!, $to: String!) {
         currencyConversion(from: $from, to: $to) {
             rateFrom
@@ -5145,7 +5145,7 @@ const Y = new wi(), Bn = v`
             timestamp
         }
     }
-`, Ot = [P.SilentIllustration, P.ProductOverlay], Gi = async (r) => {
+`, Ot = [P.SilentIllustration, P.ProductOverlay], zi = async (r) => {
   const t = [];
   r.introduction && t.push({
     name: "Introduction",
@@ -5328,9 +5328,9 @@ const Q = () => {
   width: u
 }) => {
   var E;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === qt.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) => (
+  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 === qt.FreeDesign && /* @__PURE__ */ k("defs", { children: /* @__PURE__ */ k("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ k("rect", { width: m.width, height: m.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)
+    /* @__PURE__ */ k("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, I)
   )), S = n.map((b) => ({
     ...b,
     _renderingConfiguration: a,
@@ -5357,17 +5357,17 @@ const Q = () => {
       children: [
         w,
         C,
-        !!r && /* @__PURE__ */ F(
+        !!r && /* @__PURE__ */ k(
           "rect",
           {
             id: "layout-background",
-            width: g.width,
-            height: g.height,
+            width: m.width,
+            height: m.height,
             fill: r,
             rx: h
           }
         ),
-        /* @__PURE__ */ F(
+        /* @__PURE__ */ k(
           "g",
           {
             id: "element-group",
@@ -5375,7 +5375,7 @@ const Q = () => {
             children: y.map((b) => On(b)).filter((b) => !!b)
           }
         ),
-        l && /* @__PURE__ */ F(
+        l && /* @__PURE__ */ k(
           "rect",
           {
             x: l.x,
@@ -5384,22 +5384,22 @@ const Q = () => {
             height: l.height,
             fill: "none",
             stroke: l.hidden ? "none" : t || "#aaaaaa",
-            strokeWidth: m / 2,
-            strokeDasharray: `${m * 2} ${m}`
+            strokeWidth: g / 2,
+            strokeDasharray: `${g * 2} ${g}`
           }
         ),
         l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ k(
             "rect",
             {
-              x: g.x,
-              y: g.y,
-              width: g.width,
-              height: g.height,
+              x: m.x,
+              y: m.y,
+              width: m.width,
+              height: m.height,
               fill: "black"
             }
           ),
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ k(
             "rect",
             {
               x: l.x,
@@ -5414,7 +5414,7 @@ const Q = () => {
     }
   );
 }, Rc = (r, t, e, a, n) => {
-  const i = pt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, C = u * d + m * A, w = h * d + g * A, S = Math.max(Math.abs(p), Math.abs(f)), y = 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, g = -o, m = o, p = u * A - g * d, f = h * A - m * d, C = u * d + g * A, w = h * d + m * A, S = Math.max(Math.abs(p), Math.abs(f)), y = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - S,
     maxX: l + S,
@@ -5424,22 +5424,22 @@ const Q = () => {
 }, Oc = (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));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, pt = (r) => r * (Math.PI / 180), $c = (r, t, e) => Math.abs(r - t) < e, Uc = (r, t, e) => {
+}, pt = (r) => r * (Math.PI / 180), $c = (r, t, e) => Math.abs(r - t) < e, Lc = (r, t, e) => {
   const a = Math.sin(pt(e)), n = Math.cos(pt(e));
   return {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, Lc = (r, t) => ({
+}, Uc = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
 }), Vc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), zc = (r, t, e, a) => ({
+}), Gc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), Gc = (r, t, e, a) => ({
+}), zc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), Pt = (r) => {
@@ -5493,7 +5493,7 @@ const Q = () => {
   };
 }, qc = 0.352778, Hc = 0.035277, Mn = (r) => {
   const t = r.rotation || 0, e = pt(t), a = Math.cos(e), n = -Math.sin(e);
-  return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ k("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ k(
     "g",
     {
       transform: `
@@ -5502,7 +5502,7 @@ const Q = () => {
                 matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
-      children: /* @__PURE__ */ F(
+      children: /* @__PURE__ */ k(
         "image",
         {
           xlinkHref: r.src,
@@ -5516,8 +5516,8 @@ const Q = () => {
 }, Tn = (r) => {
   var l;
   const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = pt(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
-  return /* @__PURE__ */ ct(Gt, { children: [
-    /* @__PURE__ */ F("defs", { children: (() => /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ F("path", { d: r.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
+  return /* @__PURE__ */ ct(zt, { children: [
+    /* @__PURE__ */ k("defs", { children: (() => /* @__PURE__ */ k("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ k("path", { d: r.clipPath }) : /* @__PURE__ */ k("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ ct(
       "g",
       {
@@ -5528,7 +5528,7 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
         children: [
-          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ F(
+          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ k(
             "rect",
             {
               stroke: "red",
@@ -5540,7 +5540,7 @@ const Q = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => On(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => On(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ k("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5556,9 +5556,9 @@ const Q = () => {
     return r.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ F(Gt, {});
-  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ F(Gt, { children: r.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
-    /* @__PURE__ */ F(
+    return /* @__PURE__ */ k(zt, {});
+  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ k(zt, { children: r.useThreshold && /* @__PURE__ */ k("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    /* @__PURE__ */ k(
       "feColorMatrix",
       {
         type: "matrix",
@@ -5572,23 +5572,23 @@ const Q = () => {
       }
     ),
     /* @__PURE__ */ ct("feComponentTransfer", { in: "greyscale", children: [
-      /* @__PURE__ */ F("feFuncR", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ F("feFuncG", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ F("feFuncB", { type: "discrete", tableValues: n() })
+      /* @__PURE__ */ k("feFuncR", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ k("feFuncG", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ k("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = pt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, S, y, E, b, I, D, 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;
+    var w, S, y, E, b, I, D, x, F, 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, 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;
     return [(x = r.pattern) != null && x.svg ? {
       id: `${t}-contents`,
       type: M.Illustration,
       x: A,
       y: u,
       rotation: f,
-      width: h * g,
-      height: m * p,
+      width: h * m,
+      height: g * p,
       src: a(),
-      svg: (k = r.pattern) == null ? void 0 : k.svg,
+      svg: (F = r.pattern) == null ? void 0 : F.svg,
       colors: (T = r.pattern) == null ? void 0 : T.colors
     } : {
       id: `${t}-contents`,
@@ -5596,20 +5596,20 @@ const Q = () => {
       x: A,
       y: u,
       rotation: f,
-      width: h * g,
-      height: m * p,
+      width: h * m,
+      height: g * p,
       src: a()
     }];
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ ct(zt, { children: [
     i(),
-    /* @__PURE__ */ F(
+    /* @__PURE__ */ k(
       "g",
       {
         opacity: r.opacity,
         mask: r.stepName ? void 0 : r.mask,
         filter: r.useThreshold ? `url(#${e})` : void 0,
-        children: /* @__PURE__ */ F(
+        children: /* @__PURE__ */ k(
           "g",
           {
             transform: `
@@ -5619,7 +5619,7 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 matrix(${r.scaleX}, 0, 0, ${r.scaleY}, 0, 0)
                 `,
-            children: /* @__PURE__ */ F(
+            children: /* @__PURE__ */ k(
               Tn,
               {
                 id: t,
@@ -5688,15 +5688,15 @@ class Ji {
     }), a - n;
   }
 }
-const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @__PURE__ */ new Map(), Nt = async (r) => {
-  if (Le.has(r))
-    return Le.get(r);
+const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @__PURE__ */ new Map(), Nt = async (r) => {
+  if (Ue.has(r))
+    return Ue.get(r);
   const e = (async () => {
     try {
       return Et(r).getFont();
     } catch {
       if (Ki(r)) {
-        const a = gn(r), n = Xe(a);
+        const a = mn(r), n = Xe(a);
         return ra(r, n), n;
       } else {
         const a = await Fe(r, !0), n = Xe(a);
@@ -5704,9 +5704,9 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       }
     }
   })();
-  return Le.set(r, e), e;
+  return Ue.set(r, e), e;
 }, _i = (r) => {
-  const t = gn(r), e = Xe(t);
+  const t = mn(r), e = Xe(t);
   return ra(r, e), e;
 }, Et = (r) => {
   const t = Nn.get(r);
@@ -5721,18 +5721,18 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   a.querySelectorAll("style").forEach((d) => {
     var u;
     (u = on(d.innerHTML).stylesheet) == null || u.rules.forEach((h) => {
-      var m, g, p;
+      var g, m, p;
       if (h.type === "font-face" && h.declarations) {
-        const f = (m = h.declarations.find(
+        const f = (g = 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];
+        )) == null ? void 0 : g.value, C = (m = h.declarations.find((S) => S.property === "src")) == null ? void 0 : m.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"), 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(
+    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(
       A.innerHTML,
       0,
       0,
@@ -5741,7 +5741,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     let y = 0;
     const E = A.getAttribute("text-anchor");
     E === "middle" ? y = S / 2 : E === "end" && (y = S);
-    const b = g.getPath(
+    const b = m.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - y,
       parseFloat(A.getAttribute("y") ?? "0"),
@@ -5753,11 +5753,11 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
 }, Ee = (r, t, e, a) => Math.max(es(r.join(`
-`), e, a), t), La = (r, t, e, a, n, i) => {
+`), e, a), t), Ua = (r, t, e, a, n, i) => {
   const s = (i || ya) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
-    const l = o.flatMap((d) => me(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
+    const l = o.flatMap((d) => ge(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
     return {
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * s),
@@ -5773,14 +5773,14 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       requiredWidth: Ee(c, r.width, a, n)
     };
   }
-}, me = (r, t, e, a) => {
+}, ge = (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 = me(r.slice(0, d), t, e, a), u = me(r.slice(d), t, e, a);
+    const d = Math.floor(r.length / 2), A = ge(r.slice(0, d), t, e, a), u = ge(r.slice(d), t, e, a);
     return { lines: [...A.lines, ...u.lines], width: Math.max(A.width, u.width) };
   }
   const s = r.split(" "), o = [];
@@ -5788,15 +5788,15 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   for (; c < s.length; ) {
     const d = s[c];
     if (ht(d, e, a) > t) {
-      const A = me(d, t, e, a);
+      const A = ge(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 m = s[u], g = ht(`${A.join(" ")} ${m}`, e, a);
-        g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
+        const g = s[u], m = ht(`${A.join(" ")} ${g}`, e, a);
+        m <= t ? (A.push(g), l = Math.max(l, m), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
     }
@@ -5811,7 +5811,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   var c;
   const n = Et(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
-    return La(t, r, t.fontSize, s, n, a);
+    return Ua(t, r, t.fontSize, s, n, a);
   let o;
   if (t.text ? o = t.text.split(`
 `) : o = ((c = t.input) == null ? void 0 : c.split(`
@@ -5828,7 +5828,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     requiredHeight: t.height,
     requiredWidth: Ee(o, t.width, s, n),
     fontSize: Xi(o, n, i, t.width, t.height, a)
-  } : La(t, r, t.fontSize, s, n, a);
+  } : Ua(t, r, t.fontSize, s, n, a);
 }, ts = (r, t, e, a, n) => {
   const s = Et(t.assetUrl).getFont();
   let o = { ...r };
@@ -5885,25 +5885,25 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       };
   })()
 } : r, ya = 1.1, rs = (r) => {
-  var m, g, p, f, C;
+  var g, m, 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 = fr.compile(r.text || "")((m = r._renderingConfiguration) == null ? void 0 : m.templatingContext);
+    c = fr.compile(r.text || "")((g = r._renderingConfiguration) == null ? void 0 : g.templatingContext);
   } catch {
     c = r.text ?? "";
   }
   const d = c.split(`
-`), 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;
+`), 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;
   if (r.curved && !r.paths || !r.fontData)
     return null;
   const h = () => {
     var w;
     return r.textFillImage ? `url("#${s}")` : (w = r._renderingConfiguration) != null && w.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${wn(r.fillSpotColorDefinition)}` : r.fill;
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
-      r.textFillImage && /* @__PURE__ */ F(
+      r.textFillImage && /* @__PURE__ */ k(
         "pattern",
         {
           id: s,
@@ -5912,7 +5912,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
           height: r.textFillImage.scale * r.textFillImage.height,
           x: 0,
           y: 0,
-          children: /* @__PURE__ */ F(
+          children: /* @__PURE__ */ k(
             "image",
             {
               href: r.textFillImage.src,
@@ -5923,7 +5923,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
           )
         }
       ),
-      /* @__PURE__ */ F(
+      /* @__PURE__ */ k(
         "style",
         {
           type: "text/css",
@@ -5937,10 +5937,10 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
           }
         }
       ),
-      r.curved && r.paths ? /* @__PURE__ */ F("path", { id: i, d: r.paths[0] }) : void 0
+      r.curved && r.paths ? /* @__PURE__ */ k("path", { id: i, d: r.paths[0] }) : void 0
     ] }),
-    (C = r._renderingConfiguration) != null && C.debug ? /* @__PURE__ */ F("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
-    /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ F(
+    (C = r._renderingConfiguration) != null && C.debug ? /* @__PURE__ */ k("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
+    /* @__PURE__ */ k("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ k("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ k(
       "text",
       {
         xmlSpace: "preserve",
@@ -5955,7 +5955,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
         },
         stroke: A,
         strokeWidth: u,
-        children: r.curved ? /* @__PURE__ */ F(ss, { text: c, curvedPathId: i, align: r.align }) : d.map((w, S) => /* @__PURE__ */ F(
+        children: r.curved ? /* @__PURE__ */ k(ss, { text: c, curvedPathId: i, align: r.align }) : d.map((w, S) => /* @__PURE__ */ k(
           is,
           {
             align: r.vertical ? "center" : r.align,
@@ -5986,10 +5986,10 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     const s = (r.amountLines - 1) / 2;
     return (r.thisLineIdx - s) * n + r.fontSize / 4;
   };
-  return /* @__PURE__ */ F("tspan", { textAnchor: Rn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ k("tspan", { textAnchor: Rn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, ss = (r) => {
   const t = `#${r.curvedPathId}`;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ k(
     "textPath",
     {
       startOffset: (() => r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%")(),
@@ -6002,7 +6002,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
 }, os = (r) => {
   var s, o;
   if (r.cachedObjectURL && !((s = r._renderingConfiguration) != null && s.omitCachedFields))
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ k(
       Mn,
       {
         id: r.id,
@@ -6027,7 +6027,7 @@ const Ki = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     throw new Error(
       `Illustration element ${r.id} (stepName ${r.stepName}) lacked svg from src ${r.src} at render time.`
     );
-  return /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ k("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ k(
     "g",
     {
       transform: i,
@@ -6135,9 +6135,9 @@ class ls {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const On = (r) => r.type === M.Image ? /* @__PURE__ */ F(Mn, { ...r }, r.id) : r.type === M.Frame ? /* @__PURE__ */ F(Yi, { ...r }, r.id) : r.type === M.Illustration ? /* @__PURE__ */ F(os, { ...r }, r.id) : r.type === M.Textbox ? /* @__PURE__ */ F(rs, { ...r }, r.id) : r.type === M.Group ? /* @__PURE__ */ F(Tn, { ...r }, r.id) : null, Sa = (r, t, e) => {
+const On = (r) => r.type === M.Image ? /* @__PURE__ */ k(Mn, { ...r }, r.id) : r.type === M.Frame ? /* @__PURE__ */ k(Yi, { ...r }, r.id) : r.type === M.Illustration ? /* @__PURE__ */ k(os, { ...r }, r.id) : r.type === M.Textbox ? /* @__PURE__ */ k(rs, { ...r }, r.id) : r.type === M.Group ? /* @__PURE__ */ k(Tn, { ...r }, r.id) : null, Sa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ k(
     Hi,
     {
       preserveAspectRatio: void 0,
@@ -6185,7 +6185,7 @@ const ae = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new Map(), $n = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), Ge = /* @__PURE__ */ new Map(), $n = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6209,8 +6209,8 @@ const ae = (r) => {
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
 }, Qe = async (r) => {
-  if (ze.has(r))
-    return ze.get(r);
+  if (Ge.has(r))
+    return Ge.get(r);
   const e = (async () => {
     if (Vt.has(r))
       return Vt.get(r);
@@ -6246,7 +6246,7 @@ const ae = (r) => {
     }
     throw new Error("Malformed frame SVG");
   })();
-  return ze.set(r, e), e;
+  return Ge.set(r, e), e;
 }, Ea = (r, t, e, a) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
@@ -6262,7 +6262,7 @@ const ae = (r) => {
   if (At.has(r))
     return At.get(r);
   if (r.startsWith("data:image/svg+xml")) {
-    const a = Cr(r), n = new TextDecoder().decode(a.buffer), i = Un(n), s = {
+    const a = Cr(r), n = new TextDecoder().decode(a.buffer), i = Ln(n), s = {
       src: r,
       width: i.width,
       height: i.height,
@@ -6289,12 +6289,12 @@ const ae = (r) => {
   }
 }, ba = async (r) => {
   const t = await at(r);
-  return Un(t);
-}, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Un = (r) => {
+  return Ln(t);
+}, Ga = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Ln = (r) => {
   const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
-  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, za(i), za(s)] : n == null ? void 0 : n.split(" ").map((l) => Number(l));
+  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, Ga(i), Ga(s)] : n == null ? void 0 : n.split(" ").map((l) => Number(l));
   if (!o)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6304,13 +6304,13 @@ const ae = (r) => {
 }, $t = (r, t) => {
   const e = r.layoutState.elements.filter((n) => n.layer === t), a = Math.max(...e.map((n) => n.layerIndex).filter((n) => n !== void 0));
   return Math.max(a, 0) + 1;
-}, Ln = async (r) => new Promise((t) => {
+}, Un = async (r) => new Promise((t) => {
   at(r).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), Ge = /* @__PURE__ */ new Map(), Kt = async (r) => {
-  if (Ge.has(r))
-    return Ge.get(r);
+}), ze = /* @__PURE__ */ new Map(), Kt = async (r) => {
+  if (ze.has(r))
+    return ze.get(r);
   const t = async (n) => new Promise((i, s) => {
     try {
       if (!(!!URL && !!URL.createObjectURL))
@@ -6327,23 +6327,23 @@ const ae = (r) => {
     const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(s), c = gt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
+    const l = Bt().serializeToString(s), c = mt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: gt,
+      createCanvas: mt,
       createImage: Zt,
-      DOMParser: ga(),
+      DOMParser: ma(),
       fetch: rt
-    }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
+    }), u = s.getAttribute("width"), h = s.getAttribute("height"), g = 2048;
     if (h && u) {
-      const g = parseFloat(h), f = parseFloat(u) / g;
-      f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
+      const m = parseFloat(h), f = parseFloat(u) / m;
+      f > 1 ? A.resize(g, g / f) : A.resize(g * f, g);
     } else
-      A.resize(m, m);
+      A.resize(g, g);
     return await A.render(), await t(c);
   })();
-  return Ge.set(r, a), a;
-}, Ut = async (r, t, e, a) => {
+  return ze.set(r, a), a;
+}, Lt = async (r, t, e, a) => {
   const n = r.layoutState.layout.useEditableArea && r.layoutState.layout.editableArea || {
     width: r.layoutState.layout.width,
     height: r.layoutState.layout.height,
@@ -6358,10 +6358,10 @@ const ae = (r) => {
     panelId: r.layoutState.layout.panelId
   };
   if (e && t === M.Illustration) {
-    const l = await lt(await Ln(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
+    const l = await lt(await Un(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u)
       throw new Error("SVG missing viewBox.");
-    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
+    const h = o.height, g = u.split(" "), m = parseFloat(g[2]) || 1, p = parseFloat(g[3]) || 1, f = m / p;
     o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === M.Image) {
@@ -6377,7 +6377,7 @@ const ae = (r) => {
 };
 class Jc {
   static async getFrame(t, e) {
-    const a = await $n(e.region, e.src), n = await Qe(a), i = e.region || await Ut(t, M.Frame);
+    const a = await $n(e.region, e.src), n = await Qe(a), i = e.region || await Lt(t, M.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -6403,7 +6403,7 @@ class Jc {
     };
   }
   static async getImage(t, e) {
-    const a = e.region || await Ut(t, M.Image, e.src);
+    const a = e.region || await Lt(t, M.Image, e.src);
     return {
       id: Q(),
       src: e.src,
@@ -6420,14 +6420,14 @@ class Jc {
     };
   }
   static async getTextbox(t, e) {
-    var m;
+    var g;
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Nt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
     }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = be(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), A = e.region || await Ut(t, M.Textbox, n, {
+    }), A = e.region || await Lt(t, M.Textbox, n, {
       text: d,
       fontScale: a.size ? a.size / s.unitsPerEm : void 0
     }), u = ee(
@@ -6458,7 +6458,7 @@ class Jc {
       { ...A, height: u.height },
       o,
       u.fontSize,
-      ((m = u == null ? void 0 : u.text) == null ? void 0 : m.split(`
+      ((g = u == null ? void 0 : u.text) == null ? void 0 : g.split(`
 `)) || [],
       u.align
     );
@@ -6493,7 +6493,7 @@ class Jc {
                     </svg>
                 `, n = {};
     n["spiff-fill-shape"] = { browserValue: e.color };
-    const i = e.region || await Ut(t, M.Illustration), s = Q();
+    const i = e.region || await Lt(t, M.Illustration), s = Q();
     return {
       stepRegion: e.region,
       colors: n,
@@ -6511,7 +6511,7 @@ class Jc {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region || await Ut(t, M.Illustration, e.src), n = await lt(await Ln(e.src)), i = await Kt(n.svg), s = Q();
+    const a = e.region || await Lt(t, M.Illustration, e.src), n = await lt(await Un(e.src)), i = await Kt(n.svg), s = Q();
     return {
       cachedObjectURL: i,
       stepRegion: e.region,
@@ -6536,7 +6536,7 @@ class V extends Error {
     super("Element not found!"), Object.setPrototypeOf(this, V.prototype);
   }
 }
-const L = (r, t) => X(r, t).elements.find((n) => n.id === r), X = (r, t) => {
+const U = (r, t) => X(r, t).elements.find((n) => n.id === r), X = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
     throw new V();
@@ -6548,7 +6548,7 @@ const L = (r, t) => X(r, t).elements.find((n) => n.id === r), X = (r, t) => {
     elements: a,
     modificationID: Q()
   };
-}, Ga = async (r) => {
+}, za = async (r) => {
   var a;
   const t = [...Object.keys(r.layouts)], e = [...new Set(t)];
   for (let n = 0; n < e.length; n++) {
@@ -6627,7 +6627,7 @@ class Kc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6650,7 +6650,7 @@ class _c extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6672,7 +6672,7 @@ class Xc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     let a = {
@@ -6723,7 +6723,7 @@ class Vn extends O {
     };
   }
 }
-class G extends O {
+class z extends O {
   /**
    * @param initialParams The initial parameters to be set on this new object
    * @param callback An optional callback function to be notified when the object has been instantiated
@@ -6811,7 +6811,7 @@ class ds extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6835,7 +6835,7 @@ class We extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6857,7 +6857,7 @@ class As extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6879,7 +6879,7 @@ class ja extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6901,7 +6901,7 @@ class us extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6953,13 +6953,13 @@ class hs extends O {
     };
   }
 }
-class ms extends O {
+class gs extends O {
   constructor(t, e, a, n, i) {
     super(), this.id = t, this.useThreshold = e, this.invertThreshold = a, this.threshold = n, this.thresholdSaturation = i;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6984,7 +6984,7 @@ class Zc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -7000,13 +7000,13 @@ class Zc extends O {
     };
   }
 }
-class gs extends O {
+class ms extends O {
   constructor(t, e) {
     super(), this.id = t, this.text = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = X(e.id, Object.values(t.layouts)), n = Z(ee(e, this.text, e), a);
@@ -7025,7 +7025,7 @@ class je extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -7048,7 +7048,7 @@ class oa extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = e.colors || {}, n = a[this.className];
@@ -7080,7 +7080,7 @@ class ps extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -7105,7 +7105,7 @@ class td extends O {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
       throw new V();
     const a = Object.values(t.layouts).find((s) => s.elements.find((o) => o.id === this.id));
     if (!a)
@@ -7135,7 +7135,7 @@ class ed extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
@@ -7165,7 +7165,7 @@ class ad extends O {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
       throw new V();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7192,7 +7192,7 @@ class nd extends O {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
       throw new V();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7251,10 +7251,10 @@ class qa {
             id: h.id,
             region: n
           },
-          command: new G(h, i)
+          command: new z(h, i)
         };
       } else {
-        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) => {
+        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) => {
           if (!u) {
             f("Undefined vector silent step source");
             return;
@@ -7262,13 +7262,13 @@ class qa {
           at(u, !0).then((C) => {
             p(C);
           }).catch((C) => console.error(C));
-        }))()), g = {
+        }))()), m = {
           stepName: this.configuration.stepName,
           id: Q(),
-          cachedObjectURL: await Kt(m.svg),
+          cachedObjectURL: await Kt(g.svg),
           src: u,
-          svg: m.svg,
-          colors: m.colors,
+          svg: g.svg,
+          colors: g.colors,
           type: o,
           y: n.top,
           x: n.left,
@@ -7283,10 +7283,10 @@ class qa {
         };
         return {
           regionElement: {
-            id: g.id,
+            id: m.id,
             region: n
           },
-          command: new G(g, i)
+          command: new z(m, i)
         };
       }
     }, this.configuration = t, this.layouts = e, this.product = a || void 0;
@@ -7313,7 +7313,7 @@ class qa {
   }
 }
 const fs = async (r) => {
-  const t = `${mt.getServicesApiUrl()}/shortener`;
+  const t = `${gt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await rt(t, {
       method: "POST",
@@ -7326,7 +7326,7 @@ const fs = async (r) => {
     throw console.error(e), new xe("Failed to shorten URL, see console.");
   }
 };
-class zn {
+class Gn {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7369,23 +7369,23 @@ class Cs {
   }
   async regenerateQRCode(t, e, a, n) {
     const i = async () => {
-      var g, p;
-      const h = (await ve([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 zn(
+      var m, p;
+      const h = (await ve([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) => {
+      new Gn(
         async () => !!(await i()).link,
         async () => {
-          const g = await i();
-          if (!g.link || !g.link)
-            throw new Ht(g.asset);
+          const m = await i();
+          if (!m.link || !m.link)
+            throw new Ht(m.asset);
           h({
             rel: "mpeg4",
-            href: g.link
+            href: m.link
           });
         },
         () => {
-          m("Poller timed out with 40 attempts @ 3 second interval");
+          g("Poller timed out with 40 attempts @ 3 second interval");
         },
         3e3,
         40
@@ -7421,7 +7421,7 @@ class Cs {
         throw new Error("Region not found");
       if (!A || !d)
         throw new Error("Neither a region or layout found!");
-      return new G(
+      return new z(
         {
           stepRegion: d,
           stepName: n,
@@ -7441,7 +7441,7 @@ class Cs {
     } };
   }
 }
-const Gn = new Cs();
+const zn = new Cs();
 class Be {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7467,7 +7467,7 @@ class Be {
     const s = e.getWorkflowExperience().getBundle();
     if (s && t.globalPropertyAspectConfigurations) {
       const o = s.getGlobalPropertyStateManager(), l = t.globalPropertyAspectConfigurations[0], c = o.getAspectStorage(l.aspectName);
-      c && c.originalAssetKey && (i = (await U.getLocalOrFromServer(c.originalAssetKey)).fileLink);
+      c && c.originalAssetKey && (i = (await L.getLocalOrFromServer(c.originalAssetKey)).fileLink);
     }
     if (t.option && t.option.variants && t.option.variants.length > 0) {
       const o = t.option, l = Y.getDefaultVariant(o);
@@ -7503,8 +7503,8 @@ class Be {
     }
     if (n) {
       const d = async () => {
-        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;
+        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;
         if (e.updateMetadata(t.stepName, {
           frameOffsetsList: h,
           framePatternSrc: u
@@ -7534,7 +7534,7 @@ class Be {
             l,
             async () => {
               const h = await Promise.all(
-                t.data.regions.map((m) => this.frameSourceSvg(u, m))
+                t.data.regions.map((g) => this.frameSourceSvg(u, g))
               );
               e.updateStorage(t.stepName, { currentFrameSources: h }), await d();
             }
@@ -7563,14 +7563,14 @@ class Be {
     const o = e.fileLink || "";
     return o.endsWith(".pdf") || o.endsWith(".eps") || o.endsWith(".ai") ? new Promise((c) => {
       a.addPoller(
-        new zn(
+        new Gn(
           async () => {
             var h;
-            const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
+            const A = (h = (await L.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((g) => g.name === "svg");
             return A ? (await rt(A.link)).status === 200 : !1;
           },
           () => {
-            U.getLocalOrFromServer(e.key || "").then((d) => {
+            L.getLocalOrFromServer(e.key || "").then((d) => {
               this.loadPatternFromAsset(d, t, a, n).then(
                 c
               );
@@ -7594,7 +7594,7 @@ class Be {
     s && (s.command && n.getCommandDispatcher()(s.command), s.followup && await s.followup());
   }
   getCreateElementCommand(t, e, a, n) {
-    return new G(
+    return new z(
       {
         id: t,
         type: M.Frame,
@@ -7728,12 +7728,12 @@ class Be {
     if (!o)
       throw new Error("Frame service unavailable, cannot load pattern!");
     const l = await Promise.all(
-      t.data.regions.map((m) => this.frameSourceSvg(e, m))
+      t.data.regions.map((g) => this.frameSourceSvg(e, g))
     );
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
-      t.data.regions.map(async (m, g) => {
-        const p = await Qe(l[g]), f = o.getImageData(), C = a.map((I) => new bt(I.id)), w = f ? Ea(
+      t.data.regions.map(async (g, m) => {
+        const p = await Qe(l[m]), f = o.getImageData(), C = a.map((I) => new bt(I.id)), w = f ? Ea(
           f,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7748,11 +7748,11 @@ class Be {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, y = Q(), b = n.getLayouts().find((I) => I.panelId === m.panelId);
+        } : void 0, y = Q(), b = n.getLayouts().find((I) => I.panelId === g.panelId);
         if (!b)
-          throw new J(m);
+          throw new J(g);
         return {
-          command: this.getCreateElementCommand(y, m, b, {
+          command: this.getCreateElementCommand(y, g, b, {
             frameData: p,
             pattern: S,
             disablePlaceholder: t.data.disablePlaceholder,
@@ -7760,26 +7760,26 @@ class Be {
           }),
           regionEl: {
             id: y,
-            region: m
+            region: g
           },
           removeExistingCommands: C
         };
       })
-    ), A = d.map((m) => m.command), u = d.map((m) => m.removeExistingCommands).flat();
+    ), A = d.map((g) => g.command), u = d.map((g) => g.removeExistingCommands).flat();
     return {
       command: new $([...A, ...u]),
       followup: async () => {
         i && i(!1), await n.setSelectionsAndElements(
           t.stepName,
           e ? [e] : [],
-          [...d.map((m) => m.regionEl)],
+          [...d.map((g) => g.regionEl)],
           async () => {
-            var m;
+            var g;
             if (n.updateStorage(t.stepName, { currentFrameSources: l }), s) {
-              const g = (m = n.getWorkflowExperience().getStepById(t.stepName)) == null ? void 0 : m.frameService;
-              if (!g)
+              const m = (g = n.getWorkflowExperience().getStepById(t.stepName)) == null ? void 0 : g.frameService;
+              if (!m)
                 throw new Error("Frame service unavailable, cannot load pattern!");
-              await this.loadPatternFromString(s, g, !0);
+              await this.loadPatternFromString(s, m, !0);
             }
           }
         );
@@ -7838,7 +7838,7 @@ class ws {
     });
   }
   getCreateElementCommand(t, e, a, n) {
-    return new G(
+    return new z(
       {
         stepRegion: e,
         stepName: n.stepName,
@@ -7865,7 +7865,7 @@ class ws {
     if (a.length === 0)
       return [];
     try {
-      return L(
+      return U(
         a[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -7947,39 +7947,39 @@ class ws {
     return new $(c);
   }
   async changeColors(t, e, a, n, i) {
-    var h, m;
+    var h, g;
     if (e.length === 0)
       return;
-    const s = L(
+    const s = U(
       e[0].id,
-      n().map((g) => g.layoutState)
+      n().map((m) => m.layoutState)
     ), o = { ...s.colors }, l = {};
-    Object.entries(o).forEach(([g, p]) => {
+    Object.entries(o).forEach(([m, p]) => {
       const f = { browserValue: p.browserValue, pmsValue: p.pmsValue }, C = p.spotColor;
-      C && (f.spotColor = { profileName: C.profileName, namedColor: C.namedColor }), l[g] = f;
+      C && (f.spotColor = { profileName: C.profileName, namedColor: C.namedColor }), l[m] = f;
     });
-    for (const [g, p] of i.entries()) {
+    for (const [m, p] of i.entries()) {
       const f = typeof p == "string" ? p : p.browserValue, C = typeof p == "string" ? void 0 : p.pmsValue;
-      o[g] = { browserValue: f, spotColor: (h = o[g]) == null ? void 0 : h.spotColor, pmsValue: C }, l[g] = { browserValue: f };
+      o[m] = { browserValue: f, spotColor: (h = o[m]) == null ? void 0 : h.spotColor, pmsValue: C }, l[m] = { browserValue: f };
     }
-    let c = Array.from(Object.values(o)).map((g) => g.browserValue);
+    let c = Array.from(Object.values(o)).map((m) => m.browserValue);
     const d = t.data.colorOption;
-    d && ((m = d.variants) == null || m.forEach((g) => {
+    d && ((g = d.variants) == null || g.forEach((m) => {
       c = c.map((p) => {
         var f;
-        return p.toLowerCase() === ((f = g.color) == null ? void 0 : f.toLowerCase()) ? g.name : p;
+        return p.toLowerCase() === ((f = m.color) == null ? void 0 : f.toLowerCase()) ? m.name : p;
       });
     })), a.updateMetadata(t.stepName, { colors: c });
     const A = /* @__PURE__ */ new Map();
-    if (Object.entries(o).forEach(([g, p]) => {
-      A.set(g, p);
+    if (Object.entries(o).forEach(([m, p]) => {
+      A.set(m, 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((g) => g.id),
+      e.map((m) => m.id),
       A
     );
     a.updateStorage(t.stepName, {
@@ -8017,16 +8017,16 @@ class ws {
           svg: c
         })
       };
-    }, 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);
+    }, 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);
     const p = t.data.colorOption;
     return p && ((f = p.variants) == null || f.forEach((C) => {
-      g = g.map((w) => {
+      m = m.map((w) => {
         var S;
         return w.toLowerCase() === ((S = C.color) == null ? void 0 : S.toLowerCase()) ? C.name : w;
       });
-    })), i.updateMetadata(t.stepName, { colors: g }), {
-      command: new $(m),
+    })), i.updateMetadata(t.stepName, { colors: m }), {
+      command: new $(g),
       followup: async () => {
         var w, S;
         await i.setSelectionsAndElements(
@@ -8076,7 +8076,7 @@ class ws {
     };
   }
 }
-const ge = new ws();
+const me = new ws();
 class ys {
   async init(t, e, a) {
     const n = t.option;
@@ -8105,20 +8105,20 @@ class ys {
       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((m) => ({ id: m.id, region: m.stepRegion }));
+          const u = A.material, h = o.map((g) => ({ id: g.id, region: g.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
             [A],
             h,
             async () => {
-              const m = e.getModelContainer();
-              if (m) {
-                const g = t.data.targetMaterials.map((p) => m.applyMaterialVariant(
+              const g = e.getModelContainer();
+              if (g) {
+                const m = t.data.targetMaterials.map((p) => g.applyMaterialVariant(
                   p,
                   l.id || "",
                   u || {}
                 ));
-                Promise.all(g).then(
+                Promise.all(m).then(
                   () => e.setMandatoryFulfilled(t.stepName, !0)
                 );
               }
@@ -8187,16 +8187,16 @@ class Ss {
             [A],
             u,
             async () => {
-              var m;
+              var g;
               const h = e.getModelContainer();
               if (h && t.option) {
-                const g = (m = A.asset) == null ? void 0 : m.fileLink;
-                if (!g)
+                const m = (g = A.asset) == null ? void 0 : g.fileLink;
+                if (!m)
                   throw new vt(A);
                 await h.applyModelVariant(
                   t.stepName || "",
                   {
-                    model: g,
+                    model: m,
                     contextService: e.getLayoutPreviewService()
                   },
                   t.data.replaceProductModel || !1
@@ -8276,17 +8276,17 @@ class vs {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (A, u, h) => {
-      const m = h || Q(), p = a.getLayouts().find((C) => C.panelId === u.panelId);
+      const g = 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(m)), f.push(
-        new G(
+      return h && f.push(new bt(g)), f.push(
+        new z(
           {
             stepRegion: u,
             stepName: t.stepName,
             colors: {},
-            id: m,
+            id: g,
             svg: A,
             type: M.Illustration,
             y: u.top,
@@ -8301,7 +8301,7 @@ class vs {
           p
         )
       ), {
-        id: m,
+        id: g,
         region: u,
         command: new $(f)
       };
@@ -8310,8 +8310,8 @@ class vs {
       const u = i.map((h) => {
         if (!h.region)
           return null;
-        const m = s.svgPrint(e, h.region);
-        return c(m, h.region, h.id);
+        const g = s.svgPrint(e, h.region);
+        return c(g, h.region, h.id);
       }).filter((h) => !!h).filter((h) => !!h).map((h) => h && h.command);
       return {
         command: new $(u),
@@ -8325,7 +8325,7 @@ class vs {
       return {
         command: new $(u),
         followup: async () => {
-          const h = A.filter((m) => m).map((m) => m && { id: m.id, region: m.region });
+          const h = A.filter((g) => g).map((g) => g && { id: g.id, region: g.region });
           await a.setSelectionsAndElements(
             t.stepName,
             [],
@@ -8403,17 +8403,17 @@ class Es {
       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((g) => g.panelId === A.panelId);
+      const h = a.getLayouts().find((m) => m.panelId === A.panelId);
       if (!h)
         throw new J(A);
-      const m = Q();
+      const g = Q();
       return {
-        regionElement: { id: m, region: A },
-        command: new G(
+        regionElement: { id: g, region: A },
+        command: new z(
           {
             stepName: t.stepName,
             stepRegion: A,
-            id: m,
+            id: g,
             src: s,
             type: M.Image,
             y: A.top,
@@ -8593,10 +8593,10 @@ class Bs {
     if (a.length > 0) {
       const c = (A) => {
         const u = A.region;
-        if (!i.find((g) => g.panelId === (u == null ? void 0 : u.panelId)))
+        if (!i.find((m) => m.panelId === (u == null ? void 0 : u.panelId)))
           throw new J(u);
-        const m = o();
-        return new oa(A.id, this.shapeFillId, m);
+        const g = o();
+        return new oa(A.id, this.shapeFillId, g);
       }, d = a.map(c).filter((A) => !!A);
       return {
         command: new $(d),
@@ -8610,10 +8610,10 @@ class Bs {
       };
     } else {
       const c = (h) => {
-        const m = i.find((w) => w.panelId === h.panelId);
-        if (!m)
+        const g = i.find((w) => w.panelId === h.panelId);
+        if (!g)
           throw new J(h);
-        const g = o(), p = `
+        const m = o(), p = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -8630,16 +8630,16 @@ class Bs {
                             width="1"
                             height="1"
                             class="${this.shapeFillId}"
-                            fill="${g}"
+                            fill="${m}"
                         />
                     </svg>
                 `, f = {};
-        f[this.shapeFillId] = { browserValue: g };
+        f[this.shapeFillId] = { browserValue: m };
         const C = Q();
         return {
           id: C,
           region: h,
-          command: new G(
+          command: new z(
             {
               stepRegion: h,
               stepName: t.stepName,
@@ -8657,7 +8657,7 @@ class Bs {
               immutable: h.immutable,
               excludeFromExport: t.data.excludeFromPrint
             },
-            m
+            g
           )
         };
       }, 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 }));
@@ -8677,7 +8677,7 @@ class Bs {
     }
   }
 }
-const zt = new Bs();
+const Gt = new Bs();
 class Is {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8717,17 +8717,17 @@ const Ps = new Is(), qe = (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 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));
+    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));
       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, m = !0);
+      ], s += 1, g = !0);
     }
-    m || (c = !1);
+    g || (c = !1);
   }
   return [null, null];
 }, pe = (r, t, e, a, n) => {
@@ -8807,11 +8807,11 @@ class xs {
         height: A.height,
         width: A.width,
         scale: t.data.imageFillScale || 1
-      } : void 0, h = this.getDefaultStrokeColorVariant(t.data), m = t.data.strokeEnabled && (h != null && h.color) ? {
+      } : void 0, h = this.getDefaultStrokeColorVariant(t.data), g = t.data.strokeEnabled && (h != null && h.color) ? {
         browserValue: h.color,
         pmsValue: h.name
       } : void 0;
-      let g = t.data.defaultText || "";
+      let m = t.data.defaultText || "";
       const p = e.getWorkflowExperience().getBundle();
       if (p && t.globalPropertyAspectConfigurations) {
         const C = (s = p.getGlobalPropertyConfiguration()) == null ? void 0 : s.aspects, w = C == null ? void 0 : C.find((S) => {
@@ -8820,17 +8820,17 @@ class xs {
         });
         if (w) {
           const y = p.getGlobalPropertyStateManager().getAspect(w.name);
-          y && (g = y);
+          y && (m = y);
         }
       }
       e.updateStorage(t.stepName, {
-        text: g,
+        text: m,
         inputText: t.data.defaultText || "",
         color: ((o = this.getDefaultColorVariant(t.data)) == null ? void 0 : o.color) || this.getDefaultColor(t.data),
         fillImage: u,
-        strokeColor: m
+        strokeColor: g
       }), e.updateMetadata(t.stepName, {
-        text: g,
+        text: m,
         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
@@ -8840,7 +8840,7 @@ class xs {
         return console.log(`LOG: text step init default (${t.stepName})`), this.selectVariantCommand(
           t,
           f,
-          { text: g },
+          { text: m },
           [],
           e,
           () => {
@@ -8848,13 +8848,13 @@ class xs {
           () => {
           },
           u,
-          m
+          g
         );
     }
     return console.log(`LOG: text step init end (${t.stepName})`), null;
   }
   findLayoutElements(t, e) {
-    return t.getRegionElements(e.stepName).map((i) => L(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => U(i.id, t.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -9002,7 +9002,7 @@ class xs {
     const l = [], c = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
     for (const A of e) {
       if (!A.fontData)
-        throw new z("Failed to resolve font data for text.");
+        throw new G("Failed to resolve font data for text.");
       const [u, h] = pe(
         A.fontSize,
         A.fontData,
@@ -9011,9 +9011,9 @@ class xs {
         { size: a.data.size, minSize: a.data.minSize, maxSize: a.data.maxSize }
       );
       c.set(A.id, u), d.set(A.id, h);
-      const m = a.data.curved ? s : (h || []).join(`
+      const g = a.data.curved ? s : (h || []).join(`
 `);
-      l.push(this.generateTextChangeCommandsForRegion(u, a.data, A.id, m));
+      l.push(this.generateTextChangeCommandsForRegion(u, a.data, A.id, g));
     }
     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
@@ -9048,13 +9048,15 @@ class xs {
     const n = e.getSerializedStep(
       t.stepName,
       a.serializableWorkflow.steps
-    ), o = Object.values(a.layouts).map((m) => m.elements).flat().filter((m) => m.stepName === t.stepName), l = t.option;
+    ), o = Object.values(a.layouts).map((g) => g.elements).flat().filter((g) => g.stepName === t.stepName), l = t.option;
     if (n != null && n.selectedVariants) {
-      const m = n.selectedVariants[0].id;
-      if (l && m) {
-        const g = (c = l.variants) == null ? void 0 : c.find((p) => p.id === m);
-        if (g) {
-          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;
+      console.log("LOG: text reload a");
+      const g = n.selectedVariants[0].id;
+      if (l && g) {
+        const m = (c = l.variants) == null ? void 0 : c.find((p) => p.id === g);
+        if (m) {
+          console.log("LOG: text reload a variant");
+          const p = await this.fontDataFromVariant(m), 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 S = e.getWorkflowExperience().getBundle();
           if (S && t.globalPropertyAspectConfigurations) {
@@ -9064,12 +9066,12 @@ class xs {
             });
             if (E) {
               const I = S.getGlobalPropertyStateManager().getAspect(E.name);
-              I && (w = I);
+              I && (console.log("LOG: text reload a variant found aspect text"), w = I);
             }
           }
           if (await e.setSelectionsAndElements(
             t.stepName,
-            [g],
+            [m],
             f,
             async () => {
               e.updateMetadata(t.stepName, { color: C, text: w }), e.updateStorage(t.stepName, { text: w, inputText: w });
@@ -9077,6 +9079,7 @@ class xs {
               e.getCommandDispatcher()(E);
             }
           ), o.length === 0 && l) {
+            console.log("LOG: text reload a variant no elements");
             const y = Y.getDefaultVariant(l);
             if (y) {
               const E = await this.selectVariantCommand(
@@ -9093,6 +9096,7 @@ class xs {
               e.getCommandDispatcher()(E.command);
             }
           } else {
+            console.log("LOG: text reload a variant yes elements");
             const { command: y } = W.updateInputText(
               w || "",
               o,
@@ -9104,18 +9108,23 @@ class xs {
         }
       }
     } else {
-      const m = e.getWorkflowExperience().getBundle();
-      if (m && t.globalPropertyAspectConfigurations) {
-        const g = (h = m.getGlobalPropertyConfiguration()) == null ? void 0 : h.aspects, p = g == null ? void 0 : g.find((f) => {
+      console.log("LOG: text reload b");
+      const g = e.getWorkflowExperience().getBundle();
+      if (g && t.globalPropertyAspectConfigurations) {
+        console.log("LOG: text reload found bundle");
+        const m = (h = g.getGlobalPropertyConfiguration()) == null ? void 0 : h.aspects, p = m == null ? void 0 : m.find((f) => {
           var C;
           return f.type === j.Text && ((C = t.globalPropertyAspectConfigurations) == null ? void 0 : C.map((w) => w.aspectName).includes(f.name));
         });
         if (p) {
-          const C = m.getGlobalPropertyStateManager().getAspect(p.name);
+          console.log(`LOG: text reload found aspect ${p.name}`);
+          const C = g.getGlobalPropertyStateManager().getAspect(p.name);
           if (C)
-            if (o.length === 0 && l) {
+            if (console.log("LOG: text reload b found aspect text"), o.length === 0 && l) {
+              console.log("LOG: text reload b variant no elements");
               const w = Y.getDefaultVariant(l);
               if (w) {
+                console.log("LOG: text reload b variant default");
                 const S = await this.selectVariantCommand(
                   t,
                   w,
@@ -9130,6 +9139,7 @@ class xs {
                 e.getCommandDispatcher()(S.command);
               }
             } else {
+              console.log("LOG: text reload b variant yes elements");
               const { command: w } = W.updateInputText(
                 C,
                 o,
@@ -9140,6 +9150,7 @@ class xs {
             }
         }
       }
+      console.log("LOG: text reload b end");
     }
   }
   getDefaultColorVariant(t) {
@@ -9192,7 +9203,7 @@ class xs {
         );
         h.push(...p);
       }
-      const m = await this.changeInputTextWithRegion(
+      const g = await this.changeInputTextWithRegion(
         t,
         t.data.size || He,
         A,
@@ -9203,7 +9214,7 @@ class xs {
         s,
         o
       );
-      return m && h.push(m), {
+      return g && h.push(g), {
         command: new $(h),
         followup: async () => {
           i.markUpdateCompleted(d), await i.setSelectionsAndElements(t.stepName, [e], n);
@@ -9217,7 +9228,7 @@ class xs {
         A,
         a,
         i
-      ), m = await this.changeInputTextWithRegion(
+      ), g = await this.changeInputTextWithRegion(
         t,
         t.data.size || He,
         A,
@@ -9227,21 +9238,21 @@ class xs {
         (a == null ? void 0 : a.customiseAllText) ?? !1,
         s,
         o
-      ), g = h.flatMap((f) => f.commands);
+      ), m = h.flatMap((f) => f.commands);
       if (l) {
         const f = h.map(
           (C) => new We(C.regionElement.id, l)
         );
-        g.push(...f);
+        m.push(...f);
       }
       if (c) {
         const f = n.map(
           (C) => new je(C.id, c, t.data.strokeThickness)
         );
-        g.push(...f);
+        m.push(...f);
       }
-      return m && g.push(m), {
-        command: new $(g),
+      return g && m.push(g), {
+        command: new $(m),
         followup: async () => {
           i.markUpdateCompleted(d);
         }
@@ -9260,8 +9271,8 @@ class xs {
     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 g;
-      const h = s.getLayouts().find((p) => p.panelId === A.panelId), m = Q();
+      var m;
+      const h = s.getLayouts().find((p) => p.panelId === A.panelId), g = Q();
       try {
         if (!h)
           throw new Pe("Failed to find layout for region: " + A.panelId);
@@ -9273,7 +9284,7 @@ class xs {
             return nt.id === ((R = p.defaultVariant) == null ? void 0 : R.id);
           }) || p.variants[0];
           f = this.createTextFillSpotColor(p, T), s.updateStorage(t, {
-            colorProfileAssetKey: (g = p.colorProfile) == null ? void 0 : g.key
+            colorProfileAssetKey: (m = p.colorProfile) == null ? void 0 : m.key
           });
         }
         const C = await this.getDefaultColor(a), w = C || "#000000", S = {
@@ -9283,7 +9294,7 @@ class xs {
           fill: i.color ? i.color : w,
           fontSize: a.size || He,
           fontData: n,
-          id: m,
+          id: g,
           layer: A.layer,
           layerIndex: A.layerIndex,
           rotation: A.rotation,
@@ -9302,7 +9313,7 @@ class xs {
           fillSpotColorDefinition: f
         }, y = [], E = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
         if (!S.fontData)
-          throw new z("Failed to resolve font data for text.");
+          throw new G("Failed to resolve font data for text.");
         const [I, D] = pe(
           S.fontSize,
           S.fontData,
@@ -9323,10 +9334,10 @@ class xs {
         y.push(
           this.generateTextChangeCommandsForRegion(I, a, S.id, x)
         );
-        const k = new G(S, h);
+        const F = new z(S, h);
         return {
-          regionElement: { id: m, region: A },
-          commands: [k, ...y],
+          regionElement: { id: g, region: A },
+          commands: [F, ...y],
           newElement: S,
           fontData: n
         };
@@ -9350,7 +9361,7 @@ class xs {
     ), d;
   }
   generateTextChangeCommandsForRegion(t, e, a, n) {
-    const i = [], s = new gs(a, n);
+    const i = [], s = new ms(a, n);
     if (i.push(s), !e.size) {
       const l = new As(a, t);
       i.push(l);
@@ -9361,7 +9372,7 @@ class xs {
    * @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), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+    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 S of h)
       if (S.region) {
         const [y, E] = pe(
@@ -9371,7 +9382,7 @@ class xs {
           [u],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        m.set(S.id, y), g.set(S.id, E);
+        g.set(S.id, y), m.set(S.id, E);
       }
     const f = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
@@ -9384,7 +9395,7 @@ class xs {
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(m.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);
@@ -9397,11 +9408,11 @@ class xs {
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const C = [];
     for (const S of h) {
-      const y = t.data.curved ? u : (g.get(S.id) || []).join(`
+      const y = t.data.curved ? u : (m.get(S.id) || []).join(`
 `);
       C.push(
         this.generateTextChangeCommandsForRegion(
-          m.get(S.id) || 1,
+          g.get(S.id) || 1,
           t.data,
           S.id,
           y
@@ -9581,15 +9592,15 @@ class $s extends Fs {
       const I = et("g");
       I.classList.add("module-layer2"), w.appendChild(I), I.setAttribute("fill", "rgb(255,209,0)"), I.setAttribute("transform", "translate(1,-0.1)"), I.innerHTML = o;
       const D = et("g");
-      return D.classList.add("module-layer3"), w.appendChild(D), D.setAttribute("fill", "white"), D.innerHTML = o, new Os(w).transform(([k, T]) => [k, T + (c / 2 - k) ** 2 / (c * 6)]), w;
+      return D.classList.add("module-layer3"), w.appendChild(D), D.setAttribute("fill", "white"), D.innerHTML = o, new Os(w).transform(([F, T]) => [F, T + (c / 2 - F) ** 2 / (c * 6)]), w;
     }, u = et("g");
     u.classList.add("module-root");
     const h = et("defs");
     u.appendChild(h);
-    const m = et("g");
-    m.classList.add("module-bounds"), u.appendChild(m);
-    const g = Ms(e.height, e.width);
-    g.setAttribute("opacity", "0"), m.appendChild(g);
+    const g = et("g");
+    g.classList.add("module-bounds"), u.appendChild(g);
+    const m = Ms(e.height, e.width);
+    m.setAttribute("opacity", "0"), g.appendChild(m);
     const p = et("g");
     p.classList.add("module-text-enclosure"), u.appendChild(p);
     const f = A();
@@ -9601,7 +9612,7 @@ class $s extends Fs {
 async function Jn(r) {
   if (r === "Vegemite")
     return new $s();
-  throw new z(`Failed to resolve Module, Module ${r} not found`);
+  throw new G(`Failed to resolve Module, Module ${r} not found`);
 }
 const ne = v`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
@@ -9625,7 +9636,7 @@ const ne = v`
             }
         }
     }
-`, Us = v`
+`, Ls = v`
     ${ne}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -9635,7 +9646,7 @@ const ne = v`
             }
         }
     }
-`, Ls = v`
+`, Us = v`
     ${ne}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
@@ -9662,7 +9673,7 @@ const ne = v`
   variables: {
     bundleId: r
   }
-})).data.globalPropertyState, zs = v`
+})).data.globalPropertyState, Gs = v`
     ${Te}
     fragment ProductFields on Product {
         id
@@ -9708,7 +9719,7 @@ const ne = v`
         }
     }
 `, Ba = v`
-    ${zs}
+    ${Gs}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9775,7 +9786,7 @@ const ne = v`
             }
         }
     }
-`, Gs = (r) => v`
+`, zs = (r) => v`
     ${ne}
     ${re(r)}
     query GetBundle($id: String!) {
@@ -10209,7 +10220,7 @@ const ne = v`
     mutation RejectTransaction($id: String!, $note: String) {
         transactionReject(id: $id, note: $note)
     }
-`, mo = v`
+`, go = v`
     mutation CreateRecipient(
         $firstName: String
         $lastName: String
@@ -10237,7 +10248,7 @@ const ne = v`
             id
         }
     }
-`, go = v`
+`, mo = v`
     mutation UpdateRecipient(
         $id: String!
         $firstName: String
@@ -10289,7 +10300,7 @@ class Ja extends Fn {
   }
 }
 class Co {
-  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, C = !1) {
+  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, g = !1, m, p = !1, f = !1, C = !1) {
     var w;
     this.workflowStatePromiseQueue = new kn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var E;
@@ -10301,7 +10312,7 @@ class Co {
         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.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((S) => {
       this.stepTags[S.stepName] = S.tags ?? [];
     }), C && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
@@ -10317,7 +10328,7 @@ class Co {
     return { recipient: this.transaction.recipient };
   }
   async updateRecipient(t, e, a, n, i, s, o, l, c, d) {
-    var A, u, h, m, g;
+    var A, u, h, g, m;
     if ((A = this.transaction.recipient) != null && A.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
@@ -10332,7 +10343,7 @@ class Co {
         mobile: c || this.transaction.recipient.mobile,
         company: d || this.transaction.recipient.company
       }, await this.graphQlClient().mutate({
-        mutation: go,
+        mutation: mo,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -10351,7 +10362,7 @@ class Co {
       });
     else {
       const p = await this.graphQlClient().mutate({
-        mutation: mo,
+        mutation: go,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -10385,7 +10396,7 @@ class Co {
         fetchPolicy: "no-cache",
         variables: {
           id: this.transaction.id,
-          recipientId: (g = (m = p.data) == null ? void 0 : m.recipientCreate) == null ? void 0 : g.id
+          recipientId: (m = (g = p.data) == null ? void 0 : g.recipientCreate) == null ? void 0 : m.id
         },
         context: {
           transactionOwnerId: this.transaction.transactionOwnerId
@@ -10405,7 +10416,7 @@ class Co {
     };
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
-    }), this.allScenes = await Gi(t);
+    }), this.allScenes = await zi(t);
     const n = Dt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new $(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
@@ -10624,7 +10635,7 @@ class Co {
       const l = o[0];
       if (s.type === P.Model) {
         if (!this.modelContainer)
-          throw new z(
+          throw new G(
             "We should always have a model container when injecting a preview!"
           );
         const u = (A = l.asset) == null ? void 0 : A.fileLink;
@@ -10647,12 +10658,12 @@ class Co {
           console.error(`Failed to read material from variant: ${l.id} for step: ${s.stepName}`);
           return;
         }
-        s.data.targetMaterials.forEach((m) => {
+        s.data.targetMaterials.forEach((g) => {
           if (!this.modelContainer)
-            throw new z(
+            throw new G(
               "We should always have a model container when injecting a preview!"
             );
-          this.modelContainer.applyMaterialVariant(m, s.option.id, u);
+          this.modelContainer.applyMaterialVariant(g, s.option.id, u);
         });
       }
     }), await a.getInitializationPromise(), this.renderLayouts();
@@ -10723,7 +10734,7 @@ class Co {
   serialize() {
     const t = this.getCommandContext().getState();
     if (!t)
-      throw new z("Attempted to serialize state before it was initialized.");
+      throw new G("Attempted to serialize state before it was initialized.");
     const e = St(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
@@ -10876,18 +10887,18 @@ class Co {
     c.forEach((E) => {
       yt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
     });
-    const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
+    const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: g } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
       ...this.stepElements,
       ...h,
       [t]: a
     }, this.removeElements(u);
-    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;
+    const m = this.workflow.steps.find((E) => E.stepName === t);
+    if ((m == null ? void 0 : m.type) === P.Frame) {
+      const E = (y = this.getWorkflowExperience().getStepById(m.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 Wa(this.constructSerializableWorkflow()), C = [...m, ...p, f];
+    const p = u.map((E) => new bt(E.id)), f = new Wa(this.constructSerializableWorkflow()), C = [...g, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), S = this.modelContainer;
     if (S) {
@@ -10906,13 +10917,13 @@ class Co {
   }
   async ensureStepsAreLoaded() {
     const e = Dt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
-    console.log("LOG: ensuring steps are loaded");
+    console.log(`LOG: ensuring steps are loaded. reloaded state: ${this.reloadedState}`);
     for (const l of n)
       if (!this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
           case P.DigitalContent:
             a.push(
-              Gn.init(
+              zn.init(
                 l,
                 this,
                 this.reloadedState
@@ -10924,7 +10935,7 @@ class Co {
             break;
           case P.Illustration:
             a.push(
-              ge.init(l, this, this.reloadedState)
+              me.init(l, this, this.reloadedState)
             );
             break;
           case P.Material:
@@ -10953,7 +10964,7 @@ class Co {
             );
             break;
           case P.Shape:
-            a.push(zt.init(l, this, this.reloadedState));
+            a.push(Gt.init(l, this, this.reloadedState));
             break;
           case P.Text:
             a.push(W.init(l, this, this.reloadedState));
@@ -11246,7 +11257,7 @@ class wo extends it {
    */
   async selectVariant(t) {
     if (!this.getUpdateState() && this.getCurrentVariant() !== t)
-      return ge.selectVariant(
+      return me.selectVariant(
         this.step,
         t.getResource(),
         this.manager.getRegionElements(this.step.stepName) || [],
@@ -11263,7 +11274,7 @@ class wo extends it {
     const t = this.manager.getRegionElements(this.step.stepName) || [];
     if (t.length === 0)
       return;
-    const a = L(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
+    const a = U(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
     if (s.length !== 0) {
       const l = {};
       return s.forEach((c) => {
@@ -11292,7 +11303,7 @@ class wo 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), ge.changeColors(
+    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), me.changeColors(
       this.step,
       this.manager.getRegionElements(this.step.stepName),
       this.manager,
@@ -11304,7 +11315,7 @@ class wo extends it {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? ge.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? me.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -11380,7 +11391,7 @@ class bo extends it {
   }
   selectVariant(t) {
     const e = t.getResource();
-    return zt.selectVariant(
+    return Gt.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -11398,7 +11409,7 @@ class bo extends it {
    * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
    */
   setColor(t) {
-    return zt.selectVariant(
+    return Gt.selectVariant(
       this.step,
       t,
       this.manager.getRegionElements(this.step.stepName) || [],
@@ -11410,7 +11421,7 @@ class bo extends it {
    * @returns A list of color definitions that are currently applied to the illustration.
    */
   getColors() {
-    return zt.availableColours(this.step);
+    return Gt.availableColours(this.step);
   }
   /**
    * Allows for setting a custom color when the custom variant is selected. Will
@@ -11418,7 +11429,7 @@ class bo extends it {
    */
   setCustomColor(t) {
     var e, a;
-    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), zt.setCustomColor(t, this.step, this.manager);
+    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), Gt.setCustomColor(t, this.step, this.manager);
   }
   getCustomColor() {
     var e, a, n;
@@ -11662,7 +11673,7 @@ class Po extends it {
    * @returns The final URL string for the QR code.
    */
   async selectVideo(t) {
-    return Gn.regenerateQRCode(
+    return zn.regenerateQRCode(
       this.manager.getRegionElements(this.step.stepName),
       t.key,
       this.manager,
@@ -11744,7 +11755,7 @@ class ce {
       case P.Module:
         return new Do(t, e, t.getStepTags(e.stepName));
       default:
-        throw new z(`Step type ${e.type} not yet supported in Core SDK`);
+        throw new G(`Step type ${e.type} not yet supported in Core SDK`);
     }
   }
 }
@@ -11945,10 +11956,10 @@ const ko = async (r, t) => {
   }
   return n;
 }, Xn = (r, t, e, a, n, i, s, o) => {
-  var m, g;
+  var g, m;
   const l = t.basePrice || 0, c = r.priceModifierTotal || 0, d = To(a, e, void 0, i), u = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
-    additionalExternalProductId: (m = r.integrationProduct) == null ? void 0 : m.additionalExternalProductId,
-    additionalExternalVariantId: (g = r.integrationProduct) == null ? void 0 : g.additionalExternalVariantId,
+    additionalExternalProductId: (g = r.integrationProduct) == null ? void 0 : g.additionalExternalProductId,
+    additionalExternalVariantId: (m = r.integrationProduct) == null ? void 0 : m.additionalExternalVariantId,
     baseCost: l,
     designExternalVariants: r.designExternalVariants,
     designProductId: r.externalDesignProductId,
@@ -11988,9 +11999,9 @@ const ko = 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, m = u && t.showModelOnFinishStep && !!h, g = 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, g = u && t.showModelOnFinishStep && !!h, m = l && ca(l, t, !0), p = l && ca(l, t, !1), f = async (D) => {
     const x = {};
-    let k = 0;
+    let F = 0;
     if (Object.keys(i).length > 0)
       for (const T of Object.keys(i)) {
         const nt = i[T], R = t.steps.find((tt) => tt.stepName === T);
@@ -12010,10 +12021,10 @@ const ko = async (r, t) => {
               }
             ];
           }
-          k += q.priceModifier;
+          F += q.priceModifier;
         }
       }
-    return [x, k];
+    return [x, F];
   }, [C] = await f(!0), w = Object.fromEntries(
     Object.keys(C).map((D) => [D, C[D].map((x) => x.id)])
   ), [S] = await f(!1), y = Object.fromEntries(
@@ -12022,10 +12033,10 @@ const ko = async (r, t) => {
       S[D].map((x) => x.id)
     ])
   );
-  let E = await o(m, n.id);
+  let E = await o(g, n.id);
   if (E) {
     const D = await (await rt(E)).blob();
-    E = (await U.uploadAsset(
+    E = (await L.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: D },
       Ce.Image,
       !0,
@@ -12042,25 +12053,25 @@ const ko = async (r, t) => {
         })),
         workflowId: t.id,
         transactionId: n.id,
-        useThreeDimPreview: !!m,
+        useThreeDimPreview: !!g,
         previewImage: E
       };
       if (p) {
         const x = [];
-        for (const [k, T] of Object.entries(p))
-          x.push({ key: k, value: T });
+        for (const [F, T] of Object.entries(p))
+          x.push({ key: F, value: T });
         D.metadata = x;
       }
       if (w) {
         const x = [];
-        for (const [k, T] of Object.entries(y))
-          x.push({ key: k, ids: T });
+        for (const [F, T] of Object.entries(y))
+          x.push({ key: F, ids: T });
         D.selectedVariants = x;
       }
       return D;
     })(),
     cartSelectionsWithPrices: C,
-    cartMetadata: g
+    cartMetadata: m
   };
 }, No = async (r, t, e, a, n, i, s, o, l, c, d) => {
   var f, C;
@@ -12077,20 +12088,20 @@ const ko = async (r, t) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await ko(A), g = (f = m == null ? void 0 : m.transaction) == null ? void 0 : f.previewImageLink;
-  if (!(m != null && m.transaction))
+  const g = await ko(A), m = (f = g == null ? void 0 : g.transaction) == null ? void 0 : f.previewImageLink;
+  if (!(g != null && g.transaction))
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
-  const p = m.transaction;
+  const p = g.transaction;
   return Xn(
     p,
     n,
     t,
     u,
-    m == null ? void 0 : m.sku,
+    g == null ? void 0 : g.sku,
     h,
-    g,
-    (C = m == null ? void 0 : m.processExecution) == null ? void 0 : C.id
+    m,
+    (C = g == null ? void 0 : g.processExecution) == null ? void 0 : C.id
   );
 }, Qo = async (r, t, e) => {
   t("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
@@ -12166,7 +12177,7 @@ class Ro {
       const t = N.get(this.localPersistenceKey);
       return t ? JSON.parse(t) : [];
     }
-    throw new z("Unexpected storage method requested");
+    throw new G("Unexpected storage method requested");
   }
   /**
    * Search for a transaction that has been saved.
@@ -12206,7 +12217,7 @@ class Ro {
       N.set(this.localPersistenceKey, JSON.stringify(t));
       return;
     }
-    throw new z("Unexpected storage method requested");
+    throw new G("Unexpected storage method requested");
   }
 }
 const Ye = new Ro(), Oo = v`
@@ -12245,14 +12256,14 @@ const Ye = new Ro(), Oo = v`
             id
         }
     }
-`, Uo = v`
+`, Lo = v`
     mutation AddOrganizationToTransaction($transactionId: String!, $organizationName: String!) {
         organizationAttachToTransaction(transactionId: $transactionId, organizationName: $organizationName) {
             id
         }
     }
 `;
-var Lo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(Lo || {});
+var Uo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(Uo || {});
 class Vo {
   constructor(t, e) {
     var n;
@@ -12330,7 +12341,7 @@ class Vo {
   }
   async attachOrganization(t) {
     await this.graphQlClient().mutate({
-      mutation: Uo,
+      mutation: Lo,
       variables: {
         transactionId: this.getWorkflowManager().getTransaction().id,
         organizationName: t
@@ -12365,7 +12376,7 @@ class Vo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = gt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((S) => {
+    const s = mt(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 ? {
@@ -12381,19 +12392,19 @@ class Vo {
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new xe("Failed to obtain 2D context for preview image creation");
-    const m = Sa(u.layoutState.layout, u.layoutState.elements, {
+    const g = Sa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: qt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: this.workflowManager.getTemplatingContext()
       }
-    }), g = mn(m);
-    await (await Aa.from(h, g, {
+    }), m = gn(g);
+    await (await Aa.from(h, m, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: gt,
+      createCanvas: mt,
       createImage: Zt,
-      DOMParser: ga(),
+      DOMParser: ma(),
       fetch
     })).render();
     const f = await this.getCanvasObjectURLAsync(s);
@@ -12492,16 +12503,16 @@ class Vo {
       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((m) => {
-          const g = l(m), p = d.has(JSON.stringify(m));
-          if (p && (g == null ? void 0 : g.getType()) === "Option") {
+        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") {
             const f = u.getCurrentVariant();
             if (!f)
               return;
-            c.selectVariant(f), d.delete(JSON.stringify(m));
-          } else if (p && (g == null ? void 0 : g.getType()) === "Text") {
+            c.selectVariant(f), d.delete(JSON.stringify(g));
+          } else if (p && (m == null ? void 0 : m.getType()) === "Text") {
             const f = u.getText();
-            c.setText(f), d.delete(JSON.stringify(m));
+            c.setText(f), d.delete(JSON.stringify(g));
           }
         });
       }));
@@ -12556,7 +12567,7 @@ class Vo {
   }
   async save(t) {
     if (!this.getCommandContext().getState())
-      throw new z("State undefined!");
+      throw new G("State undefined!");
     const n = {
       title: await (async () => {
         var l;
@@ -12579,10 +12590,10 @@ class Vo {
     var s;
     const t = St(this.getCommandContext().getState());
     if (!t)
-      throw new z("Internal state is undefined! Cannot copy experience!");
+      throw new G("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflowManager().getWorkflow(), n = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
     if (!n)
-      throw new z("Integration product id is undefined!");
+      throw new G("Integration product id is undefined!");
     return await this.getClient().getWorkflowExperience({
       type: "integration",
       integrationProductId: n,
@@ -12681,7 +12692,7 @@ class Vo {
     (this.eventCallbacks.get(t) || []).forEach((e) => e(this));
   }
 }
-const zo = [
+const Go = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -12693,17 +12704,17 @@ const zo = [
   "textPath",
   "tref",
   "tspan"
-], Go = async (r, t, e) => {
+], zo = async (r, t, e) => {
   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", Ra(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${Ra(await ln(l, { type: "svg" }))}`, A = (h) => {
-    const m = r.find((p) => p.panelId === h.panelId);
-    if (!m)
+    const g = r.find((p) => p.panelId === h.panelId);
+    if (!g)
       throw new J(h);
-    const g = Q();
-    return new G(
+    const m = Q();
+    return new z(
       {
-        id: g,
+        id: m,
         src: d,
         type: M.Image,
         y: h.top,
@@ -12712,7 +12723,7 @@ const zo = [
         height: h.height,
         rotation: 0
       },
-      m
+      g
     );
   }, u = e.data.regions;
   try {
@@ -12726,11 +12737,11 @@ const zo = [
     const o = cs(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      var g;
-      const d = await $n(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Qe(d), u = Q(), h = r.find((p) => p.panelId === c.panelId);
+      var m;
+      const d = await $n(c, (m = o == null ? void 0 : o.asset) == null ? void 0 : m.fileLink), A = await Qe(d), u = Q(), h = r.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new J(c);
-      const m = Ea(
+      const g = Ea(
         s,
         A,
         {
@@ -12741,7 +12752,7 @@ const zo = [
         a.data.forceImageCover
       );
       return [
-        new G(
+        new z(
           {
             id: u,
             path: A.path,
@@ -12759,13 +12770,13 @@ const zo = [
             pattern: {
               id: `${u}-pattern`,
               src: s.src,
-              x: m.x,
-              y: m.y,
+              x: g.x,
+              y: g.y,
               width: s.width,
               height: s.height,
               rotation: 0,
-              scaleX: m.zoom,
-              scaleY: m.zoom,
+              scaleX: g.zoom,
+              scaleY: g.zoom,
               svg: s.svg,
               colors: s.colors
             }
@@ -12792,30 +12803,30 @@ const zo = [
   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] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
-  if (!m)
+  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)
     return console.error("Failed to read SVG."), [];
-  pa(m);
-  const g = {};
-  kt(m, (b) => {
-    zo.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
+  pa(g);
+  const m = {};
+  kt(g, (b) => {
+    Go.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), g[T] = { browserValue: x };
+      b.classList.add(T), m[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), g[T] = { browserValue: x };
+      b.classList.add(T), m[T] = { browserValue: x };
     }
   });
-  const f = Bt().serializeToString(m), C = n.colors;
+  const f = Bt().serializeToString(g), C = n.colors;
   if (C) {
-    for (const [b, I] of Object.entries(g))
+    for (const [b, I] of Object.entries(m))
       for (const D of Object.keys(C))
         if (I.browserValue === D) {
-          g[b] = { browserValue: C[D] };
+          m[b] = { browserValue: C[D] };
           break;
         }
   }
@@ -12824,9 +12835,9 @@ const zo = [
     if (!I)
       throw new J(b);
     const D = Q();
-    return new G(
+    return new z(
       {
-        colors: g,
+        colors: m,
         id: D,
         svg: f,
         type: M.Illustration,
@@ -12853,7 +12864,7 @@ const zo = [
     if (!c)
       throw new J(l);
     const d = Q();
-    return new G(
+    return new z(
       {
         colors: {},
         id: d,
@@ -12892,13 +12903,13 @@ const zo = [
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.pictureVariantId}`), [];
   const l = (u) => {
-    const h = r.find((g) => g.panelId === u.panelId);
+    const h = r.find((m) => m.panelId === u.panelId);
     if (!h)
       throw new J(u);
-    const m = Q();
-    return new G(
+    const g = Q();
+    return new z(
       {
-        id: m,
+        id: g,
         src: o,
         type: M.Image,
         y: u.top,
@@ -12952,11 +12963,11 @@ const zo = [
                 fill="${s == null ? void 0 : s.color}"
             />
         </svg>
-        `, m = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, g = Q();
-    return new G(
+        `, g = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, m = Q();
+    return new z(
       {
-        colors: m,
-        id: g,
+        colors: g,
+        id: m,
         svg: u,
         type: M.Illustration,
         y: d.top,
@@ -13004,20 +13015,20 @@ const zo = [
           excludeFromExport: t.data.excludeFromPrint,
           preserveAspectRatio: "none"
         };
-        a.push(new G(A, d));
+        a.push(new z(A, d));
       });
     } catch (c) {
       console.error(c);
     }
   else {
     const c = await at(i, !0), d = (A) => {
-      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;
+      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;
       if (!f)
         throw new xt("Failed to read SVG.");
       return pa(f), Bt().serializeToString(f);
     };
     l.forEach((A) => {
-      const u = r.find((m) => m.panelId === A.panelId);
+      const u = r.find((g) => g.panelId === A.panelId);
       if (!u)
         throw new J(A);
       const h = {
@@ -13039,7 +13050,7 @@ const zo = [
         productOverlay: t.type === P.ProductOverlay ? !0 : void 0,
         excludeFromExport: t.data.excludeFromPrint
       };
-      a.push(new G(h, u));
+      a.push(new z(h, u));
     });
   }
   return a;
@@ -13074,8 +13085,8 @@ const zo = [
       return;
     const C = Y.getDefaultVariant(f);
     return C == null ? void 0 : C.color;
-  }, m = i.color || await h(a.data), g = a.data.regions;
-  for (const p of g) {
+  }, g = i.color || await h(a.data), m = a.data.regions;
+  for (const p of m) {
     const f = r.find((w) => w.panelId === p.panelId);
     if (!f)
       continue;
@@ -13084,7 +13095,7 @@ const zo = [
       id: Q(),
       align: o(a.data),
       curved: a.data.curved,
-      fill: i.color || m || "#000000",
+      fill: i.color || g || "#000000",
       fontData: d,
       fontSize: a.data.size || s,
       height: p.height,
@@ -13118,7 +13129,7 @@ const zo = [
         }
       );
       n.push(
-        new G(
+        new z(
           {
             ...C,
             fontSize: w,
@@ -13129,7 +13140,7 @@ const zo = [
         )
       );
     } else
-      n.push(new G(C, f));
+      n.push(new z(C, f));
   }
   return n;
 }, _o = (r, t) => r.conditions ? r.conditions.every((e) => {
@@ -13149,7 +13160,7 @@ const zo = [
       switch (o.type) {
         case P.DigitalContent:
           n.push(
-            ...await Go(e, s, o)
+            ...await zo(e, s, o)
           );
           break;
         case P.Frame:
@@ -13229,7 +13240,7 @@ class Zo {
 }
 const tl = () => new Promise((r, t) => {
   try {
-    const a = gt().getContext("webgl2");
+    const a = mt().getContext("webgl2");
     r(!!a);
   } catch {
     r(!1);
@@ -13342,15 +13353,15 @@ class nl extends Fn {
    * a loose target but should be kept in mind when making changes.
    */
   async execute() {
-    var h, m;
-    const t = this.layouts.find((g) => g.layoutState.layout.id === this.layoutId);
+    var h, g;
+    const t = this.layouts.find((m) => m.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 g = s / o;
-      a / n < g ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
+      const m = s / o;
+      a / n < m ? (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
@@ -13358,18 +13369,18 @@ class nl extends Fn {
     const d = Sa(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: qt.ThreeD,
-        templatingContext: (m = (h = this.getWorkflowManager) == null ? void 0 : h.call(this)) == null ? void 0 : m.getTemplatingContext()
+        templatingContext: (g = (h = this.getWorkflowManager) == null ? void 0 : h.call(this)) == null ? void 0 : g.getTemplatingContext()
       }
-    }), A = mn(d), u = await Aa.from(this.ctx, A, {
+    }), A = gn(d), u = await Aa.from(this.ctx, A, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: gt,
+      createCanvas: mt,
       createImage: Zt,
-      DOMParser: ga(),
+      DOMParser: ma(),
       fetch
     });
     u.resize(l, c), await u.render(), this.onRender();
@@ -13579,7 +13590,7 @@ class il extends Ia {
     const e = await this.getOriginalImage();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = this.bundle.getGlobalPropertyStateManager(), n = await U.removeBackgroundFromAsset(e), s = {
+    const a = this.bundle.getGlobalPropertyStateManager(), n = await L.removeBackgroundFromAsset(e), s = {
       ...a.getAspectStorage(this.property.name),
       backgroundRemovedAssetKey: n.key,
       useOriginalAsset: !t
@@ -13599,7 +13610,7 @@ class il extends Ia {
   async getImage() {
     const t = this.getStateValue();
     if (t)
-      return U.getLocalOrFromServer(t);
+      return L.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
     var t, e;
@@ -13612,7 +13623,7 @@ class il extends Ia {
   async getOriginalImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t != null && t.originalAssetKey)
-      return U.getLocalOrFromServer(t.originalAssetKey);
+      return L.getLocalOrFromServer(t.originalAssetKey);
   }
   /**
    * Retrieves the version of the image selection that has the background removed, if one exists.
@@ -13621,7 +13632,7 @@ class il extends Ia {
   async getBackgroundRemovedImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t != null && t.backgroundRemovedAssetKey)
-      return U.getLocalOrFromServer(t.backgroundRemovedAssetKey);
+      return L.getLocalOrFromServer(t.backgroundRemovedAssetKey);
   }
   getUseOriginalImage() {
     var t;
@@ -13657,7 +13668,7 @@ class il extends Ia {
     const e = this.getStateValue();
     if (!e)
       return;
-    const a = await U.getLocalOrFromServer(e);
+    const a = await L.getLocalOrFromServer(e);
     if (!a)
       return;
     await this.applyImageSelection(a, t, !1, !0);
@@ -13765,7 +13776,7 @@ class sl extends Ia {
    * Set the text.
    */
   async setText(t) {
-    console.log(`LOG: global setting text ${t}`), await Promise.all([
+    await Promise.all([
       this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t),
       this.applyTextSelection(t)
     ]);
@@ -13974,7 +13985,7 @@ class cl {
     return (a = this.globalPropertyState.aspects.find((n) => n.name === t && n.channel === e)) == null ? void 0 : a.storage;
   }
   async setAspect(t, e, a, n) {
-    if (!this.globalPropertyState)
+    if (console.log(`LOG: setting aspect ${t} to ${e}`), !this.globalPropertyState)
       throw new Error("Global property state not initialized");
     if (!this.configuration)
       throw new Error("Global property configuration not linked to the state manager.");
@@ -13983,7 +13994,7 @@ class cl {
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     const s = St(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
-      if (n) {
+      if (console.log("LOG: setting aspect if case"), n) {
         const l = o.find((c) => c.channel === n);
         if (l)
           l.value = e, l.type = i.type, l.channel = n, a !== void 0 && (l.storage = a !== null ? a : void 0);
@@ -14001,18 +14012,19 @@ class cl {
           });
         }
       } else {
+        console.log("LOG: setting aspect if case no channel");
         const l = o[0];
-        l.value = e, l.type = i.type, a !== void 0 && (l.storage = a !== null ? a : void 0);
+        l.value = e, l.type = i.type, a !== void 0 && (console.log("LOG: setting aspect if case no channel storage"), l.storage = a !== null ? a : void 0);
       }
     else
-      this.globalPropertyState.aspects.push({
+      console.log("LOG: setting aspect else case"), this.globalPropertyState.aspects.push({
         name: t,
         value: e,
         type: i.type,
         storage: a !== null ? a : void 0,
         channel: n
       });
-    await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState);
+    await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState), console.log("LOG: setting aspect end");
   }
   async setAspectStorage(t, e, a) {
     if (!this.globalPropertyState)
@@ -14047,7 +14059,7 @@ class cl {
       throw new Error("Global property state not initialized");
     console.log(`LOG: setting state ${this.globalPropertyState.id} with ${this.globalPropertyState.aspects.length} aspects`), console.trace();
     const t = await B.getShadowGraphqlClient().mutate({
-      mutation: Ls,
+      mutation: Us,
       variables: {
         id: this.globalPropertyState.id,
         aspects: this.globalPropertyState.aspects.map((n) => {
@@ -14091,7 +14103,7 @@ class cl {
   async createGlobalPropertyState() {
     var e, a;
     const t = await B.getShadowGraphqlClient().mutate({
-      mutation: Us,
+      mutation: Ls,
       variables: {
         bundleId: this.bundleId
       },
@@ -14271,7 +14283,7 @@ class ul {
   }
 }
 const hl = new ul();
-var ml = /* @__PURE__ */ ((r) => (r.Default = "Default", r.Name = "Name", r.Price = "Price", r))(ml || {});
+var gl = /* @__PURE__ */ ((r) => (r.Default = "Default", r.Name = "Name", r.Price = "Price", r))(gl || {});
 class er {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
@@ -14403,13 +14415,13 @@ class er {
       let A = !1;
       const u = c.subscribe({
         next(h) {
-          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))
+          var m, p, f, C, w, S;
+          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))
             return;
           o.abort(), A = !0, u.unsubscribe();
-          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)))) || [];
+          const g = ((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: m,
+            items: g,
             // Clone items because it could be cached data (immutable)
             total: ((S = (w = h.data.productCollections) == null ? void 0 : w[0].productCollectionProductsFeed) == null ? void 0 : S.total) ?? 0
           });
@@ -14422,7 +14434,7 @@ class er {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new gl(this.collection.transformCollection);
+      return new ml(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -14591,7 +14603,7 @@ class jt {
     return this.workflow.imageUrl;
   }
 }
-class gl {
+class ml {
   constructor(t) {
     this.collection = t;
   }
@@ -14852,6 +14864,10 @@ class Je {
   async applyGlobalPropertyState(t) {
     var a;
     const e = await this.globalPropertyHandleService.getHandles();
+    for (const n of t.aspects) {
+      const i = n == null ? void 0 : n.name;
+      this.getGlobalPropertyStateManager().setAspect(i, n.value), console.log(`LOG: setting aspect ${i} to ${n.value}`);
+    }
     for (const n of t.aspects) {
       const i = n == null ? void 0 : n.name, s = e.find((o) => o.getName() === i);
       if (s)
@@ -14917,9 +14933,9 @@ class Je {
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             l
-          ), m = [...new Set(A.map((p) => p.number))];
-          if (m.length > h)
-            for (const p of m) {
+          ), g = [...new Set(A.map((p) => p.number))];
+          if (g.length > h)
+            for (const p of g) {
               const f = this.getGlobalPropertyStateManager(), C = u.find((w) => w.channelNumber === p);
               C && await f.setAspect(l, C.variant.id || "", void 0, C.channelNumber);
             }
@@ -15444,14 +15460,14 @@ class El {
       mutation: vl,
       variables: {
         processFlowId: t,
-        inputs: [...e.map((m) => m.getValueForTransmission())]
+        inputs: [...e.map((g) => g.getValueForTransmission())]
       }
     })).data) == null ? void 0 : A.processExecutionCreate) == null ? void 0 : u.id;
     if (!i)
       throw new Error("Failed to create process execution.");
-    function s(m) {
-      return new Promise((g) => {
-        setTimeout(g, m);
+    function s(g) {
+      return new Promise((m) => {
+        setTimeout(m, g);
       });
     }
     let o = !1, l = 0, c, d;
@@ -15475,20 +15491,20 @@ class El {
           ids: [i]
         }
       });
-      const m = (h = c.data) == null ? void 0 : h.processExecutions[0];
-      if (!c || !m)
+      const g = (h = c.data) == null ? void 0 : h.processExecutions[0];
+      if (!c || !g)
         throw new Error("Failed to retrieve server response for execution.");
-      if (m.failedAt)
+      if (g.failedAt)
         throw new Error(
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
-      if (m.completedAt) {
-        o = !0, d = new bl(m);
+      if (g.completedAt) {
+        o = !0, d = new bl(g);
         break;
       }
       l += 1;
-      const g = a != null && a.repeats ? a == null ? void 0 : a.repeats : 5;
-      if (l >= g)
+      const m = a != null && a.repeats ? a == null ? void 0 : a.repeats : 5;
+      if (l >= m)
         throw new Error("Maximum wait time exceeded for execution result.");
       await s(a != null && a.sleepTime ? Math.max(a.sleepTime, 500) : 2e3);
     }
@@ -15835,7 +15851,7 @@ class Fl {
     ));
   }
 }
-const Lt = new Fl();
+const Ut = new Fl();
 class kl {
   /**
    * Returns a formatted string representing a given amount with desired currency.
@@ -15930,8 +15946,8 @@ const Tl = async (r, t) => {
   return a.forEach((i) => {
     i.steps.forEach((s) => {
       var o, l, c;
-      delete s.data.__typename, (o = s.option) != null && o.id && ((l = s.option.defaultVariant) != null && l.asset && U.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && U.cacheAsset(s.option.colorProfile), (c = s.option.variants) == null || c.forEach((d) => {
-        d.asset && U.cacheAsset(d.asset), d.thumbnail && U.cacheAsset(d.thumbnail), d.material && U.cacheMaterial(d.material);
+      delete s.data.__typename, (o = s.option) != null && o.id && ((l = s.option.defaultVariant) != null && l.asset && L.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && L.cacheAsset(s.option.colorProfile), (c = s.option.variants) == null || c.forEach((d) => {
+        d.asset && L.cacheAsset(d.asset), d.thumbnail && L.cacheAsset(d.thumbnail), d.material && L.cacheMaterial(d.material);
       }), Jt.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), i.finalizeStepConfig || (i.finalizeStepConfig = {}), i.finalizeStepConfig.termsMarkdown = i.finalizeStepConfig.termsMarkdown || i.partner.termsMarkdown;
   }), a;
@@ -15977,26 +15993,26 @@ class Ad {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Ur(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.3.0-beta.6be7f001-355c-5c90-9a12-0f7223284f2f"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.3.0-beta.525d3b80-811f-54ad-924f-79a50e9b6e91"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Vr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    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 && Vr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Ut.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
    * and the Spiff Commerce platform.
    */
   getAssetManager() {
-    return U;
+    return L;
   }
   getFlowService() {
-    if (!Lr())
+    if (!Ur())
       throw new Error("Application key required to use Flow Service.");
     return new El();
   }
   async getCurrencyContext(t) {
     const a = (await this.getIntegration()).partner.currencyCode, i = await B.getShadowGraphqlClient().query({
-      query: zi,
+      query: Gi,
       errorPolicy: "all",
       fetchPolicy: "cache-first",
       variables: {
@@ -16062,7 +16078,7 @@ class Ad {
    * @throws An error if the transaction is not found.
    */
   async authenticateTransactionFromLocalStorage(t) {
-    var d, A, u, h, m, g;
+    var d, A, u, h, g, m;
     const e = B.getShadowGraphqlClient(), a = await e.query({
       query: Qi,
       errorPolicy: "all",
@@ -16088,7 +16104,7 @@ class Ad {
           var S, y;
           return (y = (S = w.bundle) == null ? void 0 : S.transactions) == null ? void 0 : y.some((E) => E.id === t);
         }
-      )) || ((g = (m = this.customer) == null ? void 0 : m.stakeholders) == null ? void 0 : g.find(
+      )) || ((m = (g = this.customer) == null ? void 0 : g.stakeholders) == null ? void 0 : m.find(
         (w) => {
           var S;
           return ((S = w.transaction) == null ? void 0 : S.id) === t;
@@ -16194,7 +16210,7 @@ class Ad {
       return !1;
     const n = JSON.parse(e), i = (/* @__PURE__ */ new Date()).getTime() / 1e3;
     if (!n.ExpiresIn || n.ExpiresIn < i - parseInt(t)) {
-      const l = await Lt.refreshTokens();
+      const l = await Ut.refreshTokens();
       if (l != null && l.AuthenticationResult)
         localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), n.AccessToken = l.AuthenticationResult.AccessToken, localStorage.setItem("cognito-tokens", JSON.stringify(n));
       else
@@ -16219,14 +16235,14 @@ class Ad {
       variables: {
         emailAddress: t
       }
-    }), await Lt.generateCode(t);
+    }), await Ut.generateCode(t);
   }
   /**
    * Verify an email code to log in as a Spiff user.
    * Always returns true if it doesn't throw.
    */
   async verifyCode(t, e) {
-    const a = (await this.getIntegration()).partner.id || "", n = await Lt.verifyCode(t, e, a);
+    const a = (await this.getIntegration()).partner.id || "", n = await Ut.verifyCode(t, e, a);
     if (n != null && n.AuthenticationResult) {
       localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), localStorage.setItem("cognito-tokens", JSON.stringify(n.AuthenticationResult)), localStorage.setItem("cognito-email", t);
       const s = (await B.getShadowGraphqlClient().query({
@@ -16256,7 +16272,7 @@ class Ad {
       throw new Error("No token data in storage.");
     const a = JSON.parse(e), n = (/* @__PURE__ */ new Date()).getTime() / 1e3, i = !(a != null && a.AccessToken) || Wt(a.AccessToken);
     if (!a.ExpiresIn || a.ExpiresIn < n - parseInt(t) || i) {
-      const s = await Lt.refreshTokens();
+      const s = await Ut.refreshTokens();
       if (s != null && s.AuthenticationResult)
         localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), a.AccessToken = s.AuthenticationResult.AccessToken, localStorage.setItem("cognito-tokens", JSON.stringify(a));
       else
@@ -16287,7 +16303,7 @@ class Ad {
       mutation: Ys(((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((m, g) => ({ key: m[0], value: m[1] })) : void 0,
+        initialMetadata: e ? Object.entries(e).map((g, m) => ({ key: g[0], value: g[1] })) : void 0,
         marketplaceThemeInstallId: this.marketplaceThemeInstallId,
         marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
       },
@@ -16313,21 +16329,21 @@ class Ad {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var h, m, g, p, f, C, w, S, y, E, b;
+    var h, g, m, 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();
       o.Authorization = `Bearer ${I}`;
     } catch {
-      const x = ((h = Object.entries(localStorage).find(([T, nt]) => T.startsWith("CognitoIdentityServiceProvider") && T.endsWith("idToken"))) == null ? void 0 : h[0]) || "", k = localStorage.getItem(x);
-      k && !Wt(k) && (o.Authorization = `Bearer ${k}`);
+      const x = ((h = Object.entries(localStorage).find(([T, nt]) => T.startsWith("CognitoIdentityServiceProvider") && T.endsWith("idToken"))) == null ? void 0 : h[0]) || "", F = localStorage.getItem(x);
+      F && !Wt(F) && (o.Authorization = `Bearer ${F}`);
     }
     const l = {
       bundleOwnerId: s,
       ...o,
-      ...(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 = await B.getShadowGraphqlClient().query({
-      query: Gs(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
+      query: zs(((p = (m = n == null ? void 0 : n.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -16355,7 +16371,7 @@ class Ad {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async duplicateBundle(t, e, a, n) {
-    var u, h, m, g, p, f;
+    var u, h, g, m, p, f;
     const i = (u = N.getMap("bundleOwnerIds")) == null ? void 0 : u.get(t), s = {};
     try {
       const C = await this.loggedInBearerToken();
@@ -16367,9 +16383,9 @@ class Ad {
     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 = (f = (await B.getShadowGraphqlClient().mutate({
-      mutation: Js(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
+      mutation: Js(((p = (m = n == null ? void 0 : n.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t,
         template: e,
@@ -16462,10 +16478,10 @@ class Ad {
    * @returns An array of workflow experiences configured as requested.
    */
   async getWorkflowExperiences(t, e) {
-    if (t.length === 0)
+    if (console.log("LOG: start of getWorkflowExperiences"), t.length === 0)
       throw new ut("No options provided!");
     const a = B.getShadowGraphqlClient(), n = async (y) => {
-      var D, x, k;
+      var D, x, F;
       if (y.length === 0)
         return [];
       const E = y.map((T) => T.option.transactionId), b = await a.query({
@@ -16480,7 +16496,7 @@ class Ad {
         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}`);
       }
-      return !this.activeIntegration && ((k = I[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((T, nt) => {
+      return !this.activeIntegration && ((F = I[0].integrationProduct) != null && F.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((T, nt) => {
         var R;
         return {
           transaction: T,
@@ -16496,12 +16512,12 @@ class Ad {
       const E = await a.mutate({
         mutation: yi,
         variables: {
-          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,
-            workflowId: k.option.workflowId,
-            designName: k.option.designName,
+          inputs: y.map((F) => ({
+            integrationProductId: F.option.type === "integration" ? F.option.integrationProductId : void 0,
+            externalIntegrationId: F.option.type === "external" ? F.option.externalIntegrationId : void 0,
+            externalProductId: F.option.type === "external" ? F.option.externalProductId : void 0,
+            workflowId: F.option.workflowId,
+            designName: F.option.designName,
             claim: !0
           })),
           marketplaceThemeInstallId: this.marketplaceThemeInstallId,
@@ -16511,12 +16527,12 @@ class Ad {
         fetchPolicy: "no-cache"
       }), b = (I = E.data) == null ? void 0 : I.transactionCreateMany;
       if (!b || b.length === 0) {
-        const k = ((x = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : x.message) || "Unknown error";
-        throw new ut(`Failed to create transactions: ${k}`);
+        const F = ((x = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : x.message) || "Unknown error";
+        throw new ut(`Failed to create transactions: ${F}`);
       }
-      return b.map((k, T) => ({
-        transaction: k,
-        workflowId: k.workflowId,
+      return b.map((F, T) => ({
+        transaction: F,
+        workflowId: F.workflowId,
         readOnly: !1,
         index: y[T].index
       }));
@@ -16525,20 +16541,21 @@ class Ad {
     ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
-    ])).flat(), u = [...new Set(A.map((y) => y.workflowId))], h = await nr(u, e), m = new Map(h.map((y) => [y.id, y])), g = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (y) => {
+    ])).flat(), u = [...new Set(A.map((y) => y.workflowId))], h = await nr(u, e), g = new Map(h.map((y) => [y.id, y])), m = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (y) => {
       var tt;
-      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 xl({
+      console.log("mapping transaction result");
+      const { transaction: E, workflowId: b, readOnly: I, index: D } = y, x = g.get(b), F = t[D];
+      !m.get(E.id) && E.transactionOwnerId && m.set(E.id, E.transactionOwnerId);
+      const T = m.get(E.id) || void 0, nt = new xl({
         onMutate: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } })
       }), R = {
         product: E.product,
         transaction: E,
         layouts: [],
-        singleVariantsRenderable: (tt = k == null ? void 0 : k.workflowConfiguration) == null ? void 0 : tt.singleVariantsRenderable,
+        singleVariantsRenderable: (tt = F == null ? void 0 : F.workflowConfiguration) == null ? void 0 : tt.singleVariantsRenderable,
         stateMutationFunc: I ? async () => {
-          throw new z("State mutation is forbidden in read only mode!");
+          throw new G("State mutation is forbidden in read only mode!");
         } : async (q) => this.updateTransactionState({
           ...q,
           context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
@@ -16546,14 +16563,16 @@ class Ad {
         graphQlClient: () => nt,
         readOnly: I,
         workflow: x,
-        isReloadedTransaction: k.type === "transaction"
+        isReloadedTransaction: F.type === "transaction"
       };
-      if (k.type === "transaction" && E.workflowState) {
+      if (F.type === "transaction" && E.workflowState) {
+        console.log(`LOG: reloading transaction with state ${F.workflowState}`);
         const q = JSON.parse(E.workflowState);
-        R.layouts = Object.values(q.layouts || {}).map((ft) => ft.layout), await Ga(q), R.reloadedState = q;
-      } else if (!I && k.workflowState) {
-        const q = JSON.parse(k.workflowState);
-        R.layouts = Object.values(q.layouts || {}).map((ft) => ft.layout), await Ga(q), R.reloadedState = q;
+        R.layouts = Object.values(q.layouts || {}).map((ft) => ft.layout), await za(q), R.reloadedState = q;
+      } else if (!I && F.workflowState) {
+        console.log(`LOG: reloading with state ${F.workflowState}`);
+        const q = JSON.parse(F.workflowState);
+        R.layouts = Object.values(q.layouts || {}).map((ft) => ft.layout), await za(q), R.reloadedState = q;
       } else
         R.layouts = Rl(
           R.transaction,
@@ -16561,14 +16580,14 @@ class Ad {
         );
       return R.renderableContextService = new Zo(
         R.layouts
-      ), R.delayWorkflowStateSync = !0, { experienceOptions: R, index: D, options: k };
+      ), R.delayWorkflowStateSync = !0, console.log("mapping transaction result end"), { experienceOptions: R, index: D, options: F };
     }), f = await Promise.all(p);
-    N.setMap("transactionOwnerIds", g);
+    N.setMap("transactionOwnerIds", m);
     const w = f.sort((y, E) => y.index - E.index).map(async (y) => {
       const { experienceOptions: E, options: b } = y, I = new Vo(this, E);
       return await I.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
     }), S = await Promise.all(w);
-    return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), S;
+    return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), console.log("LOG: end of getWorkflowExperiences"), S;
   }
   storeCustomer(t) {
     const e = N.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -16672,19 +16691,19 @@ const Ol = async (r, t) => (await B.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, md = async (r) => {
+}, gd = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await B.getShadowGraphqlClient().query({
-    query: Li,
+    query: Ui,
     errorPolicy: "all",
     variables: {
       id: r
     }
   })).data) == null ? void 0 : e.bundles) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
-}, gd = async (r) => {
+}, md = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await B.getShadowGraphqlClient().query({
-    query: Ui,
+    query: Li,
     errorPolicy: "all",
     variables: {
       id: r
@@ -16705,7 +16724,7 @@ function $l(r, t, e, a) {
 function he(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class Ul {
+class Ll {
   constructor(t, e) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = dn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
@@ -16840,7 +16859,7 @@ class Ul {
     if (!n || !this.frameData)
       return;
     if (this.frameData.length !== t.length)
-      throw new z(
+      throw new G(
         "Frame data and offsets are not the same length. This is a bug. Please report it."
       );
     if (!this.offsets.some((s, o) => !(t[o].x === s.x && t[o].y === s.y && t[o].zoom === s.zoom)) && !a) {
@@ -16884,15 +16903,15 @@ class Ul {
    */
   updateFrameOffsets(t, e, a, n, i) {
     if (!a || a.length === 0 || a.some((o) => !o))
-      throw new z("Frame data not set. This is a bug");
+      throw new G("Frame data not set. This is a bug");
     if (!this.workflowManager)
-      throw new z("No workflow manager set, cannot update offsets.");
+      throw new G("No workflow manager set, cannot update offsets.");
     const s = this.workflowManager.getCommandDispatcher();
     this.targetElements.forEach((o, l) => {
       s(
         new $([
           new hs(o, e, t[l]),
-          new ms(
+          new gs(
             o,
             n.useThreshold,
             n.invertThreshold,
@@ -17089,12 +17108,12 @@ class pd {
     return [];
   }
 }
-var Ll = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Ll || {});
+var Ul = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Ul || {});
 class Vl extends it {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new Ul(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new Ll(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -17158,7 +17177,7 @@ class Vl extends it {
     const e = await this.getOriginalImageSelection();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = await U.removeBackgroundFromAsset(e);
+    const a = await L.removeBackgroundFromAsset(e);
     t && await wt.selectImage(this.step, a, this.manager, !1);
     const n = ((i = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : i.framePatternData) || {};
     return this.manager.updateStorage(this.step.stepName, {
@@ -17217,13 +17236,13 @@ class Vl extends it {
     var e, a;
     const t = (a = (e = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : e.framePatternData) == null ? void 0 : a.originalAssetKey;
     if (t)
-      return U.getLocalOrFromServer(t);
+      return L.getLocalOrFromServer(t);
   }
   async getBackgroundRemovedImageSelection() {
     var e, a;
     const t = (a = (e = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : e.framePatternData) == null ? void 0 : a.backgroundRemovedAssetKey;
     if (t)
-      return U.getLocalOrFromServer(t);
+      return L.getLocalOrFromServer(t);
   }
   hasOriginalImageSelection() {
     var t, e;
@@ -17263,7 +17282,7 @@ class Vl extends it {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const zl = v`
+const Gl = v`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -17306,7 +17325,7 @@ const zl = v`
             total
         }
     }
-`, Gl = v`
+`, zl = v`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
@@ -17392,7 +17411,7 @@ const zl = v`
   },
   context: e
 }), Cd = async (r, t) => await B.getShadowGraphqlClient().mutate({
-  mutation: Gl,
+  mutation: zl,
   errorPolicy: "all",
   variables: {
     id: r,
@@ -17413,7 +17432,7 @@ const zl = v`
     template: t
   }
 }), Sd = async (r) => (await B.getShadowGraphqlClient().query({
-  query: zl,
+  query: Gl,
   errorPolicy: "all",
   variables: {
     email: r
@@ -17743,7 +17762,7 @@ export {
   ls as CommandContext,
   _l as ConversionDataType,
   Kl as ConversionLocation,
-  G as CreateElementCommand,
+  z as CreateElementCommand,
   Vn as CreateLayoutCommand,
   Ml as CurrencyContext,
   kl as CurrencyService,
@@ -17757,8 +17776,8 @@ export {
   ds as FontColorCommand,
   As as FontSizeCommand,
   ja as FontSourceCommand,
-  Ul as FrameService,
-  Ll as FrameStep,
+  Ll as FrameService,
+  Ul as FrameStep,
   Vl as FrameStepHandle,
   Ia as GlobalPropertyHandle,
   $ as GroupCommand,
@@ -17785,7 +17804,7 @@ export {
   vo as PictureStepHandle,
   Ir as ProductCameraRig,
   er as ProductCollection,
-  ml as ProductCollectionProductSortKey,
+  gl as ProductCollectionProductSortKey,
   jt as ProductWorkflow,
   Jt as PromiseCache,
   kn as PromiseQueue,
@@ -17804,19 +17823,19 @@ export {
   it as StepHandle,
   P as StepType,
   Mt as TextAlgorithm,
-  gs as TextChangeCommand,
+  ms as TextChangeCommand,
   sl as TextGlobalPropertyHandle,
   ld as TextInput,
   Bo as TextStepHandle,
   pl as Transform,
-  gl as TransformCollection,
-  z as UnhandledBehaviorError,
+  ml as TransformCollection,
+  G as UnhandledBehaviorError,
   Pr as UnitOfMeasurement,
   Zc as UpdateImageSourceCommand,
   st as Variant,
-  Lo as WorkflowExperienceEventType,
+  Uo as WorkflowExperienceEventType,
   Vo as WorkflowExperienceImpl,
-  U as assetService,
+  L as assetService,
   Zr as browserColorToHex,
   Hc as cmPerPixel,
   No as createDesign,
@@ -17824,13 +17843,13 @@ export {
   Mc as dataUrlFromExternalUrl,
   Ye as designService,
   pe as determineCorrectFontSizeAndLines,
-  Gn as digitalContentStepService,
+  zn as digitalContentStepService,
   dt as domParser,
   wd as duplicateBundle,
   yd as duplicateTransaction,
   at as fetchAsString,
   Oc as findAngle,
-  L as findElement,
+  U as findElement,
   Qc as findPmsColors,
   Vt as frameDataCache,
   wt as frameStepService,
@@ -17842,33 +17861,33 @@ export {
   Me as getAttributesFromArrayBuffer,
   Rc as getAxisAlignedBoundingBox,
   $l as getBoundedOffsets,
-  md as getBundleThemeConfiguration,
+  gd as getBundleThemeConfiguration,
   Sd as getCustomer,
   vd as getCustomerBundles,
   jc as getElementVertices,
   Qe as getFrameData,
   rd as getGlobalPropertyStateForBundle,
   Ol as getIntegration,
-  zc as getNEPoint,
+  Gc as getNEPoint,
   Vc as getNWPoint,
   Bd as getOrderedTransactions,
   hd as getOverrideThemeConfiguration,
-  Lc as getPointOfRotation,
+  Uc as getPointOfRotation,
   od as getProductCollections,
-  Gc as getSEPoint,
+  zc as getSEPoint,
   Sa as getSvgElement,
   Pd as getTemplateBundles,
   Id as getTemplateTransactions,
   ud as getTransaction,
-  gd as getTransactionThemeConfiguration,
+  md as getTransactionThemeConfiguration,
   Ed as getTransactionsForBundle,
-  Uc as getTrueCoordinates,
+  Lc as getTrueCoordinates,
   bd as getUnorderedTransactions,
   Dd as getValidationJobsForWorkflowExperiences,
   dd as getWorkflow,
   nr as getWorkflows,
   B as graphQlManager,
-  ge as illustrationStepService,
+  me as illustrationStepService,
   $c as isCloseToValue,
   Nt as loadFont,
   Nc as matchHexToPms,
@@ -17889,18 +17908,18 @@ export {
   Yn as questionStepService,
   kc as registerFetchImplementation,
   Fc as registerWindowImplementation,
-  Ga as rehydrateSerializedLayout,
+  za as rehydrateSerializedLayout,
   Kr as rgbToPms,
   le as rotateAroundPoint,
   pa as sanitizeSvgTree,
   Vr as setBearerAuthenticationToken,
   fn as setCanvasModule,
-  zt as shapeStepService,
+  Gt as shapeStepService,
   fs as shortenUrl,
-  mt as spiffCoreConfiguration,
+  gt as spiffCoreConfiguration,
   id as stepAspectValuesToDesignInputSteps,
   $a as svgColorValueToDefinition,
-  Un as svgStringDimensions,
+  Ln as svgStringDimensions,
   ha as svgToDataUrl,
   W as textStepService,
   Ps as toast,