@spiffcommerce/core 31.2.3 → 31.2.4

package/dist/index.mjs

@@ -4,32 +4,32 @@ import { onError as ur } from "@apollo/client/link/error";
 import { renderToStaticMarkup as hr } from "preact-render-to-string";
 import { removeTypenameFromVariables as mr } from "@apollo/client/link/remove-typename";
 import { orientation as gr } from "exifr/dist/mini.umd.cjs";
-import { parse as ln } from "css";
+import { parse as on } from "css";
 import pr from "fuse.js";
 import { Pith as Aa } from "pith";
-import St from "lodash.clonedeep";
-import { toString as cn } from "qrcode";
+import vt from "lodash.clonedeep";
+import { toString as ln } from "qrcode";
 import fr from "svg-path-bbox";
 import { parse as ta } from "opentype.js";
 import { jsx as D, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
 import Cr from "handlebars";
 import { dataUriToBuffer as wr } from "data-uri-to-buffer";
-import xa from "lodash.chunk";
-import { CognitoIdentityProviderClient as yr, InitiateAuthCommand as ka, RespondToAuthChallengeCommand as Sr } from "@aws-sdk/client-cognito-identity-provider";
+import Fa from "lodash.chunk";
+import { CognitoIdentityProviderClient as yr, InitiateAuthCommand as xa, RespondToAuthChallengeCommand as Sr } from "@aws-sdk/client-cognito-identity-provider";
 import vr from "dinero.js";
-import * as Ma from "currency-codes";
-import dn from "lodash.isequal";
+import * as ka from "currency-codes";
+import cn from "lodash.isequal";
 import { split as ea } from "unicode-default-word-boundary";
-import An from "lodash.debounce";
+import dn from "lodash.debounce";
 import "fs";
 import "path";
 var ye = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ye || {}), L = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(L || {}), v = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(v || {}), Er = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Er || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), x = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(x || {}), br = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(br || {}), Br = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Br || {}), Ir = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Ir || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Pr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Pr || {}), Se = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(Se || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Dr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Dr || {});
-class un extends Error {
+class An extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
   }
 }
