@spiffcommerce/core 32.2.4-beta.37bc688d-3d85-536a-ba61-02a441df130e → 32.2.4-beta.4afe3abf-22fb-564b-b8a7-84762f8e91f4

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 { Pith as ua } from "pith";
 import Et from "lodash.clonedeep";
-import { toString as ln } from "qrcode";
+import { toString as cn } from "qrcode";
 import Cr from "svg-path-bbox";
-import { parse as ta } from "opentype.js";
+import { parse as ea } from "opentype.js";
 import { jsx as D, jsxs as ct, 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 || {}), 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 || {}), 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 ht 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 {
@@ -161,41 +161,41 @@ class Mr {
   }
 }
 const gt = new Mr();
-let aa, na;
+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);
@@ -206,7 +206,7 @@ const hn = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
     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,10 +287,10 @@ 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;
@@ -301,7 +301,7 @@ const Gr = (r) => {
   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
   };
@@ -364,10 +364,10 @@ class Hr {
   }
 }
 const y = new Hr();
-let ra, ia;
+let ia, sa;
 const pt = (r, t, e) => {
-  if (ra !== void 0)
-    return ra(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 () => {
@@ -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) {
@@ -3328,12 +3328,12 @@ 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.");
@@ -3345,18 +3345,18 @@ const le = (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) {
@@ -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) {
@@ -3748,7 +3748,7 @@ const Rt = "persistentAssets", lt = class lt {
 };
 lt.callbacks = [];
 let At = lt;
-const $a = "bgrmPersistentAssets";
+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) {
@@ -5348,7 +5348,7 @@ const M = () => {
     ...E,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), C = Sa(I);
+  })), C = va(I);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5527,7 +5527,7 @@ 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);
+  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
   return /* @__PURE__ */ ct(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(
@@ -5562,8 +5562,8 @@ 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;
   };
@@ -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();
     } 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;
