@spiffcommerce/core 33.13.0 → 33.13.2

package/dist/index.mjs

@@ -1,30 +1,30 @@
-import { createHttpLink as Ii, ApolloClient as Bi, InMemoryCache as Pi, from as Fi, gql as C } from "@apollo/client/core";
-import { setContext as Di } from "@apollo/client/link/context";
+import { createHttpLink as Ii, ApolloClient as Bi, InMemoryCache as Pi, from as Di, gql as C } from "@apollo/client/core";
+import { setContext as Fi } from "@apollo/client/link/context";
 import { onError as xi } from "@apollo/client/link/error";
 import { renderToStaticMarkup as ki } from "preact-render-to-string";
 import { removeTypenameFromVariables as Mi } from "@apollo/client/link/remove-typename";
 import { orientation as Ti } from "exifr/dist/mini.umd.cjs";
 import { parse as yn } from "css";
 import Ni from "fuse.js";
-import { Pith as Ea } from "pith";
+import { Pith as va } from "pith";
 import It from "lodash.clonedeep";
 import Jt from "lodash.isequal";
 import { jsx as P, jsxs as dt, Fragment as qt } from "preact/jsx-runtime";
-import { parse as ca } from "opentype.js";
+import { parse as la } from "opentype.js";
 import Qi from "handlebars";
 import { dataUriToBuffer as Ri } from "data-uri-to-buffer";
 import { toString as Sn } from "qrcode";
-import { split as da } from "unicode-default-word-boundary";
+import { split as ca } from "unicode-default-word-boundary";
 import Oi from "svg-path-bbox";
-import Va from "lodash.chunk";
-import { CognitoIdentityProviderClient as $i, InitiateAuthCommand as za, RespondToAuthChallengeCommand as Ui } from "@aws-sdk/client-cognito-identity-provider";
+import La from "lodash.chunk";
+import { CognitoIdentityProviderClient as $i, InitiateAuthCommand as Va, RespondToAuthChallengeCommand as Ui } from "@aws-sdk/client-cognito-identity-provider";
 import Li from "dinero.js";
-import * as Ga from "currency-codes";
+import * as za from "currency-codes";
 import vn from "lodash.debounce";
 import "fs";
 import "path";
 import Vi from "lodash.omit";
-var Pe = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Pe || {}), En = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(En || {}), G = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(G || {}), v = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(v || {}), zi = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(zi || {}), Kt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Kt || {}), D = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(D || {}), Gi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Gi || {}), bn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(bn || {}), Wi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Wi || {}), qi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(qi || {}), ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ba || {}), Hi = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Hi || {}), Fe = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Fe || {}), Tt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(Tt || {}), Y = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(Y || {}), ji = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(ji || {});
+var Ie = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Ie || {}), En = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(En || {}), G = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(G || {}), v = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(v || {}), zi = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(zi || {}), Kt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Kt || {}), F = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(F || {}), Gi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Gi || {}), bn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(bn || {}), Wi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Wi || {}), qi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(qi || {}), Ea = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(Ea || {}), Hi = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Hi || {}), Be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Be || {}), Tt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(Tt || {}), Y = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(Y || {}), ji = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(ji || {});
 class In extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -35,7 +35,7 @@ class ae extends In {
     super(`ConfigurationError - ${t}`);
   }
 }
