@spiffcommerce/core 33.8.0-beta.67cfe5f9-3d41-5a5c-a256-3ada8faf8201 → 33.8.0-beta.f65d7b9c-7484-584b-a350-ac67a94ba60c

package/dist/index.mjs

@@ -4,33 +4,33 @@ import { onError as Er } from "@apollo/client/link/error";
 import { renderToStaticMarkup as br } from "preact-render-to-string";
 import { removeTypenameFromVariables as Br } from "@apollo/client/link/remove-typename";
 import { orientation as Ir } from "exifr/dist/mini.umd.cjs";
-import { parse as hn } from "css";
+import { parse as mn } from "css";
 import Pr from "fuse.js";
-import { Pith as ga } from "pith";
+import { Pith as pa } from "pith";
 import Et from "lodash.clonedeep";
 import jt from "lodash.isequal";
 import { jsx as D, jsxs as ct, Fragment as Wt } from "preact/jsx-runtime";
 import { parse as na } from "opentype.js";
 import Fr from "handlebars";
 import { dataUriToBuffer as Dr } from "data-uri-to-buffer";
-import { toString as mn } from "qrcode";
+import { toString as gn } from "qrcode";
 import { split as ra } from "unicode-default-word-boundary";
 import xr from "svg-path-bbox";
-import Ta from "lodash.chunk";
-import { CognitoIdentityProviderClient as kr, InitiateAuthCommand as Na, RespondToAuthChallengeCommand as Mr } from "@aws-sdk/client-cognito-identity-provider";
+import Na from "lodash.chunk";
+import { CognitoIdentityProviderClient as kr, InitiateAuthCommand as Qa, RespondToAuthChallengeCommand as Mr } from "@aws-sdk/client-cognito-identity-provider";
 import Tr from "dinero.js";
-import * as Qa from "currency-codes";
-import gn from "lodash.debounce";
+import * as Ra from "currency-codes";
+import pn from "lodash.debounce";
 import "fs";
 import "path";
 import Nr from "lodash.omit";
-var be = /* @__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))(be || {}), pn = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(pn || {}), U = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(U || {}), 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 || {}), Qr = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Qr || {}), Yt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Yt || {}), x = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(x || {}), Rr = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Rr || {}), fn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(fn || {}), Or = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Or || {}), $r = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))($r || {}), pa = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(pa || {}), Ur = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Ur || {}), Be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Be || {}), kt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(kt || {}), q = /* @__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))(q || {}), Lr = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(Lr || {});
-class Cn extends Error {
+var be = /* @__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))(be || {}), fn = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(fn || {}), U = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(U || {}), 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 || {}), Qr = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Qr || {}), Yt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Yt || {}), x = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(x || {}), Rr = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Rr || {}), Cn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(Cn || {}), Or = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(Or || {}), $r = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))($r || {}), fa = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(fa || {}), Ur = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Ur || {}), Be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Be || {}), kt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(kt || {}), q = /* @__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))(q || {}), Lr = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(Lr || {});
+class wn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
   }
 }
-class te extends Cn {
+class te extends wn {
   constructor(t) {
     super(`ConfigurationError - ${t}`);
   }
@@ -60,7 +60,7 @@ class Pe extends te {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class Ne extends Cn {
+class Ne extends wn {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
@@ -105,7 +105,7 @@ class Vr {
     this.set(t, a);
   }
 }
-class Ra {
+class Oa {
   constructor() {
     this.storage = /* @__PURE__ */ new Map();
   }
@@ -130,9 +130,9 @@ class Ra {
 }
 const zr = () => {
   try {
-    return localStorage ? new Vr() : new Ra();
+    return localStorage ? new Vr() : new Oa();
   } catch {
-    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Ra();
+    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Oa();
   }
 }, k = zr();
 class Gr {
@@ -184,19 +184,19 @@ function rt(n, t) {
   }
   return oa(n, t);
 }
-const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @__PURE__ */ new Map(), yn = async (n) => {
-  const t = Oa.get(n);
+const yn = /* @__PURE__ */ new Map(), $a = /* @__PURE__ */ new Map(), Ua = /* @__PURE__ */ new Map(), Sn = async (n) => {
+  const t = $a.get(n);
   if (t) return t;
   const a = (async () => {
     const r = await rt(n);
-    return wn.set(n, r.headers?.get("content-type") || ""), await r.arrayBuffer();
+    return yn.set(n, r.headers?.get("content-type") || ""), await r.arrayBuffer();
   })();
-  return Oa.set(n, a), a;
+  return $a.set(n, a), a;
 }, Wr = async (n) => {
-  const t = $a.get(n);
+  const t = Ua.get(n);
   if (t) return t;
   const a = (async () => await (await rt(n)).text())();
-  return $a.set(n, a), a;
+  return Ua.set(n, a), a;
 }, Mt = (n) => n.every((t) => t !== "undefined"), ce = (n) => Mt([typeof document]) ? document.createElement(n) : ee().document.createElement(n), qr = (n, t) => {
   if (Mt([typeof document]))
     return document.createElementNS(n, t);
@@ -208,7 +208,7 @@ const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @_
   const n = ee();
   return new n.DOMParser();
 }, Hr = () => Mt([typeof DOMParser]) ? DOMParser : ee().DOMParser, Re = (n, t) => new Promise((e, a) => {
-  t ? yn(n).then(e).catch(a) : rt(n).then((r) => {
+  t ? Sn(n).then(e).catch(a) : rt(n).then((r) => {
     r.arrayBuffer().then(e).catch(a);
   }).catch((r) => {
     a(r);
@@ -217,7 +217,7 @@ const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @_
   t ? Wr(n).then(e).catch(a) : rt(n).then((r) => {
     r.text().then(e).catch(a);
   }).catch(a);
-}), Sn = (n) => br(n), ze = /* @__PURE__ */ new Map(), jr = async (n, t) => {
+}), vn = (n) => br(n), ze = /* @__PURE__ */ new Map(), jr = async (n, t) => {
   if (Mt([typeof FontFace])) {
     if (ze.has(t))
       return ze.get(t);
@@ -231,7 +231,7 @@ const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @_
     return new XMLSerializer();
   const n = ee();
   return new n.XMLSerializer();
-}, Ua = (n) => btoa(n), Oe = (n) => {
+}, La = (n) => btoa(n), Oe = (n) => {
   function t() {
     const a = new Uint8Array(n), r = 4;
     if (a.length >= r) {
@@ -258,7 +258,7 @@ const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, Xc = async (n) => {
-  const t = await yn(n), e = wn.get(n) || Oe(t);
+  const t = await Sn(n), e = yn.get(n) || Oe(t);
   return await Kr(new Blob([t], { type: e }));
 }, Yr = (n) => {
   let t = "";
@@ -269,7 +269,7 @@ const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @_
 }, Jr = async (n) => {
   const t = Oe(n), e = new Uint8Array(n), a = Yr(e), r = btoa(a);
   return `data:${t};base64,${r}`;
-}, fa = (n) => `data:image/svg+xml;base64,${btoa(n)}`, vn = (n) => {
+}, Ca = (n) => `data:image/svg+xml;base64,${btoa(n)}`, En = (n) => {
   const t = n.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -288,13 +288,13 @@ const wn = /* @__PURE__ */ new Map(), Oa = /* @__PURE__ */ new Map(), $a = /* @_
     !i || !i.result ? e() : t(i.result.toString());
   }, a.readAsDataURL(n);
 });
-let _r, Ca;
+let _r, wa;
 const Xr = (n) => {
-  Ca = n;
-}, Zr = () => Ca;
-let En;
+  wa = n;
+}, Zr = () => wa;
+let bn;
 const ti = (n) => {
-  En = n;
+  bn = n;
 }, ei = () => new Promise((n) => {
   const t = gt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), n(a.data));
@@ -302,9 +302,9 @@ const ti = (n) => {
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
 }), ai = async () => {
   const n = {
-    applicationKey: Ca,
+    applicationKey: wa,
     customerToken: _r,
-    bearer: En
+    bearer: bn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await ei(), ...n } : n;
 };
@@ -370,8 +370,8 @@ const pt = (n, t, e) => {
   if (sa !== void 0)
     return sa(n, t, e);
   try {
-    const a = Bn(!0);
-    return bn(a), a.createCanvas(n, t, e);
+    const a = In(!0);
+    return Bn(a), a.createCanvas(n, t, e);
   } catch {
     throw new Error("Canvas module not set");
   }
@@ -379,16 +379,16 @@ const pt = (n, t, e) => {
   if (la !== void 0)
     return la(n, t);
   try {
-    const e = Bn(!0);
-    return bn(e), e.loadImage(n, t);
+    const e = In(!0);
+    return Bn(e), e.loadImage(n, t);
   } catch {
     throw new Error("Canvas module not set");
   }
 };
-function bn(n) {
+function Bn(n) {
   sa = n?.createCanvas, la = n?.loadImage;
 }
-function Bn(n) {
+function In(n) {
   try {
     if (document.createElement("canvas").getContext("2d"))
       return {
@@ -408,7 +408,7 @@ function Bn(n) {
   }
 }
 let Ge;
-function wa() {
+function ya() {
   return Ge === void 0 && (Ge = Hr()), Ge;
 }
 let de = null;
@@ -3188,23 +3188,23 @@ function ed(n, t) {
 let Rt = null;
 function ui(n) {
   if (n.startsWith("#"))
-    return La(n);
+    return Va(n);
   if (!document)
     throw new Error("browserColorToHex is only supported on browsers");
   if (Rt || (Rt = document.createElement("canvas").getContext("2d")), !Rt)
     throw new Error("Failed to create canvas context required to convert colors");
   Rt.fillStyle = n;
-  const t = La(Rt.fillStyle);
+  const t = Va(Rt.fillStyle);
   return t || console.error(`Unknown browser color ${n}`), t;
 }
-function La(n) {
+function Va(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 Ae = (n) => {
-  const t = In(n.spotColor);
+  const t = Pn(n.spotColor);
   return t ? `${n.browserValue} ${t}` : n.browserValue;
-}, In = (n) => {
+}, Pn = (n) => {
   if (!n)
     return "";
   if (n.profileName.includes("/") && n.profileName.includes(".icc")) {
@@ -3212,7 +3212,7 @@ const Ae = (n) => {
     return `icc-named-color(${t.slice(e + 1).slice(0, -4)}, ${n.namedColor})`;
   }
   return `icc-named-color(${n.profileName}, ${n.namedColor})`;
-}, Va = (n) => {
+}, za = (n) => {
   const t = n.split(/[ ](?=[^)]*?(?:\(|$))/);
   if (t.length === 0)
     return { browserValue: "#000000" };
@@ -3234,7 +3234,7 @@ const Ae = (n) => {
   } catch {
     return n.classList.contains(t.substring(1));
   }
-}, ya = (n, t = !1) => {
+}, Sa = (n, t = !1) => {
   !t && n.setAttribute("preserveAspectRatio", "none");
   const e = [];
   xt(n, (a) => {
@@ -3244,7 +3244,7 @@ const Ae = (n) => {
     }
     if (a.tagName === "style") {
       try {
-        hn(a.innerHTML).stylesheet?.rules.forEach((o) => {
+        mn(a.innerHTML).stylesheet?.rules.forEach((o) => {
           e.push(o);
         }), a.remove();
       } catch (i) {
@@ -3276,9 +3276,9 @@ const Ae = (n) => {
   const t = /pt|pc|mm|cm|in/gm, e = n.getAttribute("viewBox"), a = n.getAttribute("width"), r = n.getAttribute("height");
   if (!e) throw new Error("viewBox not specified on SVG!");
   a && n.setAttribute("width", a.replace(t, "")), r && n.setAttribute("height", r.replace(t, ""));
-}, Pn = (n) => dt().parseFromString(n, "image/svg+xml").firstElementChild, pi = (n, t, e) => {
+}, Fn = (n) => dt().parseFromString(n, "image/svg+xml").firstElementChild, pi = (n, t, e) => {
   n.setAttribute("height", `${e}px`), n.setAttribute("width", `${t}px`);
-}, Fn = (n, t, e) => {
+}, Dn = (n, t, e) => {
   xt(n, (a) => {
     const r = a.attributes.getNamedItem("fill");
     r && r.value !== "none" && a.classList.forEach((o) => {
@@ -3317,16 +3317,16 @@ const Ae = (n) => {
       }
     });
   });
-}, Dn = (n) => Bt().serializeToString(n), Sa = (n, t, e, a, r) => {
-  const i = Pn(n);
+}, xn = (n) => Bt().serializeToString(n), va = (n, t, e, a, r) => {
+  const i = Fn(n);
   if (!i)
     throw new Error("Failed to read SVG.");
-  return pi(i, t, e), Fn(i, a, r), Dn(i);
-}, va = (n, t, e) => {
-  const a = Pn(n);
+  return pi(i, t, e), Dn(i, a, r), xn(i);
+}, Ea = (n, t, e) => {
+  const a = Fn(n);
   if (!a)
     throw new Error("Failed to read SVG.");
-  return Fn(a, t, e), Dn(a);
+  return Dn(a, t, e), xn(a);
 }, fi = (n) => {
   const t = /<svg.*<\/svg>/s, e = n.match(t) || [], a = e?.length > 0 ? e[0] : "";
   return dt().parseFromString(a, "image/svg+xml");
@@ -3334,17 +3334,17 @@ const Ae = (n) => {
   const e = fi(n).firstElementChild;
   if (!e)
     throw new Error("Failed to read SVG.");
-  ya(e);
+  Sa(e);
   const a = {};
   xt(e, (o) => {
     const s = o.attributes.getNamedItem("fill");
     if (s && s.value !== "none" && !s.value.startsWith("url(")) {
-      const c = Va(s.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
+      const c = za(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 = Va(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
+      const c = za(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 Ae = (n) => {
             ...AssetFields
         }
     }
-`, Ea = C`
+`, ba = C`
     fragment MaterialFields on Material {
         id
         name
@@ -3458,7 +3458,7 @@ const Ae = (n) => {
         }
     }
 `, yi = C`
-    ${Ea}
+    ${ba}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
@@ -3736,7 +3736,7 @@ const Ot = "persistentAssets", lt = class lt {
 };
 lt.callbacks = [];
 let At = lt;
-const za = "bgrmPersistentAssets";
+const Ga = "bgrmPersistentAssets";
 class Y {
   static has(t) {
     return Y.getMap().has(t);
@@ -3763,10 +3763,10 @@ class Y {
     a && (e.delete(a), Y.setMap(e));
   }
   static getMap() {
-    return k.getMap(za) || /* @__PURE__ */ new Map();
+    return k.getMap(Ga) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    k.setMap(za, t);
+    k.setMap(Ga, t);
   }
 }
 const O = new Bi();
@@ -3799,7 +3799,7 @@ class Ii {
     this.disabled = t;
   }
 }
-const _t = new Ii(), xn = C`
+const _t = new Ii(), kn = C`
     fragment OptionFields on Option {
         id
         name
@@ -3838,8 +3838,8 @@ const _t = new Ii(), xn = C`
     }
 `, Pi = C`
     ${ne(!1)}
-    ${Ea}
-    ${xn}
+    ${ba}
+    ${kn}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
             ...OptionFields
@@ -3908,7 +3908,7 @@ class ki {
     }
   }
 }
-const H = new ki(), kn = C`
+const H = new ki(), Mn = C`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -3945,7 +3945,7 @@ const H = new ki(), kn = C`
             preloadImageUrl
         }
     }
-`, Mn = C`
+`, Tn = C`
     fragment RecipientFields on Recipient {
         id
         firstName
@@ -3997,7 +3997,7 @@ const H = new ki(), kn = C`
     }
 `, Mi = C`
     ${re}
-    ${Mn}
+    ${Tn}
     ${Tt}
     mutation CreateTransactions(
         $inputs: [TransactionCreateInput]!
@@ -4080,7 +4080,7 @@ const H = new ki(), kn = C`
             }
         }
     }
-`, Tn = C`
+`, Nn = C`
     fragment StakeholderFields on Stakeholder {
         id
         type
@@ -4088,7 +4088,7 @@ const H = new ki(), kn = C`
         authorizationNote
         authorizationStatus
     }
-`, Nn = C`
+`, Qn = C`
     fragment TransactionShareActionFields on TransactionShareAction {
         id
         title
@@ -4099,10 +4099,10 @@ const H = new ki(), kn = C`
     }
 `, Ti = C`
     ${re}
-    ${Tn}
     ${Nn}
-    ${kn}
+    ${Qn}
     ${Mn}
+    ${Tn}
     ${Tt}
     query ReadTransactions($ids: [String]!) {
         transactions(ids: $ids) {
@@ -4322,7 +4322,7 @@ const H = new ki(), kn = C`
         }
     }
 `, Ui = C`
-    ${Nn}
+    ${Qn}
     query ReadTransactionForShareActions($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4332,14 +4332,14 @@ const H = new ki(), kn = C`
             }
         }
     }
-`, Qn = C`
+`, Rn = C`
     query ReadWorkflowStates($ids: [String]!) {
         transactions(ids: $ids) {
             id
             workflowState
         }
     }
-`, Rn = (n) => C`
+`, On = (n) => C`
     ${re}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -4423,14 +4423,14 @@ const H = new ki(), kn = C`
         }
     }
 `, Li = (n) => C`
-    ${Rn(n)}
+    ${On(n)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
 `, Vi = (n) => C`
-    ${Rn(n)}
+    ${On(n)}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
             externalIntegrationId: $externalIntegrationId
@@ -4440,7 +4440,7 @@ const H = new ki(), kn = C`
         }
     }
 `, zi = C`
