@spiffcommerce/core 31.2.3 → 31.2.4-beta.16471a59-8ca0-5e4a-9c5b-62bee464c78e

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;
 };
@@ -336,12 +336,12 @@ class jr {
           d = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, p = s.applicationKey ?? c.applicationKey, g = s.bundleOwnerId;
+      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
-          const C = window.__SENTRY__.hub;
-          if (C) {
-            const S = C.traceHeaders();
+          const f = window.__SENTRY__.hub;
+          if (f) {
+            const S = f.traceHeaders();
             Object.entries(S).forEach(([b, I]) => {
               l[b] = I;
             });
@@ -349,7 +349,7 @@ class jr {
         }
       } catch {
       }
-      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), p && (l["X-Application-Key"] = p), g && (l.bundleOwnerId = g), l["Allow-Moonlight-Redirect"] = "true", {
+      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
         headers: l
       };
     }), a = ur(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -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.
@@ -5339,14 +5339,14 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: i }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, C = M(), S = a.purpose === Ht.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: p.width, height: p.height, rx: h }) }) }), b = a.colorProfiles?.map((E, P) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === Ht.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), b = a.colorProfiles?.map((E, P) => (
     /* @ts-ignore */
     /* @__PURE__ */ D("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, P)
   )), I = n.map((E) => ({
     ...E,
     _renderingConfiguration: a,
-    mask: l ? `url(#viewmask-${C})` : void 0
-  })), f = va(I);
+    mask: l ? `url(#viewmask-${f})` : void 0
+  })), C = Sa(I);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5364,7 +5364,7 @@ const M = () => {
         maxHeight: s,
         position: c
       },
-      viewBox: g,
+      viewBox: p,
       children: [
         b,
         S,
@@ -5372,8 +5372,8 @@ const M = () => {
           "rect",
           {
             id: "layout-background",
-            width: p.width,
-            height: p.height,
+            width: g.width,
+            height: g.height,
             fill: r,
             rx: h
           }
@@ -5383,7 +5383,7 @@ const M = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: f.map((E) => $n(E)).filter((E) => !!E)
+            children: C.map((E) => $n(E)).filter((E) => !!E)
           }
         ),
         l && /* @__PURE__ */ D(
@@ -5399,14 +5399,14 @@ const M = () => {
             strokeDasharray: `${m * 2} ${m}`
           }
         ),