-class De extends ae {
+class Pe extends ae {
   constructor(t) {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = t?.optionId || "N/A";
   }
@@ -55,32 +55,32 @@ class _t extends ae {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
 }
-class xe extends ae {
+class De extends ae {
   constructor(t, e) {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class Oe extends In {
+class Qe extends In {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
 }
-class R extends Oe {
+class R extends Qe {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
 }
-class Dt extends Oe {
+class Ft extends Qe {
   constructor(t) {
     super(`Parsing Error: ${t}`);
   }
 }
-class gt extends Oe {
+class gt extends Qe {
   constructor(t) {
     super(`Client Error: ${t}`);
   }
 }
-class $e extends Oe {
+class Re extends Qe {
   constructor(t) {
     super(`Resource Generation Failed: ${t}`);
   }
@@ -105,7 +105,7 @@ class Yi {
     this.set(t, a);
   }
 }
-class Wa {
+class Ga {
   constructor() {
     this.storage = /* @__PURE__ */ new Map();
   }
@@ -130,9 +130,9 @@ class Wa {
 }
 const Ji = () => {
   try {
-    return localStorage ? new Yi() : new Wa();
+    return localStorage ? new Yi() : new Ga();
   } catch {
-    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Wa();
+    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Ga();
   }
 }, k = Ji();
 class Ki {
@@ -162,42 +162,42 @@ class Ki {
   }
 }
 const ft = new Ki();
-let Aa, ua;
+let da, Aa;
 function id(n) {
-  Aa = n;
+  da = n;
 }
 function rd(n) {
-  ua = n;
+  Aa = n;
 }
 function ne() {
-  return Aa ? new Aa().window : (console.log(
+  return da ? new da().window : (console.log(
     "DOM constructor is not registered. Assuming browser environment. If not, please register DOM constructor before calling this function."
   ), window);
 }
 function it(n, t) {
-  if (!ua) {
+  if (!Aa) {
     if (typeof window < "u" && window.fetch)
       return window.fetch(n, t);
     if (typeof global < "u" && global.fetch)
       return global.fetch(n, t);
     throw new Error("Fetch implementation is not registered. Please register it before calling this function.");
   }
-  return ua(n, t);
+  return Aa(n, t);
 }
-const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map(), Pn = async (n) => {
-  const t = qa.get(n);
+const Bn = /* @__PURE__ */ new Map(), Wa = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Pn = async (n) => {
+  const t = Wa.get(n);
   if (t) return t;
   const a = (async () => {
     const i = await it(n);
     return Bn.set(n, i.headers?.get("content-type") || ""), await i.arrayBuffer();
   })();
-  return qa.set(n, a), a;
+  return Wa.set(n, a), a;
 }, _i = async (n) => {
-  const t = Ha.get(n);
+  const t = qa.get(n);
   if (t) return t;
   const a = (async () => await (await it(n)).text())();
-  return Ha.set(n, a), a;
-}, Nt = (n) => n.every((t) => t !== "undefined"), ue = (n) => Nt([typeof document]) ? document.createElement(n) : ne().document.createElement(n), Xi = (n, t) => {
+  return qa.set(n, a), a;
+}, Nt = (n) => n.every((t) => t !== "undefined"), de = (n) => Nt([typeof document]) ? document.createElement(n) : ne().document.createElement(n), Xi = (n, t) => {
   if (Nt([typeof document]))
     return document.createElementNS(n, t);
   const a = ne().document.createElement(t);
@@ -207,7 +207,7 @@ const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @_
     return new DOMParser();
   const n = ne();
   return new n.DOMParser();
-}, Zi = () => Nt([typeof DOMParser]) ? DOMParser : ne().DOMParser, Ue = (n, t) => new Promise((e, a) => {
+}, Zi = () => Nt([typeof DOMParser]) ? DOMParser : ne().DOMParser, Oe = (n, t) => new Promise((e, a) => {
   t ? Pn(n).then(e).catch(a) : it(n).then((i) => {
     i.arrayBuffer().then(e).catch(a);
   }).catch((i) => {
@@ -217,7 +217,7 @@ const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @_
   t ? _i(n).then(e).catch(a) : it(n).then((i) => {
     i.text().then(e).catch(a);
   }).catch(a);
-}), Fn = (n) => ki(n), je = /* @__PURE__ */ new Map(), tr = async (n, t) => {
+}), Dn = (n) => ki(n), je = /* @__PURE__ */ new Map(), tr = async (n, t) => {
   if (Nt([typeof FontFace])) {
     if (je.has(t))
       return je.get(t);
@@ -231,7 +231,7 @@ const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @_
     return new XMLSerializer();
   const n = ne();
   return new n.XMLSerializer();
-}, ja = (n) => btoa(n), Le = (n) => {
+}, Ha = (n) => btoa(n), $e = (n) => {
   function t() {
     const a = new Uint8Array(n), i = 4;
     if (a.length >= i) {
@@ -258,7 +258,7 @@ const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, od = async (n) => {
-  const t = await Pn(n), e = Bn.get(n) || Le(t);
+  const t = await Pn(n), e = Bn.get(n) || $e(t);
   return await nr(new Blob([t], { type: e }));
 }, er = (n) => {
   let t = "";
@@ -267,9 +267,9 @@ const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @_
     t += String.fromCharCode(n[a]);
   return t;
 }, ar = async (n) => {
-  const t = Le(n), e = new Uint8Array(n), a = er(e), i = btoa(a);
+  const t = $e(n), e = new Uint8Array(n), a = er(e), i = btoa(a);
   return `data:${t};base64,${i}`;
-}, Ia = (n) => `data:image/svg+xml;base64,${btoa(n)}`, Dn = (n) => {
+}, ba = (n) => `data:image/svg+xml;base64,${btoa(n)}`, Fn = (n) => {
   const t = n.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -288,10 +288,10 @@ const Bn = /* @__PURE__ */ new Map(), qa = /* @__PURE__ */ new Map(), Ha = /* @_
     !r || !r.result ? e() : t(r.result.toString());
   }, a.readAsDataURL(n);
 });
-let ir, Ba;
+let ir, Ia;
 const rr = (n) => {
-  Ba = n;
-}, or = () => Ba;
+  Ia = n;
+}, or = () => Ia;
 let xn;
 const sr = (n) => {
   xn = n;
@@ -302,7 +302,7 @@ const sr = (n) => {
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
 }), cr = async () => {
   const n = {
-    applicationKey: Ba,
+    applicationKey: Ia,
     customerToken: ir,
     bearer: xn
   };
@@ -329,7 +329,7 @@ class Ar {
     const t = Ii({
       uri: `${ft.getServerUrl()}/graphql`,
       fetch: dr
-    }), e = Di(async (r, o) => {
+    }), e = Fi(async (r, o) => {
       const { headers: s } = o, l = s || {}, c = await cr();
       let d = o.bearer ?? c.bearer;
       if (this.spiffClient)
@@ -358,17 +358,17 @@ class Ar {
       s && !c?.fetchOptions?.signal?.aborted && console.log("GraphQL Network error"), l.forEach(() => console.log("GraphQL Error: " + r.operationName));
     }), i = Mi();
     return new Bi({
-      link: Fi([i, a, e, t]),
+      link: Di([i, a, e, t]),
       cache: new Pi(),
       name: "Core"
     });
   }
 }
 const y = new Ar();
-let ha, ma;
+let ua, ha;
 const Ct = (n, t, e) => {
-  if (ha !== void 0)
-    return ha(n, t, e);
+  if (ua !== void 0)
+    return ua(n, t, e);
   try {
     const a = Mn(!0);
     return kn(a), a.createCanvas(n, t, e);
@@ -376,8 +376,8 @@ const Ct = (n, t, e) => {
     throw new Error("Canvas module not set");
   }
 }, ie = (n, t) => {
-  if (ma !== void 0)
-    return ma(n, t);
+  if (ha !== void 0)
+    return ha(n, t);
   try {
     const e = Mn(!0);
     return kn(e), e.loadImage(n, t);
@@ -386,7 +386,7 @@ const Ct = (n, t, e) => {
   }
 };
 function kn(n) {
-  ha = n?.createCanvas, ma = n?.loadImage;
+  ua = n?.createCanvas, ha = n?.loadImage;
 }
 function Mn(n) {
   try {
@@ -408,19 +408,19 @@ function Mn(n) {
   }
 }
 let Ye;
-function Pa() {
+function Ba() {
   return Ye === void 0 && (Ye = Zi()), Ye;
 }
-let he = null;
+let Ae = null;
 const ur = (n) => new Promise((t) => {
-  if (Le(n) !== "image/jpeg")
+  if ($e(n) !== "image/jpeg")
     return t(1);
   Ti(n).then((a) => t(a || 1)).catch(() => t(1));
 }), hr = async () => {
-  if (he !== null)
-    return !he;
+  if (Ae !== null)
+    return !Ae;
   const t = await ie("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=");
-  return he = t.width === 2 && t.height === 3, !he;
+  return Ae = t.width === 2 && t.height === 3, !Ae;
 }, mr = (n) => {
   const e = n.naturalWidth / n.naturalHeight;
   return n.naturalHeight <= 8192 && n.naturalWidth <= 8192 ? [n.naturalWidth, n.naturalHeight] : n.naturalHeight > n.naturalWidth ? [e * 8192, 8192] : [8192, 8192 / e];
@@ -455,9 +455,9 @@ const ur = (n) => new Promise((t) => {
       break;
   }
   return d.drawImage(e, 0, 0, s, l), c;
-}, Ve = async (n) => {
+}, Ue = async (n) => {
   const t = await gr(n);
-  return Le(n) === "image/jpeg" ? {
+  return $e(n) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
     height: t.height,
     width: t.width
@@ -3188,20 +3188,20 @@ function cd(n, t) {
 let Ot = null;
 function wr(n) {
   if (n.startsWith("#"))
-    return Ya(n);
+    return ja(n);
   if (!document)
     throw new Error("browserColorToHex is only supported on browsers");
   if (Ot || (Ot = document.createElement("canvas").getContext("2d")), !Ot)
     throw new Error("Failed to create canvas context required to convert colors");
   Ot.fillStyle = n;
-  const t = Ya(Ot.fillStyle);
+  const t = ja(Ot.fillStyle);
   return t || console.error(`Unknown browser color ${n}`), t;
 }
-function Ya(n) {
+function ja(n) {
   const t = n.substring(1).toUpperCase();
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
-const me = (n) => {
+const ue = (n) => {
   const t = Tn(n.spotColor);
   return t ? `${n.browserValue} ${t}` : n.browserValue;
 }, Tn = (n) => {
@@ -3212,7 +3212,7 @@ const me = (n) => {
     return `icc-named-color(${t.slice(e + 1).slice(0, -4)}, ${n.namedColor})`;
   }
   return `icc-named-color(${n.profileName}, ${n.namedColor})`;
-}, Ja = (n) => {
+}, Ya = (n) => {
   const t = n.split(/[ ](?=[^)]*?(?:\(|$))/);
   if (t.length === 0)
     return { browserValue: "#000000" };
@@ -3234,7 +3234,7 @@ const me = (n) => {
   } catch {
     return n.classList.contains(t.substring(1));
   }
-}, Fa = (n, t = !1) => {
+}, Pa = (n, t = !1) => {
   !t && n.setAttribute("preserveAspectRatio", "none");
   const e = [];
   Mt(n, (a) => {
@@ -3287,13 +3287,13 @@ const me = (n) => {
         if (s)
           a.setAttribute(
             "fill",
-            e ? me(s) : s.browserValue
+            e ? ue(s) : s.browserValue
           );
         else {
           const l = t[o];
           l && a.setAttribute(
             "fill",
-            e ? me(l) : l.browserValue
+            e ? ue(l) : l.browserValue
           );
         }
       }
@@ -3305,13 +3305,13 @@ const me = (n) => {
         if (s)
           a.setAttribute(
             "stroke",
-            e ? me(s) : s.browserValue
+            e ? ue(s) : s.browserValue
           );
         else {
           const l = t[o];
           l && a.setAttribute(
             "fill",
-            e ? me(l) : l.browserValue
+            e ? ue(l) : l.browserValue
           );
         }
       }
@@ -3322,7 +3322,7 @@ const me = (n) => {
   if (!r)
     throw new Error("Failed to read SVG.");
   return Er(r, t, e), Qn(r, a, i), Rn(r);
-}, xa = (n, t, e) => {
+}, Fa = (n, t, e) => {
   const a = Nn(n);
   if (!a)
     throw new Error("Failed to read SVG.");
@@ -3334,17 +3334,17 @@ const me = (n) => {
   const e = br(n).firstElementChild;
   if (!e)
     throw new Error("Failed to read SVG.");
-  Fa(e);
+  Pa(e);
   const a = {};
   Mt(e, (o) => {
     const s = o.attributes.getNamedItem("fill");
     if (s && s.value !== "none" && !s.value.startsWith("url(")) {
-      const c = Ja(s.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
+      const c = Ya(s.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
       o.setAttribute("fill", c.browserValue), o.classList.add(A), a[d] = c;
     }
     const l = o.attributes.getNamedItem("stroke");
     if (l && l.value !== "none" && !l.value.startsWith("url(")) {
-      const c = Ja(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
+      const c = Ya(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
       o.classList.add(A), o.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
@@ -3410,7 +3410,7 @@ const me = (n) => {
             ...AssetFields
         }
     }
-`, ka = C`
+`, xa = C`
     fragment MaterialFields on Material {
         id
         name
@@ -3458,13 +3458,13 @@ const me = (n) => {
         }
     }
 `, Pr = C`
-    ${ka}
+    ${xa}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
         }
     }
-`, Fr = C`
+`, Dr = C`
     mutation CreateAsset($name: String!, $type: String!, $mimeType: String!, $anonymous: Boolean, $temporary: Boolean) {
         assetCreate(name: $name, type: $type, mimeType: $mimeType, anonymous: $anonymous, temporary: $temporary) {
             uploadUrl
@@ -3478,14 +3478,14 @@ const me = (n) => {
             }
         }
     }
-`, Dr = C`
+`, Fr = C`
     ${re(!1)}
     mutation RemoveBackgroundFromAsset($key: String!) {
         assetRemoveBackground(key: $key) {
             ...AssetFields
         }
     }
-`, ke = async (n) => (await y.getShadowGraphqlClient().query({
+`, Fe = async (n) => (await y.getShadowGraphqlClient().query({
   query: Br,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -3499,7 +3499,7 @@ const me = (n) => {
     ids: n
   }
 })).data.materials, kr = async (n, t, e, a, i) => (await y.getShadowGraphqlClient().mutate({
-  mutation: Fr,
+  mutation: Dr,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -3513,7 +3513,7 @@ const me = (n) => {
 class Mr {
   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 Ve(e), i = (r, o) => {
+      const e = await t.arrayBuffer(), a = await Ue(e), i = (r, o) => {
         const s = atob(r.split(",")[1]), l = [];
         for (let c = 0; c < s.length; c++)
           l.push(s.charCodeAt(c));
@@ -3534,14 +3534,14 @@ class Mr {
       if (!i) throw new R("Failed to get asset from cache!");
       return i;
     }
-    const a = (async () => (await ke([t]))[0])();
+    const a = (async () => (await Fe([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 ke([t]))[0])();
+    const a = (async () => (await Fe([t]))[0])();
     return this.cache.set(t, a), a;
   }
   keyFromURL(t) {
@@ -3600,7 +3600,7 @@ class Mr {
     }, a, i);
   }
   async uploadFile(t, e) {
-    const i = this.isRaster(t) ? Pe.Image : Pe.Illustration, r = await this.loadImageAsFileInfo(t);
+    const i = this.isRaster(t) ? Ie.Image : Ie.Illustration, r = await this.loadImageAsFileInfo(t);
     return await this.uploadAssetWithProgress(r, i, e, !0);
   }
   async removeBackgroundFromAsset(t) {
@@ -3613,7 +3613,7 @@ class Mr {
     }
     const i = (async () => {
       const r = await y.getShadowGraphqlClient().mutate({
-        mutation: Dr,
+        mutation: Fr,
         fetchPolicy: "no-cache",
         errorPolicy: "all",
         variables: {
@@ -3647,7 +3647,7 @@ class Mr {
   async postProcessFileUpload(t, e) {
     if (e === "image/svg+xml") {
       const a = await t.blob.text(), o = new window.DOMParser().parseFromString(a, "image/svg+xml").documentElement;
-      if (!o) throw new Dt("Failed to read SVG.");
+      if (!o) throw new Ft("Failed to read SVG.");
       vr(o);
       const l = Pt().serializeToString(o);
       return {
@@ -3736,7 +3736,7 @@ const $t = "persistentAssets", ct = class ct {
 };
 ct.callbacks = [];
 let ht = ct;
-const Ka = "bgrmPersistentAssets";
+const Ja = "bgrmPersistentAssets";
 class _ {
   static has(t) {
     return _.getMap().has(t);
@@ -3763,10 +3763,10 @@ class _ {
     a && (e.delete(a), _.setMap(e));
   }
   static getMap() {
-    return k.getMap(Ka) || /* @__PURE__ */ new Map();
+    return k.getMap(Ja) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    k.setMap(Ka, t);
+    k.setMap(Ja, t);
   }
 }
 const V = new Mr();
@@ -3842,7 +3842,7 @@ const Zt = new Tr(), On = C`
     }
 `, Nr = C`
     ${re(!1)}
-    ${ka}
+    ${xa}
     ${On}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
@@ -3931,7 +3931,7 @@ const J = new $r(), $n = C`
             currencyCode
         }
     }
-`, ze = C`
+`, Le = C`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -4046,7 +4046,7 @@ const J = new $r(), $n = C`
         url
     }
 `, Lr = C`
-    ${ze}
+    ${Le}
     ${oe}
     ${$n}
     query ReadIntegrationProducts($ids: [String!]!) {
@@ -4292,7 +4292,7 @@ const J = new $r(), $n = C`
         }
     }
 `, Gn = (n) => C`
-    ${ze}
+    ${Le}
     fragment IntegrationProductFields on IntegrationProduct {
         id
         externalProductId
@@ -4529,7 +4529,7 @@ const J = new $r(), $n = C`
     }
 `, ao = (n) => C`
         ${re(n)}
-        ${ka}
+        ${xa}
         ${On}
         ${Xr}
         ${Zr}
@@ -4973,7 +4973,7 @@ const J = new $r(), $n = C`
             }
         }
     }
-`, Ge = C`
+`, Ve = C`
     ${oe}
     fragment MarketplaceThemeInstallConfigurationFields on MarketplaceThemeInstallConfiguration {
         id
@@ -5042,7 +5042,7 @@ const J = new $r(), $n = C`
         }
     }
 `, ro = C`
-    ${Ge}
+    ${Ve}
     query GetMarketplaceThemeInstallConfiguration($themeConfigurationId: String!, $themeInstallId: String!) {
         marketplaceThemeInstallConfiguration(id: $themeConfigurationId, themeInstallId: $themeInstallId, raw: false) {
             ...MarketplaceThemeInstallConfigurationFields
@@ -5050,7 +5050,7 @@ const J = new $r(), $n = C`
     }
 `, oo = C`
     ${$n}
-    ${Ge}
+    ${Ve}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
             id
@@ -5062,7 +5062,7 @@ const J = new $r(), $n = C`
         }
     }
 `, so = C`
-    ${Ge}
+    ${Ve}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
             marketplaceThemeInstallConfiguration(raw: false) {
@@ -5071,7 +5071,7 @@ const J = new $r(), $n = C`
         }
     }
 `, lo = C`
-    ${Ge}
+    ${Ve}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
             marketplaceThemeInstallConfiguration(raw: false) {
@@ -5275,14 +5275,14 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: r }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), S = a.purpose === Kt.FreeDesign && /* @__PURE__ */ P("defs", { children: /* @__PURE__ */ P("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ P("rect", { width: p.width, height: p.height, rx: h }) }) }), w = a.colorProfiles?.map((E, F) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: r }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), S = a.purpose === Kt.FreeDesign && /* @__PURE__ */ P("defs", { children: /* @__PURE__ */ P("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ P("rect", { width: p.width, height: p.height, rx: h }) }) }), w = a.colorProfiles?.map((E, D) => (
     /* @ts-ignore */
-    /* @__PURE__ */ P("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, F)
+    /* @__PURE__ */ P("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, D)
   )), I = i.map((E) => ({
     ...E,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), b = Ta(I);
+  })), b = Ma(I);
   return /* @__PURE__ */ dt(
     "svg",
     {
@@ -5389,7 +5389,7 @@ const M = () => {
 }), fd = (n, t, e, a) => ({
   x: n.x + (t?.x + t?.width) * e,
   y: n.y + (t?.y + t?.height) * a
-}), Ft = (n) => {
+}), Dt = (n) => {
   switch (n) {
     case Y.North:
       return Y.East;
@@ -5408,7 +5408,7 @@ const M = () => {
     case Y.Southwest:
       return Y.Northwest;
   }
-}, Cd = (n, t) => t > 45 && t <= 135 ? Ft(n) : t > 135 && t <= 225 ? Ft(Ft(n)) : t > 225 && t <= 315 ? Ft(Ft(Ft(n))) : n, wd = (n, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, Cd = (n, t) => t > 45 && t <= 135 ? Dt(n) : t > 135 && t <= 225 ? Dt(Dt(n)) : t > 225 && t <= 315 ? Dt(Dt(Dt(n))) : n, wd = (n, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = wt(n.rotation), i = {
     x: t.x + n.x * e.x,
     y: t.x + n.y * e.y
@@ -5426,13 +5426,13 @@ const M = () => {
     y: s.y - n.height * e.y / 2
   };
   return {
-    a: ge(i, l, a),
-    b: ge(r, l, a),
-    c: ge(o, l, a),
-    d: ge(s, l, a),
+    a: he(i, l, a),
+    b: he(r, l, a),
+    c: he(o, l, a),
+    d: he(s, l, a),
     center: l
   };
-}, ge = (n, t, e) => {
+}, he = (n, t, e) => {
   const a = Math.sin(e), i = Math.cos(e);
   return {
     x: (n.x - t.x) * i - (n.y - t.y) * a + t.x,
@@ -5461,7 +5461,7 @@ const M = () => {
     }
   ) });
 }, jn = (n) => {
-  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = wt(e), i = Math.cos(a), r = -Math.sin(a), o = Ta(n.children);
+  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = wt(e), i = Math.cos(a), r = -Math.sin(a), o = Ma(n.children);
   return /* @__PURE__ */ dt(qt, { children: [
     /* @__PURE__ */ P("defs", { children: /* @__PURE__ */ P("clipPath", { id: t, preserveAspectRatio: "none", children: n.clipPath ? /* @__PURE__ */ P("path", { d: n.clipPath }) : /* @__PURE__ */ P("rect", { x: 0, y: 0, width: n.width, height: n.height }) }) }),
     /* @__PURE__ */ dt(
@@ -5496,8 +5496,8 @@ const M = () => {
     if (!n.pattern)
       return "";
     if (n.pattern.svg) {
-      const A = xa(n.pattern.svg, n.pattern.colors || {}, !1);
-      return Ia(A);
+      const A = Fa(n.pattern.svg, n.pattern.colors || {}, !1);
+      return ba(A);
     }
     return n.pattern.src;
   };
@@ -5526,7 +5526,7 @@ const M = () => {
     const A = n.pattern?.x || 0, u = n.pattern?.y || 0, h = n.pattern?.width || 0, m = n.pattern?.height || 0, p = n.pattern?.scaleX || 1, g = n.pattern?.scaleY || 1, f = n.pattern?.rotation || 0;
     return [n.pattern?.svg ? {
       id: `${t}-contents`,
-      type: D.Illustration,
+      type: F.Illustration,
       x: A,
       y: u,
       rotation: f,
@@ -5537,7 +5537,7 @@ const M = () => {
       colors: n.pattern?.colors
     } : {
       id: `${t}-contents`,
-      type: D.Image,
+      type: F.Image,
       x: A,
       y: u,
       rotation: f,
@@ -5640,24 +5640,24 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
       return yt(n).getFont();
     } catch {
       if (wo(n)) {
-        const a = Dn(n), i = ca(a);
-        return ga(n, i), i;
+        const a = Fn(n), i = la(a);
+        return ma(n, i), i;
       } else {
-        const a = await Ue(n, !0), i = ca(a);
-        return ga(n, i), await tr(i, n), i;
+        const a = await Oe(n, !0), i = la(a);
+        return ma(n, i), await tr(i, n), i;
       }
     }
   })();
   return Ke.set(n, e), e;
 }, yo = (n) => {
-  const t = Dn(n), e = ca(t);
-  return ga(n, e), e;
+  const t = Fn(n), e = la(t);
+  return ma(n, e), e;
 }, yt = (n) => {
   const t = Yn.get(n);
   if (t)
     return t;
   throw new Error("Font metrics unavailable for font");
-}, ga = (n, t) => {
+}, ma = (n, t) => {
   const e = new Co(t);
   return Yn.set(n, e), e;
 }, vd = async (n) => {
@@ -5683,28 +5683,28 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
     let b = 0;
     const E = A.getAttribute("text-anchor");
     E === "middle" ? b = I / 2 : E === "end" && (b = I);
-    const F = p.getPath(
+    const D = p.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - b,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    F.fill = g, F.stroke = f, F.strokeWidth = parseFloat(S ?? "0");
-    const x = F.toSVG(2), $ = t.parseFromString(x, "image/svg+xml").firstElementChild;
+    D.fill = g, D.stroke = f, D.strokeWidth = parseFloat(S ?? "0");
+    const x = D.toSVG(2), $ = t.parseFromString(x, "image/svg+xml").firstElementChild;
     h.appendChild($);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Pt().serializeToString(a);
-}, Me = (n, t, e, a) => Math.max(bo(n.join(`
-`), e, a), t), _a = (n, t, e, a, i, r) => {
+}, xe = (n, t, e, a) => Math.max(bo(n.join(`
+`), e, a), t), Ka = (n, t, e, a, i, r) => {
   const o = (r || _n) * i.getApproximateHeight(), s = t.split(`
 `);
   try {
-    const l = s.flatMap((d) => ve(d, n.width, a, i)), c = l.flatMap((d) => d.lines);
+    const l = s.flatMap((d) => ye(d, n.width, a, i)), c = l.flatMap((d) => d.lines);
     return {
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * o),
       fontSize: e,
-      requiredWidth: Me(c, n.width, a, i)
+      requiredWidth: xe(c, n.width, a, i)
     };
   } catch {
     const c = t.split("");
@@ -5712,17 +5712,17 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
       lines: c,
       requiredHeight: c.length * (a * o),
       fontSize: e,
-      requiredWidth: Me(c, n.width, a, i)
+      requiredWidth: xe(c, n.width, a, i)
     };
   }
-}, ve = (n, t, e, a) => {
+}, ye = (n, t, e, a) => {
   const i = pt(n, e, a);
   if (i <= t)
     return { lines: [n], width: i };
   if (!(n.indexOf(" ") > -1)) {
     if (n.length <= 1)
       throw new Error(`Character ${n} is wider than region`);
-    const d = Math.floor(n.length / 2), A = ve(n.slice(0, d), t, e, a), u = ve(n.slice(d), t, e, a);
+    const d = Math.floor(n.length / 2), A = ye(n.slice(0, d), t, e, a), u = ye(n.slice(d), t, e, a);
     return { lines: [...A.lines, ...u.lines], width: Math.max(A.width, u.width) };
   }
   const o = n.split(" "), s = [];
@@ -5730,7 +5730,7 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
   for (; c < o.length; ) {
     const d = o[c];
     if (pt(d, e, a) > t) {
-      const A = ve(d, t, e, a);
+      const A = ye(d, t, e, a);
       s.push(...A.lines), l = Math.max(l, A.width), c++;
     } else {
       const A = [d];
@@ -5752,7 +5752,7 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
 }, vo = (n, t, e, a) => {
   const i = yt(t.fontData.assetUrl), r = i.getFont(), o = t.fontSize / r.unitsPerEm;
   if (!e)
-    return _a(t, n, t.fontSize, o, i, a);
+    return Ka(t, n, t.fontSize, o, i, a);
   let s;
   if (t.text ? s = t.text.split(`
 `) : s = t.input?.split(`
@@ -5760,16 +5760,16 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
     return {
       lines: s,
       requiredHeight: t.height,
-      requiredWidth: Me(s, t.width, o, i),
+      requiredWidth: xe(s, t.width, o, i),
       fontSize: t.fontSize
     };
   const l = t.width !== e.width != (t.height !== e.height);
   return t.lineHeight === e.lineHeight && !l && e.input === n ? {
     lines: s,
     requiredHeight: t.height,
-    requiredWidth: Me(s, t.width, o, i),
+    requiredWidth: xe(s, t.width, o, i),
     fontSize: So(s, i, r, t.width, t.height, a)
-  } : _a(t, n, t.fontSize, o, i, a);
+  } : Ka(t, n, t.fontSize, o, i, a);
 }, Eo = (n, t, e, a, i) => {
   const o = yt(t.assetUrl).getFont();
   let s = { ...n };
@@ -5798,12 +5798,12 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
   return n.forEach((i) => {
     a = Math.max(a, pt(i, t, e));
   }), a;
-}, Xa = {
+}, _a = {
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Te = (n, t = Xa) => {
-  const e = { ...Xa, ...t };
+}, ke = (n, t = _a) => {
+  const e = { ..._a, ...t };
   let a = n || "";
   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;
@@ -5897,8 +5897,8 @@ const Po = (n) => {
         },
         stroke: A,
         strokeWidth: u,
-        children: n.curved ? /* @__PURE__ */ P(Do, { text: c, curvedPathId: r, align: n.align }) : d.map((m, p) => /* @__PURE__ */ P(
-          Fo,
+        children: n.curved ? /* @__PURE__ */ P(Fo, { text: c, curvedPathId: r, align: n.align }) : d.map((m, p) => /* @__PURE__ */ P(
+          Do,
           {
             align: n.vertical ? "center" : n.align,
             fontSize: n.fontSize,
@@ -5917,7 +5917,7 @@ const Po = (n) => {
       }
     ) }) })
   ] });
-}, Fo = (n) => {
+}, Do = (n) => {
   const t = () => {
     if (n.lineHeight !== void 0)
       return n.lineHeight * n.fontSize;
@@ -5935,7 +5935,7 @@ const Po = (n) => {
     return (n.thisLineIdx - o) * i + n.fontSize / 4;
   };
   return /* @__PURE__ */ P("tspan", { textAnchor: Kn(n.align), x: e(), y: `${a()}px`, children: n.text });
-}, Do = (n) => {
+}, Fo = (n) => {
   const t = `#${n.curvedPathId}`;
   return /* @__PURE__ */ P(
     "textPath",
@@ -6055,7 +6055,7 @@ class ko {
         layout: t,
         elements: e
       },
-      getComponentWithProps: (a) => Ma(t, e, a)
+      getComponentWithProps: (a) => ka(t, e, a)
     };
   }
   initialize(t, e) {
@@ -6080,7 +6080,7 @@ class ko {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Zn = (n) => n.type === D.Image ? /* @__PURE__ */ P(Hn, { ...n }, n.id) : n.type === D.Frame ? /* @__PURE__ */ P(fo, { ...n }, n.id) : n.type === D.Illustration ? /* @__PURE__ */ P(xo, { ...n }, n.id) : n.type === D.Textbox ? /* @__PURE__ */ P(Po, { ...n }, n.id) : n.type === D.Group ? /* @__PURE__ */ P(jn, { ...n }, n.id) : null, Ma = (n, t, e) => {
+const Zn = (n) => n.type === F.Image ? /* @__PURE__ */ P(Hn, { ...n }, n.id) : n.type === F.Frame ? /* @__PURE__ */ P(fo, { ...n }, n.id) : n.type === F.Illustration ? /* @__PURE__ */ P(xo, { ...n }, n.id) : n.type === F.Textbox ? /* @__PURE__ */ P(Po, { ...n }, n.id) : n.type === F.Group ? /* @__PURE__ */ P(jn, { ...n }, n.id) : null, ka = (n, t, e) => {
   const a = e.renderingConfiguration, i = a?.removeExcludedElements ? t.filter((r) => !r.excludeFromExport) : t;
   return /* @__PURE__ */ P(
     po,
@@ -6111,7 +6111,7 @@ const Zn = (n) => n.type === D.Image ? /* @__PURE__ */ P(Hn, { ...n }, n.id) : n
     }
   );
 };
-function Ta(n) {
+function Ma(n) {
   return n.sort((t, e) => {
     const a = t.layer || 0, i = e.layer || 0;
     if (a < i) return -1;
@@ -6131,10 +6131,10 @@ const le = (n) => {
 }, mt = /* @__PURE__ */ new Map(), Gt = /* @__PURE__ */ new Map(), Xe = /* @__PURE__ */ new Map(), ti = async (n, t) => {
   if (!t) {
     if (!n) throw new Error("No region or src supplied. Cannot construct frame!");
-    return pa(n);
+    return ga(n);
   }
   return nt(t);
-}, pa = (n) => {
+}, ga = (n) => {
   const t = n.width, e = n.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' />
@@ -6149,7 +6149,7 @@ const le = (n) => {
   if (!e.asset)
     throw new Error(`No asset for variant with ID: ${n.frameVariantId}`);
   return e;
-}, We = async (n) => {
+}, ze = async (n) => {
   if (Xe.has(n))
     return Xe.get(n);
   const e = (async () => {
@@ -6188,7 +6188,7 @@ const le = (n) => {
     throw new Error("Malformed frame SVG");
   })();
   return Xe.set(n, e), e;
-}, Na = (n, t, e, a) => {
+}, Ta = (n, t, e, a) => {
   const i = t.width / t.height, r = n.width / n.height;
   let o;
   a ? r > i ? o = t.height / n.height : o = t.width / n.width : r > i ? o = t.width / n.width : o = t.height / n.height, e?.scale !== void 0 && (o *= e?.scale);
@@ -6198,7 +6198,7 @@ const le = (n) => {
     y: u,
     zoom: o
   };
-}, fa = async (n) => {
+}, pa = async (n) => {
   if (mt.has(n))
     return mt.get(n);
   if (n.startsWith("data:image/svg+xml")) {
@@ -6211,7 +6211,7 @@ const le = (n) => {
     return mt.set(n, r), r;
   }
   if ((n.split(".").pop()?.toLowerCase() ?? "") === "svg") {
-    const e = await Qa(n), a = e.width, i = e.height, r = {
+    const e = await Na(n), a = e.width, i = e.height, r = {
       src: n,
       width: a,
       height: i,
@@ -6219,7 +6219,7 @@ const le = (n) => {
     };
     return mt.set(n, r), r;
   } else {
-    const e = await Ue(n, !0), a = await Ve(e), i = {
+    const e = await Oe(n, !0), a = await Ue(e), i = {
       src: n,
       width: a.width,
       height: a.height,
@@ -6227,14 +6227,14 @@ const le = (n) => {
     };
     return mt.set(n, i), i;
   }
-}, Qa = async (n) => {
+}, Na = async (n) => {
   const t = await nt(n);
   return ei(t);
-}, Za = (n) => n.endsWith("mm") ? Number(n.replace("mm", "")) * 3.7795275591 : n.endsWith("px") ? Number(n.replace("px", "")) : Number(n), ei = (n) => {
+}, Xa = (n) => n.endsWith("mm") ? Number(n.replace("mm", "")) * 3.7795275591 : n.endsWith("px") ? Number(n.replace("px", "")) : Number(n), ei = (n) => {
   const a = At().parseFromString(n, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
-  const i = a.getAttribute("viewBox"), r = a.getAttribute("width"), o = a.getAttribute("height"), s = o && r ? [0, 0, Za(r), Za(o)] : i?.split(" ").map((l) => Number(l));
+  const i = a.getAttribute("viewBox"), r = a.getAttribute("width"), o = a.getAttribute("height"), s = o && r ? [0, 0, Xa(r), Xa(o)] : i?.split(" ").map((l) => Number(l));
   if (!s)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6266,12 +6266,12 @@ const le = (n) => {
     const o = At().parseFromString(n, "image/svg+xml").firstElementChild;
     if (!o)
       throw new Error("Failed to read SVG");
-    const l = Pt().serializeToString(o), c = Ct(), d = c.getContext("2d"), A = await Ea.from(d, l, {
+    const l = Pt().serializeToString(o), c = Ct(), d = c.getContext("2d"), A = await va.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: Ct,
       createImage: ie,
-      DOMParser: Pa(),
+      DOMParser: Ba(),
       fetch: it
     }), u = o.getAttribute("width"), h = o.getAttribute("height"), m = 2048;
     if (h && u) {
@@ -6296,17 +6296,17 @@ const le = (n) => {
     rotation: 0,
     panelId: n.layoutState.layout.panelId
   };
-  if (e && t === D.Illustration) {
+  if (e && t === F.Illustration) {
     const l = await lt(await ai(e)), u = At().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u) throw new Error("SVG missing viewBox.");
     const h = s.height, m = u.split(" "), p = parseFloat(m[2]) || 1, g = parseFloat(m[3]) || 1, f = p / g;
     s.height = s.width / f, s.top += (h - s.height) / 2;
   }
-  if (e && t === D.Image) {
-    const l = s.height, c = await Ue(e), d = await Ve(c), A = d.width / d.height;
+  if (e && t === F.Image) {
+    const l = s.height, c = await Oe(e), d = await Ue(c), A = d.width / d.height;
     s.height = s.width / A, s.top += (l - s.height) / 2;
   }
-  if (e && t === D.Textbox && a?.text && a?.fontScale) {
+  if (e && t === F.Textbox && a?.text && a?.fontScale) {
     await Qt(e);
     const l = yt(e), c = pt(a.text, a?.fontScale, l);
     s.width = Math.min(c, i.width * 0.85), s.left = i.x + i.width / 2 - s.width / 2;
@@ -6315,7 +6315,7 @@ const le = (n) => {
 };
 class Ed {
   static async getFrame(t, e) {
-    const a = await ti(e.region, e.src), i = await We(a), r = e.region || await Vt(t, D.Frame);
+    const a = await ti(e.region, e.src), i = await ze(a), r = e.region || await Vt(t, F.Frame);
     return {
       id: M(),
       x: r.left,
@@ -6330,7 +6330,7 @@ class Ed {
       path: i.path,
       dataWidth: i.width,
       dataHeight: i.height,
-      type: D.Frame,
+      type: F.Frame,
       disablePlaceholder: e.configuration.disablePlaceholder,
       focalBlur: e.configuration.focalBlur,
       focalBlurStrength: e.configuration.focalBlurStrength,
@@ -6341,11 +6341,11 @@ class Ed {
     };
   }
   static async getImage(t, e) {
-    const a = e.region || await Vt(t, D.Image, e.src);
+    const a = e.region || await Vt(t, F.Image, e.src);
     return {
       id: M(),
       src: e.src,
-      type: D.Image,
+      type: F.Image,
       y: a.top,
       x: a.left,
       rotation: a.rotation,
@@ -6361,16 +6361,16 @@ class Ed {
     const { configuration: a, fontSrc: i, designInputStep: r } = e, o = await Qt(i), s = {
       assetUrl: i,
       name: o.names.fullName.en
-    }, l = r?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Te(c, {
+    }, l = r?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = ke(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), A = e.region || await Vt(t, D.Textbox, i, {
+    }), A = e.region || await Vt(t, F.Textbox, i, {
       text: d,
       fontScale: a.size ? a.size / o.unitsPerEm : void 0
     }), u = se(
       {
         id: M(),
-        type: D.Textbox,
+        type: F.Textbox,
         x: A.left,
         y: A.top,
         width: A.width,
@@ -6430,13 +6430,13 @@ class Ed {
                     </svg>
                 `, i = {};
     i["spiff-fill-shape"] = { browserValue: e.color };
-    const r = e.region || await Vt(t, D.Illustration), o = M();
+    const r = e.region || await Vt(t, F.Illustration), o = M();
     return {
       stepRegion: e.region,
       colors: i,
       id: o,
       svg: a,
-      type: D.Illustration,
+      type: F.Illustration,
       y: r.top,
       x: r.left,
       rotation: r.rotation,
@@ -6448,7 +6448,7 @@ class Ed {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region || await Vt(t, D.Illustration, e.src), i = await lt(await ai(e.src)), r = await te(i.svg), o = M();
+    const a = e.region || await Vt(t, F.Illustration, e.src), i = await lt(await ai(e.src)), r = await te(i.svg), o = M();
     return {
       cachedObjectURL: r,
       stepRegion: e.region,
@@ -6456,7 +6456,7 @@ class Ed {
       id: o,
       src: e.src,
       svg: i.svg,
-      type: D.Illustration,
+      type: F.Illustration,
       y: a.top,
       x: a.left,
       rotation: a.rotation,
@@ -6479,13 +6479,13 @@ const z = (n, t) => Z(n, t).elements.find((i) => i.id === n), Z = (n, t) => {
     throw new W();
   return e;
 }, tt = (n, t) => {
-  const e = [...t.elements.filter((i) => i.id !== n.id), n], a = Ta(e);
+  const e = [...t.elements.filter((i) => i.id !== n.id), n], a = Ma(e);
   return {
     layout: t.layout,
     elements: a,
     modificationID: M()
   };
-}, tn = async (n) => {
+}, Za = async (n) => {
   const t = [...Object.keys(n.layouts)], e = [...new Set(t)];
   for (let a = 0; a < e.length; a++) {
     const i = e[a], r = n.layouts[i];
@@ -6515,7 +6515,7 @@ const z = (n, t) => Z(n, t).elements.find((i) => i.id === n), Z = (n, t) => {
   }
   for (const a in n.layouts) {
     const i = n.layouts[a].elements.filter(
-      (o) => o.type === D.Illustration
+      (o) => o.type === F.Illustration
     );
     for (let o = 0; o < i.length; ++o) {
       const s = i[o];
@@ -6527,7 +6527,7 @@ const z = (n, t) => Z(n, t).elements.find((i) => i.id === n), Z = (n, t) => {
         }
     }
     const r = n.layouts[a].elements.filter(
-      (o) => o.type === D.Textbox
+      (o) => o.type === F.Textbox
     );
     for (let o = 0; o < r.length; ++o) {
       const s = r[o];
@@ -6545,7 +6545,7 @@ class O {
     this.oldState = t;
   }
 }
-class en extends O {
+class tn extends O {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6807,7 +6807,7 @@ class No extends O {
     };
   }
 }
-class an extends O {
+class en extends O {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -6976,7 +6976,7 @@ class ea extends O {
     };
   }
 }
-class Ca extends O {
+class fa extends O {
   constructor(t, e, a) {
     super(), this.id = t, this.className = e, this.fill = a;
   }
@@ -7031,7 +7031,7 @@ class Uo extends O {
     };
   }
 }
-class Fd extends O {
+class Dd extends O {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7060,7 +7060,7 @@ class Fd extends O {
     };
   }
 }
-class Dd extends O {
+class Fd extends O {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7145,7 +7145,7 @@ class kd extends O {
     };
   }
 }
-class nn {
+class an {
   constructor(t, e, a) {
     this.processRegion = async (i) => {
       const r = this.layouts.find((l) => l.panelId === i.panelId);
@@ -7155,10 +7155,10 @@ class nn {
       if (this.configuration.type === v.ProductOverlay) {
         let l = "";
         if (this.product?.overlayImageUrl && (l = this.product.overlayImageUrl), o = l, !l)
-          throw new xe(this.configuration, "Couldn't find an asset for product overlay step");
+          throw new De(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
-      if (s === D.Image) {
+      if (s === F.Image) {
         const l = this.configuration.type === v.SilentIllustration ? this.configuration.data.asset?.fileLink : this.product?.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
@@ -7226,7 +7226,7 @@ class nn {
   }
   async trigger() {
     if (!this.configuration.data.regions)
-      throw new xe(this.configuration, "Missing regions.");
+      throw new De(this.configuration, "Missing regions.");
     if (this.configuration.type === v.SilentIllustration) {
       const t = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(t);
@@ -7240,7 +7240,7 @@ class nn {
   }
   evaluateAssetType() {
     const t = this.configuration.type === v.ProductOverlay && this.product?.overlayImageUrl ? this.product.overlayImageUrl.toLowerCase() : this.configuration.data.asset?.fileLink?.toLowerCase().split("?")[0];
-    return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? D.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), D.Illustration);
+    return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? F.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), F.Illustration);
   }
 }
 const Lo = async (n) => {
@@ -7254,7 +7254,7 @@ const Lo = async (n) => {
       }
     })).json()).shortUrl;
   } catch (e) {
-    throw console.error(e), new $e("Failed to shorten URL, see console.");
+    throw console.error(e), new Re("Failed to shorten URL, see console.");
   }
 };
 class ii {
@@ -7299,7 +7299,7 @@ class Vo {
   }
   async regenerateQRCode(t, e, a, i) {
     const r = async () => {
-      const h = (await ke([e]))[0], m = h?.versions?.find((p) => p.name === "mpeg4")?.link;
+      const h = (await Fe([e]))[0], m = h?.versions?.find((p) => p.name === "mpeg4")?.link;
       return { asset: h, link: m };
     }, o = await new Promise((h, m) => {
       new ii(
@@ -7325,10 +7325,10 @@ class Vo {
     l.searchParams.append("video", btoa(JSON.stringify([o]))), l.pathname = l.pathname + (l.pathname.slice(-1) === "/" ? "" : "/");
     const c = l.toString();
     if (c.length >= 2e3)
-      throw new $e("Cannot create QR code, URL too long.");
+      throw new Re("Cannot create QR code, URL too long.");
     const d = await Lo(c);
     if (!i.data || !i.data.regions)
-      throw new xe(i, "Missing regions.");
+      throw new De(i, "Missing regions.");
     const A = await this.regionElements(i), u = await this.command(d, A, a, i.stepName);
     return u && (u.command && a.getCommandDispatcher()(u.command), u.followup && await u.followup()), await a.setSelectionsAndElements(i.stepName, [], A, async () => {
       a.updateStorage(i.stepName, {
@@ -7356,7 +7356,7 @@ class Vo {
           stepName: i,
           id: c.id,
           src: s,
-          type: D.Image,
+          type: F.Image,
           y: d.top,
           x: d.left,
           width: d.width,
@@ -7371,11 +7371,11 @@ class Vo {
   }
 }
 const ri = new Vo();
-class Ne {
+class Me {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
-        return pa(e);
+        return ga(e);
       const a = t.asset;
       if (!a)
         throw new Bt(t);
@@ -7424,7 +7424,7 @@ class Ne {
       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) => pa(d));
+      const c = t.data.regions.map((d) => ga(d));
       e.updateStorage(t.stepName, {
         currentFrameSources: c
       });
@@ -7478,7 +7478,7 @@ class Ne {
     })) ?? [];
   }
   selectImage(t, e, a, i = !0) {
-    const r = Ne.patternSource(e), o = a.getStepStorage(t.stepName)?.framePatternSrc;
+    const r = Me.patternSource(e), o = a.getStepStorage(t.stepName)?.framePatternSrc;
     if (o && o === r)
       return Promise.resolve();
     a.setEditedStatus(t.stepName, !0);
@@ -7498,7 +7498,7 @@ class Ne {
             });
           },
           () => {
-            throw new $e("Failed to resolve transcoded PDF");
+            throw new Re("Failed to resolve transcoded PDF");
           }
         )
       );
@@ -7518,7 +7518,7 @@ class Ne {
     return new H(
       {
         id: t,
-        type: D.Frame,
+        type: F.Frame,
         x: e.left,
         y: e.top,
         width: e.width,
@@ -7542,7 +7542,7 @@ class Ne {
   }
   async loadPatternFromString(t, e, a = !0, i = void 0, r) {
     if (t.endsWith("svg")) {
-      const o = await Qa(t), s = o.width, l = o.height, c = await nt(t);
+      const o = await Na(t), s = o.width, l = o.height, c = await nt(t);
       if (r) {
         const u = c.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (u && u.length > 0)
@@ -7560,7 +7560,7 @@ class Ne {
       };
       mt.set(t, A), e.setPatternData(A, a);
     } else {
-      const o = await Ue(t, !0), s = await Ve(o), l = {
+      const o = await Oe(t, !0), s = await Ue(o), l = {
         src: t,
         width: s.width,
         height: s.height,
@@ -7645,7 +7645,7 @@ class Ne {
     r && r(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const p = await We(l[m]), g = s.getImageData(), f = a.map((F) => new Rt(F.id)), S = g ? Na(
+        const p = await ze(l[m]), g = s.getImageData(), f = a.map((D) => new Rt(D.id)), S = g ? Ta(
           g,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7660,7 +7660,7 @@ class Ne {
           scaleX: S?.zoom || 1,
           scaleY: S?.zoom || 1,
           rotation: 0
-        } : void 0, I = M(), E = i.getLayouts().find((F) => F.panelId === h.panelId);
+        } : void 0, I = M(), E = i.getLayouts().find((D) => D.panelId === h.panelId);
         if (!E)
           throw new K(h);
         return {
@@ -7709,7 +7709,7 @@ class Ne {
     throw new _t(t);
   }
   async loadPatternFromAsset(t, e, a, i) {
-    const r = Ne.patternSource(t), o = a.markUpdatePending(), s = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
+    const r = Me.patternSource(t), o = a.markUpdatePending(), s = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
     if (!s)
       throw a.markUpdateCompleted(o), new Error("Frame service unavailable, cannot load pattern!");
     try {
@@ -7736,7 +7736,7 @@ class Ne {
     ), this.validateColorCount(e, a);
   }
 }
-const Et = new Ne();
+const Et = new Me();
 class zo {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7755,7 +7755,7 @@ class zo {
         src: i.src,
         svg: i.svg.svg,
         cachedObjectURL: i.objectURL,
-        type: D.Illustration,
+        type: F.Illustration,
         y: e.top,
         x: e.left,
         rotation: e.rotation,
@@ -7844,7 +7844,7 @@ class zo {
     const s = Da(t, e, a, o), l = await te(s), c = [];
     for (const d of i) {
       for (const [A, u] of r.entries())
-        c.push(new Ca(d, A, u));
+        c.push(new fa(d, A, u));
       c.push(new Uo(d, s, l));
     }
     return new L(c);
@@ -7891,7 +7891,7 @@ class zo {
   }
   async selectVariantCommand(t, e, a, i, r) {
     if (!t.data || !t.data.regions)
-      throw new xe(t, "Missing regions.");
+      throw new De(t, "Missing regions.");
     i(!0);
     const o = a.map((f) => new Rt(f.id));
     t.mandatory && r.setMandatoryFulfilled(t.stepName, !1);
@@ -7951,7 +7951,7 @@ class zo {
             const b = S[0], E = w[0];
             await this.changeColors(
               t,
-              u.map((F) => F.regionElement),
+              u.map((D) => D.regionElement),
               r,
               () => r.getCommandContext().getAllLayouts(),
               /* @__PURE__ */ new Map([[E, b.variant.color]])
@@ -7969,12 +7969,12 @@ class zo {
     };
   }
 }
-const Ee = new zo();
+const Se = new zo();
 class Go {
   async init(t, e, a) {
     const i = t.option;
     if (!i)
-      throw new De(t);
+      throw new Pe(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -7990,7 +7990,7 @@ class Go {
       t.stepName,
       a.serializableWorkflow.steps
     ), s = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName), l = t.option;
-    if (!l) throw new De(t);
+    if (!l) throw new Pe(t);
     if (i?.selectedVariants) {
       const c = i.selectedVariants[0].id;
       if (c) {
@@ -8049,7 +8049,7 @@ const oi = new Go();
 class Wo {
   async init(t, e, a) {
     const i = t.option;
-    if (!i) throw new De(t);
+    if (!i) throw new Pe(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8172,7 +8172,7 @@ class qo {
             colors: {},
             id: h,
             svg: d,
-            type: D.Illustration,
+            type: F.Illustration,
             y: A.top,
             x: A.left,
             rotation: A.rotation,
@@ -8227,7 +8227,7 @@ class qo {
     }
     if (!/^$|^[a-zA-Z0-9 ]+$/.test(e))
       return i("Unsupported characters."), { input: e, helperData: {}, errorData: { unsupportedCharacters: !0 } };
-    const r = da(e.toLowerCase());
+    const r = ca(e.toLowerCase());
     for (const o of r)
       for (const s in a) {
         const l = a[s].toLowerCase().replace(/\s/g, "");
@@ -8298,7 +8298,7 @@ class Ho {
             stepRegion: A,
             id: m,
             src: o,
-            type: D.Image,
+            type: F.Image,
             y: A.top,
             x: A.left,
             rotation: A.rotation,
@@ -8401,14 +8401,14 @@ class Yo {
     const i = a.getLayouts(), o = (a.getRegionElements(e.stepName) || []).map((s) => {
       const l = s.region;
       if (!i.find((d) => d.panelId === l?.panelId)) throw new K(l);
-      return new Ca(s.id, this.shapeFillId, t);
+      return new fa(s.id, this.shapeFillId, t);
     }).filter((s) => !!s);
     a.getCommandDispatcher()(new L(o)), a.updateStorage(e.stepName, { colour: t });
   }
   async init(t, e, a) {
     const i = t.option;
     if (!i)
-      throw new De(t);
+      throw new Pe(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8467,7 +8467,7 @@ class Yo {
         if (!r.find((m) => m.panelId === A?.panelId))
           throw new K(A);
         const h = s();
-        return new Ca(d.id, this.shapeFillId, h);
+        return new fa(d.id, this.shapeFillId, h);
       }, c = a.map(l).filter((d) => !!d);
       return {
         command: new L(c),
@@ -8517,7 +8517,7 @@ class Yo {
               colors: g,
               id: f,
               svg: p,
-              type: D.Illustration,
+              type: F.Illustration,
               y: u.top,
               x: u.left,
               rotation: u.rotation,
@@ -8601,7 +8601,7 @@ const Ko = new Jo(), aa = (n, t, e, a, i) => {
     m || (c = !1);
   }
   return [null, null];
-}, be = (n, t, e, a, i) => {
+}, ve = (n, t, e, a, i) => {
   let r, o;
   const s = yt(t.assetUrl), l = s.getFont();
   if (i.size) {
@@ -8619,16 +8619,16 @@ const Ko = new Jo(), aa = (n, t, e, a, i) => {
   const A = d / l.unitsPerEm;
   return [r, o] = aa(e, a, d, A, s), [d, r, o];
 }, na = 30;
-class Qe extends Error {
+class Te extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Qe.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Te.name;
   }
 }
 const _o = ["‘", "’", "“", "”", `
 `];
-class Re extends Error {
+class Ne extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Re.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Ne.name;
   }
 }
 class Xo {
@@ -8650,7 +8650,7 @@ class Xo {
     }, this.textAlign = (t) => t.vertical ? "center" : t.textAlign || "center", this.getErrorsForText = (t, e, a, i) => {
       let r;
       a.data && a.data.maxLength && e.length > a.data.maxLength && (r || (r = {}), r.hitCharacterLimit = !0);
-      const o = i.getWorkflowExperience().getProfanityList(), s = da(t.toLowerCase());
+      const o = i.getWorkflowExperience().getProfanityList(), s = ca(t.toLowerCase());
       for (const c of s)
         for (const d in o) {
           const A = o[d].toLowerCase().replace(/\s/g, "");
@@ -8670,7 +8670,7 @@ class Xo {
     if (a)
       await this.reload(t, e, a);
     else {
-      const r = this.getDefaultImageFillVariant(t.data), o = r?.asset?.fileLink, s = o ? await fa(o) : void 0, l = s ? {
+      const r = this.getDefaultImageFillVariant(t.data), o = r?.asset?.fileLink, s = o ? await pa(o) : void 0, l = s ? {
         src: s.src,
         height: s.height,
         width: s.width,
@@ -8777,7 +8777,7 @@ class Xo {
       const a = e.variants?.map((i) => i.asset?.fileLink)?.filter((i) => !!i) || [];
       return Promise.all(
         a.map(async (i) => {
-          const r = await fa(i);
+          const r = await pa(i);
           return {
             src: i,
             width: r.width,
@@ -8840,7 +8840,7 @@ class Xo {
   }
   getProcessedInput(t, e, a) {
     const i = a ? t : this.injectReplaceableText(t, e);
-    return Te(i, {
+    return ke(i, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -8857,7 +8857,7 @@ class Xo {
     const c = [], d = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
     for (const u of e) {
       if (!u.fontData) throw new R("Failed to resolve font data for text.");
-      const [h, m] = be(
+      const [h, m] = ve(
         u.fontSize,
         u.fontData,
         { left: u.x, top: u.y, width: u.width, height: u.height, rotation: u.rotation },
@@ -8924,7 +8924,7 @@ class Xo {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = s.map((S) => new an(S.id, A)), f = new L(g);
+              const g = s.map((S) => new en(S.id, A)), f = new L(g);
               e.getCommandDispatcher()(f);
             }
           ), s.length === 0 && l) {
@@ -9027,7 +9027,7 @@ class Xo {
   async selectVariantCommand(t, e, a, i, r, o, s, l, c) {
     const d = r.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (i.length > 0) {
-      const u = i.map((p) => new an(p.id, A));
+      const u = i.map((p) => new en(p.id, A));
       if (l) {
         const p = i.map((g) => new ta(g.id, l));
         u.push(...p);
@@ -9109,7 +9109,7 @@ class Xo {
       const m = o.getLayouts().find((g) => g.panelId === u.panelId), p = M();
       try {
         if (!m)
-          throw new Re("Failed to find layout for region: " + u.panelId);
+          throw new Ne("Failed to find layout for region: " + u.panelId);
         const g = a.colorOption;
         let f;
         if (g && g.variants) {
@@ -9131,7 +9131,7 @@ class Xo {
           rotation: u.rotation,
           text: c,
           input: s,
-          type: D.Textbox,
+          type: F.Textbox,
           vertical: a.vertical,
           x: u.left,
           y: u.top,
@@ -9142,9 +9142,9 @@ class Xo {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, b = [], E = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
+        }, b = [], E = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map();
         if (!I.fontData) throw new R("Failed to resolve font data for text.");
-        const [x, T] = be(
+        const [x, T] = ve(
           I.fontSize,
           I.fontData,
           {
@@ -9158,7 +9158,7 @@ class Xo {
           [c],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(I.id, x), F.set(I.id, T);
+        E.set(I.id, x), D.set(I.id, T);
         const $ = a.curved || a.vertical ? c : (T || []).join(`
 `);
         b.push(
@@ -9172,10 +9172,10 @@ class Xo {
           fontData: i
         };
       } catch (g) {
-        throw console.log(g), new Qe("Error adding font to region");
+        throw console.log(g), new Te("Error adding font to region");
       }
     }, A = await Promise.all(a.regions.map(d)).catch((u) => {
-      throw u instanceof Qe ? (Ko.setLatestToast("Failed to load font.", qe.Error), u) : u instanceof Re ? u : new Error(u);
+      throw u instanceof Te ? (Ko.setLatestToast("Failed to load font.", qe.Error), u) : u instanceof Ne ? u : new Error(u);
     });
     return await o.setSelectionsAndElements(
       t,
@@ -9205,23 +9205,23 @@ class Xo {
     const A = (i || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = xt(A, o), h = this.getProcessedInput(u, t.data, s), m = o.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const b of m)
       if (b.region) {
-        const [E, F] = be(
+        const [E, D] = ve(
           e,
           a,
           b.region,
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        p.set(b.id, E), g.set(b.id, F);
+        p.set(b.id, E), g.set(b.id, D);
       }
     const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const b = o.getWorkflowExperience().getProfanityList(), E = da(h.toLowerCase());
-      for (const F of E)
+      const b = o.getWorkflowExperience().getProfanityList(), E = ca(h.toLowerCase());
+      for (const D of E)
         for (const x in b) {
           const T = b[x].toLowerCase().replace(/\s/g, "");
-          if (F === T)
+          if (D === T)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (h.includes(`
@@ -9259,13 +9259,13 @@ const ts = "data:application/octet-stream;base64,AAEAAAAPAIAAAwBwRkZUTYdHeHoAAEl
   const e = at("rect");
   return e.setAttribute("height", `${n}`), e.setAttribute("width", `${t}`), e;
 }, as = (n, t, e, a) => {
-  const i = ue("filter");
+  const i = de("filter");
   i.setAttribute("id", a), i.setAttribute("height", "200%"), i.setAttribute("width", "200%"), i.setAttribute("x", "-50%"), i.setAttribute("y", "-50%");
-  const r = ue("feOffset");
+  const r = de("feOffset");
   i.appendChild(r), r.setAttribute("result", "offOut"), r.setAttribute("in", "SourceAlpha"), r.setAttribute("dx", `${n}`), r.setAttribute("dy", `${t}`);
-  const o = ue("feGaussianBlur");
+  const o = de("feGaussianBlur");
   i.appendChild(o), o.setAttribute("result", "blurOut"), o.setAttribute("in", "offOut"), o.setAttribute("stdDeviation", `${e}`);
-  const s = ue("feBlend");
+  const s = de("feBlend");
   return i.appendChild(s), s.setAttribute("in", "SourceGraphic"), s.setAttribute("in2", "blurOut"), s.setAttribute("mode", "normal"), i;
 }, ns = (n) => {
   let t = n;
@@ -9287,7 +9287,7 @@ function rs(n, t, e, a) {
   const i = e / n, r = a / t;
   return i > 1 && r > 1 ? Math.min(i, r) : i > 1 && r < 1 ? r : i < 1 && r > 1 ? i : Math.min(i, r);
 }
-const rn = {
+const nn = {
   m: ["x", "y"],
   z: [],
   l: ["x", "y"],
@@ -9317,7 +9317,7 @@ class os {
     const i = (r) => {
       const o = [], s = r.relative ? r.type : r.type.toUpperCase();
       let l = e !== s;
-      const c = rn[r.type];
+      const c = nn[r.type];
       l && (o.push(s), e = s);
       for (const d of c) {
         const A = r[d];
@@ -9330,7 +9330,7 @@ class os {
             u = (A * 100 | 0) / 100;
             break;
           default:
-            throw new Dt("Failed to encode path.");
+            throw new Ft("Failed to encode path.");
         }
         l || o.push(" "), o.push(u), l = !1;
       }
@@ -9342,14 +9342,14 @@ class os {
     const e = /([mzlhvcsqta])([^mzlhvcsqta]*)/gi, a = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi, i = [];
     let r;
     for (e.lastIndex = 0; r = e.exec(t); ) {
-      const o = r[1].toLowerCase(), s = (r[2].match(a) || []).map(parseFloat), l = o === r[1], c = rn[o];
+      const o = r[1].toLowerCase(), s = (r[2].match(a) || []).map(parseFloat), l = o === r[1], c = nn[o];
       if (s.length < c.length)
-        throw new Dt(
+        throw new Ft(
           `Path type "${o}" given ${s.length} arguments, expected ${c.length}.`
         );
       if (c.length > 0) {
         if (s.length % c.length !== 0)
-          throw new Dt(
+          throw new Ft(
             `Path type "${o}" given ${s.length} arguments, not divisible by ${c.length}`
           );
         for (let d = 0; d < s.length / c.length; d++) {
@@ -9374,7 +9374,7 @@ class os {
         if (s in r && l in r) {
           const c = [r[s], r[l]], d = e(c);
           if (d.length < 2)
-            throw new Dt("Transformer must return at least 2 points.");
+            throw new Ft("Transformer must return at least 2 points.");
           r[s] = d[0], r[l] = d[1];
         }
       }
@@ -9417,8 +9417,8 @@ class ss extends Zo {
       b.setAttribute("d", d), b.setAttribute("stroke", "black"), b.setAttribute("stroke-width", "3"), I.appendChild(b);
       const E = at("g");
       E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = b.outerHTML;
-      const F = at("g");
-      F.classList.add("module-layer1"), w.appendChild(F), F.setAttribute("stroke-width", "3"), F.setAttribute("stroke", "rgb(45,41,38)"), F.setAttribute("fill", "rgb(45,41,38)"), F.setAttribute("transform", "translate(0.5,0)"), F.innerHTML = s;
+      const D = at("g");
+      D.classList.add("module-layer1"), w.appendChild(D), D.setAttribute("stroke-width", "3"), D.setAttribute("stroke", "rgb(45,41,38)"), D.setAttribute("fill", "rgb(45,41,38)"), D.setAttribute("transform", "translate(0.5,0)"), D.innerHTML = s;
       const x = at("g");
       x.classList.add("module-layer2"), w.appendChild(x), x.setAttribute("fill", "rgb(255,209,0)"), x.setAttribute("transform", "translate(1,-0.1)"), x.innerHTML = s;
       const T = at("g");
@@ -9458,8 +9458,8 @@ const ls = [
   "tspan"
 ], cs = async (n, t, e) => {
   const a = t.data, i = e.data.baseUrl, r = a.assetUrl.replace("localhost", "localstack"), o = i.slice(0, 4) === "http" ? "" : "https://", s = new URL(o + i);
-  s.searchParams.append("video", ja(JSON.stringify([{ href: r }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
-  const l = s.toString(), d = `data:image/svg+xml;base64,${ja(await Sn(l, { type: "svg" }))}`, A = (h) => {
+  s.searchParams.append("video", Ha(JSON.stringify([{ href: r }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
+  const l = s.toString(), d = `data:image/svg+xml;base64,${Ha(await Sn(l, { type: "svg" }))}`, A = (h) => {
     const m = n.find((g) => g.panelId === h.panelId);
     if (!m)
       throw new K(h);
@@ -9468,7 +9468,7 @@ const ls = [
       {
         id: p,
         src: d,
-        type: D.Image,
+        type: F.Image,
         y: h.top,
         x: h.left,
         width: h.width,
@@ -9484,15 +9484,15 @@ const ls = [
     return console.error(h), [];
   }
 }, ds = async (n, t, e, a) => {
-  const i = e.data, r = i.assetUrl, o = await fa(r);
+  const i = e.data, r = i.assetUrl, o = await pa(r);
   try {
     const s = Mo(i, a.option);
     s && (t[a.stepName] = { selectedVariants: [s] });
     const l = async (c) => {
-      const d = await ti(c, s?.asset?.fileLink), A = await We(d), u = M(), h = n.find((p) => p.panelId === c.panelId);
+      const d = await ti(c, s?.asset?.fileLink), A = await ze(d), u = M(), h = n.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new K(c);
-      const m = Na(
+      const m = Ta(
         o,
         A,
         {
@@ -9507,7 +9507,7 @@ const ls = [
           {
             id: u,
             path: A.path,
-            type: D.Frame,
+            type: F.Frame,
             forceImageCover: a.data.forceImageCover,
             x: c.left,
             y: c.top,
@@ -9556,7 +9556,7 @@ const ls = [
   const l = await nt(s, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = At().parseFromString(A, "image/svg+xml").firstElementChild;
   if (!m)
     return console.error("Failed to read SVG."), [];
-  Fa(m);
+  Pa(m);
   const p = {};
   Mt(m, (b) => {
     ls.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
@@ -9565,18 +9565,18 @@ const ls = [
       const x = E.value, $ = `spiff-fill-${x.replace(/\W/g, "")}`;
       b.classList.add($), p[$] = { browserValue: x };
     }
-    const F = b.attributes.getNamedItem("stroke");
-    if (F && F.value !== "none") {
-      const x = F.value, $ = `spiff-stroke-${x.replace(/\W/g, "")}`;
+    const D = b.attributes.getNamedItem("stroke");
+    if (D && D.value !== "none") {
+      const x = D.value, $ = `spiff-stroke-${x.replace(/\W/g, "")}`;
       b.classList.add($), p[$] = { browserValue: x };
     }
   });
   const f = Pt().serializeToString(m), S = i.colors;
   if (S) {
     for (const [b, E] of Object.entries(p))
-      for (const F of Object.keys(S))
-        if (E.browserValue === F) {
-          p[b] = { browserValue: S[F] };
+      for (const D of Object.keys(S))
+        if (E.browserValue === D) {
+          p[b] = { browserValue: S[D] };
           break;
         }
   }
@@ -9584,13 +9584,13 @@ const ls = [
     const E = n.find((x) => x.panelId === b.panelId);
     if (!E)
       throw new K(b);
-    const F = M();
+    const D = M();
     return new H(
       {
         colors: p,
-        id: F,
+        id: D,
         svg: f,
-        type: D.Illustration,
+        type: F.Illustration,
         y: b.top,
         x: b.left,
         rotation: b.rotation,
@@ -9619,7 +9619,7 @@ const ls = [
         colors: {},
         id: d,
         svg: s,
-        type: D.Illustration,
+        type: F.Illustration,
         y: l.top,
         x: l.left,
         rotation: l.rotation,
@@ -9660,7 +9660,7 @@ const ls = [
       {
         id: u,
         src: s,
-        type: D.Image,
+        type: F.Image,
         y: d.top,
         x: d.left,
         rotation: d.rotation,
@@ -9717,7 +9717,7 @@ const ls = [
         colors: h,
         id: m,
         svg: A,
-        type: D.Illustration,
+        type: F.Illustration,
         y: c.top,
         x: c.left,
         rotation: c.rotation,
@@ -9736,7 +9736,7 @@ const ls = [
     return console.error(c), [];
   }
 }, gs = async (n, t, e) => {
-  const a = [], r = t.type === v.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? D.Image : (r.endsWith(".svg"), D.Illustration), l = t.data.regions;
+  const a = [], r = t.type === v.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? F.Image : (r.endsWith(".svg"), F.Illustration), l = t.data.regions;
   if (s === "image")
     try {
       l.forEach((c) => {
@@ -9769,8 +9769,8 @@ const ls = [
     const c = await nt(r, !0), d = (A) => {
       const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = At().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
-        throw new Dt("Failed to read SVG.");
-      return Fa(f), Pt().serializeToString(f);
+        throw new Ft("Failed to read SVG.");
+      return Pa(f), Pt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = n.find((m) => m.panelId === A.panelId);
@@ -9820,7 +9820,7 @@ const ls = [
       assetUrl: g,
       name: f.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", r.text) : r.text) || "", u = Te(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", r.text) : r.text) || "", u = ke(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (g) => {
@@ -9845,7 +9845,7 @@ const ls = [
       paths: a.data.paths,
       rotation: g.rotation,
       text: u,
-      type: D.Textbox,
+      type: F.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
       width: g.width,
@@ -9853,12 +9853,12 @@ const ls = [
       y: g.top
     };
     if (d) {
-      const [w, I] = be(
+      const [w, I] = ve(
         a.data.size || o,
         d,
         g,
         [
-          Te(u, {
+          ke(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -10106,12 +10106,12 @@ class Es extends Wn {
       l = g.width, c = g.height;
     } else
       l = r.width, c = r.height;
-    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = Ma(t.layoutState.layout, e, {
+    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = ka(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: Kt.ThreeD,
         templatingContext: d
       }
-    }), u = Fn(A), h = await Ea.from(this.ctx, u, {
+    }), u = Dn(A), h = await va.from(this.ctx, u, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
@@ -10120,7 +10120,7 @@ class Es extends Wn {
       enableRedraw: !1,
       createCanvas: Ct,
       createImage: ie,
-      DOMParser: Pa(),
+      DOMParser: Ba(),
       fetch
     });
     h.resize(l, c), await h.render(), this.onRender();
@@ -10145,7 +10145,7 @@ const Md = (n, t) => {
   i = new L(e.map((l) => new ni(l))).apply(i);
   const o = await Cs(n, t, e, a);
   return new L(o).apply(i);
-}, ce = C`
+}, Ge = C`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -10168,7 +10168,7 @@ const Md = (n, t) => {
         }
     }
 `, bs = C`
-    ${ce}
+    ${Ge}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -10178,7 +10178,7 @@ const Md = (n, t) => {
         }
     }
 `, Is = C`
-    ${ce}
+    ${Ge}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -10188,7 +10188,7 @@ const Md = (n, t) => {
         }
     }
 `, Bs = C`
-    ${ce}
+    ${Ge}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -10205,7 +10205,7 @@ const Md = (n, t) => {
     bundleId: n
   }
 })).data.globalPropertyState, Ps = (n) => C`
-    ${ze}
+    ${Le}
     fragment ProductFields on Product {
         id
         basePrice
@@ -10249,7 +10249,7 @@ const Md = (n, t) => {
             name
         }
     }
-`, Ra = (n) => C`
+`, Qa = (n) => C`
     ${Ps(n)}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -10259,8 +10259,8 @@ const Md = (n, t) => {
             ...ProductFields
         }
     }
-`, de = (n, t = !1) => C`
-    ${n ? Ra(t) : ""}
+`, We = (n, t = !1) => C`
+    ${n ? Qa(t) : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
         name
@@ -10346,12 +10346,14 @@ const Md = (n, t) => {
         totalPriceSubunits
         quoteId
         orderId
+        externalOrderId
+        internalOrderId
         workflowViewerLink
         workflowViewerAmendLink
     }
-`, Fs = (n) => C`
-    ${ce}
-    ${de(n)}
+`, Ds = (n) => C`
+    ${Ge}
+    ${We(n)}
     ${ui}
     query GetBundle($id: String!) {
         globalPropertyState(bundleId: $id) {
@@ -10384,7 +10386,7 @@ const Md = (n, t) => {
             }
         }
     }
-`, on = C`
+`, rn = C`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -10429,7 +10431,7 @@ const Md = (n, t) => {
             }
         }
     }
-`, Ds = C`
+`, Fs = C`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -10459,7 +10461,7 @@ const Md = (n, t) => {
         }
     }
 `, xs = C`
-    ${Ra(!1)}
+    ${Qa(!1)}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -10492,7 +10494,7 @@ const Md = (n, t) => {
         }
     }
 `, Ms = C`
-    ${Ra(!0)}
+    ${Qa(!0)}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
@@ -10524,7 +10526,7 @@ const Md = (n, t) => {
         }
     }
 `, Ts = (n) => C`
-    ${de(n)}
+    ${We(n)}
     mutation CreateBundle(
         $collectionId: String
         $initialMetadata: [MetadataInput!]
@@ -10552,9 +10554,7 @@ const Md = (n, t) => {
             }
         }
     }
-`, Ns = (n) => C`
-    ${ce}
-    ${de(n)}
+`, Ns = () => C`
     mutation DuplicateBundle(
         $id: String!
         $template: Boolean
@@ -10571,28 +10571,9 @@ const Md = (n, t) => {
         ) {
             id
             bundleOwnerId
-            template
-            bundleStateData
-            metadata {
-                key
-                value
-            }
-            name
             partner {
                 id
             }
-            productCollection {
-                ...ProductCollectionFields
-            }
-            transactions {
-                id
-            }
-            globalPropertyState {
-                id
-                aspects {
-                    ...GlobalPropertyStateAspectFields
-                }
-            }
         }
     }
 `, ia = C`
@@ -10710,7 +10691,7 @@ const Md = (n, t) => {
         }
     }
 `, Gs = (n) => C`
-    ${de(n)}
+    ${We(n)}
     mutation BundleAssignProductCollection($id: String!, $productCollectionId: String!) {
         bundleAssignProductCollection(id: $id, collectionId: $productCollectionId) {
             id
@@ -10872,7 +10853,7 @@ const Md = (n, t) => {
 `;
 var qe = /* @__PURE__ */ ((n) => (n.Error = "Error", n.Warning = "Warning", n.Info = "Info", n))(qe || {});
 const el = 1e3;
-class sn extends Wn {
+class on extends Wn {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
   }
@@ -10931,7 +10912,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     const t = this.experience.getTransaction().recipient, e = { recipient: t };
     return this.recipientConversionConfiguration?.requestedDataItems?.forEach((a) => {
       const i = a.uniqueIdentifier ?? a.title ?? "";
-      a.type === Ie.FirstName ? e[i] = t?.firstName : a.type === Ie.LastName ? e[i] = t?.lastName : a.type === Ie.Custom && (a.customFieldIndex === 1 ? e[i] = t?.customField1 : a.customFieldIndex === 2 ? e[i] = t?.customField2 : a.customFieldIndex === 3 ? e[i] = t?.customField3 : a.customFieldIndex === 4 ? e[i] = t?.customField4 : a.customFieldIndex === 5 && (e[i] = t?.customField5), a.option && (e[i] = a.option.variants?.find((r) => r.id === e[i])?.name));
+      a.type === Ee.FirstName ? e[i] = t?.firstName : a.type === Ee.LastName ? e[i] = t?.lastName : a.type === Ee.Custom && (a.customFieldIndex === 1 ? e[i] = t?.customField1 : a.customFieldIndex === 2 ? e[i] = t?.customField2 : a.customFieldIndex === 3 ? e[i] = t?.customField3 : a.customFieldIndex === 4 ? e[i] = t?.customField4 : a.customFieldIndex === 5 && (e[i] = t?.customField5), a.option && (e[i] = a.option.variants?.find((r) => r.id === e[i])?.name));
     }), e;
   }
   async updateRecipient(t, e, a, i, r, o, s, l, c, d, A, u, h, m, p, g, f, S) {
@@ -10956,7 +10937,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
         customField4: p ?? w.recipient.customField4,
         customField5: g ?? w.recipient.customField5,
         conversionConfigurationId: f || w.recipient.conversionConfigurationId
-      }, this.experience.callEvent(ya.RecipientChanged), await this.graphQlClient().mutate({
+      }, this.experience.callEvent(wa.RecipientChanged), await this.graphQlClient().mutate({
         mutation: Xs,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -11026,7 +11007,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
         customField4: p,
         customField5: g,
         conversionConfigurationId: f
-      }, this.experience.callEvent(ya.RecipientChanged), await this.graphQlClient().mutate({
+      }, this.experience.callEvent(wa.RecipientChanged), await this.graphQlClient().mutate({
         mutation: Zs,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -11320,7 +11301,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     };
     if (!Jt(a, this.storage)) {
       this.storage = a;
-      const i = new en(this.constructSerializableWorkflow());
+      const i = new tn(this.constructSerializableWorkflow());
       this.commandContext.apply(i, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -11339,7 +11320,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     if (this.readOnly) return;
     const t = this.serialize();
     this.workflowStatePromiseQueue.enqueue(
-      new sn(async () => {
+      new on(async () => {
         await new Promise((e) => {
           setTimeout(() => {
             e();
@@ -11356,7 +11337,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
   async updateStateWithServerImmediate() {
     if (this.readOnly) return;
     const t = this.serialize();
-    return new sn(async () => {
+    return new on(async () => {
       await this.updateTransaction({
         variables: {
           id: this.experience.getTransaction().id,
@@ -11418,10 +11399,10 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       return Promise.resolve({ stepElements: {}, commands: [] });
     const i = async (c, d, A) => {
       if (c.type === v.SilentIllustration) {
-        const u = await new nn(c, d).trigger();
+        const u = await new an(c, d).trigger();
         return { step: c, results: u };
       } else if (c.type === v.ProductOverlay) {
-        const u = await new nn(
+        const u = await new an(
           c,
           d,
           A
@@ -11507,11 +11488,11 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, F) => E + F.selectedVariants.map((x) => x.priceModifier || 0).reduce((x, T) => x + T, 0), 0), r.steps.forEach((E) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, D) => E + D.selectedVariants.map((x) => x.priceModifier || 0).reduce((x, T) => x + T, 0), 0), r.steps.forEach((E) => {
       bt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
     });
     const s = this.allScenes, l = vt(s, o), c = vt(s, this.stepSelections), d = l.map((E) => E.silentSteps).flat(), u = c.map((E) => E.silentSteps).flat().filter(
-      (E) => !d.some((F) => F.stepName === E.stepName)
+      (E) => !d.some((D) => D.stepName === E.stepName)
     );
     d.forEach((E) => {
       bt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
@@ -11523,14 +11504,14 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
       [t]: a
     }, this.removeElements(h);
     const g = r.steps.find((E) => E.stepName === t);
-    g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((F) => F.id));
-    const f = h.map((E) => new Rt(E.id)), S = new en(this.constructSerializableWorkflow()), w = [...p, ...f, S];
+    g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((D) => D.id));
+    const f = h.map((E) => new Rt(E.id)), S = new tn(this.constructSerializableWorkflow()), w = [...p, ...f, S];
     w.length > 0 && this.commandContext.apply(new L(w), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const I = this.getInvalidModelVariants(), b = this.modelContainer;
     if (b) {
       const E = I.map(
-        (F) => b.applyModelVariant(
-          F,
+        (D) => b.applyModelVariant(
+          D,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -11560,7 +11541,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
             break;
           case v.Illustration:
             a.push(
-              Ee.init(l, this, this.reloadedState)
+              Se.init(l, this, this.reloadedState)
             );
             break;
           case v.Material:
@@ -11655,7 +11636,7 @@ const al = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
   }
 };
 jt.configurationPromiseMap = /* @__PURE__ */ new Map();
-let wa = jt;
+let Ca = jt;
 class ot {
   constructor(t) {
     this.variantData = t;
@@ -11880,7 +11861,7 @@ class il extends et {
    */
   async selectVariant(t) {
     if (!this.getUpdateState() && this.getCurrentVariant() !== t)
-      return Ee.selectVariant(
+      return Se.selectVariant(
         this.step,
         t.getResource(),
         this.manager.getRegionElements(this.step.stepName) || [],
@@ -11922,7 +11903,7 @@ class il extends et {
         const c = l.id.replace(/\W/g, "");
         a ? i.set(c, { browserValue: e, pmsValue: a }) : i.set(c, e);
       }
-    }) : a ? i.set(t, { browserValue: e, pmsValue: a }) : i.set(t, e), Ee.changeColors(
+    }) : a ? i.set(t, { browserValue: e, pmsValue: a }) : i.set(t, e), Se.changeColors(
       this.step,
       this.manager.getRegionElements(this.step.stepName),
       this.manager,
@@ -11934,7 +11915,7 @@ class il extends et {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? Ee.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? Se.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -12341,7 +12322,7 @@ class hl extends et {
     });
   }
 }
-class pe {
+class me {
   static get(t, e) {
     switch (e.type) {
       case v.DigitalContent:
@@ -12501,7 +12482,7 @@ const pl = async (n, t) => {
       headers: e
     }
   })).data?.designCreateMany;
-}, ln = (n, t, e) => {
+}, sn = (n, t, e) => {
   const a = (r) => {
     const o = {};
     if (r.type === "Frame") {
@@ -12597,7 +12578,7 @@ const pl = async (n, t) => {
       B.errors && console.log("Server Error:", U.message);
     }), null) : Q ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await n.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, p = l && ln(l, t, !0), g = l && ln(l, t, !1), f = async (x) => {
+  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, p = l && sn(l, t, !0), g = l && sn(l, t, !1), f = async (x) => {
     const T = {};
     let $ = 0;
     if (Object.keys(r).length > 0)
@@ -12636,7 +12617,7 @@ const pl = async (n, t) => {
     const x = await (await it(E)).blob();
     E = (await V.uploadAsset(
       { name: `${i.id}-preview-image.png`, blob: x },
-      Pe.Image,
+      Ie.Image,
       !0,
       !1
     )).fileLink;
@@ -12857,8 +12838,8 @@ const ra = new Sl(), vl = C`
             id
         }
     }
-`, cn = C`
-    ${ze}
+`, ln = C`
+    ${Le}
     ${oe}
     mutation TransactionUpdateIntegrationProduct($id: String!, $integrationProductId: String) {
         transactionUpdateIntegrationProduct(id: $id, integrationProductId: $integrationProductId) {
@@ -12946,7 +12927,7 @@ const ra = new Sl(), vl = C`
         }
     }
 `;
-var ya = /* @__PURE__ */ ((n) => (n.PriceBreakChanged = "PriceBreakChanged", n.ProductChanged = "ProductChanged", n.QuantityChanged = "QuantityChanged", n.RecipientChanged = "RecipientChanged", n.SelectionChanged = "SelectionChanged", n))(ya || {});
+var wa = /* @__PURE__ */ ((n) => (n.PriceBreakChanged = "PriceBreakChanged", n.ProductChanged = "ProductChanged", n.QuantityChanged = "QuantityChanged", n.RecipientChanged = "RecipientChanged", n.SelectionChanged = "SelectionChanged", n))(wa || {});
 class Il {
   constructor(t, e) {
     this.cachedStepHandles = /* @__PURE__ */ new Map(), this.profanityList = [], this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = vn(async () => {
@@ -12962,7 +12943,7 @@ class Il {
       } catch (o) {
         r(o);
       }
-    }), this.client = t, this.transaction = e.transaction, this.workflow = e.workflow, this.profanityList = this.transaction.product?.profanities?.map((a) => a.word) || [], this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new wa(
+    }), this.client = t, this.transaction = e.transaction, this.workflow = e.workflow, this.profanityList = this.transaction.product?.profanities?.map((a) => a.word) || [], this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new Ca(
       this,
       t,
       (a) => {
@@ -13008,7 +12989,7 @@ class Il {
   async setProduct(t) {
     this.workflow = void 0;
     const e = await this.graphQlClient().mutate({
-      mutation: cn,
+      mutation: ln,
       variables: {
         id: this.getTransaction().id,
         integrationProductId: t
@@ -13048,7 +13029,7 @@ class Il {
       "ProductChanged"
       /* ProductChanged */
     ), await this.graphQlClient().mutate({
-      mutation: cn,
+      mutation: ln,
       variables: {
         id: this.getTransaction().id
       }
@@ -13130,20 +13111,20 @@ class Il {
       height: d.layoutState.layout.height
     }, u = this.workflowManager.getCommandContext().getLayoutById(d.layoutState.layout.id), h = o.getContext("2d");
     if (!h)
-      throw new $e("Failed to obtain 2D context for preview image creation");
-    const m = this.workflowManager.getTemplatingContext(), p = Ma(u.layoutState.layout, u.layoutState.elements, {
+      throw new Re("Failed to obtain 2D context for preview image creation");
+    const m = this.workflowManager.getTemplatingContext(), p = ka(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Kt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
-    }), g = Fn(p);
-    await (await Ea.from(h, g, {
+    }), g = Dn(p);
+    await (await va.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: Ct,
       createImage: ie,
-      DOMParser: Pa(),
+      DOMParser: Ba(),
       fetch
     })).render();
     const S = await this.getCanvasObjectURLAsync(o);
@@ -13155,7 +13136,7 @@ class Il {
     const a = this.cachedStepHandles.get(e.stepName);
     if (a)
       return a;
-    const i = pe.get(this.getWorkflowManager(), e);
+    const i = me.get(this.getWorkflowManager(), e);
     return this.cachedStepHandles.set(e.stepName, i), i;
   }
   getSteps() {
@@ -13252,17 +13233,17 @@ class Il {
   getStepByName(t) {
     const e = this.getWorkflow()?.steps.find((a) => a.stepTitle === t);
     if (!(!e || !this.stepHasHandle(e)))
-      return pe.get(this.getWorkflowManager(), e);
+      return me.get(this.getWorkflowManager(), e);
   }
   getStepsByType(t) {
-    return this.getWorkflow()?.steps.filter((e) => e.type === t).map((e) => pe.get(this.getWorkflowManager(), e)) || [];
+    return this.getWorkflow()?.steps.filter((e) => e.type === t).map((e) => me.get(this.getWorkflowManager(), e)) || [];
   }
   getStepsByScene(t) {
     if (!this.getWorkflow()?.stepGroups.find((a) => a.name === t.name))
       throw new Error(
         "Given scene is not present on workflow! Be careful when persisting scenes that you only use them with the relevant workflow."
       );
-    return t.stepIds.map((a) => this.getWorkflow()?.steps.find((i) => i.stepName === a)).filter((a) => this.stepHasHandle(a)).map((a) => pe.get(this.getWorkflowManager(), a));
+    return t.stepIds.map((a) => this.getWorkflow()?.steps.find((i) => i.stepName === a)).filter((a) => this.stepHasHandle(a)).map((a) => me.get(this.getWorkflowManager(), a));
   }
   async attachCustomerDetails(t) {
     return this.assignCustomerDetails({ emailAddress: t.email });
@@ -13492,7 +13473,7 @@ const Bl = (n) => {
   }
   return !1;
 };
-class Fl {
+class Dl {
   constructor(t) {
     this.handleCache = {}, this.bundle = t;
   }
@@ -13534,16 +13515,16 @@ class Fl {
   async createHandle(t) {
     switch (t.type) {
       case G.FileUpload:
-        return new Dl(this.bundle, t).initialize();
+        return new Fl(this.bundle, t).initialize();
       case G.ColorOption:
-        return new dn(
+        return new cn(
           this.bundle,
           t,
           t.entityId ? await J.getOption(t.entityId) : void 0
         );
       case G.Option: {
         const e = t.entityId ? await J.getOption(t.entityId) : void 0;
-        return e?.type === "Color" ? new dn(this.bundle, t, e) : new pi(this.bundle, t, e);
+        return e?.type === "Color" ? new cn(this.bundle, t, e) : new pi(this.bundle, t, e);
       }
       case G.Text:
         return new xl(this.bundle, t);
@@ -13552,7 +13533,7 @@ class Fl {
     }
   }
 }
-class Oa {
+class Ra {
   constructor(t, e) {
     this.bundle = t, this.property = e;
   }
@@ -13613,7 +13594,7 @@ class Oa {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class Dl extends Oa {
+class Fl extends Ra {
   constructor(t, e) {
     super(t, e);
   }
@@ -13624,7 +13605,7 @@ class Dl extends Oa {
     const t = await this.getImage();
     if (t?.fileLink)
       if (t?.fileLink.endsWith(".svg")) {
-        const e = await nt(t?.fileLink), a = await Qa(t?.fileLink), i = a.width, r = a.height, o = await lt(e);
+        const e = await nt(t?.fileLink), a = await Na(t?.fileLink), i = a.width, r = a.height, o = await lt(e);
         this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.colors?.forEach((c) => {
           o.colors[c.key] = {
             browserValue: c.browserValue,
@@ -13667,7 +13648,7 @@ class Dl extends Oa {
     ]);
   }
   async canUseBackgroundRemover() {
-    return this.bundle.getClient().canUseAddon(ba.BackgroundRemover);
+    return this.bundle.getClient().canUseAddon(Ea.BackgroundRemover);
   }
   /**
    * Removes the background from an image, stores it in the state, and returns the new asset.
@@ -13705,7 +13686,7 @@ class Dl extends Oa {
       return V.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
-    return await this.loadImageData(), this.imageData?.svg ? Ia(xa(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
+    return await this.loadImageData(), this.imageData?.svg ? ba(Fa(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
   }
   /**
    * Retrieves the original, unmodified image selection, if one exists.
@@ -13839,7 +13820,7 @@ class Dl extends Oa {
     );
   }
 }
-class xl extends Oa {
+class xl extends Ra {
   constructor(t, e) {
     super(t, e);
   }
@@ -13878,7 +13859,7 @@ class xl extends Oa {
     await Promise.all(i);
   }
 }
-class pi extends Oa {
+class pi extends Ra {
   constructor(t, e, a) {
     super(t, e), this.optionResource = a;
   }
@@ -13940,7 +13921,7 @@ class pi extends Oa {
     await Promise.all(i);
   }
 }
-class dn extends pi {
+class cn extends pi {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -14002,15 +13983,15 @@ const kl = (n, t, e, a) => n.flatMap((i) => i.getSteps()).filter((i) => i.getGlo
   });
   return Math.max(...i);
 };
-function Sa(n, t) {
+function ya(n, t) {
   function e(a) {
     if (typeof a > "u" || !Array.isArray(a) && !Nl(a))
       return a;
     if (Array.isArray(a))
-      return Sa(a, t);
+      return ya(a, t);
     let i = {};
     for (const [r, o] of Object.entries(a))
-      i[r] = Tl(o) ? o : Sa(o, t);
+      i[r] = Tl(o) ? o : ya(o, t);
     return Vi(i, t);
   }
   return Array.isArray(n) ? n.map(e) : e(n);
@@ -14027,17 +14008,17 @@ function fi(n) {
     e.value !== "" && t.set(e.name, !0);
   }), t;
 }
-function fe(n) {
-  return Sa(n, ["__typename"]);
+function ge(n) {
+  return ya(n, ["__typename"]);
 }
 class Ql {
   constructor(t, e, a, i, r) {
     this.mandatoryFulfilledAspects = /* @__PURE__ */ new Map(), this.bundleId = t, this.bundleOwnerId = e, this.configuration = a, this.bundleOptions = r;
     const o = r?.existingGlobalPropertyState;
     this.initPromise = o ? Promise.resolve(o).then(() => {
-      console.log("Setting global property state to existing state."), this.globalPropertyState = fe(o), this.recalculateMandatoryStates();
+      console.log("Setting global property state to existing state."), this.globalPropertyState = ge(o), this.recalculateMandatoryStates();
     }) : this.createGlobalPropertyState().then((s) => {
-      console.log("Setting global property state to new state."), this.globalPropertyState = fe(s), this.recalculateMandatoryStates();
+      console.log("Setting global property state to new state."), this.globalPropertyState = ge(s), this.recalculateMandatoryStates();
     }), this.onGlobalPropertyStateChange = i;
   }
   async clearAspects(t) {
@@ -14067,7 +14048,7 @@ class Ql {
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
     const e = It(this.globalPropertyState);
-    this.globalPropertyState = { ...fe(t), id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
+    this.globalPropertyState = { ...ge(t), id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
     return this.mandatoryFulfilledAspects.get(t);
@@ -14196,7 +14177,7 @@ class Ql {
       }
     });
     if (t.data?.globalPropertyStateUpdate)
-      this.globalPropertyState = fe(t.data.globalPropertyStateUpdate);
+      this.globalPropertyState = ge(t.data.globalPropertyStateUpdate);
     else
       throw new Error("Unable to update global property state");
   }
@@ -14435,14 +14416,14 @@ class Ci {
   getProducts() {
     if (!this.collection.productCollectionProducts)
       throw new Error("Failed to find products on collection. Ensure you fetch them first!");
-    return this.collection.productCollectionProducts.filter((t) => !!t.product).map((t) => new Ce(t));
+    return this.collection.productCollectionProducts.filter((t) => !!t.product).map((t) => new pe(t));
   }
   /**
    * A list of products in this collections with useful helpers for interacting with them.
    */
   async fetchProducts(t) {
     if (this.fullFetched)
-      return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new Ce(a));
+      return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new pe(a));
     const e = await y.getShadowGraphqlClient().query({
       query: xs,
       variables: {
@@ -14451,7 +14432,7 @@ class Ci {
       },
       errorPolicy: "all"
     });
-    return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new Ce(a));
+    return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new pe(a));
   }
   /**
    * Returns a list of collections products matching the associated metafield/tag filters.
@@ -14541,7 +14522,7 @@ class Ci {
           if (h || p.partial && (!p.data.productCollections || p.data.productCollections.length === 0 || !p.data.productCollections[0].productCollectionProductsFeed?.items || p.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, m.unsubscribe();
-          const g = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ce(It(f))) || [];
+          const g = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new pe(It(f))) || [];
           u({
             items: g,
             // Clone items because it could be cached data (immutable)
@@ -14565,7 +14546,7 @@ class Ci {
     return this.collection;
   }
 }
-class Ce {
+class pe {
   constructor(t) {
     this.product = t.product, this.productResource = t;
   }
@@ -14758,7 +14739,7 @@ class zl {
   }
 }
 const Gl = C`
-    ${de(!1)}
+    ${We(!1)}
     query GetProductCollections($ids: [String!]!) {
         productCollections(ids: $ids) {
             ...ProductCollectionFields
@@ -14834,7 +14815,7 @@ const ql = C`
         }
     }
 `;
-class oa {
+class dn {
   constructor(t, e, a, i, r, o, s) {
     this.workflowExperiences = [], this.eventEmitter = new Wl(), 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 = r, this.metadata = new Map(e.metadata?.map((d) => [d.key, d.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Rl(e.bundleStateData);
     const l = this.productCollection?.globalPropertyConfiguration;
@@ -14844,7 +14825,7 @@ class oa {
       l,
       this.onGlobalPropertiesChanged.bind(this),
       o
-    ), this.globalPropertyHandleService = new Fl(this), this.setPreviewService(a);
+    ), this.globalPropertyHandleService = new Dl(this), this.setPreviewService(a);
     const c = new Promise((d, A) => {
       if (o?.readonly) {
         d([]);
@@ -15048,7 +15029,7 @@ class oa {
         if (r)
           switch (a.type) {
             case G.FileUpload: {
-              const o = r, s = await ke([a.value]);
+              const o = r, s = await Fe([a.value]);
               s.length > 0 && await o.selectImage(s[0]);
               const l = a.storage?.colors;
               if (l) {
@@ -15299,7 +15280,7 @@ class oa {
       variables: {
         id: this.id,
         details: t,
-        type: e || Fe.Owner
+        type: e || Be.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -15338,7 +15319,7 @@ class oa {
   }
   async getAllStakeholders() {
     const t = await y.getShadowGraphqlClient().query({
-      query: on,
+      query: rn,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15354,7 +15335,7 @@ class oa {
   }
   async getCurrentStakeholder() {
     const t = await y.getShadowGraphqlClient().query({
-      query: on,
+      query: rn,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15710,14 +15691,14 @@ class Kl {
    * @returns The nodes contained within the execution.
    */
   getNodes() {
-    return this.execution.nodes.map((t) => new we(t));
+    return this.execution.nodes.map((t) => new fe(t));
   }
   /**
    * @param type The type of node to return.
    * @returns A list of nodes matching the requested type.
    */
   getNodesByType(t) {
-    return this.execution.nodes.filter((e) => e.type === t).map((e) => new we(e));
+    return this.execution.nodes.filter((e) => e.type === t).map((e) => new fe(e));
   }
   /**
    * @returns A list of input nodes that exist in this execution.
@@ -15726,7 +15707,7 @@ class Kl {
     return this.execution.nodes.filter(
       (t) => t.type === "StartTerminal"
       /* StartTerminal */
-    ).map((t) => new we(t));
+    ).map((t) => new fe(t));
   }
   /**
    * @returns A list of out put nodes that exist in this execution.
@@ -15735,7 +15716,7 @@ class Kl {
     return this.execution.nodes.filter(
       (t) => t.type === "EndTerminal"
       /* EndTerminal */
-    ).map((t) => new we(t));
+    ).map((t) => new fe(t));
   }
   /**
    * @returns A date object representing the point in time this execution completed.
@@ -15752,7 +15733,7 @@ class Kl {
       return new Date(this.execution.failedAt);
   }
 }
-class we {
+class fe {
   constructor(t) {
     this.node = t;
   }
@@ -15769,7 +15750,7 @@ class we {
     return this.getArtifacts().get(t);
   }
 }
-class $a {
+class Oa {
   constructor(t) {
     this.value = t;
   }
@@ -15782,12 +15763,12 @@ class $a {
   }
 }
 var _l = /* @__PURE__ */ ((n) => (n.Transaction = "Transaction", n.Bundle = "Bundle", n.Product = "Product", n.Variant = "Variant", n.Option = "Option", n.LineItem = "LineItem", n.Asset = "Asset", n))(_l || {});
-class Rd extends $a {
+class Rd extends Oa {
   constructor(t) {
     super(`"${t}"`);
   }
 }
-class wi extends $a {
+class wi extends Oa {
   constructor(t, e) {
     if (e !== "Asset" && !wi.validUUID(t))
       throw new Error("Invalid ID, must be a valid v4 UUID. https://www.uuidgenerator.net/");
@@ -15797,7 +15778,7 @@ class wi extends $a {
     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 Od extends $a {
+class Od extends Oa {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15842,7 +15823,7 @@ class An {
     return t.sort((e, a) => (e.index ?? 0) - (a.index ?? 0)).map((e) => new Ht(e));
   }
 }
-const ye = C`
+const Ce = C`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -15990,7 +15971,7 @@ class ac {
   }
   async generateCode(t) {
     const e = await this.cognitoClient?.send(
-      new za({
+      new Va({
         AuthFlow: "CUSTOM_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -16024,7 +16005,7 @@ class ac {
       throw new Error("Failed to find existing tokens.");
     const e = JSON.parse(t);
     return await this.cognitoClient?.send(
-      new za({
+      new Va({
         AuthFlow: "REFRESH_TOKEN_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -16054,7 +16035,7 @@ class nc {
    * @param currency The currency to determine precision for.
    */
   getPrecisionForCurrency(t) {
-    const e = t, a = Ga.code(e);
+    const e = t, a = za.code(e);
     return a ? a.digits : 2;
   }
   /**
@@ -16065,7 +16046,7 @@ class nc {
    */
   getSpecialFormat(t) {
     const e = t;
-    if (Ga.code(e)?.code === "CLP")
+    if (za.code(e)?.code === "CLP")
       return "USD0,0";
   }
 }
@@ -16167,7 +16148,7 @@ class $d {
       } catch (a) {
         throw console.error(a), new gt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 33.13.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 33.13.2"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     ft.setHubUrl(t.hubUrl), ft.setServerUrl(t.serverUrl), ft.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 && sr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && zt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16217,7 +16198,7 @@ class $d {
    */
   async authenticateBundleFromLocalStorage(t) {
     if (k.getMap("bundleOwnerIds")?.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: Fe.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: Be.Owner });
     const a = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (a.has(t)) {
       const i = a.get(t);
@@ -16261,7 +16242,7 @@ class $d {
     if (i.isOrdered)
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
     if (k.getMap("transactionOwnerIds")?.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: Fe.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: Be.Owner });
     const s = k.getMap("transactionCustomerIds");
     if (s?.has(t) && s.get(t) && await this.reloadLoggedInCustomer()) {
       const u = this.customer?.bundleStakeholders?.find(
@@ -16299,7 +16280,7 @@ class $d {
   }
   async customerHasBundleTemplates(t) {
     const i = (await y.getShadowGraphqlClient().query({
-      query: ye,
+      query: Ce,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16318,7 +16299,7 @@ class $d {
   async getOrCreateCustomer(t) {
     this.customer = void 0;
     const e = y.getShadowGraphqlClient(), i = (await e.query({
-      query: ye,
+      query: Ce,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16371,7 +16352,7 @@ class $d {
         return this.logOut(), console.error("Failed to refresh tokens."), !1;
     }
     const s = (await y.getShadowGraphqlClient().query({
-      query: ye,
+      query: Ce,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16400,7 +16381,7 @@ class $d {
     if (i?.AuthenticationResult) {
       localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), localStorage.setItem("cognito-tokens", JSON.stringify(i.AuthenticationResult)), localStorage.setItem("cognito-email", t);
       const o = (await y.getShadowGraphqlClient().query({
-        query: ye,
+        query: Ce,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -16467,7 +16448,7 @@ class $d {
     o.set(r.id, r.partner.id), k.setMap("bundlePartnerIds", o);
     const s = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     s.set(r.id, r.bundleOwnerId), k.setMap("bundleOwnerIds", s);
-    const l = new oa(this, r, void 0, void 0, r.bundleOwnerId, {
+    const l = new dn(this, r, void 0, void 0, r.bundleOwnerId, {
       eagerFetchProducts: a?.graphql?.productCollection?.eagerFetchProducts
     });
     return await l.getInitializationPromise(), l;
@@ -16494,7 +16475,7 @@ class $d {
       ...l,
       ...i?.graphql?.additionalHeaders
     }, d = await y.getShadowGraphqlClient().query({
-      query: Fs(i?.graphql?.productCollection?.eagerFetchProducts || !1),
+      query: Ds(i?.graphql?.productCollection?.eagerFetchProducts || !1),
       variables: {
         id: t
       },
@@ -16507,7 +16488,7 @@ class $d {
       throw new Error(`Unable to find bundle: ${t}`);
     const A = d.data?.bundles[0], u = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     u.set(A.id, A.partner.id), k.setMap("bundlePartnerIds", u);
-    const h = new oa(
+    const h = new dn(
       this,
       A,
       e,
@@ -16534,7 +16515,7 @@ class $d {
       ...await Si(t),
       ...i?.graphql?.additionalHeaders
     }, l = (await y.getShadowGraphqlClient().mutate({
-      mutation: Ns(i?.graphql?.productCollection?.eagerFetchProducts || !1),
+      mutation: Ns(),
       variables: {
         id: t,
         template: e,
@@ -16552,13 +16533,13 @@ class $d {
     const c = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     c.set(l.id, l.partner.id), k.setMap("bundlePartnerIds", c);
     const d = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
-    return d.set(l.id, l.bundleOwnerId), k.setMap("bundleOwnerIds", d), async () => {
-      const A = new oa(this, l, void 0, void 0, l.bundleOwnerId, {
-        eagerFetchProducts: i?.graphql?.productCollection?.eagerFetchProducts,
-        existingGlobalPropertyState: l.globalPropertyState
-      });
-      return await A.getInitializationPromise(), A;
-    };
+    return d.set(l.id, l.bundleOwnerId), k.setMap("bundleOwnerIds", d), async () => await this.getExistingBundle(l.id, void 0, void 0, {
+      graphql: {
+        productCollection: {
+          eagerFetchProducts: i?.graphql?.productCollection?.eagerFetchProducts || !1
+        }
+      }
+    });
   }
   /**
    * Fetches information about the currently authenticated customer's bundles.
@@ -16590,7 +16571,7 @@ class $d {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const t = await y.getShadowGraphqlClient().query({
-      query: Ds,
+      query: Fs,
       variables: {
         id: this.customer.id
       },
@@ -16627,7 +16608,7 @@ class $d {
       throw new gt("No options provided!");
     const r = t.map((B, Q) => ({ option: B, index: Q })), o = r.filter((B) => B.option.type === "transaction"), s = r.filter(
       (B) => B.option.type === "integration" || B.option.type === "external" || B.option.type === "blank"
-    ), l = 50, c = Va(o, l), d = Va(s, l);
+    ), l = 50, c = La(o, l), d = La(s, l);
     let A = 0;
     const u = y.getShadowGraphqlClient(), h = async (B) => {
       if (B.length === 0)
@@ -16692,7 +16673,7 @@ class $d {
     ), [S, w] = await Promise.all([
       (async () => g.length > 0 ? await lc(g) : [])(),
       (async () => f.length > 0 ? await yi(f, e) : [])()
-    ]), I = new Map(S.map((B) => [B.id, B])), b = new Map(w.map((B) => [B.id, B])), E = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), F = p.map(async (B) => {
+    ]), I = new Map(S.map((B) => [B.id, B])), b = new Map(w.map((B) => [B.id, B])), E = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), D = p.map(async (B) => {
       const { transaction: Q, workflowId: U, readOnly: N, index: q } = B, St = U ? b.get(U) : void 0, ut = t[q];
       if (Q.integrationProductId) {
         const rt = I.get(Q.integrationProductId);
@@ -16702,7 +16683,7 @@ class $d {
       const He = E.get(Q.id) || void 0, bi = new ec({
         onMutate: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } })
-      }), Ae = {
+      }), ce = {
         workflow: St,
         transaction: Q,
         singleVariantsRenderable: ut?.workflowConfiguration?.singleVariantsRenderable,
@@ -16718,13 +16699,13 @@ class $d {
       };
       if (ut.type === "transaction" && Q.workflowState) {
         const rt = JSON.parse(Q.workflowState);
-        await tn(rt), Ae.reloadedState = rt;
+        await Za(rt), ce.reloadedState = rt;
       } else if (!N && ut.workflowState) {
         const rt = JSON.parse(ut.workflowState);
-        await tn(rt), Ae.reloadedState = rt;
+        await Za(rt), ce.reloadedState = rt;
       }
-      return Ae.delayWorkflowStateSync = !0, { experienceOptions: Ae, index: q, options: ut };
-    }), x = await Promise.all(F);
+      return ce.delayWorkflowStateSync = !0, { experienceOptions: ce, index: q, options: ut };
+    }), x = await Promise.all(D);
     k.setMap("transactionOwnerIds", E);
     const T = x.sort((B, Q) => B.index - Q.index);
     let $ = [];
@@ -16879,12 +16860,12 @@ function dc(n, t, e, a) {
     const s = n, l = Math.max(t.width / e.width, t.height / e.height);
     s.zoom = Math.max(l, n.zoom);
     const c = e.width * s.zoom, d = e.height * s.zoom;
-    return s.x = Se(n.x, t.width - c, 0), s.y = Se(n.y, t.height - d, 0), s;
+    return s.x = we(n.x, t.width - c, 0), s.y = we(n.y, t.height - d, 0), s;
   }
   const o = n;
-  return o.x = Se(o.x, -i, t.width), o.y = Se(o.y, -r, t.height), o;
+  return o.x = we(o.x, -i, t.width), o.y = we(o.y, -r, t.height), o;
 }
-function Se(n, t, e) {
+function we(n, t, e) {
   return Math.min(Math.max(n, t), e);
 }
 class Ac {
@@ -16909,7 +16890,7 @@ class Ac {
         if (i.currentFrameSources) {
           let r = !1;
           for (let o = 0; o < i.currentFrameSources.length; o++) {
-            const s = i.currentFrameSources[o], l = await We(s), c = this.frameData ? this.frameData[o] : void 0;
+            const s = i.currentFrameSources[o], l = await ze(s), c = this.frameData ? this.frameData[o] : void 0;
             Jt(l, c) || (this.frameData || (this.frameData = new Array(i.currentFrameSources.length)), this.frameData[o] = l, r = !0);
           }
           r && (this.onFrameDataChangeListeners.forEach(
@@ -16962,8 +16943,8 @@ class Ac {
   getImageSrc() {
     if (this.imageData) {
       if (this.imageData.svg) {
-        const t = xa(this.imageData.svg, this.imageData.colors || {}, !1);
-        return Ia(t);
+        const t = Fa(this.imageData.svg, this.imageData.colors || {}, !1);
+        return ba(t);
       }
       return this.imageData.src;
     }
@@ -17099,7 +17080,7 @@ class Ac {
   }
   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] = Na(
+      this.offsets[a] = Ta(
         t,
         e,
         this.initialZoom && !this.forceImageCover ? { scale: this.initialZoom } : void 0,
@@ -17315,7 +17296,7 @@ class hc extends et {
    * Returns `true` if the Background Remover is available for the current session.
    */
   async canUseBackgroundRemover() {
-    return this.manager.getClient().canUseAddon(ba.BackgroundRemover);
+    return this.manager.getClient().canUseAddon(Ea.BackgroundRemover);
   }
   /**
    * Returns `true` if the Background Remover is available for the current session and if the associated frame has a user-supplied raster image.
@@ -17441,7 +17422,7 @@ const mc = C`
             id
         }
     }
-`, Ua = C`
+`, $a = C`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17608,7 +17589,7 @@ const mc = C`
   },
   context: t
 }), Xd = async (n, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Ua,
+  query: $a,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17628,7 +17609,7 @@ const mc = C`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], Zd = async (n, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Ua,
+  query: $a,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17648,7 +17629,7 @@ const mc = C`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], tA = async (n, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Ua,
+  query: $a,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17683,7 +17664,7 @@ const mc = C`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var vc = /* @__PURE__ */ ((n) => (n.Manual = "Manual", n.OnStart = "OnStart", n.OnQuit = "OnQuit", n.OnEnd = "OnEnd", n))(vc || {}), Ie = /* @__PURE__ */ ((n) => (n.Email = "Email", n.FirstName = "FirstName", n.LastName = "LastName", n.Phone = "Phone", n.Apartment = "Apartment", n.City = "City", n.Country = "Country", n.OrganizationName = "OrganizationName", n.PostCode = "PostCode", n.State = "State", n.StreetAddress = "StreetAddress", n.Custom = "Custom", n))(Ie || {}), X;
+var vc = /* @__PURE__ */ ((n) => (n.Manual = "Manual", n.OnStart = "OnStart", n.OnQuit = "OnQuit", n.OnEnd = "OnEnd", n))(vc || {}), Ee = /* @__PURE__ */ ((n) => (n.Email = "Email", n.FirstName = "FirstName", n.LastName = "LastName", n.Phone = "Phone", n.Apartment = "Apartment", n.City = "City", n.Country = "Country", n.OrganizationName = "OrganizationName", n.PostCode = "PostCode", n.State = "State", n.StreetAddress = "StreetAddress", n.Custom = "Custom", n))(Ee || {}), X;
 X = { __e: function(n, t, e, a) {
   for (var i, r, o; t = t.__; )
     if ((i = t.__c) && !i.__)
@@ -17695,12 +17676,12 @@ X = { __e: function(n, t, e, a) {
       }
   throw n;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
-var st, sa, hn, vi = [], la = [], mn = X.__b, gn = X.__r, pn = X.diffed, fn = X.__c, Cn = X.unmount;
+var st, oa, hn, vi = [], sa = [], mn = X.__b, gn = X.__r, pn = X.diffed, fn = X.__c, Cn = X.unmount;
 function Ec() {
   for (var n; n = vi.shift(); )
     if (n.__P && n.__H)
       try {
-        n.__H.__h.forEach(Be), n.__H.__h.forEach(va), n.__H.__h = [];
+        n.__H.__h.forEach(be), n.__H.__h.forEach(Sa), n.__H.__h = [];
       } catch (t) {
         n.__H.__h = [], X.__e(t, n.__v);
       }
@@ -17710,20 +17691,20 @@ X.__b = function(n) {
 }, X.__r = function(n) {
   gn && gn(n);
   var t = (st = n.__c).__H;
-  t && (sa === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
-    e.__N && (e.__ = e.__N), e.__V = la, e.__N = e.i = void 0;
-  })) : (t.__h.forEach(Be), t.__h.forEach(va), t.__h = [])), sa = st;
+  t && (oa === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
+    e.__N && (e.__ = e.__N), e.__V = sa, e.__N = e.i = void 0;
+  })) : (t.__h.forEach(be), t.__h.forEach(Sa), t.__h = [])), oa = st;
 }, X.diffed = function(n) {
   pn && pn(n);
   var t = n.__c;
   t && t.__H && (t.__H.__h.length && (vi.push(t) !== 1 && hn === X.requestAnimationFrame || ((hn = X.requestAnimationFrame) || bc)(Ec)), t.__H.__.forEach(function(e) {
-    e.i && (e.__H = e.i), e.__V !== la && (e.__ = e.__V), e.i = void 0, e.__V = la;
-  })), sa = st = null;
+    e.i && (e.__H = e.i), e.__V !== sa && (e.__ = e.__V), e.i = void 0, e.__V = sa;
+  })), oa = st = null;
 }, X.__c = function(n, t) {
   t.some(function(e) {
     try {
-      e.__h.forEach(Be), e.__h = e.__h.filter(function(a) {
-        return !a.__ || va(a);
+      e.__h.forEach(be), e.__h = e.__h.filter(function(a) {
+        return !a.__ || Sa(a);
       });
     } catch (a) {
       t.some(function(i) {
@@ -17736,7 +17717,7 @@ X.__b = function(n) {
   var t, e = n.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
     try {
-      Be(a);
+      be(a);
     } catch (i) {
       t = i;
     }
@@ -17749,11 +17730,11 @@ function bc(n) {
   }, a = setTimeout(e, 100);
   wn && (t = requestAnimationFrame(e));
 }
-function Be(n) {
+function be(n) {
   var t = st, e = n.__c;
   typeof e == "function" && (n.__c = void 0, e()), st = t;
 }
-function va(n) {
+function Sa(n) {
   var t = st;
   n.__c = n.__(), st = t;
 }
@@ -17779,7 +17760,7 @@ const Ei = C`
         }
         missingComponentTypes
     }
-`, La = C`
+`, Ua = C`
     ${Ei}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17792,14 +17773,14 @@ const Ei = C`
         }
     }
 `, Ic = C`
-    ${La}
+    ${Ua}
     query GetAddressValidationJobs($ids: [String!]!) {
         addressValidationJobs(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
 `, Bc = C`
-    ${La}
+    ${Ua}
     query GetRecipientsWithAddressValidationJobs($ids: [String!]!) {
         recipients(ids: $ids) {
             id
@@ -17815,14 +17796,14 @@ const Ei = C`
             ...AddressValidationResultFields
         }
     }
-`, Fc = C`
-    ${La}
+`, Dc = C`
+    ${Ua}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
-`, Dc = C`
+`, Fc = C`
     mutation OverrideRecipientAddress($id: String!) {
         recipientOverrideAddress(id: $id) {
             id
@@ -17860,7 +17841,7 @@ const aA = async (n) => {
   }
 })).data?.recipientValidate : void 0, rA = async (n) => {
   const t = n.map((a) => a.getTransaction().recipient?.id).filter((a) => !!a), e = await y.getShadowGraphqlClient().mutate({
-    mutation: Fc,
+    mutation: Dc,
     errorPolicy: "all",
     fetchPolicy: "network-only",
     variables: {
@@ -17877,7 +17858,7 @@ const aA = async (n) => {
   if (!t)
     return;
   (await y.getShadowGraphqlClient().mutate({
-    mutation: Dc,
+    mutation: Fc,
     errorPolicy: "all",
     fetchPolicy: "network-only",
     variables: {
@@ -17901,23 +17882,23 @@ const aA = async (n) => {
   }
 })).data.integrationProducts;
 export {
-  ba as AddonHandle,
+  Ea as AddonHandle,
   kc as AddressValidationJobStatus,
   xc as AddressValidationResultConfirmationLevel,
   bn as AddressValidationStatus,
   Od as ArrayInput,
   G as AspectType,
   Bt as AssetNotFoundError,
-  Pe as AssetType,
+  Ie as AssetType,
   xd as BringForwardCommand,
-  Dd as BringToBackCommand,
-  Fd as BringToFrontCommand,
+  Fd as BringToBackCommand,
+  Dd as BringToFrontCommand,
   Gi as BundleDesignCreationCartAddMode,
   O as CanvasCommand,
-  Ce as CollectionProduct,
-  dn as ColorOptionGlobalPropertyHandle,
+  pe as CollectionProduct,
+  cn as ColorOptionGlobalPropertyHandle,
   ko as CommandContext,
-  Ie as ConversionDataType,
+  Ee as ConversionDataType,
   vc as ConversionLocation,
   H as CreateElementCommand,
   ni as CreateLayoutCommand,
@@ -17925,18 +17906,18 @@ export {
   nc as CurrencyService,
   Rt as DeleteElementCommand,
   ul as DigitalContentStepHandle,
-  Dl as FileUploadGlobalPropertyHandle,
-  we as FlowExecutionNodeResult,
+  Fl as FileUploadGlobalPropertyHandle,
+  fe as FlowExecutionNodeResult,
   Kl as FlowExecutionResult,
   Jl as FlowService,
   Qo as FontAlignmentCommand,
   To as FontColorCommand,
   No as FontSizeCommand,
-  an as FontSourceCommand,
+  en as FontSourceCommand,
   Ac as FrameService,
   uc as FrameStep,
   hc as FrameStepHandle,
-  Oa as GlobalPropertyHandle,
+  Ra as GlobalPropertyHandle,
   L as GroupCommand,
   il as IllustrationStepHandle,
   qe as InformationMessageType,
@@ -17944,11 +17925,11 @@ export {
   An as IntegrationProduct,
   qi as IntegrationType,
   Ed as LayoutElementFactory,
-  D as LayoutElementType,
+  F as LayoutElementType,
   K as LayoutNotFoundError,
   Kt as LayoutRenderingPurpose,
   rl as MaterialStepHandle,
-  xe as MisconfigurationError,
+  De as MisconfigurationError,
   Wd as MockWorkflowManager,
   ol as ModelStepHandle,
   hl as ModuleStepHandle,
@@ -17956,8 +17937,8 @@ export {
   wi as ObjectInput,
   _l as ObjectInputType,
   pi as OptionGlobalPropertyHandle,
-  De as OptionNotFoundError,
-  Dt as ParseError,
+  Pe as OptionNotFoundError,
+  Ft as ParseError,
   sl as PictureStepHandle,
   Hi as ProductCameraRig,
   Ci as ProductCollection,
@@ -17975,7 +17956,7 @@ export {
   cl as ShapeStepHandle,
   Wi as ShareActionType,
   $d as SpiffCommerceClient,
-  Fe as StakeholderType,
+  Be as StakeholderType,
   zi as StepAspectType,
   et as StepHandle,
   v as StepType,
@@ -17990,7 +17971,7 @@ export {
   ji as UnitOfMeasurement,
   Pd as UpdateImageSourceCommand,
   ot as Variant,
-  ya as WorkflowExperienceEventType,
+  wa as WorkflowExperienceEventType,
   Il as WorkflowExperienceImpl,
   V as assetService,
   wr as browserColorToHex,
@@ -18000,7 +17981,7 @@ export {
   od as dataUrlFromExternalUrl,
   Gd as deleteBundle,
   ra as designService,
-  be as determineCorrectFontSizeAndLines,
+  ve as determineCorrectFontSizeAndLines,
   ri as digitalContentStepService,
   At as domParser,
   jd as duplicateBundle,
@@ -18016,14 +17997,14 @@ export {
   lt as generateSVGWithUnknownColors,
   Td as generateStateFromDesignInputSteps,
   nA as getAddressValidationJobs,
-  Ve as getAttributesFromArrayBuffer,
+  Ue as getAttributesFromArrayBuffer,
   dd as getAxisAlignedBoundingBox,
   dc as getBoundedOffsets,
   Vd as getBundleThemeConfiguration,
   Jd as getCustomer,
   Kd as getCustomerBundles,
   wd as getElementVertices,
-  We as getFrameData,
+  ze as getFrameData,
   Nd as getGlobalPropertyStateForBundle,
   cc as getIntegration,
   sA as getIntegrationProducts,
@@ -18034,7 +18015,7 @@ export {
   md as getPointOfRotation,
   Qd as getProductCollections,
   fd as getSEPoint,
-  Ma as getSvgElement,
+  ka as getSvgElement,
   eA as getTemplateBundles,
   tA as getTemplateTransactions,
   Ud as getTransaction,
@@ -18046,7 +18027,7 @@ export {
   sc as getWorkflow,
   yi as getWorkflows,
   y as graphQlManager,
-  Ee as illustrationStepService,
+  Se as illustrationStepService,
   ud as isCloseToValue,
   Qt as loadFont,
   ld as matchHexToPms,
@@ -18054,7 +18035,7 @@ export {
   Ul as metafieldManager,
   yd as mmPerPixel,
   si as modelStepService,
-  xa as modifySVGColors,
+  Fa as modifySVGColors,
   li as moduleStepService,
   qd as nameBundle,
   Hd as nameTransaction,
@@ -18068,19 +18049,19 @@ export {
   di as questionStepService,
   rd as registerFetchImplementation,
   id as registerWindowImplementation,
-  tn as rehydrateSerializedLayout,
+  Za as rehydrateSerializedLayout,
   pr as rgbToPms,
-  ge as rotateAroundPoint,
-  Fa as sanitizeSvgTree,
+  he as rotateAroundPoint,
+  Pa as sanitizeSvgTree,
   sr as setBearerAuthenticationToken,
   kn as setCanvasModule,
   Wt as shapeStepService,
   Lo as shortenUrl,
   ft as spiffCoreConfiguration,
   Md as stepAspectValuesToDesignInputSteps,
-  Ja as svgColorValueToDefinition,
+  Ya as svgColorValueToDefinition,
   ei as svgStringDimensions,
-  Ia as svgToDataUrl,
+  ba as svgToDataUrl,
   j as textStepService,
   Ko as toast,
   iA as validateWorkflowExperienceRecipient,