@spiffcommerce/core 32.2.3-beta.b5a7d626-2f37-53ef-b01b-0ee2a6660230 → 32.2.4-beta.22910d0f-1efc-5606-9b55-50e06d6770a9

package/dist/index.mjs

@@ -4,26 +4,26 @@ import { onError as hr } from "@apollo/client/link/error";
 import { renderToStaticMarkup as mr } from "preact-render-to-string";
 import { removeTypenameFromVariables as gr } from "@apollo/client/link/remove-typename";
 import { orientation as pr } from "exifr/dist/mini.umd.cjs";
-import { parse as on } from "css";
+import { parse as ln } from "css";
 import fr from "fuse.js";
-import { Pith as Aa } from "pith";
-import Et from "lodash.clonedeep";
-import { toString as ln } from "qrcode";
+import { Pith as ua } from "pith";
+import ct from "lodash.clonedeep";
+import { toString as cn } from "qrcode";
 import Cr from "svg-path-bbox";
-import { parse as ta } from "opentype.js";
-import { jsx as D, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
+import { parse as ea } from "opentype.js";
+import { jsx as D, jsxs as dt, Fragment as Gt } from "preact/jsx-runtime";
 import wr from "handlebars";
 import { dataUriToBuffer as yr } from "data-uri-to-buffer";
-import Fa from "lodash.chunk";
-import { CognitoIdentityProviderClient as Sr, InitiateAuthCommand as xa, RespondToAuthChallengeCommand as vr } from "@aws-sdk/client-cognito-identity-provider";
+import xa from "lodash.chunk";
+import { CognitoIdentityProviderClient as Sr, InitiateAuthCommand as ka, RespondToAuthChallengeCommand as vr } from "@aws-sdk/client-cognito-identity-provider";
 import Er from "dinero.js";
-import * as ka from "currency-codes";
-import cn from "lodash.isequal";
-import { split as ea } from "unicode-default-word-boundary";
+import * as Ma from "currency-codes";
+import ye from "lodash.isequal";
+import { split as aa } from "unicode-default-word-boundary";
 import dn from "lodash.debounce";
 import "fs";
 import "path";
-var ye = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ye || {}), $ = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))($ || {}), v = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(v || {}), br = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(br || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), x = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(x || {}), Br = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Br || {}), An = /* @__PURE__ */ ((r) => (r.Pending = "Pending", r.Failed = "Failed", r.Validated = "Validated", r.Overridden = "Overridden", r))(An || {}), Ir = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Ir || {}), Pr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Pr || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Dr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Dr || {}), Se = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(Se || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Fr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Fr || {});
+var Se = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(Se || {}), U = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(U || {}), v = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(v || {}), br = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(br || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), x = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(x || {}), Br = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Br || {}), An = /* @__PURE__ */ ((r) => (r.Pending = "Pending", r.Failed = "Failed", r.Validated = "Validated", r.Overridden = "Overridden", r))(An || {}), Ir = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Ir || {}), Pr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Pr || {}), ha = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ha || {}), Dr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Dr || {}), ve = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(ve || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Fr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Fr || {});
 class un extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -34,7 +34,7 @@ class Xt extends un {
     super(`ConfigurationError - ${t}`);
   }
 }