-        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${C}`, children: [
+        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
           /* @__PURE__ */ D(
             "rect",
             {
-              x: p.x,
-              y: p.y,
-              width: p.width,
-              height: p.height,
+              x: g.x,
+              y: g.y,
+              width: g.width,
+              height: g.height,
               fill: "black"
             }
           ),
@@ -5425,12 +5425,12 @@ const M = () => {
     }
   );
 }, Uc = (r, t, e, a, n) => {
-  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, p = o, g = u * A - m * d, C = h * A - p * d, S = u * d + m * A, b = h * d + p * A, I = Math.max(Math.abs(g), Math.abs(C)), f = Math.max(Math.abs(S), Math.abs(b));
+  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
   return {
     minX: l - I,
     maxX: l + I,
-    minY: c - f,
-    maxY: c + f
+    minY: c - C,
+    maxY: c + C
   };
 }, Lc = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
@@ -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(
@@ -5587,15 +5587,15 @@ const M = () => {
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, p = r.pattern?.scaleX || 1, g = r.pattern?.scaleY || 1, C = r.pattern?.rotation || 0;
+    const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, g = r.pattern?.scaleX || 1, p = r.pattern?.scaleY || 1, f = r.pattern?.rotation || 0;
     return [r.pattern?.svg ? {
       id: `${t}-contents`,
       type: x.Illustration,
       x: A,
       y: u,
-      rotation: C,
-      width: h * p,
-      height: m * g,
+      rotation: f,
+      width: h * g,
+      height: m * p,
       src: a(),
       svg: r.pattern?.svg,
       colors: r.pattern?.colors
@@ -5604,9 +5604,9 @@ const M = () => {
       type: x.Image,
       x: A,
       y: u,
-      rotation: C,
-      width: h * p,
-      height: m * g,
+      rotation: f,
+      width: h * g,
+      height: m * p,
       src: a()
     }];
   };
@@ -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,53 +5714,53 @@ 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"
-        )?.value, p = u.declarations.find((g) => g.property === "src")?.value?.match(/'(https.*?)'/)?.[1];
-        h && p && n.set(h, p);
+          (p) => p.property === "font-family"
+        )?.value, g = u.declarations.find((p) => p.property === "src")?.value?.match(/'(https.*?)'/)?.[1];
+        h && g && n.set(h, g);
       }
     });
   });
   const s = e.querySelectorAll("tspan");
   for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), p = await Nt(n.get(m)), g = u.getAttribute("fill"), C = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = p.getPath(
+    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(n.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = g.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
     ), I = b.getBoundingBox().x2 - b.getBoundingBox().x1;
-    let f = 0;
+    let C = 0;
     const E = A.getAttribute("text-anchor");
-    E === "middle" ? f = I / 2 : E === "end" && (f = I);
-    const P = p.getPath(
+    E === "middle" ? C = I / 2 : E === "end" && (C = I);
+    const P = g.getPath(
       A.innerHTML,
-      parseFloat(A.getAttribute("x") ?? "0") - f,
+      parseFloat(A.getAttribute("x") ?? "0") - C,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    P.fill = g, P.stroke = C, P.strokeWidth = parseFloat(S ?? "0");
+    P.fill = p, P.stroke = f, P.strokeWidth = parseFloat(S ?? "0");
     const B = P.toSVG(2), Q = t.parseFromString(B, "image/svg+xml").firstElementChild;
     h.appendChild(Q);
   }
   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);
@@ -5801,8 +5801,8 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
       l = Math.max(l, mt(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], p = mt(`${A.join(" ")} ${m}`, e, a);
-        p <= t ? (A.push(m), l = Math.max(l, p), u++) : h = !1;
+        const m = s[u], g = mt(`${A.join(" ")} ${m}`, e, a);
+        g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
     }
@@ -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(
@@ -5961,28 +5961,34 @@ const ss = (r) => {
         },
         stroke: A,
         strokeWidth: u,
-        children: r.curved ? /* @__PURE__ */ D(ls, { text: c, curvedPathId: i, align: r.align }) : d.map((m, p) => /* @__PURE__ */ D(
+        children: r.curved ? /* @__PURE__ */ D(ls, { text: c, curvedPathId: i, align: r.align }) : d.map((m, g) => /* @__PURE__ */ D(
           os,
           {
             align: r.vertical ? "center" : r.align,
             fontSize: r.fontSize,
-            thisLineIdx: p,
+            thisLineIdx: g,
             amountLines: d.length,
             text: m,
             textboxHeight: r.height,
             textboxWidth: r.width,
             lineHeight: r.lineHeight,
             vertical: r.vertical,
-            verticalAlign: r.verticalAlign
+            verticalAlign: r.verticalAlign,
+            fontData: r.fontData
           },
-          p
+          g
         ))
       }
     ) }) })
   ] });
 }, 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 {
@@ -6333,8 +6339,8 @@ const ne = (r) => {
       fetch: rt
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
-      const p = parseFloat(h), C = parseFloat(u) / p;
-      C > 1 ? A.resize(m, m / C) : A.resize(m * C, m);
+      const g = parseFloat(h), f = parseFloat(u) / g;
+      f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
     } else
       A.resize(m, m);
     return await A.render(), await t(c);
@@ -6357,8 +6363,8 @@ const ne = (r) => {
   if (e && t === x.Illustration) {
     const l = await ot(await Vn(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u) throw new Error("SVG missing viewBox.");
-    const h = o.height, m = u.split(" "), p = parseFloat(m[2]) || 1, g = parseFloat(m[3]) || 1, C = p / g;
-    o.height = o.width / C, o.top += (h - o.height) / 2;
+    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
+    o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === x.Image) {
     const l = o.height, c = await Me(e), d = await Ne(c), A = d.width / d.height;
@@ -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);
@@ -7357,18 +7363,18 @@ class ys {
   }
   async regenerateQRCode(t, e, a, n) {
     const i = async () => {
-      const h = (await be([e]))[0], m = h?.versions?.find((p) => p.name === "mpeg4")?.link;
+      const h = (await be([e]))[0], m = h?.versions?.find((g) => g.name === "mpeg4")?.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
       new Gn(
         async () => !!(await i()).link,
         async () => {
-          const p = await i();
-          if (!p.link || !p.link)
-            throw new Yt(p.asset);
+          const g = await i();
+          if (!g.link || !g.link)
+            throw new Yt(g.asset);
           h({
             rel: "mpeg4",
-            href: p.link
+            href: g.link
           });
         },
         () => {
@@ -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,18 +7709,18 @@ 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(
-          g,
+        const g = await Oe(l[m]), p = o.getImageData(), f = a.map((P) => new bt(P.id)), S = p ? va(
           p,
+          g,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, b = g ? {
+        ) : void 0, b = p ? {
           id: M(),
-          src: g.src,
+          src: p.src,
           x: S?.x || 0,
           y: S?.y || 0,
-          width: g.width,
-          height: g.height,
+          width: p.width,
+          height: p.height,
           scaleX: S?.zoom || 1,
           scaleY: S?.zoom || 1,
           rotation: 0
@@ -7723,7 +7729,7 @@ class Pe {
           throw new Y(h);
         return {
           command: this.getCreateElementCommand(I, h, E, {
-            frameData: p,
+            frameData: g,
             pattern: b,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
@@ -7732,7 +7738,7 @@ class Pe {
             id: I,
             region: h
           },
-          removeExistingCommands: C
+          removeExistingCommands: f
         };
       })
     ), A = d.map((h) => h.command), u = d.map((h) => h.removeExistingCommands).flat();
@@ -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) => {
@@ -7915,12 +7921,12 @@ class Ss {
       n().map((h) => h.layoutState)
     ), o = { ...s.colors }, l = {};
     Object.entries(o).forEach(([h, m]) => {
-      const p = { browserValue: m.browserValue, pmsValue: m.pmsValue }, g = m.spotColor;
-      g && (p.spotColor = { profileName: g.profileName, namedColor: g.namedColor }), l[h] = p;
+      const g = { browserValue: m.browserValue, pmsValue: m.pmsValue }, p = m.spotColor;
+      p && (g.spotColor = { profileName: p.profileName, namedColor: p.namedColor }), l[h] = g;
     });
     for (const [h, m] of i.entries()) {
-      const p = typeof m == "string" ? m : m.browserValue, g = typeof m == "string" ? void 0 : m.pmsValue;
-      o[h] = { browserValue: p, spotColor: o[h]?.spotColor, pmsValue: g }, l[h] = { browserValue: p };
+      const g = typeof m == "string" ? m : m.browserValue, p = typeof m == "string" ? void 0 : m.pmsValue;
+      o[h] = { browserValue: g, spotColor: o[h]?.spotColor, pmsValue: p }, l[h] = { browserValue: g };
     }
     let c = Array.from(Object.values(o)).map((h) => h.browserValue);
     const d = t.data.colorOption;
@@ -7951,34 +7957,34 @@ class Ss {
     if (!t.data || !t.data.regions)
       throw new Ee(t, "Missing regions.");
     n(!0);
-    const s = a.map((C) => new bt(C.id));
+    const s = a.map((f) => new bt(f.id));
     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);
-    const c = await ot(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (C) => {
-      const S = i.getLayouts().find((I) => I.panelId === C.panelId);
+    const c = await ot(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (f) => {
+      const S = i.getLayouts().find((I) => I.panelId === f.panelId);
       if (!S)
-        throw new Y(C);
+        throw new Y(f);
       const b = M();
       return {
-        regionElement: { id: b, region: C },
-        command: this.getCreateElementCommand(b, C, S, {
+        regionElement: { id: b, region: f },
+        command: this.getCreateElementCommand(b, f, S, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
           svg: c
         })
       };
-    }, u = t.data.regions.map(A), m = [...u.map((C) => C.command), ...s];
-    let p = Array.from(Object.values(c.colors)).map((C) => C.browserValue);
-    const g = t.data.colorOption;
-    return g && g.variants?.forEach((C) => {
-      p = p.map((S) => S.toLowerCase() === C.color?.toLowerCase() ? C.name : S);
-    }), i.updateMetadata(t.stepName, { colors: p }), {
+    }, u = t.data.regions.map(A), m = [...u.map((f) => f.command), ...s];
+    let g = Array.from(Object.values(c.colors)).map((f) => f.browserValue);
+    const p = t.data.colorOption;
+    return p && p.variants?.forEach((f) => {
+      g = g.map((S) => S.toLowerCase() === f.color?.toLowerCase() ? f.name : S);
+    }), i.updateMetadata(t.stepName, { colors: g }), {
       command: new R(m),
       followup: async () => {
         await i.setSelectionsAndElements(
@@ -7989,12 +7995,12 @@ class Ss {
             i.setMandatoryFulfilled(t.stepName, !0), n(!1);
           }
         );
-        const C = o.assetConfiguration?.defaultColorVariants || [];
-        if (C.length !== 0) {
+        const f = o.assetConfiguration?.defaultColorVariants || [];
+        if (f.length !== 0) {
           const S = {};
           (o.assetConfiguration?.channelNumbers || []).forEach((I) => {
-            const f = C.find((E) => E.channelNumber === I.number);
-            f && (S[`${I.id.replace(/\W/g, "")}`] = { browserValue: f?.variant?.color || "" });
+            const C = f.find((E) => E.channelNumber === I.number);
+            C && (S[`${I.id.replace(/\W/g, "")}`] = { browserValue: C?.variant?.color || "" });
           }), await this.changeColors(
             t,
             u.map((I) => I.regionElement),
@@ -8006,18 +8012,18 @@ class Ss {
         if (t.data.colorPickerEnabled) {
           const S = await this.availableColors(t, i) || [], b = Object.keys(c.colors), I = S.length === 1 && b.length === 1;
           if (I) {
-            const f = S[0], E = b[0];
+            const C = S[0], E = b[0];
             await this.changeColors(
               t,
               u.map((P) => P.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
-              /* @__PURE__ */ new Map([[E, f.variant.color]])
+              /* @__PURE__ */ new Map([[E, C.variant.color]])
             );
           }
-          !I && C.length === 0 && await this.changeColors(
+          !I && f.length === 0 && await this.changeColors(
             t,
-            u.map((f) => f.regionElement),
+            u.map((C) => C.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
             /* @__PURE__ */ new Map()
@@ -8062,8 +8068,8 @@ class vs {
             async () => {
               const h = e.getModelContainer();
               if (h) {
-                const m = t.data.targetMaterials.map((p) => h.applyMaterialVariant(
-                  p,
+                const m = t.data.targetMaterials.map((g) => h.applyMaterialVariant(
+                  g,
                   l.id || "",
                   A || {}
                 ));
@@ -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 () => {
@@ -8218,11 +8224,11 @@ class bs {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (d, A, u) => {
-      const h = u || M(), p = a.getLayouts().find((C) => C.panelId === A.panelId);
-      if (!p)
+      const h = u || M(), g = a.getLayouts().find((f) => f.panelId === A.panelId);
+      if (!g)
         return console.error(`Can not find layout for region: ${A.panelId}`), null;
-      const g = [];
-      return u && g.push(new bt(h)), g.push(
+      const p = [];
+      return u && p.push(new bt(h)), p.push(
         new z(
           {
             stepRegion: A,
@@ -8240,12 +8246,12 @@ class bs {
             layerIndex: A.layerIndex,
             immutable: A.immutable
           },
-          p
+          g
         )
       ), {
         id: h,
         region: A,
-        command: new R(g)
+        command: new R(p)
       };
     };
     if (i.length > 0) {
@@ -8338,13 +8344,13 @@ 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;
     n(!0), t.mandatory && a.setMandatoryFulfilled(t.stepName, !1);
     const l = a.getRegionElements(t.stepName).map((A) => new bt(A.id)), c = (A) => {
-      const h = a.getLayouts().find((p) => p.panelId === A.panelId);
+      const h = a.getLayouts().find((g) => g.panelId === A.panelId);
       if (!h)
         throw new Y(A);
       const m = M();
@@ -8542,7 +8548,7 @@ class Ps {
         const h = i.find((S) => S.panelId === u.panelId);
         if (!h)
           throw new Y(u);
-        const m = o(), p = `
+        const m = o(), g = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -8562,19 +8568,19 @@ class Ps {
                             fill="${m}"
                         />
                     </svg>
-                `, g = {};
-        g[this.shapeFillId] = { browserValue: m };
-        const C = M();
+                `, p = {};
+        p[this.shapeFillId] = { browserValue: m };
+        const f = M();
         return {
-          id: C,
+          id: f,
           region: u,
           command: new z(
             {
               stepRegion: u,
               stepName: t.stepName,
-              colors: g,
-              id: C,
-              svg: p,
+              colors: p,
+              id: f,
+              svg: g,
               type: x.Illustration,
               y: u.top,
               x: u.left,
@@ -8645,14 +8651,14 @@ const Fs = new Ds(), Ye = (r, t, e, a, n) => {
     const A = Math.max(...o);
     if (A <= r.width)
       return [i, A];
-    const u = o.reduce((g, C, S, b) => C > b[g] ? S : g, 0), h = i[u];
-    let m = !1, p = h.length;
-    for (; !m && p > -1; ) {
-      p = h.lastIndexOf(" ", p - 1);
-      const g = [h.slice(0, p), h.slice(p + 1)], C = g.map((b) => mt(b, a, n));
-      C[0] <= r.width && (i = [...i.slice(0, u), ...g, ...i.slice(u + 1)], o = [
+    const u = o.reduce((p, f, S, b) => f > b[p] ? S : p, 0), h = i[u];
+    let m = !1, g = h.length;
+    for (; !m && g > -1; ) {
+      g = h.lastIndexOf(" ", g - 1);
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => mt(b, a, n));
+      f[0] <= r.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
-        ...C,
+        ...f,
         ...o.slice(u + 1)
       ], s += 1, m = !0);
     }
@@ -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++)
@@ -8740,12 +8746,12 @@ class ks {
       let A = t.data.defaultText || "";
       const u = e.getWorkflowExperience().getBundle();
       if (u && t.globalPropertyAspectConfigurations) {
-        const p = u.getGlobalPropertyConfiguration()?.aspects?.find(
-          (g) => g.type === L.Text && t.globalPropertyAspectConfigurations?.map((C) => C.aspectName).includes(g.name)
+        const g = u.getGlobalPropertyConfiguration()?.aspects?.find(
+          (p) => p.type === L.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
         );
-        if (p) {
-          const C = u.getGlobalPropertyStateManager().getAspect(p.name);
-          C && (A = C);
+        if (g) {
+          const f = u.getGlobalPropertyStateManager().getAspect(g.name);
+          f && (A = f);
         }
       }
       e.updateStorage(t.stepName, {
@@ -8923,9 +8929,9 @@ class ks {
         { size: a.data.size, minSize: a.data.minSize, maxSize: a.data.maxSize }
       );
       d.set(u.id, h), A.set(u.id, m);
-      const p = a.data.curved ? s : (m || []).join(`
+      const g = a.data.curved ? s : (m || []).join(`
 `);
-      c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, p));
+      c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, g));
     }
     return !a.data.curved && e.length > 0 && !Array.from(A.values()).every((h) => h) ? (l.errorData || (l.errorData = {}), l.errorData.doesNotFit = !0, l) : (n.updateStorage(a.stepName, { text: t }), n.updateMetadata(a.stepName, {
       text: s
@@ -8964,15 +8970,15 @@ class ks {
       if (l && c) {
         const d = l.variants?.find((A) => A.id === c);
         if (d) {
-          const A = await this.fontDataFromVariant(d), u = o.map((g) => ({ id: g.id, region: g.stepRegion })), h = n.storage?.color;
+          const A = await this.fontDataFromVariant(d), u = o.map((p) => ({ id: p.id, region: p.stepRegion })), h = n.storage?.color;
           let m = n.storage?.text;
-          const p = e.getWorkflowExperience().getBundle();
-          if (p && t.globalPropertyAspectConfigurations) {
-            const C = p.getGlobalPropertyConfiguration()?.aspects?.find(
+          const g = e.getWorkflowExperience().getBundle();
+          if (g && t.globalPropertyAspectConfigurations) {
+            const f = g.getGlobalPropertyConfiguration()?.aspects?.find(
               (S) => S.type === L.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
             );
-            if (C) {
-              const b = p.getGlobalPropertyStateManager().getAspect(C.name);
+            if (f) {
+              const b = g.getGlobalPropertyStateManager().getAspect(f.name);
               b && (m = b);
             }
           }
@@ -8982,15 +8988,15 @@ 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);
-              e.getCommandDispatcher()(C);
+              const p = o.map((S) => new Wa(S.id, A)), f = new R(p);
+              e.getCommandDispatcher()(f);
             }
           ), o.length === 0 && l) {
-            const g = H.getDefaultVariant(l);
-            if (g) {
-              const C = await this.selectVariantCommand(
+            const p = H.getDefaultVariant(l);
+            if (p) {
+              const f = await this.selectVariantCommand(
                 t,
-                g,
+                p,
                 { text: m },
                 [],
                 e,
@@ -8999,16 +9005,16 @@ class ks {
                 () => {
                 }
               );
-              e.getCommandDispatcher()(C.command);
+              e.getCommandDispatcher()(f.command);
             }
           } else {
-            const { command: g } = G.updateInputText(
+            const { command: p } = G.updateInputText(
               m || "",
               o,
               t,
               e
             );
-            g && e.getCommandDispatcher()(g);
+            p && e.getCommandDispatcher()(p);
           }
         }
       }
@@ -9024,7 +9030,7 @@ class ks {
             if (o.length === 0 && l) {
               const m = H.getDefaultVariant(l);
               if (m) {
-                const p = await this.selectVariantCommand(
+                const g = await this.selectVariantCommand(
                   t,
                   m,
                   { text: h },
@@ -9035,7 +9041,7 @@ class ks {
                   () => {
                   }
                 );
-                e.getCommandDispatcher()(p.command);
+                e.getCommandDispatcher()(g.command);
               }
             } else {
               const { command: m } = G.updateInputText(
@@ -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,16 +9091,16 @@ 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((g) => new Wa(g.id, A));
       if (l) {
-        const p = n.map((g) => new je(g.id, l));
-        u.push(...p);
+        const g = n.map((p) => new je(p.id, l));
+        u.push(...g);
       }
       if (c) {
-        const p = n.map(
-          (g) => new He(g.id, c, t.data.strokeThickness)
+        const g = n.map(
+          (p) => new He(p.id, c, t.data.strokeThickness)
         );
-        u.push(...p);
+        u.push(...g);
       }
       const h = await this.changeInputTextWithRegion(
         t,
@@ -9131,18 +9137,18 @@ class ks {
         a?.customiseAllText ?? !1,
         s,
         o
-      ), m = u.flatMap((g) => g.commands);
+      ), m = u.flatMap((p) => p.commands);
       if (l) {
-        const g = u.map(
-          (C) => new je(C.regionElement.id, l)
+        const p = u.map(
+          (f) => new je(f.regionElement.id, l)
         );
-        m.push(...g);
+        m.push(...p);
       }
       if (c) {
-        const g = n.map(
-          (C) => new He(C.id, c, t.data.strokeThickness)
+        const p = n.map(
+          (f) => new He(f.id, c, t.data.strokeThickness)
         );
-        m.push(...g);
+        m.push(...p);
       }
       return h && m.push(h), {
         command: new R(m),
@@ -9164,16 +9170,16 @@ class ks {
     if (!a || !a.regions)
       throw new Error("Step data not supplied");
     const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = Ft(l, s), d = async (u) => {
-      const m = s.getLayouts().find((g) => g.panelId === u.panelId), p = M();
+      const m = s.getLayouts().find((p) => p.panelId === u.panelId), g = M();
       try {
         if (!m)
           throw new Fe("Failed to find layout for region: " + u.panelId);
-        const g = a.colorOption;
-        let C;
-        if (g && g.variants) {
-          const tt = g.variants.find((et) => et.id === g.defaultVariant?.id) || g.variants[0];
-          C = this.createTextFillSpotColor(g, tt), s.updateStorage(t, {
-            colorProfileAssetKey: g.colorProfile?.key
+        const p = a.colorOption;
+        let f;
+        if (p && p.variants) {
+          const tt = p.variants.find((et) => et.id === p.defaultVariant?.id) || p.variants[0];
+          f = this.createTextFillSpotColor(p, tt), s.updateStorage(t, {
+            colorProfileAssetKey: p.colorProfile?.key
           });
         }
         const S = await this.getDefaultColor(a), b = S || "#000000", I = {
@@ -9183,7 +9189,7 @@ class ks {
           fill: i.color ? i.color : b,
           fontSize: a.size || Je,
           fontData: n,
-          id: p,
+          id: g,
           layer: u.layer,
           layerIndex: u.layerIndex,
           rotation: u.rotation,
@@ -9199,8 +9205,8 @@ class ks {
           verticalAlign: a.verticalAlign || "middle",
           curved: a.curved,
           paths: a.paths,
-          fillSpotColorDefinition: C
-        }, f = [], E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
+          fillSpotColorDefinition: f
+        }, C = [], E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
         if (!I.fontData) throw new V("Failed to resolve font data for text.");
         const [B, F] = fe(
           I.fontSize,
@@ -9219,18 +9225,18 @@ class ks {
         E.set(I.id, B), P.set(I.id, F);
         const Q = a.curved || a.vertical ? l : (F || []).join(`
 `);
-        f.push(
+        C.push(
           this.generateTextChangeCommandsForRegion(B, a, I.id, Q)
         );
         const T = new z(I, m);
         return {
-          regionElement: { id: p, region: u },
-          commands: [T, ...f],
+          regionElement: { id: g, region: u },
+          commands: [T, ...C],
           newElement: I,
           fontData: n
         };
-      } catch (g) {
-        throw console.log(g), new De("Error adding font to region");
+      } catch (p) {
+        throw console.log(p), new De("Error adding font to region");
       }
     }, A = await Promise.all(a.regions.map(d)).catch((u) => {
       throw u instanceof De ? (Fs.setLatestToast("Failed to load font.", $e.Error), u) : u instanceof Fe ? u : new Error(u);
@@ -9260,30 +9266,30 @@ class ks {
    * @deprecated
    */
   async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, d) {
-    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = Ft(u, s), m = s.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-    for (const f of m)
-      if (f.region) {
+    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = Ft(u, s), m = s.getRegionElements(t.stepName), g = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+    for (const C of m)
+      if (C.region) {
         const [E, P] = fe(
           e,
           a,
-          f.region,
+          C.region,
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        p.set(f.id, E), g.set(f.id, P);
+        g.set(C.id, E), p.set(C.id, P);
       }
     const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const f = s.getProfanities(), E = ea(u.toLowerCase());
+      const C = s.getProfanities(), E = ea(u.toLowerCase());
       for (const P of E)
-        for (const B in f) {
-          const F = f[B].toLowerCase().replace(/\s/g, "");
+        for (const B in C) {
+          const F = C[B].toLowerCase().replace(/\s/g, "");
           if (P === F)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((B) => B) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(p.values()).every((B) => B) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
     })();
     if (S.error) {
       c(S.error);
@@ -9295,14 +9301,14 @@ class ks {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const b = [];
-    for (const f of m) {
-      const E = t.data.curved ? u : (g.get(f.id) || []).join(`
+    for (const C of m) {
+      const E = t.data.curved ? u : (p.get(C.id) || []).join(`
 `);
       b.push(
         this.generateTextChangeCommandsForRegion(
-          p.get(f.id) || 1,
+          g.get(C.id) || 1,
           t.data,
-          f.id,
+          C.id,
           E
         )
       );
@@ -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}.`
@@ -9471,10 +9477,10 @@ class Ls extends Ms {
       b.classList.add("module-text-group");
       const I = at("defs");
       b.appendChild(I), I.appendChild(Qs(0, 2, 2, "shadow"));
-      const f = at("path");
-      f.setAttribute("d", d), f.setAttribute("stroke", "black"), f.setAttribute("stroke-width", "3"), I.appendChild(f);
+      const C = at("path");
+      C.setAttribute("d", d), C.setAttribute("stroke", "black"), C.setAttribute("stroke-width", "3"), I.appendChild(C);
       const E = at("g");
-      E.classList.add("module-layer0"), b.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = f.outerHTML;
+      E.classList.add("module-layer0"), b.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = C.outerHTML;
       const P = at("g");
       P.classList.add("module-layer1"), b.appendChild(P), P.setAttribute("stroke-width", "3"), P.setAttribute("stroke", "rgb(45,41,38)"), P.setAttribute("fill", "rgb(45,41,38)"), P.setAttribute("transform", "translate(0.5,0)"), P.innerHTML = o;
       const B = at("g");
@@ -9487,14 +9493,14 @@ class Ls extends Ms {
     u.appendChild(h);
     const m = at("g");
     m.classList.add("module-bounds"), u.appendChild(m);
-    const p = Ns(e.height, e.width);
-    p.setAttribute("opacity", "0"), m.appendChild(p);
-    const g = at("g");
-    g.classList.add("module-text-enclosure"), u.appendChild(g);
-    const C = A();
-    g.appendChild(C);
+    const g = Ns(e.height, e.width);
+    g.setAttribute("opacity", "0"), m.appendChild(g);
+    const p = at("g");
+    p.classList.add("module-text-enclosure"), u.appendChild(p);
+    const f = A();
+    p.appendChild(f);
     const S = fr(d);
-    return Os(g, S, e.height, e.width, 0.35, 0.65), Rs(u.outerHTML);
+    return Os(p, S, e.height, e.width, 0.35, 0.65), Rs(u.outerHTML);
   }
 }
 async function Kn(r) {
@@ -9561,7 +9567,7 @@ const re = w`
   variables: {
     bundleId: r
   }
-})).data.globalPropertyState, Ws = w`
+})).data.globalPropertyState, Ws = (r) => w`
     ${Qe}
     fragment ProductFields on Product {
         id
@@ -9593,7 +9599,7 @@ const re = w`
         preloadImageUrl
         sku
         skuCode
-        workflows {
+        workflows${r ? "(filters: $productWorkflowFilters)" : ""} {
             id
             index
             friendlyName
@@ -9606,8 +9612,8 @@ const re = w`
             name
         }
     }
-`, Ba = w`
-    ${Ws}
+`, ba = (r) => w`
+    ${Ws(r)}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9616,8 +9622,8 @@ const re = w`
             ...ProductFields
         }
     }
-`, ie = (r) => w`
-    ${r ? Ba : ""}
+`, ie = (r, t = !1) => w`
+    ${r ? ba(t) : ""}
     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(!1)}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -9838,12 +9844,13 @@ const re = w`
         }
     }
 `, Js = w`
-    ${Ba}
+    ${ba(!0)}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
         $offset: Int
-        $filters: ProductCollectionProductFilterInput
+        $productFilters: ProductCollectionProductFilterInput
+        $productWorkflowFilters: MetafieldFilterListInput
         $tags: ProductCollectionProductTagFilterInput
         $sortKey: ProductCollectionProductSortKey
         $sortDescending: Boolean
@@ -9852,7 +9859,8 @@ const re = w`
         productCollections(ids: [$id]) {
             id
             productCollectionProductsFeed(
-                filters: $filters
+                filters: $productFilters
+                workflowFilters: $productWorkflowFilters
                 tags: $tags
                 limit: $limit
                 offset: $offset
@@ -10219,7 +10227,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;
   }
@@ -10232,14 +10240,14 @@ 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 = () => {
+  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, S = !1) {
+    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)
-        for (const [, f] of I)
-          f.render(b);
-    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = C, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = p, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = g, this.workflow.steps.forEach((b) => {
+        for (const [, C] of I)
+          C.render(b);
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((b) => {
       this.stepTags[b.stepName] = b.tags ?? [];
     }), S && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
@@ -10258,7 +10266,7 @@ class yo {
       a.type === Ce.FirstName ? e[n] = t?.firstName : a.type === Ce.LastName ? e[n] = t?.lastName : a.type === Ce.Custom && (a.customFieldIndex === 1 ? e[n] = t?.customField1 : a.customFieldIndex === 2 ? e[n] = t?.customField2 : a.customFieldIndex === 3 ? e[n] = t?.customField3 : a.customFieldIndex === 4 ? e[n] = t?.customField4 : a.customFieldIndex === 5 && (e[n] = t?.customField5));
     }), e;
   }
-  async updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, p, g, C) {
+  async updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
     if (this.transaction.recipient?.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
@@ -10276,9 +10284,9 @@ class yo {
         customField1: u || this.transaction.recipient.customField1,
         customField2: h || this.transaction.recipient.customField2,
         customField3: m || this.transaction.recipient.customField3,
-        customField4: p || this.transaction.recipient.customField4,
-        customField5: g || this.transaction.recipient.customField5,
-        conversionConfigurationId: C || this.transaction.recipient.conversionConfigurationId
+        customField4: g || this.transaction.recipient.customField4,
+        customField5: p || this.transaction.recipient.customField5,
+        conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
       }, await this.graphQlClient().mutate({
         mutation: fo,
         errorPolicy: "all",
@@ -10299,9 +10307,9 @@ class yo {
           customField1: u || this.transaction.recipient.customField1,
           customField2: h || this.transaction.recipient.customField2,
           customField3: m || this.transaction.recipient.customField3,
-          customField4: p || this.transaction.recipient.customField4,
-          customField5: g || this.transaction.recipient.customField5,
-          conversionConfigurationId: C || this.transaction.recipient.conversionConfigurationId
+          customField4: g || this.transaction.recipient.customField4,
+          customField5: p || this.transaction.recipient.customField5,
+          conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
         }
       });
     else {
@@ -10324,9 +10332,9 @@ class yo {
           customField1: u,
           customField2: h,
           customField3: m,
-          customField4: p,
-          customField5: g,
-          conversionConfigurationId: C
+          customField4: g,
+          customField5: p,
+          conversionConfigurationId: f
         }
       });
       this.transaction.recipient = {
@@ -10345,9 +10353,9 @@ class yo {
         customField1: u,
         customField2: h,
         customField3: m,
-        customField4: p,
-        customField5: g,
-        conversionConfigurationId: C
+        customField4: g,
+        customField5: p,
+        conversionConfigurationId: f
       }, await this.graphQlClient().mutate({
         mutation: Co,
         errorPolicy: "all",
@@ -10648,9 +10656,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 +10677,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 +10694,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 +10707,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 +10743,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 +10756,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
@@ -10839,14 +10847,14 @@ class yo {
     this.stepSelections = {
       ...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]);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
+      St(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
-    const s = this.allScenes, o = 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)
+    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+      (C) => !c.some((E) => E.stepName === C.stepName)
     );
-    c.forEach((f) => {
-      yt(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1);
+    c.forEach((C) => {
+      St(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10854,13 +10862,13 @@ class yo {
       ...h,
       [t]: a
     }, 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 = this.workflow.steps.find((C) => C.stepName === t);
+    g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
+    const p = u.map((C) => new bt(C.id)), f = new Ga(this.constructSerializableWorkflow()), S = [...m, ...p, f];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const b = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
-      const f = b.map(
+      const C = b.map(
         (E) => I.applyModelVariant(
           E,
           {
@@ -10869,7 +10877,7 @@ class yo {
           !1
         )
       );
-      await Promise.all(f);
+      await Promise.all(C);
     }
     await this.onSelectionChange(), n && await n();
   }
@@ -10888,7 +10896,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 +11827,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 +11911,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 +11923,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, g = l && Ja(l, t, !0), p = l && Ja(l, t, !1), f = async (B) => {
     const F = {};
     let Q = 0;
     if (Object.keys(i).length > 0)
@@ -11924,12 +11932,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,
@@ -11941,9 +11949,9 @@ const To = async (r, t) => {
         }
       }
     return [F, Q];
-  }, [S] = await C(!0), b = Object.fromEntries(
+  }, [S] = await f(!0), b = Object.fromEntries(
     Object.keys(S).map((B) => [B, S[B].map((F) => F.id)])
-  ), [I] = await C(!1), f = Object.fromEntries(
+  ), [I] = await f(!1), C = Object.fromEntries(
     Object.keys(I).map((B) => [
       B,
       I[B].map((F) => F.id)
@@ -11972,22 +11980,22 @@ const To = async (r, t) => {
         useThreeDimPreview: !!m,
         previewImage: E
       };
-      if (g) {
+      if (p) {
         const F = [];
-        for (const [Q, T] of Object.entries(g))
+        for (const [Q, T] of Object.entries(p))
           F.push({ key: Q, value: T });
         B.metadata = F;
       }
       if (b) {
         const F = [];
-        for (const [Q, T] of Object.entries(f))
+        for (const [Q, T] of Object.entries(C))
           F.push({ key: Q, ids: T });
         B.selectedVariants = F;
       }
       return B;
     })(),
     cartSelectionsWithPrices: S,
-    cartMetadata: p
+    cartMetadata: g
   };
 }, Ro = async (r, t, e, a, n, i, s, o, l, c, d) => {
   l("workflow.steps.finish.finalize.buildingLayouts");
@@ -12003,19 +12011,19 @@ const To = async (r, t) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await To(A), p = m?.transaction?.previewImageLink;
+  const m = await To(A), g = m?.transaction?.previewImageLink;
   if (!m?.transaction)
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
-  const g = m.transaction;
+  const p = m.transaction;
   return Xn(
-    g,
+    p,
     n,
     t,
     u,
     m?.sku,
     h,
-    p,
+    g,
     m?.processExecution?.id
   );
 }, Oo = async (r, t, e) => {
@@ -12026,7 +12034,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 +12187,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,14 +12308,14 @@ 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(), g = 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);
-    await (await Aa.from(h, g, {
+    }), p = mn(g);
+    await (await Aa.from(h, p, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
@@ -12333,7 +12341,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())
       )
     );
   }
@@ -12409,14 +12417,14 @@ class Go {
       A !== void 0 && (A.forEach((u) => d.add(JSON.stringify(u))), o.forEach((u) => {
         const h = u.getRaw().globalPropertyAspectConfigurations;
         h !== void 0 && h.forEach((m) => {
-          const p = l(m), g = d.has(JSON.stringify(m));
-          if (g && p?.getType() === "Option") {
-            const C = u.getCurrentVariant();
-            if (!C) return;
-            c.selectVariant(C), d.delete(JSON.stringify(m));
-          } else if (g && p?.getType() === "Text") {
-            const C = u.getText();
-            c.setText(C), d.delete(JSON.stringify(m));
+          const g = l(m), p = d.has(JSON.stringify(m));
+          if (p && g?.getType() === "Option") {
+            const f = u.getCurrentVariant();
+            if (!f) return;
+            c.selectVariant(f), d.delete(JSON.stringify(m));
+          } else if (p && g?.getType() === "Text") {
+            const f = u.getText();
+            c.setText(f), d.delete(JSON.stringify(m));
           }
         });
       }));
@@ -12484,7 +12492,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,15 +12679,15 @@ 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) => {
-    const m = r.find((g) => g.panelId === h.panelId);
+  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((p) => p.panelId === h.panelId);
     if (!m)
       throw new Y(h);
-    const p = M();
+    const g = M();
     return new z(
       {
-        id: p,
+        id: g,
         src: d,
         type: x.Image,
         y: h.top,
@@ -12702,10 +12710,10 @@ const Wo = (r) => {
     const o = As(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      const d = await Un(c, o?.asset?.fileLink), A = await Oe(d), u = M(), h = r.find((p) => p.panelId === c.panelId);
+      const d = await Un(c, o?.asset?.fileLink), A = await Oe(d), u = M(), h = r.find((g) => g.panelId === c.panelId);
       if (!h)
         throw new Y(c);
-      const m = Ea(
+      const m = va(
         s,
         A,
         {
@@ -12757,7 +12765,7 @@ const Wo = (r) => {
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = i.variants?.find((f) => f.id === n.illustrationVariantId) || ne(i);
+  const s = i.variants?.find((C) => C.id === n.illustrationVariantId) || ne(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12770,56 +12778,56 @@ const Wo = (r) => {
   if (!m)
     return console.error("Failed to read SVG."), [];
   pa(m);
-  const p = {};
-  kt(m, (f) => {
-    jo.includes(f.tagName) && !f.attributes.getNamedItem("fill") && f.setAttribute("fill", "#000000");
-    const E = f.attributes.getNamedItem("fill");
+  const g = {};
+  kt(m, (C) => {
+    jo.includes(C.tagName) && !C.attributes.getNamedItem("fill") && C.setAttribute("fill", "#000000");
+    const E = C.attributes.getNamedItem("fill");
     if (E && E.value !== "none") {
       const B = E.value, Q = `spiff-fill-${B.replace(/\W/g, "")}`;
-      f.classList.add(Q), p[Q] = { browserValue: B };
+      C.classList.add(Q), g[Q] = { browserValue: B };
     }
-    const P = f.attributes.getNamedItem("stroke");
+    const P = C.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
       const B = P.value, Q = `spiff-stroke-${B.replace(/\W/g, "")}`;
-      f.classList.add(Q), p[Q] = { browserValue: B };
+      C.classList.add(Q), g[Q] = { browserValue: B };
     }
   });
-  const C = Bt().serializeToString(m), S = n.colors;
+  const f = Bt().serializeToString(m), S = n.colors;
   if (S) {
-    for (const [f, E] of Object.entries(p))
+    for (const [C, E] of Object.entries(g))
       for (const P of Object.keys(S))
         if (E.browserValue === P) {
-          p[f] = { browserValue: S[P] };
+          g[C] = { browserValue: S[P] };
           break;
         }
   }
-  const b = (f) => {
-    const E = r.find((B) => B.panelId === f.panelId);
+  const b = (C) => {
+    const E = r.find((B) => B.panelId === C.panelId);
     if (!E)
-      throw new Y(f);
+      throw new Y(C);
     const P = M();
     return new z(
       {
-        colors: p,
+        colors: g,
         id: P,
-        svg: C,
+        svg: f,
         type: x.Illustration,
-        y: f.top,
-        x: f.left,
-        rotation: f.rotation,
-        width: f.width,
-        height: f.height,
-        layer: f.layer,
-        layerIndex: f.layerIndex,
-        immutable: f.immutable
+        y: C.top,
+        x: C.left,
+        rotation: C.rotation,
+        width: C.width,
+        height: C.height,
+        layer: C.layer,
+        layerIndex: C.layerIndex,
+        immutable: C.immutable
       },
       E
     );
   }, I = a.data.regions;
   try {
     return I.map(b);
-  } catch (f) {
-    return console.error(f), [];
+  } catch (C) {
+    return console.error(C), [];
   }
 }, Ko = async (r, t, e) => {
   const a = await Kn(e.data.module), n = t.data, i = (o, l) => {
@@ -12901,7 +12909,7 @@ const Wo = (r) => {
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
   const o = (c) => {
-    const d = r.find((p) => p.panelId === c.panelId);
+    const d = r.find((g) => g.panelId === c.panelId);
     if (!d)
       throw new Y(c);
     const A = `
@@ -12980,10 +12988,10 @@ const Wo = (r) => {
     }
   else {
     const c = await nt(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", C = dt().parseFromString(m, "image/svg+xml").firstElementChild;
-      if (!C)
+      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
+      if (!f)
         throw new Dt("Failed to read SVG.");
-      return pa(C), Bt().serializeToString(C);
+      return pa(f), Bt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -13013,36 +13021,36 @@ const Wo = (r) => {
   }
   return a;
 }, tl = async (r, t, e, a) => {
-  const n = [], i = e.data, s = 30, o = (g) => g.vertical ? "center" : g.textAlign || "center", l = () => {
-    const g = a.option;
-    if (!g)
+  const n = [], i = e.data, s = 30, o = (p) => p.vertical ? "center" : p.textAlign || "center", l = () => {
+    const p = a.option;
+    if (!p)
       return;
-    const C = g.variants?.find((b) => b.id === i.fontVariantId) || ne(g);
-    if (!C || !C.asset)
+    const f = p.variants?.find((b) => b.id === i.fontVariantId) || ne(p);
+    if (!f || !f.asset)
       return;
-    t[a.stepName] = { selectedVariants: [C] };
-    const S = C.asset.fileLink;
+    t[a.stepName] = { selectedVariants: [f] };
+    const S = f.asset.fileLink;
     if (S)
       return S;
   }, d = await (async () => {
-    const g = l();
-    if (!g)
+    const p = l();
+    if (!p)
       return;
-    const C = await Nt(g);
+    const f = await Nt(p);
     return {
-      assetUrl: g,
-      name: C.names.fullName.en
+      assetUrl: p,
+      name: f.names.fullName.en
     };
   })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Ie(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
-  }), h = async (g) => {
-    const C = g.colorOption;
-    return C ? H.getDefaultVariant(C)?.color : void 0;
-  }, m = i.color || await h(a.data), p = a.data.regions;
-  for (const g of p) {
-    const C = r.find((b) => b.panelId === g.panelId);
-    if (!C)
+  }), h = async (p) => {
+    const f = p.colorOption;
+    return f ? H.getDefaultVariant(f)?.color : void 0;
+  }, m = i.color || await h(a.data), g = a.data.regions;
+  for (const p of g) {
+    const f = r.find((b) => b.panelId === p.panelId);
+    if (!f)
       continue;
     const S = {
       stepName: e.name,
@@ -13052,24 +13060,24 @@ const Wo = (r) => {
       fill: i.color || m || "#000000",
       fontData: d,
       fontSize: a.data.size || s,
-      height: g.height,
-      layer: g.layer,
-      layerIndex: g.layerIndex,
+      height: p.height,
+      layer: p.layer,
+      layerIndex: p.layerIndex,
       paths: a.data.paths,
-      rotation: g.rotation,
+      rotation: p.rotation,
       text: u,
       type: x.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
-      width: g.width,
-      x: g.left,
-      y: g.top
+      width: p.width,
+      x: p.left,
+      y: p.top
     };
     if (d) {
       const [b, I] = fe(
         a.data.size || s,
         d,
-        g,
+        p,
         [
           Ie(u, {
             vertical: a.data.vertical,
@@ -13090,11 +13098,11 @@ const Wo = (r) => {
             text: S.curved ? S.text : (I || []).join(`
 `)
           },
-          C
+          f
         )
       );
     } else
-      n.push(new z(S, C));
+      n.push(new z(S, f));
   }
   return n;
 }, el = (r, t) => r.conditions ? r.conditions.every((e) => {
@@ -13202,7 +13210,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 +13256,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 +13277,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;
   }
@@ -13315,16 +13323,16 @@ class ol extends xn {
     if (this.nonPOTSupport) {
       const m = s / o;
       a / n < m ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
-      const g = this.resizeFit({ width: l, height: c });
-      l = g.width, c = g.height;
+      const p = this.resizeFit({ width: l, height: c });
+      l = p.width, c = p.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 +13411,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 +13427,7 @@ class ll {
     }
   }
 }
-class Ia {
+class Ba {
   constructor(t, e) {
     this.bundle = t, this.property = e;
   }
@@ -13480,7 +13488,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 +13499,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 +13714,7 @@ class cl extends Ia {
     );
   }
 }
-class dl extends Ia {
+class dl extends Ba {
   constructor(t, e) {
     super(t, e);
   }
@@ -13745,7 +13753,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 +13815,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 +13916,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 +13943,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 +13986,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);
@@ -14326,31 +14334,36 @@ class ar {
    * Fetches a paginated feed of products.
    * @param offset The zero-based start index.
    * @param limit The maximum number of products to return.
-   * @param filters Optional metafield filters to apply to the query.
+   * @param productFilters Optional product metafields to filter the products by.
    * @param tags Optional object of tag filters to apply.
    * @param sortKey Optional field of the products to sort by.
    * @param sortDescending Optional boolean to indicate if the sort should be in descending order.
    * @param quickSearch Optional string to filter products by name.
+   * @param workflowFilters Optional workflow metafields to filter the products and their workflows by.
    * @returns
    */
-  async fetchProductsFeed(t, e, a, n, i, s, o) {
+  async fetchProductsFeed(t, e, a, n, i, s, o, l) {
     if (this.fullFetched) {
-      const A = await (a ? this.filterProducts(a) : this.fetchProducts());
+      const u = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
-        total: A.length,
-        items: A.slice(t, t + e)
+        total: u.length,
+        items: u.slice(t, t + e)
       };
     }
-    const l = new AbortController(), { signal: c } = l, d = y.getShadowGraphqlClient().watchQuery({
+    const c = new AbortController(), { signal: d } = c, A = y.getShadowGraphqlClient().watchQuery({
       query: Js,
       variables: {
         id: this.getId(),
         limit: e,
         offset: t,
-        filters: a ? {
+        productFilters: a ? {
           link: "And",
           metafields: a
         } : void 0,
+        productWorkflowFilters: l ? {
+          link: "And",
+          metafields: l
+        } : void 0,
         tags: n ? {
           include: n.include ?? [],
           exclude: n.exclude ?? []
@@ -14364,26 +14377,26 @@ class ar {
       returnPartialData: !0,
       context: {
         fetchOptions: {
-          signal: c
+          signal: d
         }
       }
     });
-    return new Promise((A) => {
-      let u = !1;
-      const h = d.subscribe({
-        next(m) {
-          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 new Promise((u) => {
+      let h = !1;
+      const m = A.subscribe({
+        next(g) {
+          if (h || g.partial && (!g.data.productCollections || g.data.productCollections.length === 0 || !g.data.productCollections[0].productCollectionProductsFeed?.items || g.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
-          l.abort(), u = !0, h.unsubscribe();
-          const p = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((g) => !!g.product).map((g) => new Ae(St(g))) || [];
-          A({
+          c.abort(), h = !0, m.unsubscribe();
+          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(vt(f))) || [];
+          u({
             items: p,
             // Clone items because it could be cached data (immutable)
-            total: m.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
+            total: g.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
           });
         },
         error() {
-          u || (u = !0, h.unsubscribe(), A({ items: [], total: 0 }));
+          h || (h = !0, m.unsubscribe(), u({ items: [], total: 0 }));
         }
       });
     });
@@ -14691,9 +14704,9 @@ class _e {
       A ? this.globalPropertyHandleService.getHandles().then((u) => {
         const h = u.map((m) => {
           if (m.getType() === L.ColorOption || m.getType() === L.Option) {
-            const p = m;
-            if (!A.aspects.find((C) => C.name === p.getName()))
-              return p.initDefaultVariant();
+            const g = m;
+            if (!A.aspects.find((f) => f.name === g.getName()))
+              return g.initDefaultVariant();
           }
         });
         Promise.all(h).then(c).catch(d);
@@ -14889,7 +14902,7 @@ class _e {
           ), d = [...new Set(o.map((u) => u.number))];
           if (d.length > c)
             for (const u of d) {
-              const h = this.getGlobalPropertyStateManager(), m = l.find((p) => p.channelNumber === u);
+              const h = this.getGlobalPropertyStateManager(), m = l.find((g) => g.channelNumber === u);
               m && await h.setAspect(n, m.variant.id || "", void 0, m.channelNumber);
             }
         }
@@ -15124,7 +15137,7 @@ class _e {
   }
   async getAllStakeholders() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ya,
+      query: Ha,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15140,7 +15153,7 @@ class _e {
   }
   async getCurrentStakeholder() {
     const t = await y.getShadowGraphqlClient().query({
-      query: Ya,
+      query: Ha,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15544,7 +15557,7 @@ class ue {
     return this.getArtifacts().get(t);
   }
 }
-class Pa {
+class Ia {
   constructor(t) {
     this.value = t;
   }
@@ -15557,12 +15570,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 +15585,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 +15778,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 +15812,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 +15842,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 +15853,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 +15889,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 +15962,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-beta.deb69c8f-1db2-5c9d-aec1-f3e61315a90a"), 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);
@@ -16268,8 +16281,8 @@ class md {
       const h = await this.loggedInBearerToken();
       o.Authorization = `Bearer ${h}`;
     } catch {
-      const p = Object.entries(localStorage).find(([C, S]) => C.startsWith("CognitoIdentityServiceProvider") && C.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(p);
-      g && !Wt(g) && (o.Authorization = `Bearer ${g}`);
+      const g = Object.entries(localStorage).find(([f, S]) => f.startsWith("CognitoIdentityServiceProvider") && f.endsWith("idToken"))?.[0] || "", p = localStorage.getItem(g);
+      p && !Wt(p) && (o.Authorization = `Bearer ${p}`);
     }
     const l = {
       bundleOwnerId: s,
@@ -16309,8 +16322,8 @@ class md {
       const u = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${u}`;
     } catch {
-      const m = Object.entries(localStorage).find(([g, C]) => g.startsWith("CognitoIdentityServiceProvider") && g.endsWith("idToken"))?.[0] || "", p = localStorage.getItem(m);
-      p && !Wt(p) && (s.Authorization = `Bearer ${p}`);
+      const m = Object.entries(localStorage).find(([p, f]) => p.startsWith("CognitoIdentityServiceProvider") && p.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(m);
+      g && !Wt(g) && (s.Authorization = `Bearer ${g}`);
     }
     const o = {
       bundleOwnerId: i,
@@ -16408,10 +16421,10 @@ class md {
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
       throw new ht("No options provided!");
-    const a = y.getShadowGraphqlClient(), n = async (f) => {
-      if (f.length === 0)
+    const a = y.getShadowGraphqlClient(), n = async (C) => {
+      if (C.length === 0)
         return [];
-      const E = f.map((F) => F.option.transactionId), P = await a.query({
+      const E = C.map((F) => F.option.transactionId), P = await a.query({
         query: vi,
         variables: {
           ids: E
@@ -16419,23 +16432,23 @@ class md {
         errorPolicy: "all",
         fetchPolicy: "no-cache"
       }), B = P.data.transactions;
-      if (B.length !== f.length) {
+      if (B.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
         throw new ht(`Not all transactions were found: ${F}`);
       }
       return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((F, Q) => ({
         transaction: F,
         workflowId: F.workflowId,
-        readOnly: f.find((T) => T.option.transactionId === F.id)?.option.readOnly ?? !1,
-        index: f[Q].index
+        readOnly: C.find((T) => T.option.transactionId === F.id)?.option.readOnly ?? !1,
+        index: C[Q].index
       }));
-    }, i = async (f) => {
-      if (f.length === 0)
+    }, i = async (C) => {
+      if (C.length === 0)
         return [];
       const E = await a.mutate({
         mutation: Si,
         variables: {
-          inputs: f.map((B) => ({
+          inputs: C.map((B) => ({
             integrationProductId: B.option.type === "integration" ? B.option.integrationProductId : void 0,
             externalIntegrationId: B.option.type === "external" ? B.option.externalIntegrationId : void 0,
             externalProductId: B.option.type === "external" ? B.option.externalProductId : void 0,
@@ -16457,17 +16470,17 @@ class md {
         transaction: B,
         workflowId: B.workflowId,
         readOnly: !1,
-        index: f[F].index
+        index: C[F].index
       }));
-    }, 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([
+    }, s = t.map((C, E) => ({ option: C, index: E })), o = s.filter((C) => C.option.type === "transaction"), l = s.filter(
+      (C) => C.option.type === "integration" || C.option.type === "external"
+    ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
       ...c.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) => {
-      const { transaction: E, workflowId: P, readOnly: B, index: F } = f, Q = m.get(P), T = t[F];
-      !p.get(E.id) && E.transactionOwnerId && p.set(E.id, E.transactionOwnerId);
-      const tt = p.get(E.id) || void 0, et = new Tl({
+    ])).flat(), u = [...new Set(A.map((C) => C.workflowId))], h = await rr(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (C) => {
+      const { transaction: E, workflowId: P, readOnly: B, index: F } = C, Q = m.get(P), T = t[F];
+      !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
+      const tt = g.get(E.id) || void 0, et = new Tl({
         onMutate: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } })
       }), W = {
@@ -16488,10 +16501,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,
@@ -16500,13 +16513,13 @@ class md {
       return W.renderableContextService = new nl(
         W.layouts
       ), W.delayWorkflowStateSync = !0, { experienceOptions: W, index: F, options: T };
-    }), C = await Promise.all(g);
-    k.setMap("transactionOwnerIds", p);
-    const b = C.sort((f, E) => f.index - E.index).map(async (f) => {
-      const { experienceOptions: E, options: P } = f, B = new Go(this, E);
+    }), f = await Promise.all(p);
+    k.setMap("transactionOwnerIds", g);
+    const b = f.sort((C, E) => C.index - E.index).map(async (C) => {
+      const { experienceOptions: E, options: P } = C, B = new Go(this, E);
       return await B.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await B.attachCustomerDetails({ email: this.customer.emailAddress }), B;
     }), I = await Promise.all(b);
-    return I.forEach((f) => f.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
+    return I.forEach((C) => C.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
   }
   storeCustomer(t) {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -16523,7 +16536,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 +16550,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 +16647,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 +16668,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 +16857,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,
@@ -16854,7 +16867,7 @@ class Gl {
   }
 }
 class wd {
-  updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, p, g, C) {
+  updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
     throw new Error("Method not implemented.");
   }
   approveTransaction(t) {
@@ -17024,7 +17037,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 +17057,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 +17095,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 +17106,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 +17116,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 +17129,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 +17199,7 @@ const jl = w`
             id
         }
     }
-`, Da = w`
+`, Pa = w`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17353,7 +17366,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 +17386,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 +17406,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 +17453,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 +17464,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 +17488,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 +17500,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 +17537,7 @@ const sr = w`
         }
         missingComponentTypes
     }
-`, Fa = w`
+`, Da = w`
     ${sr}
     fragment AddressValidationJobFields on AddressValidationJob {
         id
@@ -17537,14 +17550,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 +17574,7 @@ const sr = w`
         }
     }
 `, sc = w`
-    ${Fa}
+    ${Da}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
@@ -17618,7 +17631,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 +17639,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 +17656,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 +17688,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 +17733,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 +17756,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 +17789,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,