-class Xt extends un {
+class Xt extends An {
   constructor(t) {
     super(`ConfigurationError - ${t}`);
   }
@@ -44,7 +44,7 @@ class Y extends Xt {
     super(`Panel not Found: ${t.panelId}`), this.panelId = t?.panelId || "N/A";
   }
 }
-class vt extends Xt {
+class Et extends Xt {
   constructor(t) {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
@@ -59,7 +59,7 @@ class Ee extends Xt {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class xe extends un {
+class xe extends An {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
@@ -104,7 +104,7 @@ class Fr {
     this.set(t, a);
   }
 }
-class Ta {
+class Ma {
   constructor() {
     this.storage = /* @__PURE__ */ new Map();
   }
@@ -129,9 +129,9 @@ class Ta {
 }
 const xr = () => {
   try {
-    return localStorage ? new Fr() : new Ta();
+    return localStorage ? new Fr() : new Ma();
   } catch {
-    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Ta();
+    return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new Ma();
   }
 }, k = xr();
 class kr {
@@ -183,19 +183,19 @@ function rt(r, t) {
   }
   return na(r, t);
 }
-const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @__PURE__ */ new Map(), mn = async (r) => {
-  const t = Na.get(r);
+const un = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), hn = async (r) => {
+  const t = Ta.get(r);
   if (t) return t;
   const a = (async () => {
     const n = await rt(r);
-    return hn.set(r, n.headers?.get("content-type") || ""), await n.arrayBuffer();
+    return un.set(r, n.headers?.get("content-type") || ""), await n.arrayBuffer();
   })();
-  return Na.set(r, a), a;
+  return Ta.set(r, a), a;
 }, Mr = async (r) => {
-  const t = Qa.get(r);
+  const t = Na.get(r);
   if (t) return t;
   const a = (async () => await (await rt(r)).text())();
-  return Qa.set(r, a), a;
+  return Na.set(r, a), a;
 }, Tt = (r) => r.every((t) => t !== "undefined"), se = (r) => Tt([typeof document]) ? document.createElement(r) : Zt().document.createElement(r), Tr = (r, t) => {
   if (Tt([typeof document]))
     return document.createElementNS(r, t);
@@ -207,7 +207,7 @@ const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
   const r = Zt();
   return new r.DOMParser();
 }, Nr = () => Tt([typeof DOMParser]) ? DOMParser : Zt().DOMParser, Me = (r, t) => new Promise((e, a) => {
-  t ? mn(r).then(e).catch(a) : rt(r).then((n) => {
+  t ? hn(r).then(e).catch(a) : rt(r).then((n) => {
     n.arrayBuffer().then(e).catch(a);
   }).catch((n) => {
     a(n);
@@ -216,7 +216,7 @@ const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
   t ? Mr(r).then(e).catch(a) : rt(r).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), gn = (r) => hr(r), Ue = /* @__PURE__ */ new Map(), Qr = async (r, t) => {
+}), mn = (r) => hr(r), Ue = /* @__PURE__ */ new Map(), Qr = async (r, t) => {
   if (Tt([typeof FontFace])) {
     if (Ue.has(t))
       return Ue.get(t);
@@ -230,7 +230,7 @@ const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
     return new XMLSerializer();
   const r = Zt();
   return new r.XMLSerializer();
-}, Ra = (r) => btoa(r), Te = (r) => {
+}, Qa = (r) => btoa(r), Te = (r) => {
   function t() {
     const a = new Uint8Array(r), n = 4;
     if (a.length >= n) {
@@ -257,7 +257,7 @@ const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, Qc = async (r) => {
-  const t = await mn(r), e = hn.get(r) || Te(t);
+  const t = await hn(r), e = un.get(r) || Te(t);
   return await $r(new Blob([t], { type: e }));
 }, Rr = (r) => {
   let t = "";
@@ -268,7 +268,7 @@ const hn = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
 }, Or = async (r) => {
   const t = Te(r), e = new Uint8Array(r), a = Rr(e), n = btoa(a);
   return `data:${t};base64,${n}`;
-}, ha = (r) => `data:image/svg+xml;base64,${btoa(r)}`, pn = (r) => {
+}, ha = (r) => `data:image/svg+xml;base64,${btoa(r)}`, gn = (r) => {
   const t = r.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -291,9 +291,9 @@ let Ur, ma;
 const Lr = (r) => {
   ma = r;
 }, Vr = () => ma;
-let fn;
+let pn;
 const zr = (r) => {
-  fn = r;
+  pn = r;
 }, Gr = () => new Promise((r) => {
   const t = gt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
@@ -303,7 +303,7 @@ const zr = (r) => {
   const r = {
     applicationKey: ma,
     customerToken: Ur,
-    bearer: fn
+    bearer: pn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Gr(), ...r } : r;
 };
@@ -369,8 +369,8 @@ const pt = (r, t, e) => {
   if (ra !== void 0)
     return ra(r, t, e);
   try {
-    const a = wn(!0);
-    return Cn(a), a.createCanvas(r, t, e);
+    const a = Cn(!0);
+    return fn(a), a.createCanvas(r, t, e);
   } catch {
     throw new Error("Canvas module not set");
   }
@@ -378,16 +378,16 @@ const pt = (r, t, e) => {
   if (ia !== void 0)
     return ia(r, t);
   try {
-    const e = wn(!0);
-    return Cn(e), e.loadImage(r, t);
+    const e = Cn(!0);
+    return fn(e), e.loadImage(r, t);
   } catch {
     throw new Error("Canvas module not set");
   }
 };
-function Cn(r) {
+function fn(r) {
   ra = r?.createCanvas, ia = r?.loadImage;
 }
-function wn(r) {
+function Cn(r) {
   try {
     if (document.createElement("canvas").getContext("2d"))
       return {
@@ -3187,23 +3187,23 @@ function $c(r, t) {
 let Qt = null;
 function ti(r) {
   if (r.startsWith("#"))
-    return Oa(r);
+    return Ra(r);
   if (!document)
     throw new Error("browserColorToHex is only supported on browsers");
   if (Qt || (Qt = document.createElement("canvas").getContext("2d")), !Qt)
     throw new Error("Failed to create canvas context required to convert colors");
   Qt.fillStyle = r;
-  const t = Oa(Qt.fillStyle);
+  const t = Ra(Qt.fillStyle);
   return t || console.error(`Unknown browser color ${r}`), t;
 }
-function Oa(r) {
+function Ra(r) {
   const t = r.substring(1).toUpperCase();
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
 const le = (r) => {
-  const t = yn(r.spotColor);
+  const t = wn(r.spotColor);
   return t ? `${r.browserValue} ${t}` : r.browserValue;
-}, yn = (r) => {
+}, wn = (r) => {
   if (!r)
     return "";
   if (r.profileName.includes("/") && r.profileName.includes(".icc")) {
@@ -3211,7 +3211,7 @@ const le = (r) => {
     return `icc-named-color(${t.slice(e + 1).slice(0, -4)}, ${r.namedColor})`;
   }
   return `icc-named-color(${r.profileName}, ${r.namedColor})`;
-}, $a = (r) => {
+}, Oa = (r) => {
   const t = r.split(/[ ](?=[^)]*?(?:\(|$))/);
   if (t.length === 0)
     return { browserValue: "#000000" };
@@ -3255,7 +3255,7 @@ const le = (r) => {
     }
     if (a.tagName === "style") {
       try {
-        ln(a.innerHTML).stylesheet?.rules.forEach((s) => {
+        on(a.innerHTML).stylesheet?.rules.forEach((s) => {
           e.push(s);
         }), a.remove();
       } catch (i) {
@@ -3287,9 +3287,9 @@ const le = (r) => {
   const t = /pt|pc|mm|cm|in/gm, e = r.getAttribute("viewBox"), a = r.getAttribute("width"), n = r.getAttribute("height");
   if (!e) throw new Error("viewBox not specified on SVG!");
   a && r.setAttribute("width", a.replace(t, "")), n && r.setAttribute("height", n.replace(t, ""));
-}, Sn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, ii = (r, t, e) => {
+}, yn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, ii = (r, t, e) => {
   r.setAttribute("height", `${e}px`), r.setAttribute("width", `${t}px`);
-}, vn = (r, t, e) => {
+}, Sn = (r, t, e) => {
   kt(r, (a) => {
     const n = a.attributes.getNamedItem("fill");
     n && n.value !== "none" && a.classList.forEach((s) => {
@@ -3328,16 +3328,16 @@ const le = (r) => {
       }
     });
   });
-}, En = (r) => Bt().serializeToString(r), fa = (r, t, e, a, n) => {
-  const i = Sn(r);
+}, vn = (r) => Bt().serializeToString(r), fa = (r, t, e, a, n) => {
+  const i = yn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
-  return ii(i, t, e), vn(i, a, n), En(i);
+  return ii(i, t, e), Sn(i, a, n), vn(i);
 }, Ca = (r, t, e) => {
-  const a = Sn(r);
+  const a = yn(r);
   if (!a)
     throw new Error("Failed to read SVG.");
-  return vn(a, t, e), En(a);
+  return Sn(a, t, e), vn(a);
 }, si = (r) => {
   const t = /<svg.*<\/svg>/s, e = r.match(t) || [], a = e?.length > 0 ? e[0] : "";
   return dt().parseFromString(a, "image/svg+xml");
@@ -3351,12 +3351,12 @@ const le = (r) => {
     ei.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
     const o = s.attributes.getNamedItem("fill");
     if (o && o.value !== "none" && !o.value.startsWith("url(")) {
-      const c = $a(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
+      const c = Oa(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
       s.setAttribute("fill", c.browserValue), s.classList.add(A), a[d] = c;
     }
     const l = s.attributes.getNamedItem("stroke");
     if (l && l.value !== "none" && !l.value.startsWith("url(")) {
-      const c = $a(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
+      const c = Oa(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
@@ -3748,7 +3748,7 @@ const Rt = "persistentAssets", lt = class lt {
 };
 lt.callbacks = [];
 let At = lt;
-const Ua = "bgrmPersistentAssets";
+const $a = "bgrmPersistentAssets";
 class J {
   static has(t) {
     return J.getMap().has(t);
@@ -3775,10 +3775,10 @@ class J {
     a && (e.delete(a), J.setMap(e));
   }
   static getMap() {
-    return k.getMap(Ua) || /* @__PURE__ */ new Map();
+    return k.getMap($a) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    k.setMap(Ua, t);
+    k.setMap($a, t);
   }
 }
 const O = new mi();
@@ -3811,7 +3811,7 @@ class gi {
     this.disabled = t;
   }
 }
-const Kt = new gi(), bn = w`
+const Kt = new gi(), En = w`
     fragment OptionFields on Option {
         id
         name
@@ -3851,7 +3851,7 @@ const Kt = new gi(), bn = w`
 `, pi = w`
     ${ee(!1)}
     ${wa}
-    ${bn}
+    ${En}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
             ...OptionFields
@@ -3920,7 +3920,7 @@ class yi {
     }
   }
 }
-const H = new yi(), Bn = w`
+const H = new yi(), bn = w`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -4048,7 +4048,7 @@ const H = new yi(), Bn = w`
             }
         }
     }
-`, In = w`
+`, Bn = w`
     fragment StakeholderFields on Stakeholder {
         id
         type
@@ -4056,7 +4056,7 @@ const H = new yi(), Bn = w`
         authorizationNote
         authorizationStatus
     }
-`, Pn = w`
+`, In = w`
     fragment TransactionShareActionFields on TransactionShareAction {
         id
         title
@@ -4067,9 +4067,9 @@ const H = new yi(), Bn = w`
     }
 `, vi = w`
     ${Qe}
-    ${In}
-    ${Pn}
     ${Bn}
+    ${In}
+    ${bn}
     query ReadTransactions($ids: [String]!) {
         transactions(ids: $ids) {
             customLogoLink
@@ -4332,7 +4332,7 @@ const H = new yi(), Bn = w`
         }
     }
 `, Pi = w`
-    ${Pn}
+    ${In}
     query ReadTransactionForShareActions($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4342,14 +4342,14 @@ const H = new yi(), Bn = w`
             }
         }
     }
-`, Dn = w`
+`, Pn = w`
     query ReadWorkflowStates($ids: [String]!) {
         transactions(ids: $ids) {
             id
             workflowState
         }
     }
-`, Fn = (r) => w`
+`, Dn = (r) => w`
     ${Qe}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -4433,14 +4433,14 @@ const H = new yi(), Bn = w`
         }
     }
 `, Di = (r) => w`
-    ${Fn(r)}
+    ${Dn(r)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
 `, Fi = (r) => w`
-    ${Fn(r)}
+    ${Dn(r)}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
             externalIntegrationId: $externalIntegrationId
@@ -4450,7 +4450,7 @@ const H = new yi(), Bn = w`
         }
     }
 `, xi = w`
-    ${In}
+    ${Bn}
     query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
             stakeholders {
@@ -4588,7 +4588,7 @@ const H = new yi(), Bn = w`
 `, Ri = (r) => w`
         ${ee(r)}
         ${wa}
-        ${bn}
+        ${En}
         ${Mi}
         ${Ti}
         ${Ni}
@@ -5113,7 +5113,7 @@ const H = new yi(), Bn = w`
         }
     }
 `, Li = w`
-    ${Bn}
+    ${bn}
     ${Re}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
@@ -5213,7 +5213,7 @@ const H = new yi(), Bn = w`
     ],
     silentSteps: []
   }), t;
-}, ji = (r, t) => t.find((e) => e.stepNames.includes(r)), yt = (r, t) => (r.conditions || []).every((e) => {
+}, ji = (r, t) => t.find((e) => e.stepNames.includes(r)), St = (r, t) => (r.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -5226,8 +5226,8 @@ const H = new yi(), Bn = w`
   const e = {
     name: r.name,
     title: r.title,
-    renderableSteps: r.renderableSteps.filter((a) => yt(a, t)),
-    silentSteps: r.silentSteps.filter((a) => yt(a, t))
+    renderableSteps: r.renderableSteps.filter((a) => St(a, t)),
+    silentSteps: r.silentSteps.filter((a) => St(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
 }, Pt = (r, t) => r.map((e) => Hi(e, t)).filter((e) => e !== null), Yi = async (r, t, e = !1) => {
@@ -5246,12 +5246,12 @@ const H = new yi(), Bn = w`
     );
   return i;
 };
-class xn {
+class Fn {
   constructor() {
     this.timestamp = Date.now();
   }
 }
-class kn {
+class xn {
   /**
    * Constructs a new promise queue.
    * @param queueMaxSize An optional maximum size, when the max size is hit.
@@ -5346,7 +5346,7 @@ const M = () => {
     ...E,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${C})` : void 0
-  })), f = va(I);
+  })), f = Sa(I);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5502,7 +5502,7 @@ const M = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, Jc = 0.352778, Kc = 0.035277, Mn = (r) => {
+}, Jc = 0.352778, Kc = 0.035277, kn = (r) => {
   const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ D("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ D(
     "g",
@@ -5524,8 +5524,8 @@ const M = () => {
       )
     }
   ) });
-}, Tn = (r) => {
-  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
+}, Mn = (r) => {
+  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = Sa(r.children);
   return /* @__PURE__ */ ct(Gt, { children: [
     /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ D("path", { d: r.clipPath }) : /* @__PURE__ */ D("rect", { x: 0, y: 0, width: r.width, height: r.height }) }) }),
     /* @__PURE__ */ ct(
@@ -5629,7 +5629,7 @@ const M = () => {
                 matrix(${r.scaleX}, 0, 0, ${r.scaleY}, 0, 0)
                 `,
             children: /* @__PURE__ */ D(
-              Tn,
+              Mn,
               {
                 id: t,
                 x: 0,
@@ -5646,7 +5646,7 @@ const M = () => {
       }
     )
   ] });
-}, Nn = /* @__PURE__ */ new Map();
+}, Tn = /* @__PURE__ */ new Map();
 class _i {
   constructor(t) {
     this.font = t, this.glyphsFromText = /* @__PURE__ */ new Map(), this.kerningValues = /* @__PURE__ */ new Map(), this.height = this.calculateApproximateHeight();
@@ -5701,10 +5701,10 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     return ze.get(r);
   const e = (async () => {
     try {
-      return Et(r).getFont();
+      return Ct(r).getFont();
     } catch {
       if (Xi(r)) {
-        const a = pn(r), n = ta(a);
+        const a = gn(r), n = ta(a);
         return sa(r, n), n;
       } else {
         const a = await Me(r, !0), n = ta(a);
@@ -5714,20 +5714,20 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
   })();
   return ze.set(r, e), e;
 }, Zi = (r) => {
-  const t = pn(r), e = ta(t);
+  const t = gn(r), e = ta(t);
   return sa(r, e), e;
-}, Et = (r) => {
-  const t = Nn.get(r);
+}, Ct = (r) => {
+  const t = Tn.get(r);
   if (t)
     return t;
   throw new Error("Font metrics unavailable for font");
 }, sa = (r, t) => {
   const e = new _i(t);
-  return Nn.set(r, e), e;
+  return Tn.set(r, e), e;
 }, _c = async (r) => {
   const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
-    ln(d.innerHTML).stylesheet?.rules.forEach((u) => {
+    on(d.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
         const h = u.declarations.find(
           (g) => g.property === "font-family"
@@ -5759,8 +5759,8 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
 }, Be = (r, t, e, a) => Math.max(ns(r.join(`
-`), e, a), t), La = (r, t, e, a, n, i) => {
-  const s = (i || ya) * n.getApproximateHeight(), o = t.split(`
+`), e, a), t), Ua = (r, t, e, a, n, i) => {
+  const s = (i || Rn) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
     const l = o.flatMap((d) => ge(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
@@ -5811,12 +5811,12 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: l };
 }, ts = (r, t, e, a, n, i) => {
-  const s = (i ?? ya) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Qn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
+  const s = (i ?? Rn) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Nn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
   return Math.min(A, d);
 }, es = (r, t, e, a) => {
-  const n = Et(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
+  const n = Ct(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
-    return La(t, r, t.fontSize, s, n, a);
+    return Ua(t, r, t.fontSize, s, n, a);
   let o;
   if (t.text ? o = t.text.split(`
 `) : o = t.input?.split(`
@@ -5833,11 +5833,11 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     requiredHeight: t.height,
     requiredWidth: Be(o, t.width, s, n),
     fontSize: ts(o, n, i, t.width, t.height, a)
-  } : La(t, r, t.fontSize, s, n, a);
+  } : Ua(t, r, t.fontSize, s, n, a);
 }, as = (r, t, e, a, n) => {
-  const s = Et(t.assetUrl).getFont();
+  const s = Ct(t.assetUrl).getFont();
   let o = { ...r };
-  const l = { ...r }, c = Qn(a, e / s.unitsPerEm, Et(t.assetUrl));
+  const l = { ...r }, c = Nn(a, e / s.unitsPerEm, Ct(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && rs(a, a).every(([d, A]) => d === A) && (o = l)), o;
 }, Ge = 1, mt = (r, t, e) => {
   let a = 0;
@@ -5857,21 +5857,21 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
       a = Math.max(a, o || 0);
     }
   }), a *= t, a;
-}, Qn = (r, t, e) => {
+}, Nn = (r, t, e) => {
   let a = 0;
   return r.forEach((n) => {
     a = Math.max(a, mt(n, t, e));
   }), a;
-}, Va = {
+}, La = {
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Ie = (r, t = Va) => {
-  const e = { ...Va, ...t };
+}, Ie = (r, t = La) => {
+  const e = { ...La, ...t };
   let a = r || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
 `)), a;
-}, rs = (r, t) => r.map((e, a) => [e, t[a]]), is = (r = "center", t = !1) => t ? "center" : r, Rn = (r) => r === "left" ? "start" : r === "right" ? "end" : "middle", ae = (r, t, e) => r.fontData ? {
+}, rs = (r, t) => r.map((e, a) => [e, t[a]]), is = (r = "center", t = !1) => t ? "center" : r, Qn = (r) => r === "left" ? "start" : r === "right" ? "end" : "middle", ae = (r, t, e) => r.fontData ? {
   ...r,
   ...(() => {
     if (r.algorithm === Mt.Traditional) {
@@ -5889,7 +5889,7 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
         text: t
       };
   })()
-} : r, ya = 1.1;
+} : r, Rn = 1.1;
 function Ft(r, t) {
   return On(r, t.getTemplatingContext());
 }
@@ -5906,7 +5906,7 @@ const ss = (r) => {
 `), A = r.strokeColor?.browserValue && r.strokeThickness ? r.strokeColor?.browserValue : void 0, u = r.strokeColor?.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
   if (r.curved && !r.paths || !r.fontData)
     return null;
-  const h = () => r.textFillImage ? `url("#${s}")` : r._renderingConfiguration?.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${yn(r.fillSpotColorDefinition)}` : r.fill;
+  const h = () => r.textFillImage ? `url("#${s}")` : r._renderingConfiguration?.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${wn(r.fillSpotColorDefinition)}` : r.fill;
   return /* @__PURE__ */ ct(Gt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
       r.textFillImage && /* @__PURE__ */ D(
@@ -5973,7 +5973,8 @@ const ss = (r) => {
             textboxWidth: r.width,
             lineHeight: r.lineHeight,
             vertical: r.vertical,
-            verticalAlign: r.verticalAlign
+            verticalAlign: r.verticalAlign,
+            fontData: r.fontData
           },
           p
         ))
@@ -5981,8 +5982,13 @@ const ss = (r) => {
     ) }) })
   ] });
 }, os = (r) => {
-  const t = () => r.lineHeight !== void 0 ? r.lineHeight : ya, e = () => r.align === "left" ? -r.textboxWidth / 2 : r.align === "right" ? r.textboxWidth / 2 : 0, a = () => {
-    const n = r.fontSize * t(), i = r.textboxHeight / 2;
+  const t = () => {
+    if (r.lineHeight !== void 0)
+      return r.lineHeight * r.fontSize;
+    const n = Ct(r.fontData.assetUrl), i = n.getFont(), s = r.fontSize / i.unitsPerEm;
+    return n.getApproximateHeight() * s;
+  }, e = () => r.align === "left" ? -r.textboxWidth / 2 : r.align === "right" ? r.textboxWidth / 2 : 0, a = () => {
+    const n = t(), i = r.textboxHeight / 2;
     if (r.verticalAlign === "top")
       return -i + r.fontSize * 3 / 4 + r.thisLineIdx * n;
     if (r.verticalAlign === "bottom") {
@@ -5992,14 +5998,14 @@ const ss = (r) => {
     const s = (r.amountLines - 1) / 2;
     return (r.thisLineIdx - s) * n + r.fontSize / 4;
   };
-  return /* @__PURE__ */ D("tspan", { textAnchor: Rn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ D("tspan", { textAnchor: Qn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, ls = (r) => {
   const t = `#${r.curvedPathId}`;
   return /* @__PURE__ */ D(
     "textPath",
     {
       startOffset: r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%",
-      textAnchor: Rn(r.align),
+      textAnchor: Qn(r.align),
       href: t,
       xlinkHref: t,
       children: r.text
@@ -6008,7 +6014,7 @@ const ss = (r) => {
 }, cs = (r) => {
   if (r.cachedObjectURL && !r._renderingConfiguration?.omitCachedFields)
     return /* @__PURE__ */ D(
-      Mn,
+      kn,
       {
         id: r.id,
         src: r.cachedObjectURL,
@@ -6113,7 +6119,7 @@ class ds {
         layout: t,
         elements: e
       },
-      getComponentWithProps: (a) => Sa(t, e, a)
+      getComponentWithProps: (a) => ya(t, e, a)
     };
   }
   initialize(t, e) {
@@ -6138,7 +6144,7 @@ class ds {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const $n = (r) => r.type === x.Image ? /* @__PURE__ */ D(Mn, { ...r }, r.id) : r.type === x.Frame ? /* @__PURE__ */ D(Ki, { ...r }, r.id) : r.type === x.Illustration ? /* @__PURE__ */ D(cs, { ...r }, r.id) : r.type === x.Textbox ? /* @__PURE__ */ D(ss, { ...r }, r.id) : r.type === x.Group ? /* @__PURE__ */ D(Tn, { ...r }, r.id) : null, Sa = (r, t, e) => {
+const $n = (r) => r.type === x.Image ? /* @__PURE__ */ D(kn, { ...r }, r.id) : r.type === x.Frame ? /* @__PURE__ */ D(Ki, { ...r }, r.id) : r.type === x.Illustration ? /* @__PURE__ */ D(cs, { ...r }, r.id) : r.type === x.Textbox ? /* @__PURE__ */ D(ss, { ...r }, r.id) : r.type === x.Group ? /* @__PURE__ */ D(Mn, { ...r }, r.id) : null, ya = (r, t, e) => {
   const a = e.renderingConfiguration, n = a?.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ D(
     Ji,
@@ -6169,7 +6175,7 @@ const $n = (r) => r.type === x.Image ? /* @__PURE__ */ D(Mn, { ...r }, r.id) : r
     }
   );
 };
-function va(r) {
+function Sa(r) {
   return r.sort((t, e) => {
     const a = t.layer || 0, n = e.layer || 0;
     if (a < n) return -1;
@@ -6246,7 +6252,7 @@ const ne = (r) => {
     throw new Error("Malformed frame SVG");
   })();
   return We.set(r, e), e;
-}, Ea = (r, t, e, a) => {
+}, va = (r, t, e, a) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
   a ? i > n ? s = t.height / r.height : s = t.width / r.width : i > n ? s = t.width / r.width : s = t.height / r.height, e?.scale !== void 0 && (s *= e?.scale);
@@ -6269,7 +6275,7 @@ const ne = (r) => {
     return ut.set(r, i), i;
   }
   if ((r.split(".").pop()?.toLowerCase() ?? "") === "svg") {
-    const e = await ba(r), a = e.width, n = e.height, i = {
+    const e = await Ea(r), a = e.width, n = e.height, i = {
       src: r,
       width: a,
       height: n,
@@ -6285,14 +6291,14 @@ const ne = (r) => {
     };
     return ut.set(r, n), n;
   }
-}, ba = async (r) => {
+}, Ea = async (r) => {
   const t = await nt(r);
   return Ln(t);
-}, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Ln = (r) => {
+}, Va = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Ln = (r) => {
   const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
-  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, za(i), za(s)] : n?.split(" ").map((l) => Number(l));
+  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, Va(i), Va(s)] : n?.split(" ").map((l) => Number(l));
   if (!o)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6366,7 +6372,7 @@ const ne = (r) => {
   }
   if (e && t === x.Textbox && a?.text && a?.fontScale) {
     await Nt(e);
-    const l = Et(e), c = mt(a.text, a?.fontScale, l);
+    const l = Ct(e), c = mt(a.text, a?.fontScale, l);
     o.width = Math.min(c, n.width * 0.85), o.left = n.x + n.width / 2 - o.width / 2;
   }
   return o;
@@ -6537,13 +6543,13 @@ const $ = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
     throw new U();
   return e;
 }, X = (r, t) => {
-  const e = [...t.elements.filter((n) => n.id !== r.id), r], a = va(e);
+  const e = [...t.elements.filter((n) => n.id !== r.id), r], a = Sa(e);
   return {
     layout: t.layout,
     elements: a,
     modificationID: M()
   };
-}, Ga = async (r) => {
+}, za = async (r) => {
   const t = [...Object.keys(r.layouts)], e = [...new Set(t)];
   for (let a = 0; a < e.length; a++) {
     const n = e[a], i = r.layouts[n];
@@ -6603,7 +6609,7 @@ class N {
     this.oldState = t;
   }
 }
-class Wa extends N {
+class Ga extends N {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6865,7 +6871,7 @@ class hs extends N {
     };
   }
 }
-class qa extends N {
+class Wa extends N {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -7203,7 +7209,7 @@ class sd extends N {
     };
   }
 }
-class ja {
+class qa {
   constructor(t, e, a) {
     this.processRegion = async (n) => {
       const i = this.layouts.find((l) => l.panelId === n.panelId);
@@ -7400,7 +7406,7 @@ class ys {
     return t.data.regions.map(e);
   }
   async command(t, e, a, n) {
-    const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await cn(t, { type: "svg" }))}`, l = e.map((c) => {
+    const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await ln(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, A = i.find((u) => u.panelId === d?.panelId);
       if (!A && d)
         throw new Y(d);
@@ -7436,7 +7442,7 @@ class Pe {
         return oa(e);
       const a = t.asset;
       if (!a)
-        throw new vt(t);
+        throw new Et(t);
       const n = a.fileLink;
       if (n)
         return nt(n, !0);
@@ -7600,7 +7606,7 @@ class Pe {
   }
   async loadPatternFromString(t, e, a = !0, n = void 0, i) {
     if (t.endsWith("svg")) {
-      const s = await ba(t), o = s.width, l = s.height, c = await nt(t);
+      const s = await Ea(t), o = s.width, l = s.height, c = await nt(t);
       if (i) {
         const u = c.match(/<(image|linearGradient|radialGradient)(\s|>|\/>)/gim);
         if (u && u.length > 0)
@@ -7703,7 +7709,7 @@ class Pe {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const p = await Oe(l[m]), g = o.getImageData(), C = a.map((P) => new bt(P.id)), S = g ? Ea(
+        const p = await Oe(l[m]), g = o.getImageData(), C = a.map((P) => new bt(P.id)), S = g ? va(
           g,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7794,7 +7800,7 @@ class Pe {
     ), this.validateColorCount(e, a);
   }
 }
-const wt = new Pe();
+const yt = new Pe();
 class Ss {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7955,7 +7961,7 @@ class Ss {
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
     const o = e.asset;
     if (!o)
-      throw new vt(e);
+      throw new Et(e);
     const l = o.fileLink;
     if (!l)
       throw new Yt(o);
@@ -8086,7 +8092,7 @@ class vs {
     n(!0);
     const s = e.material;
     if (!s)
-      throw n(!1), new vt(e);
+      throw n(!1), new Et(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8137,7 +8143,7 @@ class Es {
               const u = e.getModelContainer();
               if (u && t.option) {
                 const h = d.asset?.fileLink;
-                if (!h) throw new vt(d);
+                if (!h) throw new Et(d);
                 await u.applyModelVariant(
                   t.stepName || "",
                   {
@@ -8161,7 +8167,7 @@ class Es {
     n(!0);
     const i = e.asset?.fileLink;
     if (!i)
-      throw new vt(e);
+      throw new Et(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8338,7 +8344,7 @@ class Bs {
   async selectVariantCommand(t, e, a, n) {
     const i = e.asset;
     if (!i)
-      throw new vt(e);
+      throw new Et(e);
     const s = i?.fileLink;
     if (!s)
       return console.error("No URL for picture!"), null;
@@ -8661,7 +8667,7 @@ const Fs = new Ds(), Ye = (r, t, e, a, n) => {
   return [null, null];
 }, fe = (r, t, e, a, n) => {
   let i, s;
-  const o = Et(t.assetUrl), l = o.getFont();
+  const o = Ct(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
     return [i, s] = Ye(e, a, r, u, o), [n.size, i, s];
@@ -8696,7 +8702,7 @@ class ks {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const n = [], i = e ? Et(e.assetUrl) : void 0;
+      const n = [], i = e ? Ct(e.assetUrl) : void 0;
       if (i) {
         const s = a.split("").filter((l) => !xs.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
@@ -8982,7 +8988,7 @@ class ks {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = o.map((S) => new qa(S.id, A)), C = new R(g);
+              const g = o.map((S) => new Wa(S.id, A)), C = new R(g);
               e.getCommandDispatcher()(C);
             }
           ), o.length === 0 && l) {
@@ -9072,7 +9078,7 @@ class ks {
   async fontDataFromVariant(t) {
     const e = t.asset;
     if (!e)
-      throw new vt(t);
+      throw new Et(t);
     const a = e.fileLink;
     if (!a)
       throw new Yt(e);
@@ -9085,7 +9091,7 @@ class ks {
   async selectVariantCommand(t, e, a, n, i, s, o, l, c) {
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (n.length > 0) {
-      const u = n.map((p) => new qa(p.id, A));
+      const u = n.map((p) => new Wa(p.id, A));
       if (l) {
         const p = n.map((g) => new je(g.id, l));
         u.push(...p);
@@ -9345,7 +9351,7 @@ function $s(r, t, e, a) {
   const n = e / r, i = a / t;
   return n > 1 && i > 1 ? Math.min(n, i) : n > 1 && i < 1 ? i : n < 1 && i > 1 ? n : Math.min(n, i);
 }
-const Ha = {
+const ja = {
   m: ["x", "y"],
   z: [],
   l: ["x", "y"],
@@ -9375,7 +9381,7 @@ class Us {
     const n = (i) => {
       const s = [], o = i.relative ? i.type : i.type.toUpperCase();
       let l = e !== o;
-      const c = Ha[i.type];
+      const c = ja[i.type];
       l && (s.push(o), e = o);
       for (const d of c) {
         const A = i[d];
@@ -9400,7 +9406,7 @@ class Us {
     const e = /([mzlhvcsqta])([^mzlhvcsqta]*)/gi, a = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi, n = [];
     let i;
     for (e.lastIndex = 0; i = e.exec(t); ) {
-      const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = Ha[s];
+      const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = ja[s];
       if (o.length < c.length)
         throw new Dt(
           `Path type "${s}" given ${o.length} arguments, expected ${c.length}.`
@@ -9606,7 +9612,7 @@ const re = w`
             name
         }
     }
-`, Ba = w`
+`, ba = w`
     ${Ws}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -9617,7 +9623,7 @@ const re = w`
         }
     }
 `, ie = (r) => w`
-    ${r ? Ba : ""}
+    ${r ? ba : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
         name
@@ -9730,7 +9736,7 @@ const re = w`
             quoteId
         }
     }
-`, Ya = w`
+`, Ha = w`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -9805,7 +9811,7 @@ const re = w`
         }
     }
 `, Hs = w`
-    ${Ba}
+    ${ba}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -9838,7 +9844,7 @@ const re = w`
         }
     }
 `, Js = w`
-    ${Ba}
+    ${ba}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
@@ -10219,7 +10225,7 @@ const re = w`
 `;
 var $e = /* @__PURE__ */ ((r) => (r.Error = "Error", r.Warning = "Warning", r.Info = "Info", r))($e || {});
 const wo = 1e3;
-class Ja extends xn {
+class Ya extends Fn {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
   }
@@ -10233,7 +10239,7 @@ class Ja extends xn {
 }
 class yo {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, p, g = !1, C = !1, S = !1) {
-    this.workflowStatePromiseQueue = new kn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
+    this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       if (!this.previewService) return;
       const b = this.getCommandContext().getAllLayouts(), I = this.getLayoutPreviewService()?.getAll();
       if (I)
@@ -10648,9 +10654,9 @@ class yo {
       ...this.storage,
       [t]: { ...this.storage[t], ...e }
     };
-    if (!dn(a, this.storage)) {
+    if (!cn(a, this.storage)) {
       this.storage = a;
-      const n = new Wa(this.constructSerializableWorkflow());
+      const n = new Ga(this.constructSerializableWorkflow());
       this.commandContext.apply(n, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -10669,7 +10675,7 @@ class yo {
     if (this.readOnly) return;
     const t = this.serialize();
     this.workflowStatePromiseQueue.enqueue(
-      new Ja(async () => {
+      new Ya(async () => {
         await new Promise((e) => {
           setTimeout(() => {
             e();
@@ -10686,7 +10692,7 @@ class yo {
   async updateStateWithServerImmediate() {
     if (this.readOnly) return;
     const t = this.serialize();
-    return new Ja(async () => {
+    return new Ya(async () => {
       await this.updateTransaction({
         variables: {
           id: this.transaction.id,
@@ -10699,7 +10705,7 @@ class yo {
     const t = this.getCommandContext().getState();
     if (!t)
       throw new V("Attempted to serialize state before it was initialized.");
-    const e = St(t.transaction), a = this.dehydrateState(e);
+    const e = vt(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -10735,12 +10741,12 @@ class yo {
     this.stepElements = e(this.stepElements, t);
   }
   getInvalidCanvasRegions() {
-    return this.workflow.steps.reduce((t, e) => (yt(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.workflow.steps.reduce((t, e) => (St(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
       (a) => t.push(a)
     ), t), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !yt(e, this.stepSelections) && t.push(e.stepName), t), []);
+    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !St(e, this.stepSelections) && t.push(e.stepName), t), []);
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.product;
@@ -10748,10 +10754,10 @@ class yo {
       return Promise.resolve({ stepElements: {}, commands: [] });
     const n = async (c, d, A) => {
       if (c.type === v.SilentIllustration) {
-        const u = await new ja(c, d).trigger();
+        const u = await new qa(c, d).trigger();
         return { step: c, results: u };
       } else if (c.type === v.ProductOverlay) {
-        const u = await new ja(
+        const u = await new qa(
           c,
           d,
           A
@@ -10840,13 +10846,13 @@ class yo {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
     }, this.selectionCost = Object.values(this.stepSelections).reduce((f, E) => f + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((f) => {
-      yt(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1, delete this.stepMetadata[f.stepName], delete this.stepSelections[f.stepName], delete this.storage[f.stepName]);
+      St(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1, delete this.stepMetadata[f.stepName], delete this.stepSelections[f.stepName], delete this.storage[f.stepName]);
     });
     const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((f) => f.silentSteps).flat(), A = l.map((f) => f.silentSteps).flat().filter(
       (f) => !c.some((E) => E.stepName === f.stepName)
     );
     c.forEach((f) => {
-      yt(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1);
+      St(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10856,7 +10862,7 @@ class yo {
     }, this.removeElements(u);
     const p = this.workflow.steps.find((f) => f.stepName === t);
     p?.type === v.Frame && this.getWorkflowExperience().getStepById(p.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
-    const g = u.map((f) => new bt(f.id)), C = new Wa(this.constructSerializableWorkflow()), S = [...m, ...g, C];
+    const g = u.map((f) => new bt(f.id)), C = new Ga(this.constructSerializableWorkflow()), S = [...m, ...g, C];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const b = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
@@ -10888,7 +10894,7 @@ class yo {
             );
             break;
           case v.Frame:
-            a.push(wt.init(l, this, this.reloadedState));
+            a.push(yt.init(l, this, this.reloadedState));
             break;
           case v.Illustration:
             a.push(
@@ -11819,7 +11825,7 @@ const To = async (r, t) => {
       headers: e
     }
   })).data?.designCreateMany;
-}, Ka = (r, t, e) => {
+}, Ja = (r, t, e) => {
   const a = (i) => {
     const s = {};
     if (i.type === "Frame") {
@@ -11903,7 +11909,7 @@ const To = async (r, t) => {
     if (c !== void 0) return c;
     await r.outstandingRequestsPromise();
     const F = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), T = await y.getShadowGraphqlClient().query({
-      query: Dn,
+      query: Pn,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
       errorPolicy: "all",
@@ -11915,7 +11921,7 @@ const To = async (r, t) => {
       T.errors && console.log("Server Error:", et.message);
     }), null) : tt ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = r.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, p = l && Ka(l, t, !0), g = l && Ka(l, t, !1), C = async (B) => {
+  const u = r.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, p = l && Ja(l, t, !0), g = l && Ja(l, t, !1), C = async (B) => {
     const F = {};
     let Q = 0;
     if (Object.keys(i).length > 0)
@@ -11924,12 +11930,12 @@ const To = async (r, t) => {
         for (let W = 0; W < tt.selections.length; ++W) {
           const q = tt.selections[W];
           if (et && (!B || et.option && (et.option.variants || []).length > 1 && !et.data.hideSelectionInCart && !et.data.hideSelectionsInCart)) {
-            const Ct = et.stepTitle;
-            F[Ct] ? F[Ct].push({
+            const wt = et.stepTitle;
+            F[wt] ? F[wt].push({
               id: q.id || "",
               name: q.name,
               priceModifier: q.priceModifier
-            }) : F[Ct] = [
+            }) : F[wt] = [
               {
                 id: q.id || "",
                 name: q.name,
@@ -12026,7 +12032,7 @@ const To = async (r, t) => {
   );
   const n = await (async () => {
     const l = await y.getShadowGraphqlClient().query({
-      query: Dn,
+      query: Pn,
       variables: { ids: r.map((c) => c.transaction.id) },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
@@ -12179,7 +12185,7 @@ const Ke = new $o(), Uo = w`
 var zo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(zo || {});
 class Go {
   constructor(t, e) {
-    if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = An(async () => {
+    if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = dn(async () => {
       await Ke.getSavedDesignByTransaction(
         this.getWorkflowManager().getTransaction().id
       ) && this.save();
@@ -12300,13 +12306,13 @@ class Go {
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new ke("Failed to obtain 2D context for preview image creation");
-    const m = this.workflowManager.getTemplatingContext(), p = Sa(u.layoutState.layout, u.layoutState.elements, {
+    const m = this.workflowManager.getTemplatingContext(), p = ya(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Ht.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
-    }), g = gn(p);
+    }), g = mn(p);
     await (await Aa.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
@@ -12333,7 +12339,7 @@ class Go {
   getStepsConditionallyActive() {
     return this.getScenes().flatMap(
       (t) => this.getStepsByScene(t).filter(
-        (e) => yt(e.getRaw(), this.getWorkflowManager().getStepSelections())
+        (e) => St(e.getRaw(), this.getWorkflowManager().getStepSelections())
       )
     );
   }
@@ -12484,7 +12490,7 @@ class Go {
     return await Ke.addDesign(n), n;
   }
   async copy() {
-    const t = St(this.getCommandContext().getState());
+    const t = vt(this.getCommandContext().getState());
     if (!t) throw new V("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflowManager().getWorkflow(), n = this.getWorkflowManager().getTransaction().integrationProduct?.id;
     if (!n) throw new V("Integration product id is undefined!");
@@ -12671,8 +12677,8 @@ const Wo = (r) => {
   "tspan"
 ], Ho = async (r, t, e) => {
   const a = t.data, n = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = n.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + n);
-  o.searchParams.append("video", Ra(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
-  const l = o.toString(), d = `data:image/svg+xml;base64,${Ra(await cn(l, { type: "svg" }))}`, A = (h) => {
+  o.searchParams.append("video", Qa(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
+  const l = o.toString(), d = `data:image/svg+xml;base64,${Qa(await ln(l, { type: "svg" }))}`, A = (h) => {
     const m = r.find((g) => g.panelId === h.panelId);
     if (!m)
       throw new Y(h);
@@ -12705,7 +12711,7 @@ const Wo = (r) => {
       const d = await Un(c, o?.asset?.fileLink), A = await Oe(d), u = M(), h = r.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new Y(c);
-      const m = Ea(
+      const m = va(
         s,
         A,
         {
@@ -13202,7 +13208,7 @@ const rl = () => new Promise((r, t) => {
 }), il = rl();
 class sl {
   constructor(t, e, a, n, i) {
-    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new kn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n, this.getWorkflowManager = i;
+    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new xn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n, this.getWorkflowManager = i;
   }
   getID() {
     return this.id;
@@ -13248,7 +13254,7 @@ class sl {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = St(t);
+    const e = vt(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13269,7 +13275,7 @@ class sl {
     );
   }
 }
-class ol extends xn {
+class ol extends Fn {
   constructor(t, e, a, n, i, s) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = n, this.layouts = i, this.getWorkflowManager = s;
   }
@@ -13319,12 +13325,12 @@ class ol extends xn {
       l = g.width, c = g.height;
     } else
       l = i.width, c = i.height;
-    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = Sa(t.layoutState.layout, e, {
+    const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = ya(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: Ht.ThreeD,
         templatingContext: d
       }
-    }), u = gn(A), h = await Aa.from(this.ctx, u, {
+    }), u = mn(A), h = await Aa.from(this.ctx, u, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
@@ -13403,14 +13409,14 @@ class ll {
       case L.FileUpload:
         return new cl(this.bundle, t).initialize();
       case L.ColorOption:
-        return new _a(
+        return new Ka(
           this.bundle,
           t,
           t.entityId ? await H.getOption(t.entityId) : void 0
         );
       case L.Option: {
         const e = t.entityId ? await H.getOption(t.entityId) : void 0;
-        return e?.type === "Color" ? new _a(this.bundle, t, e) : new tr(this.bundle, t, e);
+        return e?.type === "Color" ? new Ka(this.bundle, t, e) : new tr(this.bundle, t, e);
       }
       case L.Text:
         return new dl(this.bundle, t);
@@ -13419,7 +13425,7 @@ class ll {
     }
   }
 }
-class Ia {
+class Ba {
   constructor(t, e) {
     this.bundle = t, this.property = e;
   }
@@ -13480,7 +13486,7 @@ class Ia {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class cl extends Ia {
+class cl extends Ba {
   constructor(t, e) {
     super(t, e);
   }
@@ -13491,7 +13497,7 @@ class cl extends Ia {
     const t = await this.getImage();
     if (t?.fileLink)
       if (t?.fileLink.endsWith(".svg")) {
-        const e = await nt(t?.fileLink), a = await ba(t?.fileLink), n = a.width, i = a.height, s = await ot(e);
+        const e = await nt(t?.fileLink), a = await Ea(t?.fileLink), n = a.width, i = a.height, s = await ot(e);
         this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.colors?.forEach((c) => {
           s.colors[c.key] = {
             browserValue: c.browserValue,
@@ -13706,7 +13712,7 @@ class cl extends Ia {
     );
   }
 }
-class dl extends Ia {
+class dl extends Ba {
   constructor(t, e) {
     super(t, e);
   }
@@ -13745,7 +13751,7 @@ class dl extends Ia {
     await Promise.all(n);
   }
 }
-class tr extends Ia {
+class tr extends Ba {
   constructor(t, e, a) {
     super(t, e), this.optionResource = a;
   }
@@ -13807,7 +13813,7 @@ class tr extends Ia {
     await Promise.all(n);
   }
 }
-class _a extends tr {
+class Ka extends tr {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -13908,7 +13914,7 @@ class hl {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = St(this.globalPropertyState);
+    const e = vt(this.globalPropertyState);
     this.globalPropertyState = { ...t, id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -13935,7 +13941,7 @@ class hl {
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const s = St(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const s = vt(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
       if (n) {
         const l = o.find((c) => c.channel === n);
@@ -13978,7 +13984,7 @@ class hl {
     const n = this.configuration.aspects.find((o) => o.name === t);
     if (!n)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = St(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const i = vt(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
     if (s.length > 0)
       if (a) {
         const o = s.find((l) => l.channel === a);
@@ -14375,7 +14381,7 @@ class ar {
           if (u || m.partial && (!m.data.productCollections || m.data.productCollections.length === 0 || !m.data.productCollections[0].productCollectionProductsFeed?.items || m.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           l.abort(), u = !0, h.unsubscribe();
-          const p = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((g) => !!g.product).map((g) => new Ae(St(g))) || [];
+          const p = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((g) => !!g.product).map((g) => new Ae(vt(g))) || [];
           A({
             items: p,
             // Clone items because it could be cached data (immutable)
@@ -15124,7 +15130,7 @@ class _e {
   }
   async getAllStakeholders() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ya,
+      query: Ha,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15140,7 +15146,7 @@ class _e {
   }
   async getCurrentStakeholder() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ya,
+      query: Ha,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15544,7 +15550,7 @@ class ue {
     return this.getArtifacts().get(t);
   }
 }
-class Pa {
+class Ia {
   constructor(t) {
     this.value = t;
   }
@@ -15557,12 +15563,12 @@ class Pa {
   }
 }
 var Fl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(Fl || {});
-class Ad extends Pa {
+class Ad extends Ia {
   constructor(t) {
     super(`"${t}"`);
   }
 }
-class nr extends Pa {
+class nr extends Ia {
   constructor(t, e) {
     if (e !== "Asset" && !nr.validUUID(t))
       throw new Error("Invalid ID, must be a valid v4 UUID. https://www.uuidgenerator.net/");
@@ -15572,12 +15578,12 @@ class nr extends Pa {
     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 ud extends Pa {
+class ud extends Ia {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
 }
-class Xa {
+class _a {
   constructor(t) {
     this.integrationProduct = t;
   }
@@ -15765,7 +15771,7 @@ class Nl {
   }
   async generateCode(t) {
     const e = await this.cognitoClient?.send(
-      new ka({
+      new xa({
         AuthFlow: "CUSTOM_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -15799,7 +15805,7 @@ class Nl {
       throw new Error("Failed to find existing tokens.");
     const e = JSON.parse(t);
     return await this.cognitoClient?.send(
-      new ka({
+      new xa({
         AuthFlow: "REFRESH_TOKEN_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -15829,7 +15835,7 @@ class Ql {
    * @param currency The currency to determine precision for.
    */
   getPrecisionForCurrency(t) {
-    const e = t, a = Ma.code(e);
+    const e = t, a = ka.code(e);
     return a ? a.digits : 2;
   }
   /**
@@ -15840,11 +15846,11 @@ class Ql {
    */
   getSpecialFormat(t) {
     const e = t;
-    if (Ma.code(e)?.code === "CLP")
+    if (ka.code(e)?.code === "CLP")
       return "USD0,0";
   }
 }
-const Za = new Ql();
+const Xa = new Ql();
 class Rl {
   constructor(t, e, a, n) {
     this.presentmentCurrency = void 0, this.presentmentCurrency = n, this.partnerCurrency = a, this.rateFrom = t, this.rateTo = e;
@@ -15876,13 +15882,13 @@ class Rl {
    * Converts a monetary value from the database to the units of its currency.
    */
   units(t, e) {
-    return t / Math.pow(10, Za.getPrecisionForCurrency(e));
+    return t / Math.pow(10, Xa.getPrecisionForCurrency(e));
   }
   /**
    * Converts a monetary value in units to the subunits of its currency.
    */
   subunits(t, e) {
-    return t * Math.pow(10, Za.getPrecisionForCurrency(e));
+    return t * Math.pow(10, Xa.getPrecisionForCurrency(e));
   }
 }
 const Ol = async (r, t) => {
@@ -15949,7 +15955,7 @@ class md {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.2.3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.2.4"), 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 && zr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16461,7 +16467,7 @@ class md {
       }));
     }, s = t.map((f, E) => ({ option: f, index: E })), o = s.filter((f) => f.option.type === "transaction"), l = s.filter(
       (f) => f.option.type === "integration" || f.option.type === "external"
-    ), c = xa(o, 10), d = xa(l, 10), A = (await Promise.all([
+    ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((f) => f.workflowId))], h = await rr(u, e), m = new Map(h.map((f) => [f.id, f])), p = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), g = A.map(async (f) => {
@@ -16488,10 +16494,10 @@ class md {
       };
       if (T.type === "transaction" && E.workflowState) {
         const q = JSON.parse(E.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((Ct) => Ct.layout), await Ga(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await za(q), W.reloadedState = q;
       } else if (!B && T.workflowState) {
         const q = JSON.parse(T.workflowState);
-        W.layouts = Object.values(q.layouts || {}).map((Ct) => Ct.layout), await Ga(q), W.reloadedState = q;
+        W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await za(q), W.reloadedState = q;
       } else
         W.layouts = Ll(
           W.transaction,
@@ -16523,7 +16529,7 @@ class md {
     })).data?.integrationProducts;
     if (!i || i.length === 0 || !i[0]?.id)
       throw new Error("Integration product not found.");
-    return new Xa(i[0]);
+    return new _a(i[0]);
   }
   async getIntegrationProductFromExternalIds(t, e, a) {
     const s = (await y.getShadowGraphqlClient().query({
@@ -16537,7 +16543,7 @@ class md {
     })).data?.integrationProductFromExternalIds;
     if (!s?.id)
       throw new Error("Integration product not found.");
-    return new Xa(s);
+    return new _a(s);
   }
   async getIntegrationProduct(t) {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
@@ -16634,7 +16640,7 @@ function me(r, t, e) {
 }
 class Gl {
   constructor(t, e) {
-    this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = An(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 = dn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
       invertThreshold: !1,
       threshold: 128,
@@ -16655,7 +16661,7 @@ class Gl {
           let i = !1;
           for (let s = 0; s < n.currentFrameSources.length; s++) {
             const o = n.currentFrameSources[s], l = await Oe(o), c = this.frameData ? this.frameData[s] : void 0;
-            dn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
+            cn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
           }
           i && (this.onFrameDataChangeListeners.forEach(
             (s) => s(this.frameData)
@@ -16844,7 +16850,7 @@ class Gl {
   }
   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] = Ea(
+      this.offsets[a] = va(
         t,
         e,
         this.initialZoom && !this.forceImageCover ? { scale: this.initialZoom } : void 0,
@@ -17024,7 +17030,7 @@ class ql extends Z {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return wt.selectVariant(
+    return yt.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17044,7 +17050,7 @@ class ql extends Z {
    * @param [recalculateOffsets=true] Optional: Recalculates the offsets of the image inside the frame. Default: `true`.
    */
   async selectImage(t, e = !0, a = !0) {
-    if (await wt.selectImage(this.step, t, this.manager, a), e) {
+    if (await yt.selectImage(this.step, t, this.manager, a), e) {
       const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17082,7 +17088,7 @@ class ql extends Z {
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const a = await O.removeBackgroundFromAsset(e);
-    t && await wt.selectImage(this.step, a, this.manager, !1);
+    t && await yt.selectImage(this.step, a, this.manager, !1);
     const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17093,7 +17099,7 @@ class ql extends Z {
     }), a;
   }
   changeColors(t) {
-    wt.changeColors(this.step, this.manager, t);
+    yt.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17103,7 +17109,7 @@ class ql extends Z {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? wt.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? yt.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -17116,7 +17122,7 @@ class ql extends Z {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return wt.getUniqueColorCount(this.step, this.manager);
+    return yt.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(t, e, a, n) {
     return n && n.length > 1 && t === void 0 ? "SelectFrame" : e || a || this.getImageData() ? "Position" : "SelectImage";
@@ -17186,7 +17192,7 @@ const jl = w`
             id
         }
     }
-`, Da = w`
+`, Pa = w`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17353,7 +17359,7 @@ const jl = w`
   },
   context: t
 }), Pd = async (r, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Da,
+  query: Pa,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17373,7 +17379,7 @@ const jl = w`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], Dd = async (r, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Da,
+  query: Pa,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17393,7 +17399,7 @@ const jl = w`
     limit: t
   }
 }))?.data.customerTransactionsFeed?.items || [], Fd = async (r, t, e) => (await y.getShadowGraphqlClient().query({
-  query: Da,
+  query: Pa,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17440,7 +17446,7 @@ K = { __e: function(r, t, e, a) {
       }
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
-var st, Xe, tn, ir = [], Ze = [], en = K.__b, an = K.__r, nn = K.diffed, rn = K.__c, sn = K.unmount;
+var st, Xe, Za, ir = [], Ze = [], tn = K.__b, en = K.__r, an = K.diffed, nn = K.__c, rn = K.unmount;
 function ec() {
   for (var r; r = ir.shift(); )
     if (r.__P && r.__H)
@@ -17451,17 +17457,17 @@ function ec() {
       }
 }
 K.__b = function(r) {
-  st = null, en && en(r);
+  st = null, tn && tn(r);
 }, K.__r = function(r) {
-  an && an(r);
+  en && en(r);
   var t = (st = r.__c).__H;
   t && (Xe === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
     e.__N && (e.__ = e.__N), e.__V = Ze, e.__N = e.i = void 0;
   })) : (t.__h.forEach(we), t.__h.forEach(da), t.__h = [])), Xe = st;
 }, K.diffed = function(r) {
-  nn && nn(r);
+  an && an(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (ir.push(t) !== 1 && tn === K.requestAnimationFrame || ((tn = K.requestAnimationFrame) || ac)(ec)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (ir.push(t) !== 1 && Za === K.requestAnimationFrame || ((Za = K.requestAnimationFrame) || ac)(ec)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ze && (e.__ = e.__V), e.i = void 0, e.__V = Ze;
   })), Xe = st = null;
 }, K.__c = function(r, t) {
@@ -17475,9 +17481,9 @@ K.__b = function(r) {
         n.__h && (n.__h = []);
       }), t = [], K.__e(a, e.__v);
     }
-  }), rn && rn(r, t);
+  }), nn && nn(r, t);
 }, K.unmount = function(r) {
-  sn && sn(r);
+  rn && rn(r);
   var t, e = r.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
     try {
@@ -17487,12 +17493,12 @@ K.__b = function(r) {
     }
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
-var on = typeof requestAnimationFrame == "function";
+var sn = typeof requestAnimationFrame == "function";
 function ac(r) {
   var t, e = function() {
-    clearTimeout(a), on && cancelAnimationFrame(t), setTimeout(r);
+    clearTimeout(a), sn && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
-  on && (t = requestAnimationFrame(e));
+  sn && (t = requestAnimationFrame(e));
 }
 function we(r) {
   var t = st, e = r.__c;
@@ -17524,7 +17530,7 @@ const sr = w`
         }
         missingComponentTypes
     }
-`, Fa = w`
+`, Da = w`
     ${sr}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17537,14 +17543,14 @@ const sr = w`
         }
     }
 `, nc = w`
-    ${Fa}
+    ${Da}
     query GetAddressValidationJobs($ids: [String!]!) {
         addressValidationJobs(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
 `, rc = w`
-    ${Fa}
+    ${Da}
     query GetRecipientsWithAddressValidationJobs($ids: [String!]!) {
         recipients(ids: $ids) {
             id
@@ -17561,7 +17567,7 @@ const sr = w`
         }
     }
 `, sc = w`
-    ${Fa}
+    ${Da}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
@@ -17618,7 +17624,7 @@ export {
   oc as AddressValidationResultConfirmationLevel,
   ud as ArrayInput,
   L as AspectType,
-  vt as AssetNotFoundError,
+  Et as AssetNotFoundError,
   ye as AssetType,
   id as BringForwardCommand,
   rd as BringToBackCommand,
@@ -17626,7 +17632,7 @@ export {
   br as BundleDesignCreationCartAddMode,
   N as CanvasCommand,
   Ae as CollectionProduct,
-  _a as ColorOptionGlobalPropertyHandle,
+  Ka as ColorOptionGlobalPropertyHandle,
   ds as CommandContext,
   Ce as ConversionDataType,
   tc as ConversionLocation,
@@ -17643,16 +17649,16 @@ export {
   ms as FontAlignmentCommand,
   us as FontColorCommand,
   hs as FontSizeCommand,
-  qa as FontSourceCommand,
+  Wa as FontSourceCommand,
   Gl as FrameService,
   Wl as FrameStep,
   ql as FrameStepHandle,
-  Ia as GlobalPropertyHandle,
+  Ba as GlobalPropertyHandle,
   R as GroupCommand,
   So as IllustrationStepHandle,
   $e as InformationMessageType,
   Do as InformationStepHandle,
-  Xa as IntegrationProduct,
+  _a as IntegrationProduct,
   Ir as IntegrationType,
   Xc as LayoutElementFactory,
   x as LayoutElementType,
@@ -17675,9 +17681,9 @@ export {
   Cl as ProductCollectionProductSortKey,
   qt as ProductWorkflow,
   Kt as PromiseCache,
-  kn as PromiseQueue,
+  xn as PromiseQueue,
   Bo as QuestionStepHandle,
-  xn as QueueablePromise,
+  Fn as QueueablePromise,
   ed as ResizeCommand,
   Yt as ResourceNotFoundError,
   td as RotateCommand,
@@ -17720,7 +17726,7 @@ export {
   $ as findElement,
   $c as findPmsColors,
   Vt as frameDataCache,
-  wt as frameStepService,
+  yt as frameStepService,
   M as generate,
   al as generateCommands,
   ot as generateSVGWithUnknownColors,
@@ -17743,7 +17749,7 @@ export {
   Gc as getPointOfRotation,
   dd as getProductCollections,
   jc as getSEPoint,
-  Sa as getSvgElement,
+  ya as getSvgElement,
   xd as getTemplateBundles,
   Fd as getTemplateTransactions,
   gd as getTransaction,
@@ -17776,17 +17782,17 @@ export {
   Jn as questionStepService,
   Nc as registerFetchImplementation,
   Tc as registerWindowImplementation,
-  Ga as rehydrateSerializedLayout,
+  za as rehydrateSerializedLayout,
   _r as rgbToPms,
   ce as rotateAroundPoint,
   pa as sanitizeSvgTree,
   zr as setBearerAuthenticationToken,
-  Cn as setCanvasModule,
+  fn as setCanvasModule,
   zt as shapeStepService,
   ws as shortenUrl,
   gt as spiffCoreConfiguration,
   ld as stepAspectValuesToDesignInputSteps,
-  $a as svgColorValueToDefinition,
+  Oa as svgColorValueToDefinition,
   Ln as svgStringDimensions,
   ha as svgToDataUrl,
   G as textStepService,