-    ${Tn}
+    ${Nn}
     query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
             stakeholders {
@@ -4577,8 +4577,8 @@ const H = new ki(), kn = C`
     }
 `, Yi = (n) => C`
         ${ne(n)}
-        ${Ea}
-        ${xn}
+        ${ba}
+        ${kn}
         ${Wi}
         ${qi}
         ${Hi}
@@ -5097,7 +5097,7 @@ const H = new ki(), kn = C`
         }
     }
 `, Xi = C`
-    ${kn}
+    ${Mn}
     ${Ue}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
@@ -5230,12 +5230,12 @@ const H = new ki(), kn = C`
     );
   return i;
 };
-class On {
+class $n {
   constructor() {
     this.timestamp = Date.now();
   }
 }
-class $n {
+class Un {
   /**
    * Constructs a new promise queue.
    * @param queueMaxSize An optional maximum size, when the max size is hit.
@@ -5330,7 +5330,7 @@ const M = () => {
     ...y,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), E = Ba(F);
+  })), E = Ia(F);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5367,7 +5367,7 @@ const M = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Yt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: E.map((y) => Hn(y)).filter((y) => !!y)
+            children: E.map((y) => jn(y)).filter((y) => !!y)
           }
         ),
         l && /* @__PURE__ */ D(
@@ -5486,7 +5486,7 @@ const M = () => {
     x: (n.x - t.x) * r - (n.y - t.y) * a + t.x,
     y: (n.x - t.x) * a + (n.y - t.y) * r + t.y
   };
-}, ud = 0.352778, hd = 0.035277, Un = (n) => {
+}, ud = 0.352778, hd = 0.035277, Ln = (n) => {
   const t = n.rotation || 0, e = ft(t), a = Math.cos(e), r = -Math.sin(e);
   return /* @__PURE__ */ D("g", { mask: n.stepName || n.productOverlay ? void 0 : n.mask, children: /* @__PURE__ */ D(
     "g",
@@ -5508,8 +5508,8 @@ const M = () => {
       )
     }
   ) });
-}, Ln = (n) => {
-  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = ft(e), r = Math.cos(a), i = -Math.sin(a), o = Ba(n.children);
+}, Vn = (n) => {
+  const t = `spiff-group-clip-${n.id}`, e = n.rotation || 0, a = ft(e), r = Math.cos(a), i = -Math.sin(a), o = Ia(n.children);
   return /* @__PURE__ */ ct(Wt, { children: [
     /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: t, preserveAspectRatio: "none", children: n.clipPath ? /* @__PURE__ */ D("path", { d: n.clipPath }) : /* @__PURE__ */ D("rect", { x: 0, y: 0, width: n.width, height: n.height }) }) }),
     /* @__PURE__ */ ct(
@@ -5534,7 +5534,7 @@ const M = () => {
               height: n.height
             }
           ) : void 0,
-          o.map((l) => Hn(l)).filter((l) => !!l).map((l) => /* @__PURE__ */ D("g", { clipPath: `url(#${t})`, children: l }))
+          o.map((l) => jn(l)).filter((l) => !!l).map((l) => /* @__PURE__ */ D("g", { clipPath: `url(#${t})`, children: l }))
         ]
       }
     )
@@ -5544,8 +5544,8 @@ const M = () => {
     if (!n.pattern)
       return "";
     if (n.pattern.svg) {
-      const A = va(n.pattern.svg, n.pattern.colors || {}, !1);
-      return fa(A);
+      const A = Ea(n.pattern.svg, n.pattern.colors || {}, !1);
+      return Ca(A);
     }
     return n.pattern.src;
   };