+  const t = pn(r), e = ea(t);
+  return oa(r, e), e;
 }, Ct = (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();
   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,7 +5778,7 @@ 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) => {
@@ -5818,7 +5818,7 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
 }, as = (r, t, e, a) => {
   const n = Ct(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();
   let o = { ...r };
   const l = { ...r }, c = Qn(a, e / s.unitsPerEm, Ct(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, mt = (r, t, e) => {
   let a = 0;
   const n = e.getGlyphs(r);
   return n.forEach((i, s) => {
@@ -5864,12 +5864,12 @@ const Zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
   return r.forEach((n) => {
     a = Math.max(a, mt(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;
@@ -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) => {
+}, ut = /* @__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,9 +6215,9 @@ 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);
@@ -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,7 +6264,7 @@ const ne = (r) => {
     y: u,
     zoom: s
   };
-}, la = async (r) => {
+}, ca = async (r) => {
   if (ut.has(r))
     return ut.get(r);
   if (r.startsWith("data:image/svg+xml")) {
@@ -6277,7 +6277,7 @@ const ne = (r) => {
     return ut.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,
@@ -6285,7 +6285,7 @@ const ne = (r) => {
     };
     return ut.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,
@@ -6293,14 +6293,14 @@ const ne = (r) => {
     };
     return ut.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) => {
+}, za = (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");
   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");
@@ -6332,12 +6332,12 @@ const ne = (r) => {
     const s = dt().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 = pt(), d = c.getContext("2d"), A = await ua.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
       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,
@@ -6369,7 +6369,7 @@ const ne = (r) => {
     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) {
@@ -6381,7 +6381,7 @@ const ne = (r) => {
 };
 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, {
@@ -6545,13 +6545,13 @@ const $ = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
     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 $ = (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;
   }
@@ -6829,7 +6829,7 @@ class hs extends N {
     };
   }
 }
-class je extends N {
+class He extends N {
   constructor(t, e) {
     super(), this.id = t, this.imageFill = e;
   }
@@ -6873,7 +6873,7 @@ class ms extends N {
     };
   }
 }
-class Wa extends N {
+class qa extends N {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -7019,7 +7019,7 @@ 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;
   }
@@ -7042,7 +7042,7 @@ 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;
   }
@@ -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);
@@ -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)
@@ -7626,7 +7626,7 @@ class Pe {
       };
       ut.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,
@@ -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 St = new De();
 class vs {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -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);
@@ -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,7 +8640,7 @@ 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(`
@@ -8672,29 +8672,29 @@ const xs = new Fs(), Ye = (r, t, e, a, n) => {
   const o = Ct(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 {
@@ -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,
@@ -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
     });
@@ -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) {
@@ -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;
   }
@@ -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,
@@ -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
@@ -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) {
@@ -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)
@@ -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) => {
@@ -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,
       createImage: te,
-      DOMParser: ga(),
+      DOMParser: pa(),
       fetch
     })).render();
     const S = await this.getCanvasObjectURLAsync(s);
@@ -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,7 +12494,7 @@ 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());
@@ -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,
         {
@@ -12782,7 +12782,7 @@ const qo = (r) => {
   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;
   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");
@@ -12996,7 +12996,7 @@ const qo = (r) => {
       const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().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
           })
@@ -13332,12 +13332,12 @@ 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,
@@ -13346,7 +13346,7 @@ class ll extends xn {
       enableRedraw: !1,
       createCanvas: pt,
       createImage: te,
-      DOMParser: ga(),
+      DOMParser: pa(),
       fetch
     });
     h.resize(l, c), await h.render(), this.onRender();
@@ -13416,14 +13416,14 @@ class cl {
       case U.FileUpload:
         return new dl(this.bundle, t).initialize();
       case U.ColorOption:
-        return new Ka(
+        return new _a(
           this.bundle,
           t,
           t.entityId ? await H.getOption(t.entityId) : void 0
         );
       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 U.Text:
         return new Al(this.bundle, t);
@@ -13432,7 +13432,7 @@ class cl {
     }
   }
 }
-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,
@@ -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);
   }
@@ -13978,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) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState));
   }
   async setAspectStorage(t, e, a) {
     if (!this.globalPropertyState)
@@ -14005,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) || (await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(i, this.globalPropertyState));
   }
   async updateGlobalPropertyState() {
     if (!this.globalPropertyState)
@@ -14685,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;
@@ -14843,7 +14843,7 @@ class _e {
         if (i)
           switch (a.type) {
             case U.FileUpload: {
-              const s = i, o = await be([a.value]);
+              const s = i, o = await Be([a.value]);
               o.length > 0 && await s.selectImage(o[0]);
               const l = a.storage?.colors;
               if (l) {
@@ -15100,7 +15100,7 @@ class _e {
       variables: {
         id: this.id,
         details: t,
-        type: e || Se.Owner
+        type: e || ve.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -15139,7 +15139,7 @@ class _e {
   }
   async getAllStakeholders() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ha,
+      query: Ya,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15155,7 +15155,7 @@ class _e {
   }
   async getCurrentStakeholder() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ha,
+      query: Ya,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15567,7 +15567,7 @@ class ue {
     return this.getArtifacts().get(t);
   }
 }
-class Ia {
+class Pa {
   constructor(t) {
     this.value = t;
   }
@@ -15580,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/");
@@ -15595,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;
   }
@@ -15788,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: {
@@ -15822,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: {
@@ -15852,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;
   }
   /**
@@ -15863,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;
@@ -15899,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) => {
@@ -15972,7 +15972,7 @@ class pd {
       } catch (a) {
         throw console.error(a), new ht("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.4-beta.2a1f0ff0-c7c4-56e0-afbf-fd744926c42c"), 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.37bc688d-3d85-536a-ba61-02a441df130e"), 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);
@@ -16022,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);
@@ -16066,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(
@@ -16272,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;
@@ -16312,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,
@@ -16359,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
       });
@@ -16484,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) => {
@@ -16511,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((wt) => wt.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((wt) => wt.layout), await Ga(q), W.reloadedState = q;
       } else
         W.layouts = Vl(
           W.transaction,
@@ -16546,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({
@@ -16560,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);
@@ -16677,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)
@@ -16730,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;
     }
@@ -16867,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,
@@ -17086,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.
@@ -17212,7 +17212,7 @@ const Hl = w`
             id
         }
     }
-`, Pa = w`
+`, Da = w`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17379,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: {
@@ -17399,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: {
@@ -17419,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: {
@@ -17466,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 {
@@ -17513,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;
 }
@@ -17550,7 +17550,7 @@ const or = w`
         }
         missingComponentTypes
     }
-`, Da = w`
+`, Fa = w`
     ${or}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17563,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
@@ -17587,7 +17587,7 @@ const or = w`
         }
     }
 `, oc = w`
-    ${Da}
+    ${Fa}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
@@ -17657,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,
   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,
@@ -17688,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,
@@ -17712,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,
@@ -17731,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,
@@ -17754,7 +17754,7 @@ 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,
@@ -17771,14 +17771,14 @@ export {
   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,
@@ -17788,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,
@@ -17808,7 +17808,7 @@ 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,
@@ -17822,19 +17822,19 @@ export {
   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,
   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,