-class ve extends Xt {
+class Ee extends Xt {
   constructor(t) {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = t?.optionId || "N/A";
   }
@@ -54,32 +54,32 @@ class Yt extends Xt {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
 }
-class Ee extends Xt {
+class be extends Xt {
   constructor(t, e) {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class xe extends un {
+class ke extends un {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
 }
-class V extends xe {
+class V extends ke {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
 }
-class Dt extends xe {
+class Dt extends ke {
   constructor(t) {
     super(`Parsing Error: ${t}`);
   }
 }
-class ht extends xe {
+class mt extends ke {
   constructor(t) {
     super(`Client Error: ${t}`);
   }
 }
-class ke extends xe {
+class Me extends ke {
   constructor(t) {
     super(`Resource Generation Failed: ${t}`);
   }
@@ -104,7 +104,7 @@ class xr {
     this.set(t, a);
   }
 }
-class Ma {
+class Ta {
   constructor() {
     this.storage = /* @__PURE__ */ new Map();
   }
@@ -129,9 +129,9 @@ class Ma {
 }
 const kr = () => {
   try {
-    return localStorage ? new xr() : new Ma();
+    return localStorage ? new xr() : new Ta();
   } catch {
-    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Ma();
+    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Ta();
   }
 }, k = kr();
 class Mr {
@@ -160,53 +160,53 @@ class Mr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const gt = new Mr();
-let aa, na;
+const pt = new Mr();
+let na, ra;
 function Qc(r) {
-  aa = r;
+  na = r;
 }
 function Rc(r) {
-  na = r;
+  ra = r;
 }
 function Zt() {
-  return aa ? new aa().window : (console.log(
+  return na ? new na().window : (console.log(
     "DOM constructor is not registered. Assuming browser environment. If not, please register DOM constructor before calling this function."
   ), window);
 }
 function rt(r, t) {
-  if (!na) {
+  if (!ra) {
     if (typeof window < "u" && window.fetch)
       return window.fetch(r, t);
     if (typeof global < "u" && global.fetch)
       return global.fetch(r, t);
     throw new Error("Fetch implementation is not registered. Please register it before calling this function.");
   }
-  return na(r, t);
+  return ra(r, t);
 }
-const hn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), mn = async (r) => {
-  const t = Ta.get(r);
+const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @__PURE__ */ new Map(), mn = async (r) => {
+  const t = Na.get(r);
   if (t) return t;
   const a = (async () => {
     const n = await rt(r);
     return hn.set(r, n.headers?.get("content-type") || ""), await n.arrayBuffer();
   })();
-  return Ta.set(r, a), a;
+  return Na.set(r, a), a;
 }, Tr = async (r) => {
-  const t = Na.get(r);
+  const t = Qa.get(r);
   if (t) return t;
   const a = (async () => await (await rt(r)).text())();
-  return Na.set(r, a), a;
+  return Qa.set(r, a), a;
 }, Tt = (r) => r.every((t) => t !== "undefined"), se = (r) => Tt([typeof document]) ? document.createElement(r) : Zt().document.createElement(r), Nr = (r, t) => {
   if (Tt([typeof document]))
     return document.createElementNS(r, t);
   const a = Zt().document.createElement(t);
   return a.setAttribute("xmlns", r), a;
-}, dt = () => {
+}, At = () => {
   if (Tt([typeof DOMParser]))
     return new DOMParser();
   const r = Zt();
   return new r.DOMParser();
-}, Qr = () => Tt([typeof DOMParser]) ? DOMParser : Zt().DOMParser, Me = (r, t) => new Promise((e, a) => {
+}, Qr = () => Tt([typeof DOMParser]) ? DOMParser : Zt().DOMParser, Te = (r, t) => new Promise((e, a) => {
   t ? mn(r).then(e).catch(a) : rt(r).then((n) => {
     n.arrayBuffer().then(e).catch(a);
   }).catch((n) => {
@@ -216,21 +216,21 @@ const hn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
   t ? Tr(r).then(e).catch(a) : rt(r).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), gn = (r) => mr(r), Ue = /* @__PURE__ */ new Map(), Rr = async (r, t) => {
+}), gn = (r) => mr(r), Le = /* @__PURE__ */ new Map(), Rr = async (r, t) => {
   if (Tt([typeof FontFace])) {
-    if (Ue.has(t))
-      return Ue.get(t);
+    if (Le.has(t))
+      return Le.get(t);
     const e = r.names.fullName.en, a = new FontFace(e, `url(${t})`);
     document.fonts.add(a);
     const n = a.load();
-    return Ue.set(t, n), n;
+    return Le.set(t, n), n;
   }
 }, It = () => {
   if (Tt([typeof XMLSerializer]))
     return new XMLSerializer();
   const r = Zt();
   return new r.XMLSerializer();
-}, Qa = (r) => btoa(r), Te = (r) => {
+}, Ra = (r) => btoa(r), Ne = (r) => {
   function t() {
     const a = new Uint8Array(r), n = 4;
     if (a.length >= n) {
@@ -257,7 +257,7 @@ const hn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, Oc = async (r) => {
-  const t = await mn(r), e = hn.get(r) || Te(t);
+  const t = await mn(r), e = hn.get(r) || Ne(t);
   return await Ur(new Blob([t], { type: e }));
 }, Or = (r) => {
   let t = "";
@@ -266,9 +266,9 @@ const hn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
     t += String.fromCharCode(r[a]);
   return t;
 }, $r = async (r) => {
-  const t = Te(r), e = new Uint8Array(r), a = Or(e), n = btoa(a);
+  const t = Ne(r), e = new Uint8Array(r), a = Or(e), n = btoa(a);
   return `data:${t};base64,${n}`;
-}, ha = (r) => `data:image/svg+xml;base64,${btoa(r)}`, pn = (r) => {
+}, ma = (r) => `data:image/svg+xml;base64,${btoa(r)}`, pn = (r) => {
   const t = r.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -287,34 +287,34 @@ const hn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
     !i || !i.result ? e() : t(i.result.toString());
   }, a.readAsDataURL(r);
 });
-let Lr, ma;
+let Lr, ga;
 const Vr = (r) => {
-  ma = r;
-}, zr = () => ma;
+  ga = r;
+}, zr = () => ga;
 let fn;
 const Gr = (r) => {
   fn = r;
 }, Wr = () => new Promise((r) => {
-  const t = gt.getHubUrl(), e = (a) => {
+  const t = pt.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));
 }), qr = async () => {
   const r = {
-    applicationKey: ma,
+    applicationKey: ga,
     customerToken: Lr,
     bearer: fn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Wr(), ...r } : r;
 };
 async function jr(r, t) {
-  const e = gt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
+  const e = pt.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 Hr {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), gt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), pt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -326,7 +326,7 @@ class Hr {
   }
   constructShadowGraphqlClient() {
     const t = lr({
-      uri: `${gt.getServerUrl()}/graphql`,
+      uri: `${pt.getServerUrl()}/graphql`,
       fetch: jr
     }), e = ur(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await qr();
@@ -364,10 +364,10 @@ class Hr {
   }
 }
 const y = new Hr();
-let ra, ia;
-const pt = (r, t, e) => {
-  if (ra !== void 0)
-    return ra(r, t, e);
+let ia, sa;
+const ft = (r, t, e) => {
+  if (ia !== void 0)
+    return ia(r, t, e);
   try {
     const a = wn(!0);
     return Cn(a), a.createCanvas(r, t, e);
@@ -375,8 +375,8 @@ const pt = (r, t, e) => {
     throw new Error("Canvas module not set");
   }
 }, te = (r, t) => {
-  if (ia !== void 0)
-    return ia(r, t);
+  if (sa !== void 0)
+    return sa(r, t);
   try {
     const e = wn(!0);
     return Cn(e), e.loadImage(r, t);
@@ -385,7 +385,7 @@ const pt = (r, t, e) => {
   }
 };
 function Cn(r) {
-  ra = r?.createCanvas, ia = r?.loadImage;
+  ia = r?.createCanvas, sa = r?.loadImage;
 }
 function wn(r) {
   try {
@@ -406,13 +406,13 @@ function wn(r) {
     throw t;
   }
 }
-let Le;
-function ga() {
-  return Le === void 0 && (Le = Qr()), Le;
+let Ve;
+function pa() {
+  return Ve === void 0 && (Ve = Qr()), Ve;
 }
 let oe = null;
 const Yr = (r) => new Promise((t) => {
-  if (Te(r) !== "image/jpeg")
+  if (Ne(r) !== "image/jpeg")
     return t(1);
   pr(r).then((a) => t(a || 1)).catch(() => t(1));
 }), Jr = async () => {
@@ -426,10 +426,10 @@ const Yr = (r) => new Promise((t) => {
 }, _r = async (r) => {
   const t = await $r(r), e = await te(t), [a, n] = Kr(e);
   if (!await Jr()) {
-    const A = pt(a, n);
+    const A = ft(a, n);
     return A.getContext("2d")?.drawImage(e, 0, 0, a, n), A;
   }
-  const s = await Yr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = pt(o, l), d = c.getContext("2d");
+  const s = await Yr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = ft(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -454,9 +454,9 @@ const Yr = (r) => new Promise((t) => {
       break;
   }
   return d.drawImage(e, 0, 0, o, l), c;
-}, Ne = async (r) => {
+}, Qe = async (r) => {
   const t = await _r(r);
-  return Te(r) === "image/jpeg" ? {
+  return Ne(r) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
     height: t.height,
     width: t.width
@@ -3149,7 +3149,7 @@ const Yr = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Ve = xt.map((r) => [
+], ze = xt.map((r) => [
   parseInt(r.substring(0, 2), 16),
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
@@ -3172,7 +3172,7 @@ function Uc(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 < xt.length; A++) {
-    l = Ve[A][0], c = Ve[A][1], d = Ve[A][2];
+    l = ze[A][0], c = ze[A][1], d = ze[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,16 +3187,16 @@ function Lc(r, t) {
 let Qt = null;
 function ei(r) {
   if (r.startsWith("#"))
-    return Ra(r);
+    return Oa(r);
   if (!document)
     throw new Error("browserColorToHex is only supported on browsers");
   if (Qt || (Qt = document.createElement("canvas").getContext("2d")), !Qt)
     throw new Error("Failed to create canvas context required to convert colors");
   Qt.fillStyle = r;
-  const t = Ra(Qt.fillStyle);
+  const t = Oa(Qt.fillStyle);
   return t || console.error(`Unknown browser color ${r}`), t;
 }
-function Ra(r) {
+function Oa(r) {
   const t = r.substring(1).toUpperCase();
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
@@ -3211,7 +3211,7 @@ const le = (r) => {
     return `icc-named-color(${t.slice(e + 1).slice(0, -4)}, ${r.namedColor})`;
   }
   return `icc-named-color(${r.profileName}, ${r.namedColor})`;
-}, Oa = (r) => {
+}, $a = (r) => {
   const t = r.split(/[ ](?=[^)]*?(?:\(|$))/);
   if (t.length === 0)
     return { browserValue: "#000000" };
@@ -3245,7 +3245,7 @@ const le = (r) => {
   } catch {
     return r.classList.contains(t.substring(1));
   }
-}, pa = (r, t = !1) => {
+}, fa = (r, t = !1) => {
   !t && r.setAttribute("preserveAspectRatio", "none");
   const e = [];
   kt(r, (a) => {
@@ -3255,7 +3255,7 @@ const le = (r) => {
     }
     if (a.tagName === "style") {
       try {
-        on(a.innerHTML).stylesheet?.rules.forEach((s) => {
+        ln(a.innerHTML).stylesheet?.rules.forEach((s) => {
           e.push(s);
         }), a.remove();
       } catch (i) {
@@ -3287,7 +3287,7 @@ const le = (r) => {
   const t = /pt|pc|mm|cm|in/gm, e = r.getAttribute("viewBox"), a = r.getAttribute("width"), n = r.getAttribute("height");
   if (!e) throw new Error("viewBox not specified on SVG!");
   a && r.setAttribute("width", a.replace(t, "")), n && r.setAttribute("height", n.replace(t, ""));
-}, Sn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, si = (r, t, e) => {
+}, Sn = (r) => At().parseFromString(r, "image/svg+xml").firstElementChild, si = (r, t, e) => {
   r.setAttribute("height", `${e}px`), r.setAttribute("width", `${t}px`);
 }, vn = (r, t, e) => {
   kt(r, (a) => {
@@ -3328,35 +3328,35 @@ const le = (r) => {
       }
     });
   });
-}, En = (r) => It().serializeToString(r), fa = (r, t, e, a, n) => {
+}, En = (r) => It().serializeToString(r), Ca = (r, t, e, a, n) => {
   const i = Sn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
   return si(i, t, e), vn(i, a, n), En(i);
-}, Ca = (r, t, e) => {
+}, wa = (r, t, e) => {
   const a = Sn(r);
   if (!a)
     throw new Error("Failed to read SVG.");
   return vn(a, t, e), En(a);
 }, oi = (r) => {
   const t = /<svg.*<\/svg>/s, e = r.match(t) || [], a = e?.length > 0 ? e[0] : "";
-  return dt().parseFromString(a, "image/svg+xml");
+  return At().parseFromString(a, "image/svg+xml");
 }, ot = async (r) => {
   const e = oi(r).firstElementChild;
   if (!e)
     throw new Error("Failed to read SVG.");
-  pa(e);
+  fa(e);
   const a = {};
   kt(e, (s) => {
     ai.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
     const o = s.attributes.getNamedItem("fill");
     if (o && o.value !== "none" && !o.value.startsWith("url(")) {
-      const c = Oa(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
+      const c = $a(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
       s.setAttribute("fill", c.browserValue), s.classList.add(A), a[d] = c;
     }
     const l = s.attributes.getNamedItem("stroke");
     if (l && l.value !== "none" && !l.value.startsWith("url(")) {
-      const c = Oa(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
+      const c = $a(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
@@ -3422,7 +3422,7 @@ const le = (r) => {
             ...AssetFields
         }
     }
-`, wa = w`
+`, ya = w`
     fragment MaterialFields on Material {
         id
         name
@@ -3470,7 +3470,7 @@ const le = (r) => {
         }
     }
 `, di = w`
-    ${wa}
+    ${ya}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
@@ -3497,7 +3497,7 @@ const le = (r) => {
             ...AssetFields
         }
     }
-`, be = async (r) => (await y.getShadowGraphqlClient().query({
+`, Be = async (r) => (await y.getShadowGraphqlClient().query({
   query: ci,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -3525,7 +3525,7 @@ const le = (r) => {
 class gi {
   constructor() {
     this.cache = /* @__PURE__ */ new Map(), this.bgrmProcessCache = /* @__PURE__ */ new Map(), this.materialCache = /* @__PURE__ */ new Map(), this.loadImageAsFileInfo = async (t) => {
-      const e = await t.arrayBuffer(), a = await Ne(e), n = (i, s) => {
+      const e = await t.arrayBuffer(), a = await Qe(e), n = (i, s) => {
         const o = atob(i.split(",")[1]), l = [];
         for (let c = 0; c < o.length; c++)
           l.push(o.charCodeAt(c));
@@ -3546,14 +3546,14 @@ class gi {
       if (!n) throw new V("Failed to get asset from cache!");
       return n;
     }
-    const a = (async () => (await be([t]))[0])();
+    const a = (async () => (await Be([t]))[0])();
     return this.cache.set(t, a), a;
   }
   /**
    * Retrieves the asset from the server, bypassing cache (but still writing the result to cache)
    */
   async getFromServer(t) {
-    const a = (async () => (await be([t]))[0])();
+    const a = (async () => (await Be([t]))[0])();
     return this.cache.set(t, a), a;
   }
   keyFromURL(t) {
@@ -3603,7 +3603,7 @@ class gi {
         d.lengthComputable && a(d.loaded * 100 / d.total);
       }, c.onload = () => {
         const d = s.assetResponse.asset;
-        At.add(s.assetResponse.asset), o(d);
+        ut.add(s.assetResponse.asset), o(d);
       }, c.onerror = l, this.postProcessFileUpload(t, s.mimeType).then((d) => c.send(d.blob)).catch(l);
     }), this.cacheAsset(s.assetResponse.asset), s.assetResponse.asset;
   }
@@ -3612,7 +3612,7 @@ class gi {
     }, a, n);
   }
   async uploadFile(t, e) {
-    const n = this.isRaster(t) ? ye.Image : ye.Illustration, i = await this.loadImageAsFileInfo(t);
+    const n = this.isRaster(t) ? Se.Image : Se.Illustration, i = await this.loadImageAsFileInfo(t);
     return await this.uploadAssetWithProgress(i, n, e, !0);
   }
   async removeBackgroundFromAsset(t) {
@@ -3634,7 +3634,7 @@ class gi {
       });
       if (this.bgrmProcessCache.delete(e), !i.data?.assetRemoveBackground?.key)
         throw new Error("Failed to remove background from image");
-      return At.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
+      return ut.add(i.data.assetRemoveBackground), J.add(e, i.data.assetRemoveBackground.key), this.cache.set(
         i.data.assetRemoveBackground.key,
         Promise.resolve(i.data.assetRemoveBackground)
       ), i.data.assetRemoveBackground;
@@ -3642,16 +3642,16 @@ class gi {
     return this.bgrmProcessCache.set(e, n), n;
   }
   removePersistedAsset(t) {
-    At.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
+    ut.remove(t), J.delete(t), J.deleteForBgRemovedKey(t);
   }
   getPersistedAssets() {
-    return At.list();
+    return ut.list();
   }
   registerPersistedAssetListener(t) {
-    At.addCallback(t);
+    ut.addCallback(t);
   }
   unRegisterPersistedAssetListener(t) {
-    At.removeCallback(t);
+    ut.removeCallback(t);
   }
   isRaster(t) {
     return !(t.type === "image/svg+xml" || t.type === "application/pdf" || t.type === "application/postscript");
@@ -3747,8 +3747,8 @@ const Rt = "persistentAssets", lt = class lt {
   }
 };
 lt.callbacks = [];
-let At = lt;
-const $a = "bgrmPersistentAssets";
+let ut = lt;
+const Ua = "bgrmPersistentAssets";
 class J {
   static has(t) {
     return J.getMap().has(t);
@@ -3775,10 +3775,10 @@ class J {
     a && (e.delete(a), J.setMap(e));
   }
   static getMap() {
-    return k.getMap($a) || /* @__PURE__ */ new Map();
+    return k.getMap(Ua) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    k.setMap($a, t);
+    k.setMap(Ua, t);
   }
 }
 const O = new gi();
@@ -3850,7 +3850,7 @@ const Kt = new pi(), bn = w`
     }
 `, fi = w`
     ${ee(!1)}
-    ${wa}
+    ${ya}
     ${bn}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
@@ -3939,7 +3939,7 @@ const H = new Si(), Bn = w`
             currencyCode
         }
     }
-`, Qe = w`
+`, Re = w`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -3958,7 +3958,7 @@ const H = new Si(), Bn = w`
         }
     }
 `, vi = w`
-    ${Qe}
+    ${Re}
     mutation CreateTransactions(
         $inputs: [TransactionCreateInput]!
         $marketplaceThemeInstallId: String
@@ -4066,7 +4066,7 @@ const H = new Si(), Bn = w`
         url
     }
 `, Ei = w`
-    ${Qe}
+    ${Re}
     ${In}
     ${Pn}
     ${Bn}
@@ -4351,7 +4351,7 @@ const H = new Si(), Bn = w`
         }
     }
 `, Fn = (r) => w`
-    ${Qe}
+    ${Re}
     fragment IntegrationProductFields on IntegrationProduct {
         id
         externalProductId
@@ -4588,7 +4588,7 @@ const H = new Si(), Bn = w`
     }
 `, Oi = (r) => w`
         ${ee(r)}
-        ${wa}
+        ${ya}
         ${bn}
         ${Ti}
         ${Ni}
@@ -5028,7 +5028,7 @@ const H = new Si(), Bn = w`
             }
         }
     }
-`, Re = w`
+`, Oe = w`
     fragment MarketplaceThemeInstallConfigurationFields on MarketplaceThemeInstallConfiguration {
         id
         themeInstallId
@@ -5108,7 +5108,7 @@ const H = new Si(), Bn = w`
         }
     }
 `, Li = w`
-    ${Re}
+    ${Oe}
     query GetMarketplaceThemeInstallConfiguration($themeConfigurationId: String!, $themeInstallId: String!) {
         marketplaceThemeInstallConfiguration(id: $themeConfigurationId, themeInstallId: $themeInstallId, raw: false) {
             ...MarketplaceThemeInstallConfigurationFields
@@ -5116,7 +5116,7 @@ const H = new Si(), Bn = w`
     }
 `, Vi = w`
     ${Bn}
-    ${Re}
+    ${Oe}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
             id
@@ -5128,7 +5128,7 @@ const H = new Si(), Bn = w`
         }
     }
 `, zi = w`
-    ${Re}
+    ${Oe}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
             marketplaceThemeInstallConfiguration(raw: false) {
@@ -5137,7 +5137,7 @@ const H = new Si(), Bn = w`
         }
     }
 `, Gi = w`
-    ${Re}
+    ${Oe}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
             marketplaceThemeInstallConfiguration(raw: false) {
@@ -5215,7 +5215,7 @@ const H = new Si(), Bn = w`
     ],
     silentSteps: []
   }), t;
-}, Hi = (r, t) => t.find((e) => e.stepNames.includes(r)), vt = (r, t) => (r.conditions || []).every((e) => {
+}, Hi = (r, t) => t.find((e) => e.stepNames.includes(r)), Et = (r, t) => (r.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -5228,12 +5228,12 @@ const H = new Si(), Bn = w`
   const e = {
     name: r.name,
     title: r.title,
-    renderableSteps: r.renderableSteps.filter((a) => vt(a, t)),
-    silentSteps: r.silentSteps.filter((a) => vt(a, t))
+    renderableSteps: r.renderableSteps.filter((a) => Et(a, t)),
+    silentSteps: r.silentSteps.filter((a) => Et(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, yt = (r, t) => r.map((e) => Yi(e, t)).filter((e) => e !== null), Ji = async (r, t, e = !1) => {
-  const a = yt(r, t), n = [];
+}, St = (r, t) => r.map((e) => Yi(e, t)).filter((e) => e !== null), Ji = async (r, t, e = !1) => {
+  const a = St(r, t), n = [];
   for (const s of a)
     for (const o of s.renderableSteps) {
       const l = (o.option?.variants || []).length;
@@ -5348,8 +5348,8 @@ const M = () => {
     ...E,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), C = Sa(I);
-  return /* @__PURE__ */ ct(
+  })), C = va(I);
+  return /* @__PURE__ */ dt(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5401,7 +5401,7 @@ const M = () => {
             strokeDasharray: `${m * 2} ${m}`
           }
         ),
-        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
+        l && /* @__PURE__ */ dt("mask", { id: `viewmask-${f}`, children: [
           /* @__PURE__ */ D(
             "rect",
             {
@@ -5427,7 +5427,7 @@ const M = () => {
     }
   );
 }, Vc = (r, t, e, a, n) => {
-  const i = ft(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, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
+  const i = Ct(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, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
   return {
     minX: l - I,
     maxX: l + I,
@@ -5437,8 +5437,8 @@ const M = () => {
 }, zc = (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);
-}, ft = (r) => r * (Math.PI / 180), Gc = (r, t, e) => Math.abs(r - t) < e, Wc = (r, t, e) => {
-  const a = Math.sin(ft(e)), n = Math.cos(ft(e));
+}, Ct = (r) => r * (Math.PI / 180), Gc = (r, t, e) => Math.abs(r - t) < e, Wc = (r, t, e) => {
+  const a = Math.sin(Ct(e)), n = Math.cos(Ct(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
@@ -5475,7 +5475,7 @@ const M = () => {
       return j.Northwest;
   }
 }, Jc = (r, t) => t > 45 && t <= 135 ? Pt(r) : t > 135 && t <= 225 ? Pt(Pt(r)) : t > 225 && t <= 315 ? Pt(Pt(Pt(r))) : r, Kc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
-  const a = ft(r.rotation), n = {
+  const a = Ct(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
   }, i = {
@@ -5505,7 +5505,7 @@ const M = () => {
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
 }, _c = 0.352778, Xc = 0.035277, Mn = (r) => {
-  const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e);
+  const t = r.rotation || 0, e = Ct(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ D("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ D(
     "g",
     {
@@ -5527,10 +5527,10 @@ const M = () => {
     }
   ) });
 }, Tn = (r) => {
-  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = Sa(r.children);
-  return /* @__PURE__ */ ct(Gt, { children: [
+  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = Ct(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
+  return /* @__PURE__ */ dt(Gt, { children: [
     /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ D("path", { d: r.clipPath }) : /* @__PURE__ */ D("rect", { x: 0, y: 0, width: r.width, height: r.height }) }) }),
-    /* @__PURE__ */ ct(
+    /* @__PURE__ */ dt(
       "g",
       {
         transform: `
@@ -5562,14 +5562,14 @@ const M = () => {
     if (!r.pattern)
       return "";
     if (r.pattern.svg) {
-      const A = Ca(r.pattern.svg, r.pattern.colors || {}, !1);
-      return ha(A);
+      const A = wa(r.pattern.svg, r.pattern.colors || {}, !1);
+      return ma(A);
     }
     return r.pattern.src;
   };
   if (!a())
     return /* @__PURE__ */ D(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__ */ D(Gt, { children: r.useThreshold && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+  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__ */ D(Gt, { children: r.useThreshold && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ dt("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
     /* @__PURE__ */ D(
       "feColorMatrix",
       {
@@ -5583,12 +5583,12 @@ const M = () => {
         result: "greyscale"
       }
     ),
-    /* @__PURE__ */ ct("feComponentTransfer", { in: "greyscale", children: [
+    /* @__PURE__ */ dt("feComponentTransfer", { in: "greyscale", children: [
       /* @__PURE__ */ D("feFuncR", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ D("feFuncG", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: n() })
     ] })
-  ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
+  ] }) }) }), s = r.rotation || 0, o = Ct(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
     const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, g = r.pattern?.scaleX || 1, p = r.pattern?.scaleY || 1, f = r.pattern?.rotation || 0;
     return [r.pattern?.svg ? {
       id: `${t}-contents`,
@@ -5612,7 +5612,7 @@ const M = () => {
       src: a()
     }];
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ dt(Gt, { children: [
     i(),
     /* @__PURE__ */ D(
       "g",
@@ -5698,38 +5698,38 @@ class Xi {
     }), a - n;
   }
 }
-const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @__PURE__ */ new Map(), Nt = async (r) => {
-  if (ze.has(r))
-    return ze.get(r);
+const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ge = /* @__PURE__ */ new Map(), Nt = async (r) => {
+  if (Ge.has(r))
+    return Ge.get(r);
   const e = (async () => {
     try {
-      return Ct(r).getFont();
+      return wt(r).getFont();
     } catch {
       if (Zi(r)) {
-        const a = pn(r), n = ta(a);
-        return sa(r, n), n;
+        const a = pn(r), n = ea(a);
+        return oa(r, n), n;
       } else {
-        const a = await Me(r, !0), n = ta(a);
-        return sa(r, n), await Rr(n, r), n;
+        const a = await Te(r, !0), n = ea(a);
+        return oa(r, n), await Rr(n, r), n;
       }
     }
   })();
-  return ze.set(r, e), e;
+  return Ge.set(r, e), e;
 }, ts = (r) => {
-  const t = pn(r), e = ta(t);
-  return sa(r, e), e;
-}, Ct = (r) => {
+  const t = pn(r), e = ea(t);
+  return oa(r, e), e;
+}, wt = (r) => {
   const t = Nn.get(r);
   if (t)
     return t;
   throw new Error("Font metrics unavailable for font");
-}, sa = (r, t) => {
+}, oa = (r, t) => {
   const e = new Xi(t);
   return Nn.set(r, e), e;
 }, Zc = async (r) => {
-  const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
+  const t = At(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
-    on(d.innerHTML).stylesheet?.rules.forEach((u) => {
+    ln(d.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
         const h = u.declarations.find(
           (p) => p.property === "font-family"
@@ -5760,8 +5760,8 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     h.appendChild(Q);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), It().serializeToString(a);
-}, Be = (r, t, e, a) => Math.max(rs(r.join(`
-`), e, a), t), Ua = (r, t, e, a, n, i) => {
+}, Ie = (r, t, e, a) => Math.max(rs(r.join(`
+`), e, a), t), La = (r, t, e, a, n, i) => {
   const s = (i || On) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
@@ -5770,7 +5770,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * s),
       fontSize: e,
-      requiredWidth: Be(c, r.width, a, n)
+      requiredWidth: Ie(c, r.width, a, n)
     };
   } catch {
     const c = t.split("");
@@ -5778,11 +5778,11 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
       lines: c,
       requiredHeight: c.length * (a * s),
       fontSize: e,
-      requiredWidth: Be(c, r.width, a, n)
+      requiredWidth: Ie(c, r.width, a, n)
     };
   }
 }, ge = (r, t, e, a) => {
-  const n = mt(r, e, a);
+  const n = gt(r, e, a);
   if (n <= t)
     return { lines: [r], width: n };
   if (!(r.indexOf(" ") > -1)) {
@@ -5795,15 +5795,15 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
   let l = -1 / 0, c = 0;
   for (; c < s.length; ) {
     const d = s[c];
-    if (mt(d, e, a) > t) {
+    if (gt(d, e, a) > t) {
       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, mt(d, e, a));
+      l = Math.max(l, gt(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], g = mt(`${A.join(" ")} ${m}`, e, a);
+        const m = s[u], g = gt(`${A.join(" ")} ${m}`, e, a);
         g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
@@ -5816,9 +5816,9 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
   const s = (i ?? On) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Qn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
   return Math.min(A, d);
 }, as = (r, t, e, a) => {
-  const n = Ct(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
+  const n = wt(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
-    return Ua(t, r, t.fontSize, s, n, a);
+    return La(t, r, t.fontSize, s, n, a);
   let o;
   if (t.text ? o = t.text.split(`
 `) : o = t.input?.split(`
@@ -5826,22 +5826,22 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     return {
       lines: o,
       requiredHeight: t.height,
-      requiredWidth: Be(o, t.width, s, n),
+      requiredWidth: Ie(o, t.width, s, n),
       fontSize: t.fontSize
     };
   const l = t.width !== e.width != (t.height !== e.height);
   return t.lineHeight === e.lineHeight && !l && e.input === r ? {
     lines: o,
     requiredHeight: t.height,
-    requiredWidth: Be(o, t.width, s, n),
+    requiredWidth: Ie(o, t.width, s, n),
     fontSize: es(o, n, i, t.width, t.height, a)
-  } : Ua(t, r, t.fontSize, s, n, a);
+  } : La(t, r, t.fontSize, s, n, a);
 }, ns = (r, t, e, a, n) => {
-  const s = Ct(t.assetUrl).getFont();
+  const s = wt(t.assetUrl).getFont();
   let o = { ...r };
-  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, Ct(t.assetUrl));
+  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, wt(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && is(a, a).every(([d, A]) => d === A) && (o = l)), o;
-}, Ge = 1, mt = (r, t, e) => {
+}, We = 1, gt = (r, t, e) => {
   let a = 0;
   const n = e.getGlyphs(r);
   return n.forEach((i, s) => {
@@ -5862,14 +5862,14 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
 }, Qn = (r, t, e) => {
   let a = 0;
   return r.forEach((n) => {
-    a = Math.max(a, mt(n, t, e));
+    a = Math.max(a, gt(n, t, e));
   }), a;
-}, La = {
+}, Va = {
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Ie = (r, t = La) => {
-  const e = { ...La, ...t };
+}, Pe = (r, t = Va) => {
+  const e = { ...Va, ...t };
   let a = r || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
 `)), a;
@@ -5909,8 +5909,8 @@ const os = (r) => {
   if (r.curved && !r.paths || !r.fontData)
     return null;
   const h = () => r.textFillImage ? `url("#${s}")` : r._renderingConfiguration?.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${yn(r.fillSpotColorDefinition)}` : r.fill;
-  return /* @__PURE__ */ ct(Gt, { children: [
-    /* @__PURE__ */ ct("defs", { children: [
+  return /* @__PURE__ */ dt(Gt, { children: [
+    /* @__PURE__ */ dt("defs", { children: [
       r.textFillImage && /* @__PURE__ */ D(
         "pattern",
         {
@@ -5987,7 +5987,7 @@ const os = (r) => {
   const t = () => {
     if (r.lineHeight !== void 0)
       return r.lineHeight * r.fontSize;
-    const n = Ct(r.fontData.assetUrl), i = n.getFont(), s = r.fontSize / i.unitsPerEm;
+    const n = wt(r.fontData.assetUrl), i = n.getFont(), s = r.fontSize / i.unitsPerEm;
     return n.getApproximateHeight() * s;
   }, e = () => r.align === "left" ? -r.textboxWidth / 2 : r.align === "right" ? r.textboxWidth / 2 : 0, a = () => {
     const n = t(), i = r.textboxHeight / 2;
@@ -6030,7 +6030,7 @@ const os = (r) => {
         mask: r.stepName ? void 0 : r.mask
       }
     );
-  const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e), i = `
+  const t = r.rotation || 0, e = Ct(t), a = Math.cos(e), n = -Math.sin(e), i = `
     matrix(1, 0, 0, 1, ${r.x}, ${r.y})
     matrix(1, 0, 0, 1, ${r.width / 2}, ${r.height / 2})
     matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
@@ -6045,7 +6045,7 @@ const os = (r) => {
     {
       transform: i,
       dangerouslySetInnerHTML: {
-        __html: fa(
+        __html: Ca(
           r.svg,
           r.width,
           r.height,
@@ -6121,7 +6121,7 @@ class As {
         layout: t,
         elements: e
       },
-      getComponentWithProps: (a) => ya(t, e, a)
+      getComponentWithProps: (a) => Sa(t, e, a)
     };
   }
   initialize(t, e) {
@@ -6146,7 +6146,7 @@ class As {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Un = (r) => r.type === x.Image ? /* @__PURE__ */ D(Mn, { ...r }, r.id) : r.type === x.Frame ? /* @__PURE__ */ D(_i, { ...r }, r.id) : r.type === x.Illustration ? /* @__PURE__ */ D(ds, { ...r }, r.id) : r.type === x.Textbox ? /* @__PURE__ */ D(os, { ...r }, r.id) : r.type === x.Group ? /* @__PURE__ */ D(Tn, { ...r }, r.id) : null, ya = (r, t, e) => {
+const Un = (r) => r.type === x.Image ? /* @__PURE__ */ D(Mn, { ...r }, r.id) : r.type === x.Frame ? /* @__PURE__ */ D(_i, { ...r }, r.id) : r.type === x.Illustration ? /* @__PURE__ */ D(ds, { ...r }, r.id) : r.type === x.Textbox ? /* @__PURE__ */ D(os, { ...r }, r.id) : r.type === x.Group ? /* @__PURE__ */ D(Tn, { ...r }, r.id) : null, Sa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a?.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ D(
     Ki,
@@ -6177,7 +6177,7 @@ const Un = (r) => r.type === x.Image ? /* @__PURE__ */ D(Mn, { ...r }, r.id) : r
     }
   );
 };
-function Sa(r) {
+function va(r) {
   return r.sort((t, e) => {
     const a = t.layer || 0, n = e.layer || 0;
     if (a < n) return -1;
@@ -6194,13 +6194,13 @@ const ne = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, ut = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), We = /* @__PURE__ */ new Map(), Ln = async (r, t) => {
+}, ht = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new Map(), Ln = async (r, t) => {
   if (!t) {
     if (!r) throw new Error("No region or src supplied. Cannot construct frame!");
-    return oa(r);
+    return la(r);
   }
   return nt(t);
-}, oa = (r) => {
+}, la = (r) => {
   const t = r.width, e = r.height;
   return `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 ${t} ${e}'>
         <path id="target-path" d='M0 0 h ${t} v ${e} h ${-t} Z' />
@@ -6215,14 +6215,14 @@ const ne = (r) => {
   if (!e.asset)
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
-}, Oe = async (r) => {
-  if (We.has(r))
-    return We.get(r);
+}, $e = async (r) => {
+  if (qe.has(r))
+    return qe.get(r);
   const e = (async () => {
     if (Vt.has(r))
       return Vt.get(r);
     await new Promise((u) => setTimeout(u, 0));
-    const n = dt().parseFromString(r, "image/svg+xml"), i = n.querySelector("svg");
+    const n = At().parseFromString(r, "image/svg+xml"), i = n.querySelector("svg");
     if (!i)
       throw new Error("Malformed frame SVG: <svg> tag not found");
     const s = i.getAttribute("viewBox");
@@ -6253,8 +6253,8 @@ const ne = (r) => {
     }
     throw new Error("Malformed frame SVG");
   })();
-  return We.set(r, e), e;
-}, va = (r, t, e, a) => {
+  return qe.set(r, e), e;
+}, Ea = (r, t, e, a) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
   a ? i > n ? s = t.height / r.height : s = t.width / r.width : i > n ? s = t.width / r.width : s = t.height / r.height, e?.scale !== void 0 && (s *= e?.scale);
@@ -6264,9 +6264,9 @@ const ne = (r) => {
     y: u,
     zoom: s
   };
-}, la = async (r) => {
-  if (ut.has(r))
-    return ut.get(r);
+}, ca = async (r) => {
+  if (ht.has(r))
+    return ht.get(r);
   if (r.startsWith("data:image/svg+xml")) {
     const e = yr(r), a = new TextDecoder().decode(e.buffer), n = Vn(a), i = {
       src: r,
@@ -6274,33 +6274,33 @@ const ne = (r) => {
       height: n.height,
       aspect: n.width / n.height
     };
-    return ut.set(r, i), i;
+    return ht.set(r, i), i;
   }
   if ((r.split(".").pop()?.toLowerCase() ?? "") === "svg") {
-    const e = await Ea(r), a = e.width, n = e.height, i = {
+    const e = await ba(r), a = e.width, n = e.height, i = {
       src: r,
       width: a,
       height: n,
       aspect: a / n
     };
-    return ut.set(r, i), i;
+    return ht.set(r, i), i;
   } else {
-    const e = await Me(r, !0), a = await Ne(e), n = {
+    const e = await Te(r, !0), a = await Qe(e), n = {
       src: r,
       width: a.width,
       height: a.height,
       aspect: a.width / a.height
     };
-    return ut.set(r, n), n;
+    return ht.set(r, n), n;
   }
-}, Ea = async (r) => {
+}, ba = async (r) => {
   const t = await nt(r);
   return Vn(t);
-}, Va = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Vn = (r) => {
-  const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
+}, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Vn = (r) => {
+  const a = At().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, Va(i), Va(s)] : n?.split(" ").map((l) => Number(l));
+  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, za(i), za(s)] : n?.split(" ").map((l) => Number(l));
   if (!o)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6314,9 +6314,9 @@ const ne = (r) => {
   nt(r).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), qe = /* @__PURE__ */ new Map(), _t = async (r) => {
-  if (qe.has(r))
-    return qe.get(r);
+}), je = /* @__PURE__ */ new Map(), _t = async (r) => {
+  if (je.has(r))
+    return je.get(r);
   const t = async (n) => new Promise((i, s) => {
     try {
       if (!(!!URL && !!URL.createObjectURL)) throw new Error("Environment incapable of generating ObjectURL");
@@ -6329,15 +6329,15 @@ const ne = (r) => {
       s(o);
     }
   }), a = (async () => {
-    const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
+    const s = At().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = It().serializeToString(s), c = pt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
+    const l = It().serializeToString(s), c = ft(), d = c.getContext("2d"), A = await ua.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: pt,
+      createCanvas: ft,
       createImage: te,
-      DOMParser: ga(),
+      DOMParser: pa(),
       fetch: rt
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
@@ -6347,7 +6347,7 @@ const ne = (r) => {
       A.resize(m, m);
     return await A.render(), await t(c);
   })();
-  return qe.set(r, a), a;
+  return je.set(r, a), a;
 }, Ut = async (r, t, e, a) => {
   const n = r.layoutState.layout.useEditableArea && r.layoutState.layout.editableArea || {
     width: r.layoutState.layout.width,
@@ -6363,25 +6363,25 @@ const ne = (r) => {
     panelId: r.layoutState.layout.panelId
   };
   if (e && t === x.Illustration) {
-    const l = await ot(await zn(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
+    const l = await ot(await zn(e)), u = At().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;
     o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === x.Image) {
-    const l = o.height, c = await Me(e), d = await Ne(c), A = d.width / d.height;
+    const l = o.height, c = await Te(e), d = await Qe(c), A = d.width / d.height;
     o.height = o.width / A, o.top += (l - o.height) / 2;
   }
   if (e && t === x.Textbox && a?.text && a?.fontScale) {
     await Nt(e);
-    const l = Ct(e), c = mt(a.text, a?.fontScale, l);
+    const l = wt(e), c = gt(a.text, a?.fontScale, l);
     o.width = Math.min(c, n.width * 0.85), o.left = n.x + n.width / 2 - o.width / 2;
   }
   return o;
 };
 class td {
   static async getFrame(t, e) {
-    const a = await Ln(e.region, e.src), n = await Oe(a), i = e.region || await Ut(t, x.Frame);
+    const a = await Ln(e.region, e.src), n = await $e(a), i = e.region || await Ut(t, x.Frame);
     return {
       id: M(),
       x: i.left,
@@ -6427,7 +6427,7 @@ class td {
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Nt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
-    }, l = i?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Ie(c, {
+    }, l = i?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Pe(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
     }), A = e.region || await Ut(t, x.Textbox, n, {
@@ -6539,19 +6539,19 @@ class L extends Error {
     super("Element not found!"), Object.setPrototypeOf(this, L.prototype);
   }
 }
-const U = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
+const $ = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
     throw new L();
   return e;
 }, X = (r, t) => {
-  const e = [...t.elements.filter((n) => n.id !== r.id), r], a = Sa(e);
+  const e = [...t.elements.filter((n) => n.id !== r.id), r], a = va(e);
   return {
     layout: t.layout,
     elements: a,
     modificationID: M()
   };
-}, za = async (r) => {
+}, Ga = async (r) => {
   const t = [...Object.keys(r.layouts)], e = [...new Set(t)];
   for (let a = 0; a < e.length; a++) {
     const n = e[a], i = r.layouts[n];
@@ -6561,7 +6561,7 @@ const U = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
           const o = s;
           if (o.src && !o.svg) {
             const l = await nt(o.src), c = await ot(l);
-            o.svg = fa(
+            o.svg = Ca(
               c.svg,
               o.width,
               o.height,
@@ -6611,7 +6611,7 @@ class N {
     this.oldState = t;
   }
 }
-class Ga extends N {
+class Wa extends N {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6628,7 +6628,7 @@ class ed extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6651,7 +6651,7 @@ class ad extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6673,7 +6673,7 @@ class nd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     let a = {
@@ -6811,7 +6811,7 @@ class hs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6829,13 +6829,13 @@ class hs extends N {
     };
   }
 }
-class je extends N {
+class He extends N {
   constructor(t, e) {
     super(), this.id = t, this.imageFill = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6857,7 +6857,7 @@ class ms extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6873,13 +6873,13 @@ class ms extends N {
     };
   }
 }
-class Wa extends N {
+class qa extends N {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6901,7 +6901,7 @@ class gs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6959,7 +6959,7 @@ class fs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6984,7 +6984,7 @@ class rd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -7006,7 +7006,7 @@ class Cs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = _(e.id, Object.values(t.layouts)), n = X(ae(e, this.text, e), a);
@@ -7019,13 +7019,13 @@ class Cs extends N {
     };
   }
 }
-class He extends N {
+class Ye extends N {
   constructor(t, e, a) {
     super(), this.id = t, this.strokeColor = e, this.strokeThickness = a;
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -7042,13 +7042,13 @@ class He extends N {
     };
   }
 }
-class ca extends N {
+class da extends N {
   constructor(t, e, a) {
     super(), this.id = t, this.className = e, this.fill = a;
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = e.colors || {}, n = a[this.className];
@@ -7080,7 +7080,7 @@ class ws extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -7105,7 +7105,7 @@ class id extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
       throw new L();
     const a = Object.values(t.layouts).find((s) => s.elements.find((o) => o.id === this.id));
     if (!a)
@@ -7135,7 +7135,7 @@ class sd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
@@ -7165,7 +7165,7 @@ class od extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
       throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7192,7 +7192,7 @@ class ld extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
       throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7211,7 +7211,7 @@ class ld extends N {
     };
   }
 }
-class qa {
+class ja {
   constructor(t, e, a) {
     this.processRegion = async (n) => {
       const i = this.layouts.find((l) => l.panelId === n.panelId);
@@ -7221,7 +7221,7 @@ class qa {
       if (this.configuration.type === v.ProductOverlay) {
         let l = "";
         if (this.product?.overlayImageUrl && (l = this.product.overlayImageUrl), s = l, !l)
-          throw new Ee(this.configuration, "Couldn't find an asset for product overlay step");
+          throw new be(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const o = this.evaluateAssetType();
       if (o === x.Image) {
@@ -7292,7 +7292,7 @@ class qa {
   }
   async trigger() {
     if (!this.configuration.data.regions)
-      throw new Ee(this.configuration, "Missing regions.");
+      throw new be(this.configuration, "Missing regions.");
     if (this.configuration.type === v.SilentIllustration) {
       const t = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(t);
@@ -7310,7 +7310,7 @@ class qa {
   }
 }
 const ys = async (r) => {
-  const t = `${gt.getServicesApiUrl()}/shortener`;
+  const t = `${pt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await rt(t, {
       method: "POST",
@@ -7320,7 +7320,7 @@ const ys = async (r) => {
       }
     })).json()).shortUrl;
   } catch (e) {
-    throw console.error(e), new ke("Failed to shorten URL, see console.");
+    throw console.error(e), new Me("Failed to shorten URL, see console.");
   }
 };
 class Wn {
@@ -7365,7 +7365,7 @@ class Ss {
   }
   async regenerateQRCode(t, e, a, n) {
     const i = async () => {
-      const h = (await be([e]))[0], m = h?.versions?.find((g) => g.name === "mpeg4")?.link;
+      const h = (await Be([e]))[0], m = h?.versions?.find((g) => g.name === "mpeg4")?.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
       new Wn(
@@ -7391,10 +7391,10 @@ class Ss {
     l.searchParams.append("video", btoa(JSON.stringify([s]))), l.pathname = l.pathname + (l.pathname.slice(-1) === "/" ? "" : "/");
     const c = l.toString();
     if (c.length >= 2e3)
-      throw new ke("Cannot create QR code, URL too long.");
+      throw new Me("Cannot create QR code, URL too long.");
     const d = await ys(c);
     if (!n.data || !n.data.regions)
-      throw new Ee(n, "Missing regions.");
+      throw new be(n, "Missing regions.");
     const A = await this.regionElements(n), u = await this.command(d, A, a, n.stepName);
     return u && (u.command && a.getCommandDispatcher()(u.command), u.followup && await u.followup()), await a.setSelectionsAndElements(n.stepName, [], A, async () => {
       a.updateStorage(n.stepName, {
@@ -7408,7 +7408,7 @@ class Ss {
     return t.data.regions.map(e);
   }
   async command(t, e, a, n) {
-    const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await ln(t, { type: "svg" }))}`, l = e.map((c) => {
+    const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await cn(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, A = i.find((u) => u.panelId === d?.panelId);
       if (!A && d)
         throw new Y(d);
@@ -7437,11 +7437,11 @@ class Ss {
   }
 }
 const qn = new Ss();
-class Pe {
+class De {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
-        return oa(e);
+        return la(e);
       const a = t.asset;
       if (!a)
         throw new bt(t);
@@ -7490,7 +7490,7 @@ class Pe {
       a.serializableWorkflow.steps
     ), l = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName).map((c) => ({ id: c.id, region: c.stepRegion }));
     if (!t.option || (t.option.variants || []).length === 0) {
-      const c = t.data.regions.map((d) => oa(d));
+      const c = t.data.regions.map((d) => la(d));
       e.updateStorage(t.stepName, {
         currentFrameSources: c
       });
@@ -7544,7 +7544,7 @@ class Pe {
     })) ?? [];
   }
   selectImage(t, e, a, n = !0) {
-    const i = Pe.patternSource(e), s = a.getStepStorage(t.stepName)?.framePatternSrc;
+    const i = De.patternSource(e), s = a.getStepStorage(t.stepName)?.framePatternSrc;
     if (s && s === i)
       return Promise.resolve();
     a.setEditedStatus(t.stepName, !0);
@@ -7564,7 +7564,7 @@ class Pe {
             });
           },
           () => {
-            throw new ke("Failed to resolve transcoded PDF");
+            throw new Me("Failed to resolve transcoded PDF");
           }
         )
       );
@@ -7608,7 +7608,7 @@ class Pe {
   }
   async loadPatternFromString(t, e, a = !0, n = void 0, i) {
     if (t.endsWith("svg")) {
-      const s = await Ea(t), o = s.width, l = s.height, c = await nt(t);
+      const s = await ba(t), o = s.width, l = s.height, c = await nt(t);
       if (i) {
         const u = c.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (u && u.length > 0)
@@ -7624,9 +7624,9 @@ class Pe {
         svg: d.svg,
         colors: n ?? d.colors
       };
-      ut.set(t, A), e.setPatternData(A, a);
+      ht.set(t, A), e.setPatternData(A, a);
     } else {
-      const s = await Me(t, !0), o = await Ne(s), l = {
+      const s = await Te(t, !0), o = await Qe(s), l = {
         src: t,
         width: o.width,
         height: o.height,
@@ -7634,7 +7634,7 @@ class Pe {
         svg: void 0,
         colors: void 0
       };
-      ut.set(t, l), e.setPatternData(l, a);
+      ht.set(t, l), e.setPatternData(l, a);
     }
   }
   changeColors(t, e, a) {
@@ -7711,7 +7711,7 @@ class Pe {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const g = await Oe(l[m]), p = o.getImageData(), f = a.map((P) => new Bt(P.id)), S = p ? va(
+        const g = await $e(l[m]), p = o.getImageData(), f = a.map((P) => new Bt(P.id)), S = p ? Ea(
           p,
           g,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7775,7 +7775,7 @@ class Pe {
     throw new Yt(t);
   }
   async loadPatternFromAsset(t, e, a, n) {
-    const i = Pe.patternSource(t), s = a.markUpdatePending(), o = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
+    const i = De.patternSource(t), s = a.markUpdatePending(), o = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
     if (!o)
       throw a.markUpdateCompleted(s), new Error("Frame service unavailable, cannot load pattern!");
     try {
@@ -7802,7 +7802,7 @@ class Pe {
     ), this.validateColorCount(e, a);
   }
 }
-const St = new Pe();
+const vt = new De();
 class vs {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7838,7 +7838,7 @@ class vs {
     const a = e.getRegionElements(t.stepName) || [];
     if (a.length === 0) return [];
     try {
-      return U(
+      return $(
         a[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -7907,10 +7907,10 @@ class vs {
         spotColor: A.spotColor,
         pmsValue: A.pmsValue
       };
-    const o = fa(t, e, a, s), l = await _t(o), c = [];
+    const o = Ca(t, e, a, s), l = await _t(o), c = [];
     for (const d of n) {
       for (const [A, u] of i.entries())
-        c.push(new ca(d, A, u));
+        c.push(new da(d, A, u));
       c.push(new ws(d, o, l));
     }
     return new R(c);
@@ -7918,7 +7918,7 @@ class vs {
   async changeColors(t, e, a, n, i) {
     if (e.length === 0)
       return;
-    const s = U(
+    const s = $(
       e[0].id,
       n().map((h) => h.layoutState)
     ), o = { ...s.colors }, l = {};
@@ -7957,7 +7957,7 @@ class vs {
   }
   async selectVariantCommand(t, e, a, n, i) {
     if (!t.data || !t.data.regions)
-      throw new Ee(t, "Missing regions.");
+      throw new be(t, "Missing regions.");
     n(!0);
     const s = a.map((f) => new Bt(f.id));
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
@@ -8040,7 +8040,7 @@ class Es {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new ve(t);
+      throw new Ee(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8056,7 +8056,7 @@ class Es {
       t.stepName,
       a.serializableWorkflow.steps
     ), o = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = t.option;
-    if (!l) throw new ve(t);
+    if (!l) throw new Ee(t);
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (c) {
@@ -8115,7 +8115,7 @@ const jn = new Es();
 class bs {
   async init(t, e, a) {
     const n = t.option;
-    if (!n) throw new ve(t);
+    if (!n) throw new Ee(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8293,7 +8293,7 @@ class Bs {
     }
     if (!/^$|^[a-zA-Z0-9 ]+$/.test(e))
       return n("Unsupported characters."), { input: e, helperData: {}, errorData: { unsupportedCharacters: !0 } };
-    const i = ea(e.toLowerCase());
+    const i = aa(e.toLowerCase());
     for (const s of i)
       for (const o in a) {
         const l = a[o].toLowerCase().replace(/\s/g, "");
@@ -8467,14 +8467,14 @@ class Ds {
     const n = a.getLayouts(), s = (a.getRegionElements(e.stepName) || []).map((o) => {
       const l = o.region;
       if (!n.find((d) => d.panelId === l?.panelId)) throw new Y(l);
-      return new ca(o.id, this.shapeFillId, t);
+      return new da(o.id, this.shapeFillId, t);
     }).filter((o) => !!o);
     a.getCommandDispatcher()(new R(s)), a.updateStorage(e.stepName, { colour: t });
   }
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new ve(t);
+      throw new Ee(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8533,7 +8533,7 @@ class Ds {
         if (!i.find((m) => m.panelId === A?.panelId))
           throw new Y(A);
         const h = o();
-        return new ca(d.id, this.shapeFillId, h);
+        return new da(d.id, this.shapeFillId, h);
       }, c = a.map(l).filter((d) => !!d);
       return {
         command: new R(c),
@@ -8640,11 +8640,11 @@ class Fs {
     );
   }
 }
-const xs = new Fs(), Ye = (r, t, e, a, n) => {
+const xs = new Fs(), Je = (r, t, e, a, n) => {
   if (t.some((d) => d == null))
     throw new Error(`Failed to autosize lines: ${t.join(", ")}`);
   let i = t.map((d) => d.split(`
-`)).flat(), s = i.length, o = i.map((d) => mt(d, a, n));
+`)).flat(), s = i.length, o = i.map((d) => gt(d, a, n));
   const l = n.getApproximateHeight() * a;
   let c = !0;
   for (; c; ) {
@@ -8657,7 +8657,7 @@ const xs = new Fs(), Ye = (r, t, e, a, n) => {
     let m = !1, g = h.length;
     for (; !m && g > -1; ) {
       g = h.lastIndexOf(" ", g - 1);
-      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => mt(b, a, n));
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => gt(b, a, n));
       f[0] <= r.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
@@ -8669,32 +8669,32 @@ const xs = new Fs(), Ye = (r, t, e, a, n) => {
   return [null, null];
 }, fe = (r, t, e, a, n) => {
   let i, s;
-  const o = Ct(t.assetUrl), l = o.getFont();
+  const o = wt(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
-    return [i, s] = Ye(e, a, r, u, o), [n.size, i, s];
+    return [i, s] = Je(e, a, r, u, o), [n.size, i, s];
   }
   const c = 6;
-  let d = c - Ge;
+  let d = c - We;
   if (a.length > 0) {
     let u = a, h = 0;
     for (; (!n.maxSize || d <= n.maxSize) && u; )
-      d += Ge, h = d / l.unitsPerEm, [u, s] = Ye(e, a, d, h, o);
+      d += We, h = d / l.unitsPerEm, [u, s] = Je(e, a, d, h, o);
   }
-  d > c && (d -= Ge), n.minSize && d < n.minSize && (d = n.minSize);
+  d > c && (d -= We), n.minSize && d < n.minSize && (d = n.minSize);
   const A = d / l.unitsPerEm;
-  return [i, s] = Ye(e, a, d, A, o), [d, i, s];
-}, Je = 30;
-class De extends Error {
+  return [i, s] = Je(e, a, d, A, o), [d, i, s];
+}, Ke = 30;
+class Fe extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = De.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Fe.name;
   }
 }
 const ks = ["‘", "’", "“", "”", `
 `];
-class Fe extends Error {
+class xe extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Fe.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = xe.name;
   }
 }
 class Ms {
@@ -8704,7 +8704,7 @@ class Ms {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const n = [], i = e ? Ct(e.assetUrl) : void 0;
+      const n = [], i = e ? wt(e.assetUrl) : void 0;
       if (i) {
         const s = a.split("").filter((l) => !ks.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
@@ -8716,7 +8716,7 @@ class Ms {
     }, this.textAlign = (t) => t.vertical ? "center" : t.textAlign || "center", this.getErrorsForText = (t, e, a, n) => {
       let i;
       a.data && a.data.maxLength && e.length > a.data.maxLength && (i || (i = {}), i.hitCharacterLimit = !0);
-      const s = n.getProfanities(), o = ea(t.toLowerCase());
+      const s = n.getProfanities(), o = aa(t.toLowerCase());
       for (const c of o)
         for (const d in s) {
           const A = s[d].toLowerCase().replace(/\s/g, "");
@@ -8736,7 +8736,7 @@ class Ms {
     if (a)
       await this.reload(t, e, a);
     else {
-      const i = this.getDefaultImageFillVariant(t.data), s = i?.asset?.fileLink, o = s ? await la(s) : void 0, l = o ? {
+      const i = this.getDefaultImageFillVariant(t.data), s = i?.asset?.fileLink, o = s ? await ca(s) : void 0, l = o ? {
         src: o.src,
         height: o.height,
         width: o.width,
@@ -8749,7 +8749,7 @@ class Ms {
       const u = e.getWorkflowExperience().getBundle();
       if (u && t.globalPropertyAspectConfigurations) {
         const g = u.getGlobalPropertyConfiguration()?.aspects?.find(
-          (p) => p.type === $.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
+          (p) => p.type === U.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
         );
         if (g) {
           const f = u.getGlobalPropertyStateManager().getAspect(g.name);
@@ -8787,7 +8787,7 @@ class Ms {
     return null;
   }
   findLayoutElements(t, e) {
-    return t.getRegionElements(e.stepName).map((i) => U(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => $(i.id, t.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -8843,7 +8843,7 @@ class Ms {
       const a = e.variants?.map((n) => n.asset?.fileLink)?.filter((n) => !!n) || [];
       return Promise.all(
         a.map(async (n) => {
-          const i = await la(n);
+          const i = await ca(n);
           return {
             src: n,
             width: i.width,
@@ -8863,7 +8863,7 @@ class Ms {
       fillImage: e
     });
     for (const o of a) {
-      const l = new je(o.id, e);
+      const l = new He(o.id, e);
       i(l);
     }
   }
@@ -8900,13 +8900,13 @@ class Ms {
       strokeColor: s
     });
     for (const o of a) {
-      const l = new He(o.id, s, t.data?.strokeThickness);
+      const l = new Ye(o.id, s, t.data?.strokeThickness);
       i(l);
     }
   }
   getProcessedInput(t, e, a) {
     const n = a ? t : this.injectReplaceableText(t, e);
-    return Ie(n, {
+    return Pe(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -8977,7 +8977,7 @@ class Ms {
           const g = e.getWorkflowExperience().getBundle();
           if (g && t.globalPropertyAspectConfigurations) {
             const f = g.getGlobalPropertyConfiguration()?.aspects?.find(
-              (S) => S.type === $.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
+              (S) => S.type === U.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
             );
             if (f) {
               const b = g.getGlobalPropertyStateManager().getAspect(f.name);
@@ -8990,7 +8990,7 @@ class Ms {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const p = o.map((S) => new Wa(S.id, A)), f = new R(p);
+              const p = o.map((S) => new qa(S.id, A)), f = new R(p);
               e.getCommandDispatcher()(f);
             }
           ), o.length === 0 && l) {
@@ -9024,7 +9024,7 @@ class Ms {
       const c = e.getWorkflowExperience().getBundle();
       if (c && t.globalPropertyAspectConfigurations) {
         const A = c.getGlobalPropertyConfiguration()?.aspects?.find(
-          (u) => u.type === $.Text && t.globalPropertyAspectConfigurations?.map((h) => h.aspectName).includes(u.name)
+          (u) => u.type === U.Text && t.globalPropertyAspectConfigurations?.map((h) => h.aspectName).includes(u.name)
         );
         if (A) {
           const h = c.getGlobalPropertyStateManager().getAspect(A.name);
@@ -9093,20 +9093,20 @@ class Ms {
   async selectVariantCommand(t, e, a, n, i, s, o, l, c) {
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (n.length > 0) {
-      const u = n.map((g) => new Wa(g.id, A));
+      const u = n.map((g) => new qa(g.id, A));
       if (l) {
-        const g = n.map((p) => new je(p.id, l));
+        const g = n.map((p) => new He(p.id, l));
         u.push(...g);
       }
       if (c) {
         const g = n.map(
-          (p) => new He(p.id, c, t.data.strokeThickness)
+          (p) => new Ye(p.id, c, t.data.strokeThickness)
         );
         u.push(...g);
       }
       const h = await this.changeInputTextWithRegion(
         t,
-        t.data.size || Je,
+        t.data.size || Ke,
         A,
         a.text || "",
         a,
@@ -9131,7 +9131,7 @@ class Ms {
         i
       ), h = await this.changeInputTextWithRegion(
         t,
-        t.data.size || Je,
+        t.data.size || Ke,
         A,
         u[0]?.newElement.input || a.text || t.data.defaultText || "",
         a,
@@ -9142,13 +9142,13 @@ class Ms {
       ), m = u.flatMap((p) => p.commands);
       if (l) {
         const p = u.map(
-          (f) => new je(f.regionElement.id, l)
+          (f) => new He(f.regionElement.id, l)
         );
         m.push(...p);
       }
       if (c) {
         const p = n.map(
-          (f) => new He(f.id, c, t.data.strokeThickness)
+          (f) => new Ye(f.id, c, t.data.strokeThickness)
         );
         m.push(...p);
       }
@@ -9175,7 +9175,7 @@ class Ms {
       const m = s.getLayouts().find((p) => p.panelId === u.panelId), g = M();
       try {
         if (!m)
-          throw new Fe("Failed to find layout for region: " + u.panelId);
+          throw new xe("Failed to find layout for region: " + u.panelId);
         const p = a.colorOption;
         let f;
         if (p && p.variants) {
@@ -9189,7 +9189,7 @@ class Ms {
           stepName: t,
           align: this.textAlign(a),
           fill: i.color ? i.color : b,
-          fontSize: a.size || Je,
+          fontSize: a.size || Ke,
           fontData: n,
           id: g,
           layer: u.layer,
@@ -9238,10 +9238,10 @@ class Ms {
           fontData: n
         };
       } catch (p) {
-        throw console.log(p), new De("Error adding font to region");
+        throw console.log(p), new Fe("Error adding font to region");
       }
     }, A = await Promise.all(a.regions.map(d)).catch((u) => {
-      throw u instanceof De ? (xs.setLatestToast("Failed to load font.", $e.Error), u) : u instanceof Fe ? u : new Error(u);
+      throw u instanceof Fe ? (xs.setLatestToast("Failed to load font.", Ue.Error), u) : u instanceof xe ? u : new Error(u);
     });
     return await s.setSelectionsAndElements(
       t,
@@ -9283,7 +9283,7 @@ class Ms {
     const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const C = s.getProfanities(), E = ea(h.toLowerCase());
+      const C = s.getProfanities(), E = aa(h.toLowerCase());
       for (const P of E)
         for (const B in C) {
           const F = C[B].toLowerCase().replace(/\s/g, "");
@@ -9353,7 +9353,7 @@ function Us(r, t, e, a) {
   const n = e / r, i = a / t;
   return n > 1 && i > 1 ? Math.min(n, i) : n > 1 && i < 1 ? i : n < 1 && i > 1 ? n : Math.min(n, i);
 }
-const ja = {
+const Ha = {
   m: ["x", "y"],
   z: [],
   l: ["x", "y"],
@@ -9383,7 +9383,7 @@ class Ls {
     const n = (i) => {
       const s = [], o = i.relative ? i.type : i.type.toUpperCase();
       let l = e !== o;
-      const c = ja[i.type];
+      const c = Ha[i.type];
       l && (s.push(o), e = o);
       for (const d of c) {
         const A = i[d];
@@ -9408,7 +9408,7 @@ class Ls {
     const e = /([mzlhvcsqta])([^mzlhvcsqta]*)/gi, a = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi, n = [];
     let i;
     for (e.lastIndex = 0; i = e.exec(t); ) {
-      const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = ja[s];
+      const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = Ha[s];
       if (o.length < c.length)
         throw new Dt(
           `Path type "${s}" given ${o.length} arguments, expected ${c.length}.`
@@ -9570,7 +9570,7 @@ const re = w`
     bundleId: r
   }
 })).data.globalPropertyState, qs = (r) => w`
-    ${Qe}
+    ${Re}
     fragment ProductFields on Product {
         id
         basePrice
@@ -9614,7 +9614,7 @@ const re = w`
             name
         }
     }
-`, ba = (r) => w`
+`, Ba = (r) => w`
     ${qs(r)}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -9625,7 +9625,7 @@ const re = w`
         }
     }
 `, ie = (r, t = !1) => w`
-    ${r ? ba(t) : ""}
+    ${r ? Ba(t) : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
         name
@@ -9738,7 +9738,7 @@ const re = w`
             quoteId
         }
     }
-`, Ha = w`
+`, Ya = w`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -9813,7 +9813,7 @@ const re = w`
         }
     }
 `, Ys = w`
-    ${ba(!1)}
+    ${Ba(!1)}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -9846,7 +9846,7 @@ const re = w`
         }
     }
 `, Ks = w`
-    ${ba(!0)}
+    ${Ba(!0)}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
@@ -10227,9 +10227,9 @@ const re = w`
         }
     }
 `;
-var $e = /* @__PURE__ */ ((r) => (r.Error = "Error", r.Warning = "Warning", r.Info = "Info", r))($e || {});
+var Ue = /* @__PURE__ */ ((r) => (r.Error = "Error", r.Warning = "Warning", r.Info = "Info", r))(Ue || {});
 const yo = 1e3;
-class Ya extends xn {
+class Ja extends xn {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
   }
@@ -10397,7 +10397,7 @@ class So {
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
     }), await this.fetchConversionConfiguration(), this.allScenes = await ji(t);
-    const n = yt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
+    const n = St(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new R(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   getWorkflowExperience() {
@@ -10570,7 +10570,7 @@ class So {
     this.mandatorySteps[t] !== e && (this.mandatorySteps = { ...this.mandatorySteps, [t]: e }, this.onMandatoryChange());
   }
   getMandatoryUnfulfilledSteps() {
-    return yt(this.allScenes, this.stepSelections).flatMap((i) => i.renderableSteps).filter((i) => i.mandatory).filter((i) => !this.mandatorySteps[i.stepName]).map((i) => i.stepName);
+    return St(this.allScenes, this.stepSelections).flatMap((i) => i.renderableSteps).filter((i) => i.mandatory).filter((i) => !this.mandatorySteps[i.stepName]).map((i) => i.stepName);
   }
   setStepError(t, e, a) {
     let n = !1;
@@ -10605,7 +10605,7 @@ class So {
       },
       { refocusCamera: e }
     );
-    this.setModelContainer(a), yt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
+    this.setModelContainer(a), St(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
       if (!s.option?.id) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
         return;
@@ -10661,9 +10661,9 @@ class So {
       ...this.storage,
       [t]: { ...this.storage[t], ...e }
     };
-    if (!cn(a, this.storage)) {
+    if (!ye(a, this.storage)) {
       this.storage = a;
-      const n = new Ga(this.constructSerializableWorkflow());
+      const n = new Wa(this.constructSerializableWorkflow());
       this.commandContext.apply(n, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -10682,7 +10682,7 @@ class So {
     if (this.readOnly) return;
     const t = this.serialize();
     this.workflowStatePromiseQueue.enqueue(
-      new Ya(async () => {
+      new Ja(async () => {
         await new Promise((e) => {
           setTimeout(() => {
             e();
@@ -10699,7 +10699,7 @@ class So {
   async updateStateWithServerImmediate() {
     if (this.readOnly) return;
     const t = this.serialize();
-    return new Ya(async () => {
+    return new Ja(async () => {
       await this.updateTransaction({
         variables: {
           id: this.transaction.id,
@@ -10712,7 +10712,7 @@ class So {
     const t = this.getCommandContext().getState();
     if (!t)
       throw new V("Attempted to serialize state before it was initialized.");
-    const e = Et(t.transaction), a = this.dehydrateState(e);
+    const e = ct(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -10748,12 +10748,12 @@ class So {
     this.stepElements = e(this.stepElements, t);
   }
   getInvalidCanvasRegions() {
-    return this.workflow.steps.reduce((t, e) => (vt(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.workflow.steps.reduce((t, e) => (Et(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
       (a) => t.push(a)
     ), t), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !vt(e, this.stepSelections) && t.push(e.stepName), t), []);
+    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !Et(e, this.stepSelections) && t.push(e.stepName), t), []);
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.product;
@@ -10761,10 +10761,10 @@ class So {
       return Promise.resolve({ stepElements: {}, commands: [] });
     const n = async (c, d, A) => {
       if (c.type === v.SilentIllustration) {
-        const u = await new qa(c, d).trigger();
+        const u = await new ja(c, d).trigger();
         return { step: c, results: u };
       } else if (c.type === v.ProductOverlay) {
-        const u = await new qa(
+        const u = await new ja(
           c,
           d,
           A
@@ -10853,13 +10853,13 @@ class So {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
     }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
-      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
+      Et(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
-    const s = this.allScenes, o = yt(s, i), l = yt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+    const s = this.allScenes, o = St(s, i), l = St(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
       (C) => !c.some((E) => E.stepName === C.stepName)
     );
     c.forEach((C) => {
-      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
+      Et(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10869,7 +10869,7 @@ class So {
     }, this.removeElements(u);
     const g = this.workflow.steps.find((C) => C.stepName === t);
     g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
-    const p = u.map((C) => new Bt(C.id)), f = new Ga(this.constructSerializableWorkflow()), S = [...m, ...p, f];
+    const p = u.map((C) => new Bt(C.id)), f = new Wa(this.constructSerializableWorkflow()), S = [...m, ...p, f];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const b = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
@@ -10887,7 +10887,7 @@ class So {
     await this.onSelectionChange(), n && await n();
   }
   async ensureStepsAreLoaded() {
-    const e = yt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
+    const e = St(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
     for (const l of n)
       if (!this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
@@ -10901,7 +10901,7 @@ class So {
             );
             break;
           case v.Frame:
-            a.push(St.init(l, this, this.reloadedState));
+            a.push(vt.init(l, this, this.reloadedState));
             break;
           case v.Illustration:
             a.push(
@@ -11233,7 +11233,7 @@ class vo extends Z {
   getColors() {
     const t = this.manager.getRegionElements(this.step.stepName) || [];
     if (t.length === 0) return;
-    const a = U(t[0].id, this.manager.getAllLayoutData()).colors, i = this.getCurrentVariant()?.getAssetResource()?.assetConfiguration, s = i?.defaultColorVariants || [];
+    const a = $(t[0].id, this.manager.getAllLayoutData()).colors, i = this.getCurrentVariant()?.getAssetResource()?.assetConfiguration, s = i?.defaultColorVariants || [];
     if (s.length !== 0) {
       const o = {};
       return s.forEach((l) => {
@@ -11412,7 +11412,7 @@ class Do extends Z {
             ...this.manager.getInformationResults(),
             {
               message: "An issue has occurred with text",
-              messageType: $e.Error,
+              messageType: Ue.Error,
               stepID: this.step.stepName
             }
           ]);
@@ -11660,7 +11660,7 @@ class ko extends Z {
           ...this.manager.getInformationResults(),
           {
             message: e,
-            messageType: $e.Error,
+            messageType: Ue.Error,
             stepID: this.step.stepName
           }
         ];
@@ -11832,7 +11832,7 @@ const No = async (r, t) => {
       headers: e
     }
   })).data?.designCreateMany;
-}, Ja = (r, t, e) => {
+}, Ka = (r, t, e) => {
   const a = (i) => {
     const s = {};
     if (i.type === "Frame") {
@@ -11928,7 +11928,7 @@ const No = async (r, t) => {
       T.errors && console.log("Server Error:", et.message);
     }), null) : tt ?? 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 = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Ja(l, t, !0), p = l && Ja(l, t, !1), f = async (B) => {
+  const u = r.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Ka(l, t, !0), p = l && Ka(l, t, !1), f = async (B) => {
     const F = {};
     let Q = 0;
     if (Object.keys(i).length > 0)
@@ -11937,12 +11937,12 @@ const No = async (r, t) => {
         for (let W = 0; W < tt.selections.length; ++W) {
           const q = tt.selections[W];
           if (et && (!B || et.option && (et.option.variants || []).length > 1 && !et.data.hideSelectionInCart && !et.data.hideSelectionsInCart)) {
-            const wt = et.stepTitle;
-            F[wt] ? F[wt].push({
+            const yt = et.stepTitle;
+            F[yt] ? F[yt].push({
               id: q.id || "",
               name: q.name,
               priceModifier: q.priceModifier
-            }) : F[wt] = [
+            }) : F[yt] = [
               {
                 id: q.id || "",
                 name: q.name,
@@ -11967,7 +11967,7 @@ const No = async (r, t) => {
     const B = await (await rt(E)).blob();
     E = (await O.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: B },
-      ye.Image,
+      Se.Image,
       !0,
       !1
     )).fileLink;
@@ -12146,7 +12146,7 @@ class Uo {
     throw new V("Unexpected storage method requested");
   }
 }
-const Ke = new Uo(), Lo = w`
+const _e = new Uo(), Lo = w`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -12193,7 +12193,7 @@ var Go = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.Price
 class Wo {
   constructor(t, e) {
     if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = dn(async () => {
-      await Ke.getSavedDesignByTransaction(
+      await _e.getSavedDesignByTransaction(
         this.getWorkflowManager().getTransaction().id
       ) && this.save();
     }, 2500), this.getCanvasObjectURLAsync = async (n) => new Promise((i, s) => {
@@ -12300,7 +12300,7 @@ class Wo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((b) => b.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
+    const s = ft(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((b) => b.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -12312,20 +12312,20 @@ class Wo {
       height: d.layoutState.layout.height
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
-      throw new ke("Failed to obtain 2D context for preview image creation");
-    const m = this.workflowManager.getTemplatingContext(), g = ya(u.layoutState.layout, u.layoutState.elements, {
+      throw new Me("Failed to obtain 2D context for preview image creation");
+    const m = this.workflowManager.getTemplatingContext(), g = Sa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Ht.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
     }), p = gn(g);
-    await (await Aa.from(h, p, {
+    await (await ua.from(h, p, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: pt,
+      createCanvas: ft,
       createImage: te,
-      DOMParser: ga(),
+      DOMParser: pa(),
       fetch
     })).render();
     const S = await this.getCanvasObjectURLAsync(s);
@@ -12346,7 +12346,7 @@ class Wo {
   getStepsConditionallyActive() {
     return this.getScenes().flatMap(
       (t) => this.getStepsByScene(t).filter(
-        (e) => vt(e.getRaw(), this.getWorkflowManager().getStepSelections())
+        (e) => Et(e.getRaw(), this.getWorkflowManager().getStepSelections())
       )
     );
   }
@@ -12483,7 +12483,7 @@ class Wo {
     const n = {
       title: await (async () => {
         if (t) return t;
-        const i = this.getWorkflowManager().getTransaction().id, o = (await Ke.getSavedDesigns()).find((l) => l.transactionId === i)?.title;
+        const i = this.getWorkflowManager().getTransaction().id, o = (await _e.getSavedDesigns()).find((l) => l.transactionId === i)?.title;
         return o || "My design";
       })(),
       thumbnail: await this.createPreviewImage(!1, 256),
@@ -12494,10 +12494,10 @@ class Wo {
       workflowId: this.getWorkflowManager().getWorkflow().id,
       lastEdited: /* @__PURE__ */ new Date()
     };
-    return await Ke.addDesign(n), n;
+    return await _e.addDesign(n), n;
   }
   async copy() {
-    const t = Et(this.getCommandContext().getState());
+    const t = ct(this.getCommandContext().getState());
     if (!t) throw new V("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflowManager().getWorkflow(), n = this.getWorkflowManager().getTransaction().integrationProduct?.id;
     if (!n) throw new V("Integration product id is undefined!");
@@ -12684,8 +12684,8 @@ const qo = (r) => {
   "tspan"
 ], Yo = 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", Qa(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
-  const l = o.toString(), d = `data:image/svg+xml;base64,${Qa(await ln(l, { type: "svg" }))}`, A = (h) => {
+  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 cn(l, { type: "svg" }))}`, A = (h) => {
     const m = r.find((p) => p.panelId === h.panelId);
     if (!m)
       throw new Y(h);
@@ -12710,15 +12710,15 @@ const qo = (r) => {
     return console.error(h), [];
   }
 }, Jo = async (r, t, e, a) => {
-  const n = e.data, i = n.assetUrl, s = await la(i);
+  const n = e.data, i = n.assetUrl, s = await ca(i);
   try {
     const o = us(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      const d = await Ln(c, o?.asset?.fileLink), A = await Oe(d), u = M(), h = r.find((g) => g.panelId === c.panelId);
+      const d = await Ln(c, o?.asset?.fileLink), A = await $e(d), u = M(), h = r.find((g) => g.panelId === c.panelId);
       if (!h)
         throw new Y(c);
-      const m = va(
+      const m = Ea(
         s,
         A,
         {
@@ -12779,10 +12779,10 @@ const qo = (r) => {
   const o = s.asset?.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
-  const l = await nt(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
+  const l = await nt(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = At().parseFromString(A, "image/svg+xml").firstElementChild;
   if (!m)
     return console.error("Failed to read SVG."), [];
-  pa(m);
+  fa(m);
   const g = {};
   kt(m, (C) => {
     Ho.includes(C.tagName) && !C.attributes.getNamedItem("fill") && C.setAttribute("fill", "#000000");
@@ -12993,10 +12993,10 @@ const qo = (r) => {
     }
   else {
     const c = await nt(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
+      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = At().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new Dt("Failed to read SVG.");
-      return pa(f), It().serializeToString(f);
+      return fa(f), It().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -13046,7 +13046,7 @@ const qo = (r) => {
       assetUrl: p,
       name: f.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Ie(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Pe(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (p) => {
@@ -13084,7 +13084,7 @@ const qo = (r) => {
         d,
         p,
         [
-          Ie(u, {
+          Pe(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -13207,7 +13207,7 @@ class rl {
 }
 const il = () => new Promise((r, t) => {
   try {
-    const a = pt().getContext("webgl2");
+    const a = ft().getContext("webgl2");
     r(!!a);
   } catch {
     r(!1);
@@ -13261,7 +13261,7 @@ class ol {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = Et(t);
+    const e = ct(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13332,21 +13332,21 @@ class ll extends xn {
       l = p.width, c = p.height;
     } else
       l = i.width, c = i.height;
-    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = ya(t.layoutState.layout, e, {
+    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = Sa(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: Ht.ThreeD,
         templatingContext: d
       }
-    }), u = gn(A), h = await Aa.from(this.ctx, u, {
+    }), u = gn(A), h = await ua.from(this.ctx, u, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: pt,
+      createCanvas: ft,
       createImage: te,
-      DOMParser: ga(),
+      DOMParser: pa(),
       fetch
     });
     h.resize(l, c), await h.render(), this.onRender();
@@ -13413,26 +13413,26 @@ class cl {
   }
   async createHandle(t) {
     switch (t.type) {
-      case $.FileUpload:
+      case U.FileUpload:
         return new dl(this.bundle, t).initialize();
-      case $.ColorOption:
-        return new Ka(
+      case U.ColorOption:
+        return new _a(
           this.bundle,
           t,
           t.entityId ? await H.getOption(t.entityId) : void 0
         );
-      case $.Option: {
+      case U.Option: {
         const e = t.entityId ? await H.getOption(t.entityId) : void 0;
-        return e?.type === "Color" ? new Ka(this.bundle, t, e) : new er(this.bundle, t, e);
+        return e?.type === "Color" ? new _a(this.bundle, t, e) : new er(this.bundle, t, e);
       }
-      case $.Text:
+      case U.Text:
         return new Al(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
     }
   }
 }
-class Ba {
+class Ia {
   constructor(t, e) {
     this.bundle = t, this.property = e;
   }
@@ -13493,7 +13493,7 @@ class Ba {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class dl extends Ba {
+class dl extends Ia {
   constructor(t, e) {
     super(t, e);
   }
@@ -13504,7 +13504,7 @@ class dl extends Ba {
     const t = await this.getImage();
     if (t?.fileLink)
       if (t?.fileLink.endsWith(".svg")) {
-        const e = await nt(t?.fileLink), a = await Ea(t?.fileLink), n = a.width, i = a.height, s = await ot(e);
+        const e = await nt(t?.fileLink), a = await ba(t?.fileLink), n = a.width, i = a.height, s = await ot(e);
         this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.colors?.forEach((c) => {
           s.colors[c.key] = {
             browserValue: c.browserValue,
@@ -13519,7 +13519,7 @@ class dl extends Ba {
           svg: s.svg,
           colors: s.colors
         };
-        ut.set(t?.fileLink, l), this.imageData = l;
+        ht.set(t?.fileLink, l), this.imageData = l;
       } else
         this.imageData = void 0;
   }
@@ -13547,7 +13547,7 @@ class dl extends Ba {
     ]);
   }
   async canUseBackgroundRemover() {
-    return this.bundle.getClient().canUseAddon(ua.BackgroundRemover);
+    return this.bundle.getClient().canUseAddon(ha.BackgroundRemover);
   }
   /**
    * Removes the background from an image, stores it in the state, and returns the new asset.
@@ -13585,7 +13585,7 @@ class dl extends Ba {
       return O.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
-    return await this.loadImageData(), this.imageData?.svg ? ha(Ca(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
+    return await this.loadImageData(), this.imageData?.svg ? ma(wa(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
   }
   /**
    * Retrieves the original, unmodified image selection, if one exists.
@@ -13719,7 +13719,7 @@ class dl extends Ba {
     );
   }
 }
-class Al extends Ba {
+class Al extends Ia {
   constructor(t, e) {
     super(t, e);
   }
@@ -13758,7 +13758,7 @@ class Al extends Ba {
     await Promise.all(n);
   }
 }
-class er extends Ba {
+class er extends Ia {
   constructor(t, e, a) {
     super(t, e), this.optionResource = a;
   }
@@ -13820,7 +13820,7 @@ class er extends Ba {
     await Promise.all(n);
   }
 }
-class Ka extends er {
+class _a extends er {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -13829,10 +13829,7 @@ class Ka extends er {
    * @param variant The variant to select.
    */
   async selectVariant(t, e) {
-    await Promise.all([
-      this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t.getId(), void 0, e),
-      this.applyColorVariant(t, void 0, e)
-    ]);
+    await this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t.getId(), void 0, e);
   }
   async applyGlobalState(t) {
     const e = this.getStateValue();
@@ -13921,7 +13918,7 @@ class ml {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = Et(this.globalPropertyState);
+    const e = ct(this.globalPropertyState);
     this.globalPropertyState = { ...t, id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -13948,7 +13945,7 @@ class ml {
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const s = Et(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const s = ct(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
       if (n) {
         const l = o.find((c) => c.channel === n);
@@ -13981,7 +13978,7 @@ class ml {
         storage: a !== null ? a : void 0,
         channel: n
       });
-    await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState);
+    ye(s, this.globalPropertyState) || (console.log("Is different", s, ct(this.globalPropertyState)), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState));
   }
   async setAspectStorage(t, e, a) {
     if (!this.globalPropertyState)
@@ -13991,7 +13988,7 @@ class ml {
     const n = this.configuration.aspects.find((o) => o.name === t);
     if (!n)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = Et(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const i = ct(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
     if (s.length > 0)
       if (a) {
         const o = s.find((l) => l.channel === a);
@@ -14008,7 +14005,7 @@ class ml {
         storage: e !== null ? e : void 0,
         channel: a
       });
-    await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(i, this.globalPropertyState);
+    ye(i, this.globalPropertyState) || (console.log("Is different stor", i, ct(this.globalPropertyState)), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(i, this.globalPropertyState));
   }
   async updateGlobalPropertyState() {
     if (!this.globalPropertyState)
@@ -14021,15 +14018,15 @@ class ml {
           let a = e.type && e.storage ? {} : void 0;
           if (a)
             switch (e.type) {
-              case $.FileUpload: {
+              case U.FileUpload: {
                 a.fileUpload = e.storage;
                 break;
               }
-              case $.Option: {
+              case U.Option: {
                 a.option = e.storage;
                 break;
               }
-              case $.ColorOption: {
+              case U.ColorOption: {
                 a = e.storage;
                 break;
               }
@@ -14393,7 +14390,7 @@ class nr {
           if (h || g.partial && (!g.data.productCollections || g.data.productCollections.length === 0 || !g.data.productCollections[0].productCollectionProductsFeed?.items || g.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, m.unsubscribe();
-          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(Et(f))) || [];
+          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(ct(f))) || [];
           u({
             items: p,
             // Clone items because it could be cached data (immutable)
@@ -14465,11 +14462,11 @@ class Ae {
   getDefaultWorkflow() {
     const t = this.product.workflows;
     if (t === void 0)
-      throw new ht(
+      throw new mt(
         "Called getDefaultWorkflow() before fetching collection products. Use collection.fetchProducts() first to ensure the data is available."
       );
     if (t.length === 0)
-      throw new ht(
+      throw new mt(
         "Called getDefaultWorkflow() but no workflows on requested product. Ensure at least 1 workflow is assigned to this product."
       );
     const e = this.productResource.workflowId;
@@ -14481,7 +14478,7 @@ class Ae {
       return console.warn(
         "Called getDefaultWorkflow() but no default was configured. There is only one workflow available so we will fall back to using this!"
       ), new qt(t[0]);
-    throw new ht(
+    throw new mt(
       "Called getDefaultWorkflow() but no default workflow is configured for the requested product. Multiple workflows exist so we can't assume!"
     );
   }
@@ -14490,7 +14487,7 @@ class Ae {
    */
   getAllWorkflows() {
     if ((this.product.workflows || []).length === 0)
-      throw new ht(
+      throw new mt(
         "No workflows on configured product. Ensure at least 1 workflow is assigned to this product."
       );
     return this.product.workflows.sort((e, a) => (e.index ?? 0) - (a.index ?? 0)).map((e) => new qt(e));
@@ -14688,7 +14685,7 @@ const bl = w`
         }
     }
 `;
-class _e {
+class Xe {
   constructor(t, e, a, n, i, s) {
     this.workflowExperiences = [], this.eventEmitter = new El(), this.updatesLocked = !1, this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new gl(e.bundleStateData);
     const o = this.productCollection?.globalPropertyConfiguration;
@@ -14708,7 +14705,7 @@ class _e {
       const A = this.globalPropertyStateManager.getGlobalPropertyState();
       A ? this.globalPropertyHandleService.getHandles().then((u) => {
         const h = u.map((m) => {
-          if (m.getType() === $.ColorOption || m.getType() === $.Option) {
+          if (m.getType() === U.ColorOption || m.getType() === U.Option) {
             const g = m;
             if (!A.aspects.find((f) => f.name === g.getName()))
               return g.initDefaultVariant();
@@ -14845,8 +14842,8 @@ class _e {
         const n = a?.name, i = e.find((s) => s.getName() === n);
         if (i)
           switch (a.type) {
-            case $.FileUpload: {
-              const s = i, o = await be([a.value]);
+            case U.FileUpload: {
+              const s = i, o = await Be([a.value]);
               o.length > 0 && await s.selectImage(o[0]);
               const l = a.storage?.colors;
               if (l) {
@@ -14860,21 +14857,17 @@ class _e {
               }
               break;
             }
-            case $.ColorOption: {
-              const s = i;
-              if (a.type === $.ColorOption) {
-                const l = s.getAllVariants().find((c) => c.getId() === a.value);
-                l && await s.selectVariant(l);
-              } else
-                s.setCustomColor(a.value);
+            case U.ColorOption: {
+              const s = i, l = s.getAllVariants().find((c) => c.getId() === a.value);
+              l && await s.selectVariant(l), a.storage && a.storage.customColor && s.setCustomColor(a.value);
               break;
             }
-            case $.Option: {
+            case U.Option: {
               const s = i, l = s.getAllVariants().find((c) => c.getId() === a.value);
               l && await s.selectVariant(l);
               break;
             }
-            case $.Text: {
+            case U.Text: {
               await i.setText(a.value);
               break;
             }
@@ -14888,7 +14881,7 @@ class _e {
     return this.globalPropertyStateManager;
   }
   async getGlobalPropertyTotalSubunits() {
-    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === $.Option).map((a) => a.getCurrentVariant()?.getPrice() || 0).reduce((a, n) => a + n, 0);
+    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === U.Option).map((a) => a.getCurrentVariant()?.getPrice() || 0).reduce((a, n) => a + n, 0);
   }
   getTotalSubunits() {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
@@ -14903,7 +14896,7 @@ class _e {
         const i = this.getGlobalPropertyConfiguration()?.aspects.find(
           (s) => s.name === n
         );
-        if (i && i.type === $.ColorOption) {
+        if (i && i.type === U.ColorOption) {
           const s = e.getCurrentVariant()?.getAssetResource(), o = s?.assetConfiguration?.channelNumbers || [], l = s?.assetConfiguration?.defaultColorVariants || [], c = hl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
@@ -15107,7 +15100,7 @@ class _e {
       variables: {
         id: this.id,
         details: t,
-        type: e || Se.Owner
+        type: e || ve.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -15146,7 +15139,7 @@ class _e {
   }
   async getAllStakeholders() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ha,
+      query: Ya,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15162,7 +15155,7 @@ class _e {
   }
   async getCurrentStakeholder() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ha,
+      query: Ya,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15355,7 +15348,7 @@ class _e {
     const a = await this.globalPropertyHandleService.getHandles(), n = this.globalPropertyHandleService.applyConditionsFromState(a, t), i = this.globalPropertyHandleService.applyConditionsFromState(a, e);
     this.checkConditionalHandlesChanged(n, i), this.checkMandatoryHandlesChanged(t, i);
     const s = a.map((o) => {
-      if (o.getType() === $.ColorOption || o.getType() === $.Option) {
+      if (o.getType() === U.ColorOption || o.getType() === U.Option) {
         const l = o;
         if (!e.aspects.find((d) => d.name === l.getName()))
           return l.initDefaultVariant();
@@ -15574,7 +15567,7 @@ class ue {
     return this.getArtifacts().get(t);
   }
 }
-class Ia {
+class Pa {
   constructor(t) {
     this.value = t;
   }
@@ -15587,12 +15580,12 @@ class Ia {
   }
 }
 var xl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(xl || {});
-class hd extends Ia {
+class hd extends Pa {
   constructor(t) {
     super(`"${t}"`);
   }
 }
-class rr extends Ia {
+class rr extends Pa {
   constructor(t, e) {
     if (e !== "Asset" && !rr.validUUID(t))
       throw new Error("Invalid ID, must be a valid v4 UUID. https://www.uuidgenerator.net/");
@@ -15602,12 +15595,12 @@ class rr extends Ia {
     return t.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class md extends Ia {
+class md extends Pa {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
 }
-class _a {
+class Xa {
   constructor(t) {
     this.integrationProduct = t;
   }
@@ -15795,7 +15788,7 @@ class Ql {
   }
   async generateCode(t) {
     const e = await this.cognitoClient?.send(
-      new xa({
+      new ka({
         AuthFlow: "CUSTOM_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -15829,7 +15822,7 @@ class Ql {
       throw new Error("Failed to find existing tokens.");
     const e = JSON.parse(t);
     return await this.cognitoClient?.send(
-      new xa({
+      new ka({
         AuthFlow: "REFRESH_TOKEN_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -15859,7 +15852,7 @@ class Rl {
    * @param currency The currency to determine precision for.
    */
   getPrecisionForCurrency(t) {
-    const e = t, a = ka.code(e);
+    const e = t, a = Ma.code(e);
     return a ? a.digits : 2;
   }
   /**
@@ -15870,11 +15863,11 @@ class Rl {
    */
   getSpecialFormat(t) {
     const e = t;
-    if (ka.code(e)?.code === "CLP")
+    if (Ma.code(e)?.code === "CLP")
       return "USD0,0";
   }
 }
-const Xa = new Rl();
+const Za = new Rl();
 class Ol {
   constructor(t, e, a, n) {
     this.presentmentCurrency = void 0, this.presentmentCurrency = n, this.partnerCurrency = a, this.rateFrom = t, this.rateTo = e;
@@ -15906,13 +15899,13 @@ class Ol {
    * Converts a monetary value from the database to the units of its currency.
    */
   units(t, e) {
-    return t / Math.pow(10, Xa.getPrecisionForCurrency(e));
+    return t / Math.pow(10, Za.getPrecisionForCurrency(e));
   }
   /**
    * Converts a monetary value in units to the subunits of its currency.
    */
   subunits(t, e) {
-    return t * Math.pow(10, Xa.getPrecisionForCurrency(e));
+    return t * Math.pow(10, Za.getPrecisionForCurrency(e));
   }
 }
 const $l = async (r, t) => {
@@ -15977,12 +15970,12 @@ class pd {
           mutation: bi
         });
       } catch (a) {
-        throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
+        throw console.error(a), new mt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Vr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Vr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.4-beta.bd4bf70f-5b7f-54e2-840c-b9b707d86b8d"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    pt.setHubUrl(t.hubUrl), pt.setServerUrl(t.serverUrl), pt.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 && Gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
@@ -16029,7 +16022,7 @@ class pd {
    */
   async authenticateBundleFromLocalStorage(t) {
     if (k.getMap("bundleOwnerIds")?.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: Se.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: ve.Owner });
     const a = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (a.has(t)) {
       const n = a.get(t);
@@ -16073,7 +16066,7 @@ class pd {
     if (n.isOrdered)
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
     if (k.getMap("transactionOwnerIds")?.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: Se.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: ve.Owner });
     const o = k.getMap("transactionCustomerIds");
     if (o?.has(t) && o.get(t) && await this.reloadLoggedInCustomer()) {
       const u = this.customer?.bundleStakeholders?.find(
@@ -16279,7 +16272,7 @@ class pd {
     s.set(i.id, i.partner.id), k.setMap("bundlePartnerIds", s);
     const o = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     o.set(i.id, i.bundleOwnerId), k.setMap("bundleOwnerIds", o);
-    const l = new _e(this, i, void 0, void 0, i.bundleOwnerId, {
+    const l = new Xe(this, i, void 0, void 0, i.bundleOwnerId, {
       eagerFetchProducts: a?.graphql?.productCollection?.eagerFetchProducts
     });
     return await l.getInitializationPromise(), l;
@@ -16319,7 +16312,7 @@ class pd {
       throw new Error(`Unable to find bundle: ${t}`);
     const d = c.data?.bundles[0], A = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     A.set(d.id, d.partner.id), k.setMap("bundlePartnerIds", A);
-    const u = new _e(this, d, e, a, s, {
+    const u = new Xe(this, d, e, a, s, {
       additionalHeaders: n?.graphql?.additionalHeaders,
       eagerFetchProducts: n?.graphql?.productCollection?.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
@@ -16366,7 +16359,7 @@ class pd {
     d.set(c.id, c.partner.id), k.setMap("bundlePartnerIds", d);
     const A = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     return A.set(c.id, c.bundleOwnerId), k.setMap("bundleOwnerIds", A), async () => {
-      const u = new _e(this, c, void 0, void 0, c.bundleOwnerId, {
+      const u = new Xe(this, c, void 0, void 0, c.bundleOwnerId, {
         eagerFetchProducts: n?.graphql?.productCollection?.eagerFetchProducts,
         existingGlobalPropertyState: c.globalPropertyState
       });
@@ -16437,7 +16430,7 @@ class pd {
    */
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
-      throw new ht("No options provided!");
+      throw new mt("No options provided!");
     const a = y.getShadowGraphqlClient(), n = async (C) => {
       if (C.length === 0)
         return [];
@@ -16451,7 +16444,7 @@ class pd {
       }), B = P.data.transactions;
       if (B.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
-        throw new ht(`Not all transactions were found: ${F}`);
+        throw new mt(`Not all transactions were found: ${F}`);
       }
       return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((F, Q) => ({
         transaction: F,
@@ -16481,7 +16474,7 @@ class pd {
       }), P = E.data?.transactionCreateMany;
       if (!P || P.length === 0) {
         const B = E.errors?.[0]?.message || "Unknown error";
-        throw new ht(`Failed to create transactions: ${B}`);
+        throw new mt(`Failed to create transactions: ${B}`);
       }
       return P.map((B, F) => ({
         transaction: B,
@@ -16491,7 +16484,7 @@ class pd {
       }));
     }, s = t.map((C, E) => ({ option: C, index: E })), o = s.filter((C) => C.option.type === "transaction"), l = s.filter(
       (C) => C.option.type === "integration" || C.option.type === "external"
-    ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
+    ), c = xa(o, 10), d = xa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((C) => C.workflowId))], h = await ir(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (C) => {
@@ -16518,10 +16511,10 @@ class pd {
       };
       if (T.type === "transaction" && E.workflowState) {
         const q = JSON.parse(E.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await za(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((yt) => yt.layout), await Ga(q), W.reloadedState = q;
       } else if (!B && T.workflowState) {
         const q = JSON.parse(T.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await za(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((yt) => yt.layout), await Ga(q), W.reloadedState = q;
       } else
         W.layouts = Vl(
           W.transaction,
@@ -16553,7 +16546,7 @@ class pd {
     })).data?.integrationProducts;
     if (!i || i.length === 0 || !i[0]?.id)
       throw new Error("Integration product not found.");
-    return new _a(i[0]);
+    return new Xa(i[0]);
   }
   async getIntegrationProductFromExternalIds(t, e, a) {
     const s = (await y.getShadowGraphqlClient().query({
@@ -16567,7 +16560,7 @@ class pd {
     })).data?.integrationProductFromExternalIds;
     if (!s?.id)
       throw new Error("Integration product not found.");
-    return new _a(s);
+    return new Xa(s);
   }
   async getIntegrationProduct(t) {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
@@ -16684,8 +16677,8 @@ class Wl {
         if (n.currentFrameSources) {
           let i = !1;
           for (let s = 0; s < n.currentFrameSources.length; s++) {
-            const o = n.currentFrameSources[s], l = await Oe(o), c = this.frameData ? this.frameData[s] : void 0;
-            cn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
+            const o = n.currentFrameSources[s], l = await $e(o), c = this.frameData ? this.frameData[s] : void 0;
+            ye(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
           }
           i && (this.onFrameDataChangeListeners.forEach(
             (s) => s(this.frameData)
@@ -16737,8 +16730,8 @@ class Wl {
   getImageSrc() {
     if (this.imageData) {
       if (this.imageData.svg) {
-        const t = Ca(this.imageData.svg, this.imageData.colors || {}, !1);
-        return ha(t);
+        const t = wa(this.imageData.svg, this.imageData.colors || {}, !1);
+        return ma(t);
       }
       return this.imageData.src;
     }
@@ -16874,7 +16867,7 @@ class Wl {
   }
   recalculateOffsets(t) {
     this.frameData && ((!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((e, a) => {
-      this.offsets[a] = va(
+      this.offsets[a] = Ea(
         t,
         e,
         this.initialZoom && !this.forceImageCover ? { scale: this.initialZoom } : void 0,
@@ -17057,7 +17050,7 @@ class jl extends Z {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return St.selectVariant(
+    return vt.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17077,7 +17070,7 @@ class jl extends Z {
    * @param [recalculateOffsets=true] Optional: Recalculates the offsets of the image inside the frame. Default: `true`.
    */
   async selectImage(t, e = !0, a = !0) {
-    if (await St.selectImage(this.step, t, this.manager, a), e) {
+    if (await vt.selectImage(this.step, t, this.manager, a), e) {
       const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17093,7 +17086,7 @@ class jl extends Z {
    * Returns `true` if the Background Remover is available for the current session.
    */
   async canUseBackgroundRemover() {
-    return this.manager.getClient().canUseAddon(ua.BackgroundRemover);
+    return this.manager.getClient().canUseAddon(ha.BackgroundRemover);
   }
   /**
    * Returns `true` if the Background Remover is available for the current session and if the associated frame has a user-supplied raster image.
@@ -17115,7 +17108,7 @@ class jl extends Z {
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const a = await O.removeBackgroundFromAsset(e);
-    t && await St.selectImage(this.step, a, this.manager, !1);
+    t && await vt.selectImage(this.step, a, this.manager, !1);
     const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17126,7 +17119,7 @@ class jl extends Z {
     }), a;
   }
   changeColors(t) {
-    St.changeColors(this.step, this.manager, t);
+    vt.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17136,7 +17129,7 @@ class jl extends Z {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? St.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? vt.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -17149,7 +17142,7 @@ class jl extends Z {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return St.getUniqueColorCount(this.step, this.manager);
+    return vt.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(t, e, a, n) {
     return n && n.length > 1 && t === void 0 ? "SelectFrame" : e || a || this.getImageData() ? "Position" : "SelectImage";
@@ -17219,7 +17212,7 @@ const Hl = w`
             id
         }
     }
-`, Pa = w`
+`, Da = w`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17386,7 +17379,7 @@ const Hl = w`
   },
   context: t
 }), Fd = async (r, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Pa,
+  query: Da,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17406,7 +17399,7 @@ const Hl = w`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], xd = async (r, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Pa,
+  query: Da,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17426,7 +17419,7 @@ const Hl = w`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], kd = async (r, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Pa,
+  query: Da,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17473,44 +17466,44 @@ K = { __e: function(r, t, e, a) {
       }
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
-var st, Xe, Za, sr = [], Ze = [], tn = K.__b, en = K.__r, an = K.diffed, nn = K.__c, rn = K.unmount;
+var st, Ze, tn, sr = [], ta = [], en = K.__b, an = K.__r, nn = K.diffed, rn = K.__c, sn = K.unmount;
 function ac() {
   for (var r; r = sr.shift(); )
     if (r.__P && r.__H)
       try {
-        r.__H.__h.forEach(we), r.__H.__h.forEach(da), r.__H.__h = [];
+        r.__H.__h.forEach(we), r.__H.__h.forEach(Aa), r.__H.__h = [];
       } catch (t) {
         r.__H.__h = [], K.__e(t, r.__v);
       }
 }
 K.__b = function(r) {
-  st = null, tn && tn(r);
+  st = null, en && en(r);
 }, K.__r = function(r) {
-  en && en(r);
+  an && an(r);
   var t = (st = r.__c).__H;
-  t && (Xe === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
-    e.__N && (e.__ = e.__N), e.__V = Ze, e.__N = e.i = void 0;
-  })) : (t.__h.forEach(we), t.__h.forEach(da), t.__h = [])), Xe = st;
+  t && (Ze === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
+    e.__N && (e.__ = e.__N), e.__V = ta, e.__N = e.i = void 0;
+  })) : (t.__h.forEach(we), t.__h.forEach(Aa), t.__h = [])), Ze = st;
 }, K.diffed = function(r) {
-  an && an(r);
+  nn && nn(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (sr.push(t) !== 1 && Za === K.requestAnimationFrame || ((Za = K.requestAnimationFrame) || nc)(ac)), t.__H.__.forEach(function(e) {
-    e.i && (e.__H = e.i), e.__V !== Ze && (e.__ = e.__V), e.i = void 0, e.__V = Ze;
-  })), Xe = st = null;
+  t && t.__H && (t.__H.__h.length && (sr.push(t) !== 1 && tn === K.requestAnimationFrame || ((tn = K.requestAnimationFrame) || nc)(ac)), t.__H.__.forEach(function(e) {
+    e.i && (e.__H = e.i), e.__V !== ta && (e.__ = e.__V), e.i = void 0, e.__V = ta;
+  })), Ze = st = null;
 }, K.__c = function(r, t) {
   t.some(function(e) {
     try {
       e.__h.forEach(we), e.__h = e.__h.filter(function(a) {
-        return !a.__ || da(a);
+        return !a.__ || Aa(a);
       });
     } catch (a) {
       t.some(function(n) {
         n.__h && (n.__h = []);
       }), t = [], K.__e(a, e.__v);
     }
-  }), nn && nn(r, t);
+  }), rn && rn(r, t);
 }, K.unmount = function(r) {
-  rn && rn(r);
+  sn && sn(r);
   var t, e = r.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
     try {
@@ -17520,18 +17513,18 @@ K.__b = function(r) {
     }
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
-var sn = typeof requestAnimationFrame == "function";
+var on = typeof requestAnimationFrame == "function";
 function nc(r) {
   var t, e = function() {
-    clearTimeout(a), sn && cancelAnimationFrame(t), setTimeout(r);
+    clearTimeout(a), on && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
-  sn && (t = requestAnimationFrame(e));
+  on && (t = requestAnimationFrame(e));
 }
 function we(r) {
   var t = st, e = r.__c;
   typeof e == "function" && (r.__c = void 0, e()), st = t;
 }
-function da(r) {
+function Aa(r) {
   var t = st;
   r.__c = r.__(), st = t;
 }
@@ -17557,7 +17550,7 @@ const or = w`
         }
         missingComponentTypes
     }
-`, Da = w`
+`, Fa = w`
     ${or}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17570,14 +17563,14 @@ const or = w`
         }
     }
 `, rc = w`
-    ${Da}
+    ${Fa}
     query GetAddressValidationJobs($ids: [String!]!) {
         addressValidationJobs(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
 `, ic = w`
-    ${Da}
+    ${Fa}
     query GetRecipientsWithAddressValidationJobs($ids: [String!]!) {
         recipients(ids: $ids) {
             id
@@ -17594,7 +17587,7 @@ const or = w`
         }
     }
 `, oc = w`
-    ${Da}
+    ${Fa}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
@@ -17664,21 +17657,21 @@ const Td = async (r) => {
   })).data?.recipientOverrideAddress?.id && (r.getWorkflowManager().getTransaction().addressValidationStatus = An.Overridden);
 };
 export {
-  ua as AddonHandle,
+  ha as AddonHandle,
   dc as AddressValidationJobStatus,
   cc as AddressValidationResultConfirmationLevel,
   An as AddressValidationStatus,
   md as ArrayInput,
-  $ as AspectType,
+  U as AspectType,
   bt as AssetNotFoundError,
-  ye as AssetType,
+  Se as AssetType,
   od as BringForwardCommand,
   sd as BringToBackCommand,
   id as BringToFrontCommand,
   Br as BundleDesignCreationCartAddMode,
   N as CanvasCommand,
   Ae as CollectionProduct,
-  Ka as ColorOptionGlobalPropertyHandle,
+  _a as ColorOptionGlobalPropertyHandle,
   As as CommandContext,
   Ce as ConversionDataType,
   ec as ConversionLocation,
@@ -17695,23 +17688,23 @@ export {
   gs as FontAlignmentCommand,
   hs as FontColorCommand,
   ms as FontSizeCommand,
-  Wa as FontSourceCommand,
+  qa as FontSourceCommand,
   Wl as FrameService,
   ql as FrameStep,
   jl as FrameStepHandle,
-  Ba as GlobalPropertyHandle,
+  Ia as GlobalPropertyHandle,
   R as GroupCommand,
   vo as IllustrationStepHandle,
-  $e as InformationMessageType,
+  Ue as InformationMessageType,
   Fo as InformationStepHandle,
-  _a as IntegrationProduct,
+  Xa as IntegrationProduct,
   Pr as IntegrationType,
   td as LayoutElementFactory,
   x as LayoutElementType,
   Y as LayoutNotFoundError,
   Ht as LayoutRenderingPurpose,
   Eo as MaterialStepHandle,
-  Ee as MisconfigurationError,
+  be as MisconfigurationError,
   Sd as MockWorkflowManager,
   bo as ModelStepHandle,
   ko as ModuleStepHandle,
@@ -17719,7 +17712,7 @@ export {
   rr as ObjectInput,
   xl as ObjectInputType,
   er as OptionGlobalPropertyHandle,
-  ve as OptionNotFoundError,
+  Ee as OptionNotFoundError,
   Dt as ParseError,
   Bo as PictureStepHandle,
   Dr as ProductCameraRig,
@@ -17738,7 +17731,7 @@ export {
   Po as ShapeStepHandle,
   Ir as ShareActionType,
   pd as SpiffCommerceClient,
-  Se as StakeholderType,
+  ve as StakeholderType,
   br as StepAspectType,
   Z as StepHandle,
   v as StepType,
@@ -17761,31 +17754,31 @@ export {
   Oo as createDesign,
   Jc as currentDirection,
   Oc as dataUrlFromExternalUrl,
-  Ke as designService,
+  _e as designService,
   fe as determineCorrectFontSizeAndLines,
   qn as digitalContentStepService,
-  dt as domParser,
+  At as domParser,
   bd as duplicateBundle,
   Bd as duplicateTransaction,
   nt as fetchAsString,
   zc as findAngle,
-  U as findElement,
+  $ as findElement,
   Lc as findPmsColors,
   Vt as frameDataCache,
-  St as frameStepService,
+  vt as frameStepService,
   M as generate,
   nl as generateCommands,
   ot as generateSVGWithUnknownColors,
   Ad as generateStateFromDesignInputSteps,
   Nd as getAddressValidationJobs,
-  Ne as getAttributesFromArrayBuffer,
+  Qe as getAttributesFromArrayBuffer,
   Vc as getAxisAlignedBoundingBox,
   Gl as getBoundedOffsets,
   wd as getBundleThemeConfiguration,
   Id as getCustomer,
   Pd as getCustomerBundles,
   Kc as getElementVertices,
-  Oe as getFrameData,
+  $e as getFrameData,
   cd as getGlobalPropertyStateForBundle,
   zl as getIntegration,
   Hc as getNEPoint,
@@ -17795,7 +17788,7 @@ export {
   qc as getPointOfRotation,
   ud as getProductCollections,
   Yc as getSEPoint,
-  ya as getSvgElement,
+  Sa as getSvgElement,
   Md as getTemplateBundles,
   kd as getTemplateTransactions,
   fd as getTransaction,
@@ -17815,33 +17808,33 @@ export {
   Cl as metafieldManager,
   _c as mmPerPixel,
   Hn as modelStepService,
-  Ca as modifySVGColors,
+  wa as modifySVGColors,
   Yn as moduleStepService,
   vd as nameBundle,
   Ed as nameTransaction,
   H as optionService,
   Zc as outlineFontsInSvg,
   Od as overrideWorkflowExperienceRecipientAddress,
-  ut as patternImageDataCache,
+  ht as patternImageDataCache,
   k as persistenceService,
   Jn as pictureStepService,
   $c as pmsToRgb,
   Kn as questionStepService,
   Rc as registerFetchImplementation,
   Qc as registerWindowImplementation,
-  za as rehydrateSerializedLayout,
+  Ga as rehydrateSerializedLayout,
   Xr as rgbToPms,
   ce as rotateAroundPoint,
-  pa as sanitizeSvgTree,
+  fa as sanitizeSvgTree,
   Gr as setBearerAuthenticationToken,
   Cn as setCanvasModule,
   zt as shapeStepService,
   ys as shortenUrl,
-  gt as spiffCoreConfiguration,
+  pt as spiffCoreConfiguration,
   dd as stepAspectValuesToDesignInputSteps,
-  Oa as svgColorValueToDefinition,
+  $a as svgColorValueToDefinition,
   Vn as svgStringDimensions,
-  ha as svgToDataUrl,
+  ma as svgToDataUrl,
   G as textStepService,
   xs as toast,
   Qd as validateWorkflowExperienceRecipient,