@@ -5613,7 +5613,7 @@ const M = () => {
                 matrix(${n.scaleX}, 0, 0, ${n.scaleY}, 0, 0)
                 `,
             children: /* @__PURE__ */ D(
-              Ln,
+              Vn,
               {
                 id: t,
                 x: 0,
@@ -5630,7 +5630,7 @@ const M = () => {
       }
     )
   ] });
-}, Vn = /* @__PURE__ */ new Map();
+}, zn = /* @__PURE__ */ new Map();
 class co {
   constructor(t) {
     this.font = t, this.glyphsFromText = /* @__PURE__ */ new Map(), this.kerningValues = /* @__PURE__ */ new Map(), this.height = this.calculateApproximateHeight();
@@ -5688,7 +5688,7 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
       return Ct(n).getFont();
     } catch {
       if (Ao(n)) {
-        const a = vn(n), r = na(a);
+        const a = En(n), r = na(a);
         return ca(n, r), r;
       } else {
         const a = await Re(n, !0), r = na(a);
@@ -5698,20 +5698,20 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
   })();
   return qe.set(n, e), e;
 }, uo = (n) => {
-  const t = vn(n), e = na(t);
+  const t = En(n), e = na(t);
   return ca(n, e), e;
 }, Ct = (n) => {
-  const t = Vn.get(n);
+  const t = zn.get(n);
   if (t)
     return t;
   throw new Error("Font metrics unavailable for font");
 }, ca = (n, t) => {
   const e = new co(t);
-  return Vn.set(n, e), e;
+  return zn.set(n, e), e;
 }, md = async (n) => {
   const t = dt(), e = t.parseFromString(n, "image/svg+xml"), a = e.firstElementChild, r = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
-    hn(d.innerHTML).stylesheet?.rules.forEach((u) => {
+    mn(d.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
         const h = u.declarations.find(
           (g) => g.property === "font-family"
@@ -5743,8 +5743,8 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
 }, De = (n, t, e, a) => Math.max(po(n.join(`
-`), e, a), t), Ga = (n, t, e, a, r, i) => {
-  const o = (i || Wn) * r.getApproximateHeight(), s = t.split(`
+`), e, a), t), Wa = (n, t, e, a, r, i) => {
+  const o = (i || qn) * r.getApproximateHeight(), s = t.split(`
 `);
   try {
     const l = s.flatMap((d) => we(d, n.width, a, r)), c = l.flatMap((d) => d.lines);
@@ -5795,12 +5795,12 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
     throw new Error(`No max width calculated for text: ${s}.`);
   return { lines: s, width: l };
 }, ho = (n, t, e, a, r, i) => {
-  const o = (i ?? Wn) * t.getApproximateHeight(), s = 1 / e.unitsPerEm, l = zn(n, s, t), c = n.length * o * s, d = a / l, A = r / c;
+  const o = (i ?? qn) * t.getApproximateHeight(), s = 1 / e.unitsPerEm, l = Gn(n, s, t), c = n.length * o * s, d = a / l, A = r / c;
   return Math.min(A, d);
 }, mo = (n, t, e, a) => {
   const r = Ct(t.fontData.assetUrl), i = r.getFont(), o = t.fontSize / i.unitsPerEm;
   if (!e)
-    return Ga(t, n, t.fontSize, o, r, a);
+    return Wa(t, n, t.fontSize, o, r, a);
   let s;
   if (t.text ? s = t.text.split(`
 `) : s = t.input?.split(`
@@ -5817,11 +5817,11 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
     requiredHeight: t.height,
     requiredWidth: De(s, t.width, o, r),
     fontSize: ho(s, r, i, t.width, t.height, a)
-  } : Ga(t, n, t.fontSize, o, r, a);
+  } : Wa(t, n, t.fontSize, o, r, a);
 }, go = (n, t, e, a, r) => {
   const o = Ct(t.assetUrl).getFont();
   let s = { ...n };
-  const l = { ...n }, c = zn(a, e / o.unitsPerEm, Ct(t.assetUrl));
+  const l = { ...n }, c = Gn(a, e / o.unitsPerEm, Ct(t.assetUrl));
   return c && c < s.width && (l.width = c, r === "left" ? (l.left += Math.sin(s.rotation * Math.PI / 360) * (s.width - c), l.top += Math.sin(s.rotation * Math.PI / 180) * (c - s.width) / 2) : r === "right" ? l.left += s.width - c : l.left += (s.width - c) / 2, a && fo(a, a).every(([d, A]) => d === A) && (s = l)), s;
 }, He = 1, mt = (n, t, e) => {
   let a = 0;
@@ -5841,21 +5841,21 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
       a = Math.max(a, s || 0);
     }
   }), a *= t, a;
-}, zn = (n, t, e) => {
+}, Gn = (n, t, e) => {
   let a = 0;
   return n.forEach((r) => {
     a = Math.max(a, mt(r, t, e));
   }), a;
-}, Wa = {
+}, qa = {
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, xe = (n, t = Wa) => {
-  const e = { ...Wa, ...t };
+}, xe = (n, t = qa) => {
+  const e = { ...qa, ...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;
-}, fo = (n, t) => n.map((e, a) => [e, t[a]]), Co = (n = "center", t = !1) => t ? "center" : n, Gn = (n) => n === "left" ? "start" : n === "right" ? "end" : "middle", ie = (n, t, e) => n.fontData ? {
+}, fo = (n, t) => n.map((e, a) => [e, t[a]]), Co = (n = "center", t = !1) => t ? "center" : n, Wn = (n) => n === "left" ? "start" : n === "right" ? "end" : "middle", ie = (n, t, e) => n.fontData ? {
   ...n,
   ...(() => {
     if (n.algorithm === kt.Traditional) {
@@ -5873,11 +5873,11 @@ const Ao = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", qe = /* @_
         text: t
       };
   })()
-} : n, Wn = 1.1;
+} : n, qn = 1.1;
 function Ft(n, t) {
-  return qn(n, t.getTemplatingContext());
+  return Hn(n, t.getTemplatingContext());
 }
-function qn(n, t) {
+function Hn(n, t) {
   try {
     n = Fr.compile(n)(t);
   } catch (e) {
@@ -5886,11 +5886,11 @@ function qn(n, t) {
   return n;
 }
 const wo = (n) => {
-  const e = (n.rotation || 0) * Math.PI / 180, a = Math.cos(e), r = -Math.sin(e), i = `text-path-${n.id}`, o = `text-fill-${n.id}`, s = n.x + (n.curved ? 0 : n.width / 2), l = n.y + (n.curved ? 0 : n.height / 2), c = qn(n.text || "", n._renderingConfiguration?.templatingContext), d = c.split(`
+  const e = (n.rotation || 0) * Math.PI / 180, a = Math.cos(e), r = -Math.sin(e), i = `text-path-${n.id}`, o = `text-fill-${n.id}`, s = n.x + (n.curved ? 0 : n.width / 2), l = n.y + (n.curved ? 0 : n.height / 2), c = Hn(n.text || "", n._renderingConfiguration?.templatingContext), d = c.split(`
 `), A = n.strokeColor?.browserValue && n.strokeThickness ? n.strokeColor?.browserValue : void 0, u = n.strokeColor?.browserValue && n.strokeThickness ? n.strokeThickness : void 0;
   if (n.curved && !n.paths || !n.fontData)
     return null;
-  const h = () => n.textFillImage ? `url("#${o}")` : n._renderingConfiguration?.spotColors && n.fillSpotColorDefinition ? `${n.fill} ${In(n.fillSpotColorDefinition)}` : n.fill;
+  const h = () => n.textFillImage ? `url("#${o}")` : n._renderingConfiguration?.spotColors && n.fillSpotColorDefinition ? `${n.fill} ${Pn(n.fillSpotColorDefinition)}` : n.fill;
   return /* @__PURE__ */ ct(Wt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
       n.textFillImage && /* @__PURE__ */ D(
@@ -5982,14 +5982,14 @@ const wo = (n) => {
     const o = (n.amountLines - 1) / 2;
     return (n.thisLineIdx - o) * r + n.fontSize / 4;
   };
-  return /* @__PURE__ */ D("tspan", { textAnchor: Gn(n.align), x: e(), y: `${a()}px`, children: n.text });
+  return /* @__PURE__ */ D("tspan", { textAnchor: Wn(n.align), x: e(), y: `${a()}px`, children: n.text });
 }, So = (n) => {
   const t = `#${n.curvedPathId}`;
   return /* @__PURE__ */ D(
     "textPath",
     {
       startOffset: n.align === "left" ? "0%" : n.align === "right" ? "100%" : "50%",
-      textAnchor: Gn(n.align),
+      textAnchor: Wn(n.align),
       href: t,
       xlinkHref: t,
       children: n.text
@@ -5998,7 +5998,7 @@ const wo = (n) => {
 }, vo = (n) => {
   if (n.cachedObjectURL && !n._renderingConfiguration?.omitCachedFields)
     return /* @__PURE__ */ D(
-      Un,
+      Ln,
       {
         id: n.id,
         src: n.cachedObjectURL,
@@ -6027,7 +6027,7 @@ const wo = (n) => {
     {
       transform: i,
       dangerouslySetInnerHTML: {
-        __html: Sa(
+        __html: va(
           n.svg,
           n.width,
           n.height,
@@ -6103,7 +6103,7 @@ class Eo {
         layout: t,
         elements: e
       },
-      getComponentWithProps: (a) => ba(t, e, a)
+      getComponentWithProps: (a) => Ba(t, e, a)
     };
   }
   initialize(t, e) {
@@ -6118,7 +6118,7 @@ class Eo {
       layouts: {}
     };
     t.forEach((r) => {
-      a = new Kn(r).apply(a);
+      a = new _n(r).apply(a);
     }), this.runStateCallbacks(), this.state = {
       transaction: a
     };
@@ -6128,7 +6128,7 @@ class Eo {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Hn = (n) => n.type === x.Image ? /* @__PURE__ */ D(Un, { ...n }, n.id) : n.type === x.Frame ? /* @__PURE__ */ D(lo, { ...n }, n.id) : n.type === x.Illustration ? /* @__PURE__ */ D(vo, { ...n }, n.id) : n.type === x.Textbox ? /* @__PURE__ */ D(wo, { ...n }, n.id) : n.type === x.Group ? /* @__PURE__ */ D(Ln, { ...n }, n.id) : null, ba = (n, t, e) => {
+const jn = (n) => n.type === x.Image ? /* @__PURE__ */ D(Ln, { ...n }, n.id) : n.type === x.Frame ? /* @__PURE__ */ D(lo, { ...n }, n.id) : n.type === x.Illustration ? /* @__PURE__ */ D(vo, { ...n }, n.id) : n.type === x.Textbox ? /* @__PURE__ */ D(wo, { ...n }, n.id) : n.type === x.Group ? /* @__PURE__ */ D(Vn, { ...n }, n.id) : null, Ba = (n, t, e) => {
   const a = e.renderingConfiguration, r = a?.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ D(
     so,
@@ -6159,7 +6159,7 @@ const Hn = (n) => n.type === x.Image ? /* @__PURE__ */ D(Un, { ...n }, n.id) : n
     }
   );
 };
-function Ba(n) {
+function Ia(n) {
   return n.sort((t, e) => {
     const a = t.layer || 0, r = e.layer || 0;
     if (a < r) return -1;
@@ -6176,7 +6176,7 @@ const oe = (n) => {
     if (n.defaultVariant !== void 0)
       return t.find((e) => e.id === n.defaultVariant);
   }
-}, ut = /* @__PURE__ */ new Map(), zt = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map(), jn = async (n, t) => {
+}, ut = /* @__PURE__ */ new Map(), zt = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map(), Yn = async (n, t) => {
   if (!t) {
     if (!n) throw new Error("No region or src supplied. Cannot construct frame!");
     return da(n);
@@ -6236,7 +6236,7 @@ const oe = (n) => {
     throw new Error("Malformed frame SVG");
   })();
   return je.set(n, e), e;
-}, Ia = (n, t, e, a) => {
+}, Pa = (n, t, e, a) => {
   const r = t.width / t.height, i = n.width / n.height;
   let o;
   a ? i > r ? o = t.height / n.height : o = t.width / n.width : i > r ? o = t.width / n.width : o = t.height / n.height, e?.scale !== void 0 && (o *= e?.scale);
@@ -6250,7 +6250,7 @@ const oe = (n) => {
   if (ut.has(n))
     return ut.get(n);
   if (n.startsWith("data:image/svg+xml")) {
-    const e = Dr(n), a = new TextDecoder().decode(e.buffer), r = Yn(a), i = {
+    const e = Dr(n), a = new TextDecoder().decode(e.buffer), r = Jn(a), i = {
       src: n,
       width: r.width,
       height: r.height,
@@ -6259,7 +6259,7 @@ const oe = (n) => {
     return ut.set(n, i), i;
   }
   if ((n.split(".").pop()?.toLowerCase() ?? "") === "svg") {
-    const e = await Pa(n), a = e.width, r = e.height, i = {
+    const e = await Fa(n), a = e.width, r = e.height, i = {
       src: n,
       width: a,
       height: r,
@@ -6275,14 +6275,14 @@ const oe = (n) => {
     };
     return ut.set(n, r), r;
   }
-}, Pa = async (n) => {
+}, Fa = async (n) => {
   const t = await at(n);
-  return Yn(t);
-}, qa = (n) => n.endsWith("mm") ? Number(n.replace("mm", "")) * 3.7795275591 : n.endsWith("px") ? Number(n.replace("px", "")) : Number(n), Yn = (n) => {
+  return Jn(t);
+}, Ha = (n) => n.endsWith("mm") ? Number(n.replace("mm", "")) * 3.7795275591 : n.endsWith("px") ? Number(n.replace("px", "")) : Number(n), Jn = (n) => {
   const a = dt().parseFromString(n, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
-  const r = a.getAttribute("viewBox"), i = a.getAttribute("width"), o = a.getAttribute("height"), s = o && i ? [0, 0, qa(i), qa(o)] : r?.split(" ").map((l) => Number(l));
+  const r = a.getAttribute("viewBox"), i = a.getAttribute("width"), o = a.getAttribute("height"), s = o && i ? [0, 0, Ha(i), Ha(o)] : r?.split(" ").map((l) => Number(l));
   if (!s)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6292,7 +6292,7 @@ const oe = (n) => {
 }, Ut = (n, t) => {
   const e = n.layoutState.elements.filter((r) => r.layer === t), a = Math.max(...e.map((r) => r.layerIndex).filter((r) => r !== void 0));
   return Math.max(a, 0) + 1;
-}, Jn = async (n) => new Promise((t) => {
+}, Kn = async (n) => new Promise((t) => {
   at(n).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
@@ -6314,12 +6314,12 @@ const oe = (n) => {
     const o = dt().parseFromString(n, "image/svg+xml").firstElementChild;
     if (!o)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(o), c = pt(), d = c.getContext("2d"), A = await ga.from(d, l, {
+    const l = Bt().serializeToString(o), c = pt(), d = c.getContext("2d"), A = await pa.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
       createImage: ae,
-      DOMParser: wa(),
+      DOMParser: ya(),
       fetch: rt
     }), u = o.getAttribute("width"), h = o.getAttribute("height"), m = 2048;
     if (h && u) {
@@ -6345,7 +6345,7 @@ const oe = (n) => {
     panelId: n.layoutState.layout.panelId
   };
   if (e && t === x.Illustration) {
-    const l = await st(await Jn(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
+    const l = await st(await Kn(e)), u = dt().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;
@@ -6363,7 +6363,7 @@ const oe = (n) => {
 };
 class gd {
   static async getFrame(t, e) {
-    const a = await jn(e.region, e.src), r = await Le(a), i = e.region || await Lt(t, x.Frame);
+    const a = await Yn(e.region, e.src), r = await Le(a), i = e.region || await Lt(t, x.Frame);
     return {
       id: M(),
       x: i.left,
@@ -6496,7 +6496,7 @@ class gd {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region || await Lt(t, x.Illustration, e.src), r = await st(await Jn(e.src)), i = await Xt(r.svg), o = M();
+    const a = e.region || await Lt(t, x.Illustration, e.src), r = await st(await Kn(e.src)), i = await Xt(r.svg), o = M();
     return {
       cachedObjectURL: i,
       stepRegion: e.region,
@@ -6527,13 +6527,13 @@ const $ = (n, t) => K(n, t).elements.find((r) => r.id === n), K = (n, t) => {
     throw new L();
   return e;
 }, X = (n, t) => {
-  const e = [...t.elements.filter((r) => r.id !== n.id), n], a = Ba(e);
+  const e = [...t.elements.filter((r) => r.id !== n.id), n], a = Ia(e);
   return {
     layout: t.layout,
     elements: a,
     modificationID: M()
   };
-}, Ha = async (n) => {
+}, ja = async (n) => {
   const t = [...Object.keys(n.layouts)], e = [...new Set(t)];
   for (let a = 0; a < e.length; a++) {
     const r = e[a], i = n.layouts[r];
@@ -6543,7 +6543,7 @@ const $ = (n, t) => K(n, t).elements.find((r) => r.id === n), K = (n, t) => {
           const s = o;
           if (s.src && !s.svg) {
             const l = await at(s.src), c = await st(l);
-            s.svg = Sa(
+            s.svg = va(
               c.svg,
               s.width,
               s.height,
@@ -6593,7 +6593,7 @@ class Q {
     this.oldState = t;
   }
 }
-class ja extends Q {
+class Ya extends Q {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6688,7 +6688,7 @@ class R extends Q {
     return this.oldState = t, this.commands.reduce((e, a) => a.apply(e), t);
   }
 }
-class Kn extends Q {
+class _n extends Q {
   constructor(t) {
     super(), this.layout = t;
   }
@@ -6855,7 +6855,7 @@ class Io extends Q {
     };
   }
 }
-class Ya extends Q {
+class Ja extends Q {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -7193,7 +7193,7 @@ class Ed extends Q {
     };
   }
 }
-class Ja {
+class Ka {
   constructor(t, e, a) {
     this.processRegion = async (r) => {
       const i = this.layouts.find((l) => l.panelId === r.panelId);
@@ -7305,7 +7305,7 @@ const Mo = async (n) => {
     throw console.error(e), new Qe("Failed to shorten URL, see console.");
   }
 };
-class _n {
+class Xn {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7350,7 +7350,7 @@ class To {
       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 _n(
+      new Xn(
         async () => !!(await i()).link,
         async () => {
           const p = await i();
@@ -7390,7 +7390,7 @@ class To {
     return t.data.regions.map(e);
   }
   async command(t, e, a, r) {
-    const i = a.getLayouts(), s = `data:image/svg+xml;base64,${btoa(await mn(t, { type: "svg" }))}`, l = e.map((c) => {
+    const i = a.getLayouts(), s = `data:image/svg+xml;base64,${btoa(await gn(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, A = i.find((u) => u.panelId === d?.panelId);
       if (!A && d)
         throw new j(d);
@@ -7418,7 +7418,7 @@ class To {
     } };
   }
 }
-const Xn = new To();
+const Zn = new To();
 class ke {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7533,7 +7533,7 @@ class ke {
     const s = e.fileLink || "";
     return s.endsWith(".pdf") || s.endsWith(".eps") || s.endsWith(".ai") ? new Promise((l) => {
       a.addPoller(
-        new _n(
+        new Xn(
           async () => {
             const d = (await O.getFromServer(e.key || "")).versions?.find((u) => u.name === "svg");
             return d ? (await rt(d.link)).status === 200 : !1;
@@ -7590,7 +7590,7 @@ class ke {
   }
   async loadPatternFromString(t, e, a = !0, r = void 0, i) {
     if (t.endsWith("svg")) {
-      const o = await Pa(t), s = o.width, l = o.height, c = await at(t);
+      const o = await Fa(t), s = o.width, l = o.height, c = await at(t);
       if (i) {
         const u = c.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (u && u.length > 0)
@@ -7693,7 +7693,7 @@ class ke {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const p = await Le(l[m]), g = s.getImageData(), f = a.map((B) => new Qt(B.id)), w = g ? Ia(
+        const p = await Le(l[m]), g = s.getImageData(), f = a.map((B) => new Qt(B.id)), w = g ? Pa(
           g,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7889,7 +7889,7 @@ class No {
         spotColor: A.spotColor,
         pmsValue: A.pmsValue
       };
-    const s = Sa(t, e, a, o), l = await Xt(s), c = [];
+    const s = va(t, e, a, o), l = await Xt(s), c = [];
     for (const d of r) {
       for (const [A, u] of i.entries())
         c.push(new ua(d, A, u));
@@ -8093,7 +8093,7 @@ class Qo {
     };
   }
 }
-const Zn = new Qo();
+const tr = new Qo();
 class Ro {
   async init(t, e, a) {
     const r = t.option;
@@ -8174,7 +8174,7 @@ class Ro {
     };
   }
 }
-const tr = new Ro();
+const er = new Ro();
 class Oo {
   async init(t, e, a) {
     if (a)
@@ -8285,7 +8285,7 @@ class Oo {
     return r(""), { input: e, helperData: {} };
   }
 }
-const er = new Oo();
+const ar = new Oo();
 class $o {
   async init(t, e, a) {
     const r = t.option;
@@ -8376,7 +8376,7 @@ class $o {
     };
   }
 }
-const ar = new $o();
+const nr = new $o();
 class Uo {
   async init(t, e, a) {
     const r = t.option;
@@ -8431,7 +8431,7 @@ class Uo {
     };
   }
 }
-const nr = new Uo();
+const rr = new Uo();
 class Lo {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
@@ -8972,7 +8972,7 @@ class Wo {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = s.map((w) => new Ya(w.id, A)), f = new R(g);
+              const g = s.map((w) => new Ja(w.id, A)), f = new R(g);
               e.getCommandDispatcher()(f);
             }
           ), s.length === 0 && l) {
@@ -9075,7 +9075,7 @@ class Wo {
   async selectVariantCommand(t, e, a, r, i, o, s, l, c) {
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (r.length > 0) {
-      const u = r.map((p) => new Ya(p.id, A));
+      const u = r.map((p) => new Ja(p.id, A));
       if (l) {
         const p = r.map((g) => new Je(g.id, l));
         u.push(...p);
@@ -9335,7 +9335,7 @@ function _o(n, t, e, a) {
   const r = e / n, i = a / t;
   return r > 1 && i > 1 ? Math.min(r, i) : r > 1 && i < 1 ? i : r < 1 && i > 1 ? r : Math.min(r, i);
 }
-const Ka = {
+const _a = {
   m: ["x", "y"],
   z: [],
   l: ["x", "y"],
@@ -9365,7 +9365,7 @@ class Xo {
     const r = (i) => {
       const o = [], s = i.relative ? i.type : i.type.toUpperCase();
       let l = e !== s;
-      const c = Ka[i.type];
+      const c = _a[i.type];
       l && (o.push(s), e = s);
       for (const d of c) {
         const A = i[d];
@@ -9390,7 +9390,7 @@ class Xo {
     const e = /([mzlhvcsqta])([^mzlhvcsqta]*)/gi, a = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi, r = [];
     let i;
     for (e.lastIndex = 0; i = e.exec(t); ) {
-      const o = i[1].toLowerCase(), s = (i[2].match(a) || []).map(parseFloat), l = o === i[1], c = Ka[o];
+      const o = i[1].toLowerCase(), s = (i[2].match(a) || []).map(parseFloat), l = o === i[1], c = _a[o];
       if (s.length < c.length)
         throw new Pt(
           `Path type "${o}" given ${s.length} arguments, expected ${c.length}.`
@@ -9487,7 +9487,7 @@ class Zo extends qo {
     return Ko(g, w, e.height, e.width, 0.35, 0.65), Jo(u.outerHTML);
   }
 }
-async function rr(n) {
+async function ir(n) {
   if (n === "Vegemite")
     return new Zo();
   throw new N(`Failed to resolve Module, Module ${n} not found`);
@@ -9506,8 +9506,8 @@ const ts = [
   "tspan"
 ], es = async (n, t, e) => {
   const a = t.data, r = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), o = r.slice(0, 4) === "http" ? "" : "https://", s = new URL(o + r);
-  s.searchParams.append("video", Ua(JSON.stringify([{ href: i }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
-  const l = s.toString(), d = `data:image/svg+xml;base64,${Ua(await mn(l, { type: "svg" }))}`, A = (h) => {
+  s.searchParams.append("video", La(JSON.stringify([{ href: i }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
+  const l = s.toString(), d = `data:image/svg+xml;base64,${La(await gn(l, { type: "svg" }))}`, A = (h) => {
     const m = n.find((g) => g.panelId === h.panelId);
     if (!m)
       throw new j(h);
@@ -9537,10 +9537,10 @@ const ts = [
     const s = bo(r, a.option);
     s && (t[a.stepName] = { selectedVariants: [s] });
     const l = async (c) => {
-      const d = await jn(c, s?.asset?.fileLink), A = await Le(d), u = M(), h = n.find((p) => p.panelId === c.panelId);
+      const d = await Yn(c, s?.asset?.fileLink), A = await Le(d), u = M(), h = n.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new j(c);
-      const m = Ia(
+      const m = Pa(
         o,
         A,
         {
@@ -9604,7 +9604,7 @@ const ts = [
   const l = await at(s, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
   if (!m)
     return console.error("Failed to read SVG."), [];
-  ya(m);
+  Sa(m);
   const p = {};
   xt(m, (E) => {
     ts.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
@@ -9657,7 +9657,7 @@ const ts = [
     return console.error(E), [];
   }
 }, rs = async (n, t, e) => {
-  const a = await rr(e.data.module), r = t.data, i = (s, l) => {
+  const a = await ir(e.data.module), r = t.data, i = (s, l) => {
     const c = n.find((A) => A.panelId === l.panelId);
     if (!c)
       throw new j(l);
@@ -9818,7 +9818,7 @@ const ts = [
       const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new Pt("Failed to read SVG.");
-      return ya(f), Bt().serializeToString(f);
+      return Sa(f), Bt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = n.find((m) => m.panelId === A.panelId);
@@ -10037,7 +10037,7 @@ const us = () => new Promise((n, t) => {
 }), hs = us();
 class ms {
   constructor(t, e, a, r, i) {
-    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new $n(2), this.id = t, this.name = e, this.service = a, this.panelSize = r, this.getWorkflowManager = i;
+    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Un(2), this.id = t, this.name = e, this.service = a, this.panelSize = r, this.getWorkflowManager = i;
   }
   getID() {
     return this.id;
@@ -10104,7 +10104,7 @@ class ms {
     );
   }
 }
-class gs extends On {
+class gs extends $n {
   constructor(t, e, a, r, i, o) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = r, this.layouts = i, this.getWorkflowManager = o;
   }
@@ -10154,12 +10154,12 @@ class gs extends On {
       l = g.width, c = g.height;
     } else
       l = i.width, c = i.height;
-    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = ba(t.layoutState.layout, e, {
+    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = Ba(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: Yt.ThreeD,
         templatingContext: d
       }
-    }), u = Sn(A), h = await ga.from(this.ctx, u, {
+    }), u = vn(A), h = await pa.from(this.ctx, u, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
@@ -10168,7 +10168,7 @@ class gs extends On {
       enableRedraw: !1,
       createCanvas: pt,
       createImage: ae,
-      DOMParser: wa(),
+      DOMParser: ya(),
       fetch
     });
     h.resize(l, c), await h.render(), this.onRender();
@@ -10190,7 +10190,7 @@ const bd = (n, t) => {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  r = new R(e.map((l) => new Kn(l))).apply(r);
+  r = new R(e.map((l) => new _n(l))).apply(r);
   const o = await ds(n, t, e, a);
   return new R(o).apply(r);
 }, se = C`
@@ -10297,7 +10297,7 @@ const bd = (n, t) => {
             name
         }
     }
-`, Fa = (n) => C`
+`, Da = (n) => C`
     ${ws(n)}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -10308,7 +10308,7 @@ const bd = (n, t) => {
         }
     }
 `, le = (n, t = !1) => C`
-    ${n ? Fa(t) : ""}
+    ${n ? Da(t) : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
         name
@@ -10378,7 +10378,7 @@ const bd = (n, t) => {
             }
         }
     }
-`, ir = C`
+`, or = C`
     fragment BundleBaseFields on Bundle {
         id
         dispatchDate
@@ -10400,7 +10400,7 @@ const bd = (n, t) => {
 `, ys = (n) => C`
     ${se}
     ${le(n)}
-    ${ir}
+    ${or}
     query GetBundle($id: String!) {
         globalPropertyState(bundleId: $id) {
             id
@@ -10434,7 +10434,7 @@ const bd = (n, t) => {
             }
         }
     }
-`, _a = C`
+`, Xa = C`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -10509,7 +10509,7 @@ const bd = (n, t) => {
         }
     }
 `, vs = C`
-    ${Fa(!1)}
+    ${Da(!1)}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -10542,7 +10542,7 @@ const bd = (n, t) => {
         }
     }
 `, bs = C`
-    ${Fa(!0)}
+    ${Da(!0)}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
@@ -10645,7 +10645,7 @@ const bd = (n, t) => {
             }
         }
     }
-`, Xa = C`
+`, Za = C`
     mutation UpdateBundle(
         $id: String!
         $name: String
@@ -10776,7 +10776,7 @@ const bd = (n, t) => {
         }
     }
 `, Os = (n) => C`
-    ${ir}
+    ${or}
     query CustomerBundlesFeed($id: String!, $limit: Int!, $offset: Int!, $template: Boolean, $templateStatus: BundleTemplateStatus, $ordered: Boolean) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: $template, templateStatus: $templateStatus, ordered: $ordered) {
             items {
@@ -10920,7 +10920,7 @@ const bd = (n, t) => {
 `;
 var Ve = /* @__PURE__ */ ((n) => (n.Error = "Error", n.Warning = "Warning", n.Info = "Info", n))(Ve || {});
 const js = 1e3;
-class Za extends On {
+class tn extends $n {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
   }
@@ -10952,7 +10952,7 @@ const Ys = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
 };
 class Ks {
   constructor(t, e, a, r, i, o = !1, s, l = !1, c = !1, d = !1) {
-    this.workflowStatePromiseQueue = new $n(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.setWorkflow = async (u) => {
+    this.workflowStatePromiseQueue = new Un(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.setWorkflow = async (u) => {
       this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.stepSpecificServices = {}, this.pollers = [], this.allScenes = [], this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.currentAdjustingStepId = "", this.reloadedState ? this.layouts = Object.values(this.reloadedState.layouts || {}).map((m) => m.layout) : u ? this.layouts = Js(this.experience.getTransaction(), u) : this.layouts = [], this.commandContext.initialize(this.layouts, this.reloadedState), this.renderableContextService = new As(this.layouts), this.renderableContextService.setWorkflowManager(this), u.steps.forEach((m) => {
         this.stepTags[m.stepName] = m.tags ?? [];
       });
@@ -11005,7 +11005,7 @@ class Ks {
         customField4: p ?? w.recipient.customField4,
         customField5: g ?? w.recipient.customField5,
         conversionConfigurationId: f || w.recipient.conversionConfigurationId
-      }, await this.graphQlClient().mutate({
+      }, this.experience.callEvent(ha.RecipientChanged), await this.graphQlClient().mutate({
         mutation: Ws,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -11074,7 +11074,7 @@ class Ks {
         customField4: p,
         customField5: g,
         conversionConfigurationId: f
-      }, await this.graphQlClient().mutate({
+      }, this.experience.callEvent(ha.RecipientChanged), await this.graphQlClient().mutate({
         mutation: qs,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -11087,7 +11087,7 @@ class Ks {
         }
       });
     }
-    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((b) => b(this.experience.getTransaction().recipient)), this.experience.callEvent(cr.RecipientChanged);
+    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((b) => b(this.experience.getTransaction().recipient));
   }
   async fetchConversionConfiguration() {
     const t = this.experience.getTransaction().recipient;
@@ -11361,7 +11361,7 @@ class Ks {
     };
     if (!jt(a, this.storage)) {
       this.storage = a;
-      const r = new ja(this.constructSerializableWorkflow());
+      const r = new Ya(this.constructSerializableWorkflow());
       this.commandContext.apply(r, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -11380,7 +11380,7 @@ class Ks {
     if (this.readOnly) return;
     const t = this.serialize();
     this.workflowStatePromiseQueue.enqueue(
-      new Za(async () => {
+      new tn(async () => {
         await new Promise((e) => {
           setTimeout(() => {
             e();
@@ -11397,7 +11397,7 @@ class Ks {
   async updateStateWithServerImmediate() {
     if (this.readOnly) return;
     const t = this.serialize();
-    return new Za(async () => {
+    return new tn(async () => {
       await this.updateTransaction({
         variables: {
           id: this.experience.getTransaction().id,
@@ -11459,10 +11459,10 @@ class Ks {
       return Promise.resolve({ stepElements: {}, commands: [] });
     const r = async (c, d, A) => {
       if (c.type === v.SilentIllustration) {
-        const u = await new Ja(c, d).trigger();
+        const u = await new Ka(c, d).trigger();
         return { step: c, results: u };
       } else if (c.type === v.ProductOverlay) {
-        const u = await new Ja(
+        const u = await new Ka(
           c,
           d,
           A
@@ -11565,7 +11565,7 @@ class Ks {
     }, this.removeElements(h);
     const g = i.steps.find((y) => y.stepName === t);
     g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((B) => B.id));
-    const f = h.map((y) => new Qt(y.id)), w = new ja(this.constructSerializableWorkflow()), b = [...p, ...f, w];
+    const f = h.map((y) => new Qt(y.id)), w = new Ya(this.constructSerializableWorkflow()), b = [...p, ...f, w];
     b.length > 0 && this.commandContext.apply(new R(b), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const F = this.getInvalidModelVariants(), E = this.modelContainer;
     if (E) {
@@ -11589,7 +11589,7 @@ class Ks {
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
           case v.DigitalContent:
             a.push(
-              Xn.init(
+              Zn.init(
                 l,
                 this,
                 this.reloadedState
@@ -11606,27 +11606,27 @@ class Ks {
             break;
           case v.Material:
             a.push(
-              Zn.init(l, this, this.reloadedState)
+              tr.init(l, this, this.reloadedState)
             );
             break;
           case v.Model:
-            a.push(tr.init(l, this, this.reloadedState));
+            a.push(er.init(l, this, this.reloadedState));
             break;
           case v.Module:
             this.stepSpecificServices[l.stepName] = {
-              module: await rr(l.data.module)
+              module: await ir(l.data.module)
             }, a.push(
-              er.init(l, this, this.reloadedState)
+              ar.init(l, this, this.reloadedState)
             );
             break;
           case v.Picture:
             a.push(
-              ar.init(l, this, this.reloadedState)
+              nr.init(l, this, this.reloadedState)
             );
             break;
           case v.Question:
             a.push(
-              nr.init(l, this, this.reloadedState)
+              rr.init(l, this, this.reloadedState)
             );
             break;
           case v.Shape:
@@ -11987,7 +11987,7 @@ class Xs extends Z {
     super(t, e, a);
   }
   selectVariant(t) {
-    return Zn.selectVariant(
+    return tr.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -12000,7 +12000,7 @@ class Zs extends Z {
     super(t, e, a);
   }
   selectVariant(t) {
-    return tr.selectVariant(
+    return er.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -12018,7 +12018,7 @@ class tl extends Z {
    * @returns A promise that can be awaited to ensure the new image asset has been updated on the design.
    */
   selectVariant(t) {
-    return ar.selectVariant(
+    return nr.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -12033,7 +12033,7 @@ class el extends Z {
   async selectVariant(t) {
     if (!t.getId())
       throw new Error("Unable to select variant with a null ID");
-    await nr.selectVariant(this.step, t.getId(), this.manager);
+    await rr.selectVariant(this.step, t.getId(), this.manager);
   }
   /**
    * The way that this step expects to be rendered.
@@ -12325,7 +12325,7 @@ class il extends Z {
    * @returns The final URL string for the QR code.
    */
   async selectVideo(t) {
-    return Xn.regenerateQRCode(
+    return Zn.regenerateQRCode(
       this.manager.getRegionElements(this.step.stepName),
       t.key,
       this.manager,
@@ -12362,7 +12362,7 @@ class ol extends Z {
     return this.manager.getStepStorage(this.step.stepName)?.text || "";
   }
   setText(t) {
-    er.changeText(this.step, t, this.manager, (e) => {
+    ar.changeText(this.step, t, this.manager, (e) => {
       if (e) {
         const a = [
           ...this.manager.getInformationResults(),
@@ -12410,7 +12410,7 @@ class he {
     }
   }
 }
-const or = C`
+const sr = C`
     fragment CreateDesignTransaction on Transaction {
         id
         designName
@@ -12436,7 +12436,7 @@ const or = C`
         }
     }
 `, sl = C`
-    ${or}
+    ${sr}
     mutation CreateDesign(
         $name: String!
         $layouts: [LayoutInput]!
@@ -12468,7 +12468,7 @@ const or = C`
         }
     }
 `, ll = C`
-    ${or}
+    ${sr}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
             id
@@ -12540,7 +12540,7 @@ const cl = async (n, t) => {
       headers: e
     }
   })).data?.designCreateMany;
-}, tn = (n, t, e) => {
+}, en = (n, t, e) => {
   const a = (i) => {
     const o = {};
     if (i.type === "Frame") {
@@ -12596,7 +12596,7 @@ const cl = async (n, t) => {
       });
   }
   return r;
-}, sr = (n, t, e, a, r, i, o, s) => {
+}, lr = (n, t, e, a, r, i, o, s) => {
   const l = t.basePrice || 0, c = n.priceModifierTotal || 0, d = Al(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), h = {
     additionalExternalProductId: n.integrationProduct?.additionalExternalProductId,
     additionalExternalVariantId: n.integrationProduct?.additionalExternalVariantId,
@@ -12619,12 +12619,12 @@ const cl = async (n, t) => {
     workflowViewerReadOnlyLink: n.workflowViewerReadOnlyLink || ""
   };
   return i && (h.metadata = i), a && (h.selectedVariants = a), r && (h.sku = r), h;
-}, lr = async (n, t, e, a, r, i, o, s, l, c) => {
+}, cr = async (n, t, e, a, r, i, o, s, l, c) => {
   await (async () => {
     if (c !== void 0) return c;
     await n.outstandingRequestsPromise();
     const I = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), V = await S.getShadowGraphqlClient().query({
-      query: Qn,
+      query: Rn,
       variables: { ids: [r.id] },
       fetchPolicy: "no-cache",
       errorPolicy: "all",
@@ -12636,7 +12636,7 @@ const cl = async (n, t) => {
       V.errors && console.log("Server Error:", _.message);
     }), null) : W ?? 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 && tn(l, t, !0), g = l && tn(l, t, !1), f = async (P) => {
+  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, p = l && en(l, t, !0), g = l && en(l, t, !1), f = async (P) => {
     const I = {};
     let T = 0;
     if (Object.keys(i).length > 0)
@@ -12712,7 +12712,7 @@ const cl = async (n, t) => {
   };
 }, ul = async (n, t, e, a, r, i, o, s, l, c, d) => {
   l("workflow.steps.finish.finalize.buildingLayouts");
-  const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await lr(
+  const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await cr(
     n,
     t,
     e,
@@ -12729,7 +12729,7 @@ const cl = async (n, t) => {
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
   const g = m.transaction;
-  return sr(
+  return lr(
     g,
     r,
     t,
@@ -12747,7 +12747,7 @@ const cl = async (n, t) => {
   );
   const r = await (async () => {
     const l = await S.getShadowGraphqlClient().query({
-      query: Qn,
+      query: Rn,
       variables: { ids: n.map((c) => c.transaction.id) },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
@@ -12756,7 +12756,7 @@ const cl = async (n, t) => {
       l.errors && console.log("Server Error:", c.message);
     }), null) : l.data?.transactions ? l.data.transactions.map((c) => c.workflowState ?? null) : null;
   })(), i = await Promise.all(
-    n.map(async (s, l) => await lr(
+    n.map(async (s, l) => await cr(
       s.workflowManager,
       s.workflow,
       s.layouts,
@@ -12775,7 +12775,7 @@ const cl = async (n, t) => {
     throw new Error("Failed to create designs");
   return t("workflow.steps.finish.finalize.updatingTransaction"), o.map((s, l) => {
     const c = n[l], d = i[l], A = s.transaction;
-    return sr(
+    return lr(
       A,
       c.product,
       c.workflow,
@@ -12896,7 +12896,7 @@ const Ze = new ml(), gl = C`
             id
         }
     }
-`, en = C`
+`, an = C`
     ${re}
     ${Tt}
     mutation TransactionUpdateIntegrationProduct($id: String!, $integrationProductId: String) {
@@ -12985,10 +12985,10 @@ const Ze = new ml(), gl = C`
         }
     }
 `;
-var cr = /* @__PURE__ */ ((n) => (n.PriceBreakChanged = "PriceBreakChanged", n.ProductChanged = "ProductChanged", n.QuantityChanged = "QuantityChanged", n.RecipientChanged = "RecipientChanged", n.SelectionChanged = "SelectionChanged", n))(cr || {});
+var ha = /* @__PURE__ */ ((n) => (n.PriceBreakChanged = "PriceBreakChanged", n.ProductChanged = "ProductChanged", n.QuantityChanged = "QuantityChanged", n.RecipientChanged = "RecipientChanged", n.SelectionChanged = "SelectionChanged", n))(ha || {});
 class Cl {
   constructor(t, e) {
-    this.cachedStepHandles = /* @__PURE__ */ new Map(), this.profanityList = [], this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = gn(async () => {
+    this.cachedStepHandles = /* @__PURE__ */ new Map(), this.profanityList = [], this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = pn(async () => {
       await Ze.getSavedDesignByTransaction(this.getTransaction().id) && this.save();
     }, 2500), this.getCanvasObjectURLAsync = async (a) => new Promise((r, i) => {
       try {
@@ -13047,7 +13047,7 @@ class Cl {
   async setProduct(t) {
     this.workflow = void 0;
     const e = await this.graphQlClient().mutate({
-      mutation: en,
+      mutation: an,
       variables: {
         id: this.getTransaction().id,
         integrationProductId: t
@@ -13057,16 +13057,19 @@ class Cl {
       throw new N("Failed to set product. No product returned from server.");
     if (!this.bundle)
       throw new N("Cannot set product on experience that is not part of a bundle.");
-    const r = (await this.bundle.getProductCollection().fetchProducts()).find(
-      (i) => i.getId() === a.id
-    );
     this.transaction.product = {
       ...this.transaction.product,
       ...e.data?.transactionUpdateIntegrationProduct.product
     }, this.transaction.integrationProduct = {
       ...this.transaction.integrationProduct,
       ...e.data?.transactionUpdateIntegrationProduct.integrationProduct
-    }, this.transaction.workflowState = void 0, this.currentPriceBreak = this.priceBreakToBeApplied();
+    }, this.transaction.workflowState = void 0, this.currentPriceBreak = this.priceBreakToBeApplied(), this.callEvent(
+      "ProductChanged"
+      /* ProductChanged */
+    );
+    const r = (await this.bundle.getProductCollection().fetchProducts()).find(
+      (i) => i.getId() === a.id
+    );
     try {
       const i = r?.getDefaultWorkflow();
       if (i) {
@@ -13076,23 +13079,19 @@ class Cl {
     } catch {
       console.log("Setting Product - No default workflow available, must be set manually.");
     }
-    this.callEvent(
-      "ProductChanged"
-      /* ProductChanged */
-    );
   }
   async clearProduct() {
     if (!this.bundle)
       throw new N("Cannot clear product on experience that is not part of a bundle.");
-    await this.graphQlClient().mutate({
-      mutation: en,
+    this.workflow = void 0, this.transaction.workflowState = void 0, this.transaction.product = void 0, this.transaction.integrationProduct = void 0, this.currentPriceBreak = this.priceBreakToBeApplied(), this.callEvent(
+      "ProductChanged"
+      /* ProductChanged */
+    ), await this.graphQlClient().mutate({
+      mutation: an,
       variables: {
         id: this.getTransaction().id
       }
-    }), this.workflow = void 0, this.transaction.workflowState = void 0, this.transaction.product = void 0, this.transaction.integrationProduct = void 0, this.currentPriceBreak = this.priceBreakToBeApplied(), this.callEvent(
-      "ProductChanged"
-      /* ProductChanged */
-    );
+    });
   }
   getWorkflow() {
     return this.workflow;
@@ -13171,19 +13170,19 @@ class Cl {
     }, u = this.workflowManager.getCommandContext().getLayoutById(d.layoutState.layout.id), h = o.getContext("2d");
     if (!h)
       throw new Qe("Failed to obtain 2D context for preview image creation");
-    const m = this.workflowManager.getTemplatingContext(), p = ba(u.layoutState.layout, u.layoutState.elements, {
+    const m = this.workflowManager.getTemplatingContext(), p = Ba(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Yt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
-    }), g = Sn(p);
-    await (await ga.from(h, g, {
+    }), g = vn(p);
+    await (await pa.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
       createImage: ae,
-      DOMParser: wa(),
+      DOMParser: ya(),
       fetch
     })).render();
     const w = await this.getCanvasObjectURLAsync(o);
@@ -13566,7 +13565,7 @@ class Sl {
     return e ? t.filter((a) => this.aspectConditionsSatisfied(a.getRawProperty(), e)) : t;
   }
   aspectConditionsSatisfied(t, e) {
-    return !t.conditions || t.conditions.length === 0 ? !0 : (t.conditionMode === pn.AND ? Array.prototype.every.bind(t.conditions) : Array.prototype.some.bind(t.conditions))((r) => {
+    return !t.conditions || t.conditions.length === 0 ? !0 : (t.conditionMode === fn.AND ? Array.prototype.every.bind(t.conditions) : Array.prototype.some.bind(t.conditions))((r) => {
       const i = e.aspects.find((o) => o.name === r.targetAspectName);
       return i ? r.requiredVariantSelections.some((o) => o === i.value) : !1;
     });
@@ -13576,14 +13575,14 @@ class Sl {
       case U.FileUpload:
         return new vl(this.bundle, t).initialize();
       case U.ColorOption:
-        return new an(
+        return new nn(
           this.bundle,
           t,
           t.entityId ? await H.getOption(t.entityId) : void 0
         );
       case U.Option: {
         const e = t.entityId ? await H.getOption(t.entityId) : void 0;
-        return e?.type === "Color" ? new an(this.bundle, t, e) : new dr(this.bundle, t, e);
+        return e?.type === "Color" ? new nn(this.bundle, t, e) : new dr(this.bundle, t, e);
       }
       case U.Text:
         return new El(this.bundle, t);
@@ -13592,7 +13591,7 @@ class Sl {
     }
   }
 }
-class Da {
+class xa {
   constructor(t, e) {
     this.bundle = t, this.property = e;
   }
@@ -13653,7 +13652,7 @@ class Da {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class vl extends Da {
+class vl extends xa {
   constructor(t, e) {
     super(t, e);
   }
@@ -13664,7 +13663,7 @@ class vl extends Da {
     const t = await this.getImage();
     if (t?.fileLink)
       if (t?.fileLink.endsWith(".svg")) {
-        const e = await at(t?.fileLink), a = await Pa(t?.fileLink), r = a.width, i = a.height, o = await st(e);
+        const e = await at(t?.fileLink), a = await Fa(t?.fileLink), r = a.width, i = a.height, o = await st(e);
         this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.colors?.forEach((c) => {
           o.colors[c.key] = {
             browserValue: c.browserValue,
@@ -13707,7 +13706,7 @@ class vl extends Da {
     ]);
   }
   async canUseBackgroundRemover() {
-    return this.bundle.getClient().canUseAddon(pa.BackgroundRemover);
+    return this.bundle.getClient().canUseAddon(fa.BackgroundRemover);
   }
   /**
    * Removes the background from an image, stores it in the state, and returns the new asset.
@@ -13745,7 +13744,7 @@ class vl extends Da {
       return O.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
-    return await this.loadImageData(), this.imageData?.svg ? fa(va(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
+    return await this.loadImageData(), this.imageData?.svg ? Ca(Ea(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
   }
   /**
    * Retrieves the original, unmodified image selection, if one exists.
@@ -13879,7 +13878,7 @@ class vl extends Da {
     );
   }
 }
-class El extends Da {
+class El extends xa {
   constructor(t, e) {
     super(t, e);
   }
@@ -13918,7 +13917,7 @@ class El extends Da {
     await Promise.all(r);
   }
 }
-class dr extends Da {
+class dr extends xa {
   constructor(t, e, a) {
     super(t, e), this.optionResource = a;
   }
@@ -13980,7 +13979,7 @@ class dr extends Da {
     await Promise.all(r);
   }
 }
-class an extends dr {
+class nn extends dr {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -14042,15 +14041,15 @@ const bl = (n, t, e, a) => n.flatMap((r) => r.getSteps()).filter((r) => r.getGlo
   });
   return Math.max(...r);
 };
-function ha(n, t) {
+function ma(n, t) {
   function e(a) {
     if (typeof a > "u" || !Array.isArray(a) && !Pl(a))
       return a;
     if (Array.isArray(a))
-      return ha(a, t);
+      return ma(a, t);
     let r = {};
     for (const [i, o] of Object.entries(a))
-      r[i] = Il(o) ? o : ha(o, t);
+      r[i] = Il(o) ? o : ma(o, t);
     return Nr(r, t);
   }
   return Array.isArray(n) ? n.map(e) : e(n);
@@ -14068,7 +14067,7 @@ function Ar(n) {
   }), t;
 }
 function me(n) {
-  return ha(n, ["__typename"]);
+  return ma(n, ["__typename"]);
 }
 class Fl {
   constructor(t, e, a, r, i) {
@@ -14924,7 +14923,7 @@ class ta {
       e.integrationProductIds || (e.integrationProductIds = []), e.integrationProductIds = [...e.integrationProductIds, t];
       const a = JSON.stringify(e);
       S.getShadowGraphqlClient().mutate({
-        mutation: Xa,
+        mutation: Za,
         variables: {
           id: this.id,
           bundleStateData: a
@@ -15344,7 +15343,7 @@ class ta {
   }
   async getAllStakeholders() {
     const t = await S.getShadowGraphqlClient().query({
-      query: _a,
+      query: Xa,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15360,7 +15359,7 @@ class ta {
   }
   async getCurrentStakeholder() {
     const t = await S.getShadowGraphqlClient().query({
-      query: _a,
+      query: Xa,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15515,7 +15514,7 @@ class ta {
   }
   async updateBundle() {
     if (!(await S.getShadowGraphqlClient().mutate({
-      mutation: Xa,
+      mutation: Za,
       variables: {
         id: this.id,
         name: this.name,
@@ -15773,7 +15772,7 @@ class pe {
     return this.getArtifacts().get(t);
   }
 }
-class xa {
+class ka {
   constructor(t) {
     this.value = t;
   }
@@ -15786,12 +15785,12 @@ class xa {
   }
 }
 var Wl = /* @__PURE__ */ ((n) => (n.Transaction = "Transaction", n.Bundle = "Bundle", n.Product = "Product", n.Variant = "Variant", n.Option = "Option", n.LineItem = "LineItem", n.Asset = "Asset", n))(Wl || {});
-class Fd extends xa {
+class Fd extends ka {
   constructor(t) {
     super(`"${t}"`);
   }
 }
-class hr extends xa {
+class hr extends ka {
   constructor(t, e) {
     if (e !== "Asset" && !hr.validUUID(t))
       throw new Error("Invalid ID, must be a valid v4 UUID. https://www.uuidgenerator.net/");
@@ -15801,12 +15800,12 @@ class hr extends xa {
     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 Dd extends xa {
+class Dd extends ka {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
 }
-class nn {
+class rn {
   constructor(t) {
     this.integrationProduct = t;
   }
@@ -15994,7 +15993,7 @@ class Jl {
   }
   async generateCode(t) {
     const e = await this.cognitoClient?.send(
-      new Na({
+      new Qa({
         AuthFlow: "CUSTOM_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -16028,7 +16027,7 @@ class Jl {
       throw new Error("Failed to find existing tokens.");
     const e = JSON.parse(t);
     return await this.cognitoClient?.send(
-      new Na({
+      new Qa({
         AuthFlow: "REFRESH_TOKEN_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -16058,7 +16057,7 @@ class Kl {
    * @param currency The currency to determine precision for.
    */
   getPrecisionForCurrency(t) {
-    const e = t, a = Qa.code(e);
+    const e = t, a = Ra.code(e);
     return a ? a.digits : 2;
   }
   /**
@@ -16069,11 +16068,11 @@ class Kl {
    */
   getSpecialFormat(t) {
     const e = t;
-    if (Qa.code(e)?.code === "CLP")
+    if (Ra.code(e)?.code === "CLP")
       return "USD0,0";
   }
 }
-const rn = new Kl();
+const on = new Kl();
 class _l {
   constructor(t, e, a, r) {
     this.presentmentCurrency = void 0, this.presentmentCurrency = r, this.partnerCurrency = a, this.rateFrom = t, this.rateTo = e;
@@ -16105,13 +16104,13 @@ class _l {
    * Converts a monetary value from the database to the units of its currency.
    */
   units(t, e) {
-    return t / Math.pow(10, rn.getPrecisionForCurrency(e));
+    return t / Math.pow(10, on.getPrecisionForCurrency(e));
   }
   /**
    * Converts a monetary value in units to the subunits of its currency.
    */
   subunits(t, e) {
-    return t * Math.pow(10, rn.getPrecisionForCurrency(e));
+    return t * Math.pow(10, on.getPrecisionForCurrency(e));
   }
 }
 const Xl = async (n, t) => {
@@ -16161,7 +16160,7 @@ class xd {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 33.8.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 33.8.0-beta.67cfe5f9-3d41-5a5c-a256-3ada8faf8201"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && ti(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Vt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16666,7 +16665,7 @@ class xd {
       }));
     }, s = t.map((y, B) => ({ option: y, index: B })), l = s.filter((y) => y.option.type === "transaction"), c = s.filter(
       (y) => y.option.type === "integration" || y.option.type === "external" || y.option.type === "blank"
-    ), d = 50, A = Ta(l, d), u = Ta(c, d), h = (await Promise.all([
+    ), d = 50, A = Na(l, d), u = Na(c, d), h = (await Promise.all([
       ...A.map(i),
       ...u.map(o)
     ])).flat(), m = [...new Set(h.map((y) => y.workflowId))].filter(
@@ -16693,10 +16692,10 @@ class xd {
       };
       if (W.type === "transaction" && B.workflowState) {
         const nt = JSON.parse(B.workflowState);
-        await Ha(nt), tt.reloadedState = nt;
+        await ja(nt), tt.reloadedState = nt;
       } else if (!I && W.workflowState) {
         const nt = JSON.parse(W.workflowState);
-        await Ha(nt), tt.reloadedState = nt;
+        await ja(nt), tt.reloadedState = nt;
       }
       return tt.delayWorkflowStateSync = !0, { experienceOptions: tt, index: T, options: W };
     }), b = await Promise.all(w);
@@ -16724,7 +16723,7 @@ class xd {
     })).data?.integrationProducts;
     if (!i || i.length === 0 || !i[0]?.id)
       throw new Error("Integration product not found.");
-    return new nn(i[0]);
+    return new rn(i[0]);
   }
   async getIntegrationProductFromExternalIds(t, e, a) {
     const o = (await S.getShadowGraphqlClient().query({
@@ -16738,7 +16737,7 @@ class xd {
     })).data?.integrationProductFromExternalIds;
     if (!o?.id)
       throw new Error("Integration product not found.");
-    return new nn(o);
+    return new rn(o);
   }
   async getIntegrationProduct(t) {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
@@ -16864,7 +16863,7 @@ function Ce(n, t, e) {
 }
 class nc {
   constructor(t, e) {
-    this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = gn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
+    this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = pn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
       invertThreshold: !1,
       threshold: 128,
@@ -16937,8 +16936,8 @@ class nc {
   getImageSrc() {
     if (this.imageData) {
       if (this.imageData.svg) {
-        const t = va(this.imageData.svg, this.imageData.colors || {}, !1);
-        return fa(t);
+        const t = Ea(this.imageData.svg, this.imageData.colors || {}, !1);
+        return Ca(t);
       }
       return this.imageData.src;
     }
@@ -17074,7 +17073,7 @@ class nc {
   }
   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] = Ia(
+      this.offsets[a] = Pa(
         t,
         e,
         this.initialZoom && !this.forceImageCover ? { scale: this.initialZoom } : void 0,
@@ -17290,7 +17289,7 @@ class ic extends Z {
    * Returns `true` if the Background Remover is available for the current session.
    */
   async canUseBackgroundRemover() {
-    return this.manager.getClient().canUseAddon(pa.BackgroundRemover);
+    return this.manager.getClient().canUseAddon(fa.BackgroundRemover);
   }
   /**
    * Returns `true` if the Background Remover is available for the current session and if the associated frame has a user-supplied raster image.
@@ -17416,7 +17415,7 @@ const oc = C`
             id
         }
     }
-`, ka = C`
+`, Ma = C`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17583,7 +17582,7 @@ const oc = C`
   },
   context: t
 }), Wd = async (n, t, e) => (await S.getShadowGraphqlClient().query({
-  query: ka,
+  query: Ma,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17603,7 +17602,7 @@ const oc = C`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], qd = async (n, t, e) => (await S.getShadowGraphqlClient().query({
-  query: ka,
+  query: Ma,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17623,7 +17622,7 @@ const oc = C`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], Hd = async (n, t, e) => (await S.getShadowGraphqlClient().query({
-  query: ka,
+  query: Ma,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17670,44 +17669,44 @@ J = { __e: function(n, t, e, a) {
       }
   throw n;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
-var ot, ea, on, pr = [], aa = [], sn = J.__b, ln = J.__r, cn = J.diffed, dn = J.__c, An = J.unmount;
+var ot, ea, sn, pr = [], aa = [], ln = J.__b, cn = J.__r, dn = J.diffed, An = J.__c, un = J.unmount;
 function gc() {
   for (var n; n = pr.shift(); )
     if (n.__P && n.__H)
       try {
-        n.__H.__h.forEach(Ee), n.__H.__h.forEach(ma), n.__H.__h = [];
+        n.__H.__h.forEach(Ee), n.__H.__h.forEach(ga), n.__H.__h = [];
       } catch (t) {
         n.__H.__h = [], J.__e(t, n.__v);
       }
 }
 J.__b = function(n) {
-  ot = null, sn && sn(n);
+  ot = null, ln && ln(n);
 }, J.__r = function(n) {
-  ln && ln(n);
+  cn && cn(n);
   var t = (ot = n.__c).__H;
   t && (ea === ot ? (t.__h = [], ot.__h = [], t.__.forEach(function(e) {
     e.__N && (e.__ = e.__N), e.__V = aa, e.__N = e.i = void 0;
-  })) : (t.__h.forEach(Ee), t.__h.forEach(ma), t.__h = [])), ea = ot;
+  })) : (t.__h.forEach(Ee), t.__h.forEach(ga), t.__h = [])), ea = ot;
 }, J.diffed = function(n) {
-  cn && cn(n);
+  dn && dn(n);
   var t = n.__c;
-  t && t.__H && (t.__H.__h.length && (pr.push(t) !== 1 && on === J.requestAnimationFrame || ((on = J.requestAnimationFrame) || pc)(gc)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (pr.push(t) !== 1 && sn === J.requestAnimationFrame || ((sn = J.requestAnimationFrame) || pc)(gc)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== aa && (e.__ = e.__V), e.i = void 0, e.__V = aa;
   })), ea = ot = null;
 }, J.__c = function(n, t) {
   t.some(function(e) {
     try {
       e.__h.forEach(Ee), e.__h = e.__h.filter(function(a) {
-        return !a.__ || ma(a);
+        return !a.__ || ga(a);
       });
     } catch (a) {
       t.some(function(r) {
         r.__h && (r.__h = []);
       }), t = [], J.__e(a, e.__v);
     }
-  }), dn && dn(n, t);
+  }), An && An(n, t);
 }, J.unmount = function(n) {
-  An && An(n);
+  un && un(n);
   var t, e = n.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
     try {
@@ -17717,18 +17716,18 @@ J.__b = function(n) {
     }
   }), e.__H = void 0, t && J.__e(t, e.__v));
 };
-var un = typeof requestAnimationFrame == "function";
+var hn = typeof requestAnimationFrame == "function";
 function pc(n) {
   var t, e = function() {
-    clearTimeout(a), un && cancelAnimationFrame(t), setTimeout(n);
+    clearTimeout(a), hn && cancelAnimationFrame(t), setTimeout(n);
   }, a = setTimeout(e, 100);
-  un && (t = requestAnimationFrame(e));
+  hn && (t = requestAnimationFrame(e));
 }
 function Ee(n) {
   var t = ot, e = n.__c;
   typeof e == "function" && (n.__c = void 0, e()), ot = t;
 }
-function ma(n) {
+function ga(n) {
   var t = ot;
   n.__c = n.__(), ot = t;
 }
@@ -17754,7 +17753,7 @@ const fr = C`
         }
         missingComponentTypes
     }
-`, Ma = C`
+`, Ta = C`
     ${fr}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17767,14 +17766,14 @@ const fr = C`
         }
     }
 `, fc = C`
-    ${Ma}
+    ${Ta}
     query GetAddressValidationJobs($ids: [String!]!) {
         addressValidationJobs(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
 `, Cc = C`
-    ${Ma}
+    ${Ta}
     query GetRecipientsWithAddressValidationJobs($ids: [String!]!) {
         recipients(ids: $ids) {
             id
@@ -17791,7 +17790,7 @@ const fr = C`
         }
     }
 `, yc = C`
-    ${Ma}
+    ${Ta}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
@@ -17858,7 +17857,7 @@ const Yd = async (n) => {
     variables: {
       id: t
     }
-  })).data?.recipientOverrideAddress?.id && (n.getTransaction().addressValidationStatus = fn.Overridden);
+  })).data?.recipientOverrideAddress?.id && (n.getTransaction().addressValidationStatus = Cn.Overridden);
 }, bc = C`
     query GetIntegrationProductsForIds($ids: [String!]!) {
         integrationProducts(ids: $ids) {
@@ -17876,10 +17875,10 @@ const Yd = async (n) => {
   }
 })).data.integrationProducts;
 export {
-  pa as AddonHandle,
+  fa as AddonHandle,
   Ec as AddressValidationJobStatus,
   vc as AddressValidationResultConfirmationLevel,
-  fn as AddressValidationStatus,
+  Cn as AddressValidationStatus,
   Dd as ArrayInput,
   U as AspectType,
   bt as AssetNotFoundError,
@@ -17890,12 +17889,12 @@ export {
   Rr as BundleDesignCreationCartAddMode,
   Q as CanvasCommand,
   ge as CollectionProduct,
-  an as ColorOptionGlobalPropertyHandle,
+  nn as ColorOptionGlobalPropertyHandle,
   Eo as CommandContext,
   ve as ConversionDataType,
   mc as ConversionLocation,
   z as CreateElementCommand,
-  Kn as CreateLayoutCommand,
+  _n as CreateLayoutCommand,
   _l as CurrencyContext,
   Kl as CurrencyService,
   Qt as DeleteElementCommand,
@@ -17907,16 +17906,16 @@ export {
   Po as FontAlignmentCommand,
   Bo as FontColorCommand,
   Io as FontSizeCommand,
-  Ya as FontSourceCommand,
+  Ja as FontSourceCommand,
   nc as FrameService,
   rc as FrameStep,
   ic as FrameStepHandle,
-  Da as GlobalPropertyHandle,
+  xa as GlobalPropertyHandle,
   R as GroupCommand,
   _s as IllustrationStepHandle,
   Ve as InformationMessageType,
   rl as InformationStepHandle,
-  nn as IntegrationProduct,
+  rn as IntegrationProduct,
   $r as IntegrationType,
   gd as LayoutElementFactory,
   x as LayoutElementType,
@@ -17939,9 +17938,9 @@ export {
   Tl as ProductCollectionProductSortKey,
   qt as ProductWorkflow,
   _t as PromiseCache,
-  $n as PromiseQueue,
+  Un as PromiseQueue,
   el as QuestionStepHandle,
-  On as QueueablePromise,
+  $n as QueueablePromise,
   Cd as ResizeCommand,
   Jt as ResourceNotFoundError,
   fd as RotateCommand,
@@ -17965,7 +17964,7 @@ export {
   Lr as UnitOfMeasurement,
   wd as UpdateImageSourceCommand,
   it as Variant,
-  cr as WorkflowExperienceEventType,
+  ha as WorkflowExperienceEventType,
   Cl as WorkflowExperienceImpl,
   O as assetService,
   ui as browserColorToHex,
@@ -17976,7 +17975,7 @@ export {
   Qd as deleteBundle,
   Ze as designService,
   Se as determineCorrectFontSizeAndLines,
-  Xn as digitalContentStepService,
+  Zn as digitalContentStepService,
   dt as domParser,
   Ud as duplicateBundle,
   Ld as duplicateTransaction,
@@ -18009,7 +18008,7 @@ export {
   od as getPointOfRotation,
   Pd as getProductCollections,
   cd as getSEPoint,
-  ba as getSvgElement,
+  Ba as getSvgElement,
   jd as getTemplateBundles,
   Hd as getTemplateTransactions,
   kd as getTransaction,
@@ -18025,12 +18024,12 @@ export {
   rd as isCloseToValue,
   Nt as loadFont,
   td as matchHexToPms,
-  Zn as materialStepService,
+  tr as materialStepService,
   Ml as metafieldManager,
   ud as mmPerPixel,
-  tr as modelStepService,
-  va as modifySVGColors,
-  er as moduleStepService,
+  er as modelStepService,
+  Ea as modifySVGColors,
+  ar as moduleStepService,
   Od as nameBundle,
   $d as nameTransaction,
   H as optionService,
@@ -18038,24 +18037,24 @@ export {
   Xd as overrideWorkflowExperienceRecipientAddress,
   ut as patternImageDataCache,
   k as persistenceService,
-  ar as pictureStepService,
+  nr as pictureStepService,
   Zc as pmsToRgb,
-  nr as questionStepService,
+  rr as questionStepService,
   _c as registerFetchImplementation,
   Kc as registerWindowImplementation,
-  Ha as rehydrateSerializedLayout,
+  ja as rehydrateSerializedLayout,
   ci as rgbToPms,
   ue as rotateAroundPoint,
-  ya as sanitizeSvgTree,
+  Sa as sanitizeSvgTree,
   ti as setBearerAuthenticationToken,
-  bn as setCanvasModule,
+  Bn as setCanvasModule,
   Gt as shapeStepService,
   Mo as shortenUrl,
   gt as spiffCoreConfiguration,
   bd as stepAspectValuesToDesignInputSteps,
-  Va as svgColorValueToDefinition,
-  Yn as svgStringDimensions,
-  fa as svgToDataUrl,
+  za as svgColorValueToDefinition,
+  Jn as svgStringDimensions,
+  Ca as svgToDataUrl,
   G as textStepService,
   zo as toast,
   Kd as validateWorkflowExperienceRecipient,