@spiffcommerce/core 26.27.1 → 26.29.0

package/dist/index.mjs

@@ -158,10 +158,10 @@ class Sr {
 }
 const mt = new Sr();
 let _e, Xe;
-function nc(r) {
+function oc(r) {
   _e = r;
 }
-function rc(r) {
+function lc(r) {
   Xe = r;
 }
 function Jt() {
@@ -215,14 +215,14 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   t ? vr(r).then(e).catch(a) : rt(r).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), dn = (r) => or(r), Qe = /* @__PURE__ */ new Map(), br = async (r, t) => {
+}), dn = (r) => or(r), Ne = /* @__PURE__ */ new Map(), br = async (r, t) => {
   if (Mt([typeof FontFace])) {
-    if (Qe.has(t))
-      return Qe.get(t);
+    if (Ne.has(t))
+      return Ne.get(t);
     const e = r.names.fullName.en, a = new FontFace(e, `url(${t})`);
     document.fonts.add(a);
     const n = a.load();
-    return Qe.set(t, n), n;
+    return Ne.set(t, n), n;
   }
 }, Et = () => {
   if (Mt([typeof XMLSerializer]))
@@ -256,7 +256,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, ic = async (r) => {
+}, cc = async (r) => {
   const t = await cn(r), e = ln.get(r) || Ie(t);
   return await Pr(new Blob([t], { type: e }));
 }, Ir = (r) => {
@@ -311,12 +311,12 @@ const kr = (r) => {
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Mr(), ...r } : r;
 };
-async function Qr(r, t) {
+async function Nr(r, t) {
   const e = mt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
   let n = await rt(r, { ...t, redirect: "manual" });
   return n.type === "opaqueredirect" && (typeof r != "string" && "url" in r ? n = await rt({ ...r, url: `${a}/graphql` }, t) : n = await rt(`${a}/graphql`, t)), n;
 }
-class Nr {
+class Qr {
   constructor() {
     this.shadowGraphqlClient = this.constructShadowGraphqlClient(), mt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
@@ -328,7 +328,7 @@ class Nr {
   constructShadowGraphqlClient() {
     const t = er({
       uri: `${mt.getServerUrl()}/graphql`,
-      fetch: Qr
+      fetch: Nr
     }), e = ir(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await Tr(), d = s.bearer ?? c.bearer, A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, f = s.bundleOwnerId;
       try {
@@ -357,7 +357,7 @@ class Nr {
     });
   }
 }
-const b = new Nr();
+const b = new Qr();
 let Ze, ta;
 const gt = (r, t, e) => {
   if (Ze !== void 0)
@@ -401,9 +401,9 @@ function gn(r) {
       throw t;
   }
 }
-let Ne;
+let Qe;
 function ha() {
-  return Ne === void 0 && (Ne = Br()), Ne;
+  return Qe === void 0 && (Qe = Br()), Qe;
 }
 let ae = null;
 const Rr = (r) => new Promise((t) => {
@@ -415,12 +415,12 @@ const Rr = (r) => new Promise((t) => {
     return !ae;
   const t = await Kt("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=");
   return ae = t.width === 2 && t.height === 3, !ae;
-}, Ur = (r) => {
+}, $r = (r) => {
   const e = r.naturalWidth / r.naturalHeight;
   return r.naturalHeight <= 8192 && r.naturalWidth <= 8192 ? [r.naturalWidth, r.naturalHeight] : r.naturalHeight > r.naturalWidth ? [e * 8192, 8192] : [8192, 8192 / e];
-}, Lr = async (r) => {
+}, Ur = async (r) => {
   var A;
-  const t = await Dr(r), e = await Kt(t), [a, n] = Ur(e);
+  const t = await Dr(r), e = await Kt(t), [a, n] = $r(e);
   if (!await Or()) {
     const u = gt(a, n);
     return (A = u.getContext("2d")) == null || A.drawImage(e, 0, 0, a, n), u;
@@ -451,7 +451,7 @@ const Rr = (r) => new Promise((t) => {
   }
   return d.drawImage(e, 0, 0, o, l), c;
 }, De = async (r) => {
-  const t = await Lr(r);
+  const t = await Ur(r);
   return Ie(r) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
     height: t.height,
@@ -3150,16 +3150,16 @@ const Rr = (r) => new Promise((t) => {
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
-function sc(r) {
+function dc(r) {
   const t = jt.indexOf(r);
   return t >= 0 ? Ft[t] : "";
 }
-function $r(r) {
+function Lr(r) {
   const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
-function oc(r, t = 64) {
-  const e = [], a = [], n = $r(r);
+function Ac(r, t = 64) {
+  const e = [], a = [], n = Lr(r);
   n && e.push({
     pms: n,
     hex: r,
@@ -3177,19 +3177,19 @@ function oc(r, t = 64) {
   return e.sort((A, u) => A.distance - u.distance);
 }
 const Vr = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), zr = new dr(Vr, { keys: ["pms"] });
-function lc(r, t) {
+function uc(r, t) {
   return zr.search(r, t ? { limit: t } : void 0);
 }
-let Qt = null;
+let Nt = null;
 function Gr(r) {
   if (r.startsWith("#"))
     return Ta(r);
   if (!document)
     throw new Error("browserColorToHex is only supported on browsers");
-  if (Qt || (Qt = document.createElement("canvas").getContext("2d")), !Qt)
+  if (Nt || (Nt = document.createElement("canvas").getContext("2d")), !Nt)
     throw new Error("Failed to create canvas context required to convert colors");
-  Qt.fillStyle = r;
-  const t = Ta(Qt.fillStyle);
+  Nt.fillStyle = r;
+  const t = Ta(Nt.fillStyle);
   return t || console.error(`Unknown browser color ${r}`), t;
 }
 function Ta(r) {
@@ -3207,7 +3207,7 @@ const ne = (r) => {
     return `icc-named-color(${t.slice(e + 1).slice(0, -4)}, ${r.namedColor})`;
   }
   return `icc-named-color(${r.profileName}, ${r.namedColor})`;
-}, Qa = (r) => {
+}, Na = (r) => {
   const t = r.split(/[ ](?=[^)]*?(?:\(|$))/);
   if (t.length === 0)
     return { browserValue: "#000000" };
@@ -3351,12 +3351,12 @@ const ne = (r) => {
     Wr.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 = Qa(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
+      const c = Na(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 = Qa(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
+      const c = Na(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
@@ -3704,7 +3704,7 @@ class ni {
     }
   }
 }
-const Nt = "persistentAssets", yn = class pt {
+const Qt = "persistentAssets", yn = class pt {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -3716,27 +3716,27 @@ const Nt = "persistentAssets", yn = class pt {
     }
     const e = /* @__PURE__ */ new Map();
     e.set(t.key || "", t.fileLink);
-    const a = k.getMap(Nt);
+    const a = k.getMap(Qt);
     a && a.forEach((n, i) => {
       e.set(i, n);
-    }), k.setMap(Nt, e), pt.executeCallbacks();
+    }), k.setMap(Qt, e), pt.executeCallbacks();
   }
   /**
    * Remove an existing asset from persistence. Noop if the asset doesn't exist.
    * @param assetKey The key to remove.
    */
   static remove(t) {
-    const e = k.getMap(Nt);
+    const e = k.getMap(Qt);
     if (!e)
       return;
     const a = Array.from(e.entries()).find((n) => n[0] === t);
-    a && (e.delete(a[0]), k.setMap(Nt, e), pt.executeCallbacks());
+    a && (e.delete(a[0]), k.setMap(Qt, e), pt.executeCallbacks());
   }
   /**
    * Get a list of all persisted assets.
    */
   static list() {
-    const t = k.getMap(Nt);
+    const t = k.getMap(Qt);
     return t ? Array.from(t.entries()).map((e) => ({ assetKey: e[0], src: e[1] })) : [];
   }
   /**
@@ -3757,7 +3757,7 @@ const Nt = "persistentAssets", yn = class pt {
 };
 yn.callbacks = [];
 let Bt = yn;
-const Na = "bgrmPersistentAssets";
+const Qa = "bgrmPersistentAssets";
 class J {
   static has(t) {
     return J.getMap().has(t);
@@ -3784,13 +3784,13 @@ class J {
     a && (e.delete(a), J.setMap(e));
   }
   static getMap() {
-    return k.getMap(Na) || /* @__PURE__ */ new Map();
+    return k.getMap(Qa) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    k.setMap(Na, t);
+    k.setMap(Qa, t);
   }
 }
-const U = new ni();
+const $ = new ni();
 class ri {
   constructor() {
     this.cache = {}, this.disabled = !1;
@@ -3878,8 +3878,8 @@ const Ht = new ri(), Sn = y`
   });
   return t.data.options.forEach((e) => {
     var a, n;
-    (a = e.defaultVariant) != null && a.asset && U.cacheAsset(e.defaultVariant.asset), e.colorProfile && U.cacheAsset(e.colorProfile), (n = e.variants) == null || n.forEach((i) => {
-      i.asset && U.cacheAsset(i.asset), i.thumbnail && U.cacheAsset(i.thumbnail), i.material && U.cacheMaterial(i.material);
+    (a = e.defaultVariant) != null && a.asset && $.cacheAsset(e.defaultVariant.asset), e.colorProfile && $.cacheAsset(e.colorProfile), (n = e.variants) == null || n.forEach((i) => {
+      i.asset && $.cacheAsset(i.asset), i.thumbnail && $.cacheAsset(i.thumbnail), i.material && $.cacheMaterial(i.material);
     });
   }), t.data.options;
 }, oi = async (r, t) => (await t).find((a) => a.id === r), li = async (r) => {
@@ -4122,6 +4122,17 @@ const X = new ci(), vn = y`
             transactionShareActions {
                 ...TransactionShareActionFields
             }
+            recipient {
+                id
+                firstName
+                lastName
+                address
+                suburb
+                state
+                email
+                postalCode
+                country
+            }
             product {
                 id
                 basePrice
@@ -5175,7 +5186,7 @@ const X = new ci(), vn = y`
     );
   }
   return !1;
-}), Qi = (r, t) => {
+}), Ni = (r, t) => {
   const e = {
     name: r.name,
     title: r.title,
@@ -5183,7 +5194,7 @@ const X = new ci(), vn = y`
     silentSteps: r.silentSteps.filter((a) => wt(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, It = (r, t) => r.map((e) => Qi(e, t)).filter((e) => e !== null), Ni = async (r, t, e = !1) => {
+}, It = (r, t) => r.map((e) => Ni(e, t)).filter((e) => e !== null), Qi = async (r, t, e = !1) => {
   var s;
   const a = It(r, t), n = [];
   for (const o of a)
@@ -5275,7 +5286,7 @@ class Pn {
     }
   }
 }
-const Q = () => {
+const N = () => {
   const r = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return r() + r() + "-" + r() + "-" + r() + "-" + r() + "-" + r() + r() + r();
 }, Ri = ({
@@ -5294,7 +5305,7 @@ const Q = () => {
   width: u
 }) => {
   var B;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = Q(), C = a.purpose === Gt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = N(), C = a.purpose === Gt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
     /* @ts-ignore */
     /* @__PURE__ */ x("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
   )), v = n.map((E) => ({
@@ -5338,7 +5349,7 @@ const Q = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Gt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: S.map((E) => Qn(E)).filter((E) => !!E)
+            children: S.map((E) => Nn(E)).filter((E) => !!E)
           }
         ),
         l && /* @__PURE__ */ x(
@@ -5379,7 +5390,7 @@ const Q = () => {
       ]
     }
   );
-}, cc = (r, t, e, a, n) => {
+}, hc = (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, g = o, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(f), Math.abs(p)), S = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - v,
@@ -5387,25 +5398,25 @@ const Q = () => {
     minY: c - S,
     maxY: c + S
   };
-}, dc = (r, t, e) => {
+}, mc = (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));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, ft = (r) => r * (Math.PI / 180), Ac = (r, t, e) => Math.abs(r - t) < e, uc = (r, t, e) => {
+}, ft = (r) => r * (Math.PI / 180), gc = (r, t, e) => Math.abs(r - t) < e, fc = (r, t, e) => {
   const a = Math.sin(ft(e)), n = Math.cos(ft(e));
   return {
     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
   };
-}, hc = (r, t) => ({
+}, pc = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
-}), mc = (r, t, e, a) => ({
+}), Cc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), gc = (r, t, e, a) => ({
+}), wc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), fc = (r, t, e, a) => ({
+}), yc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), bt = (r) => {
@@ -5427,7 +5438,7 @@ const Q = () => {
     case H.Southwest:
       return H.Northwest;
   }
-}, pc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, Cc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, Sc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, vc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = ft(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
@@ -5457,7 +5468,7 @@ const Q = () => {
     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
   };
-}, wc = 0.352778, yc = 0.035277, Fn = (r) => {
+}, Ec = 0.352778, Bc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
@@ -5506,7 +5517,7 @@ const Q = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ x("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => Nn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ x("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5543,7 +5554,7 @@ const Q = () => {
       /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, v, S, B, E, I, P, F, M, N;
+    var w, v, S, B, E, I, P, F, M, Q;
     const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((B = r.pattern) == null ? void 0 : B.height) || 0, g = ((E = r.pattern) == null ? void 0 : E.scaleX) || 1, f = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, p = ((P = r.pattern) == null ? void 0 : P.rotation) || 0;
     return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
@@ -5555,7 +5566,7 @@ const Q = () => {
       height: m * f,
       src: a(),
       svg: (M = r.pattern) == null ? void 0 : M.svg,
-      colors: (N = r.pattern) == null ? void 0 : N.colors
+      colors: (Q = r.pattern) == null ? void 0 : Q.colors
     } : {
       id: `${t}-contents`,
       type: T.Image,
@@ -5604,7 +5615,7 @@ const Q = () => {
     )
   ] });
 }, kn = /* @__PURE__ */ new Map();
-class Ui {
+class $i {
   constructor(t) {
     this.font = t, this.glyphsFromText = /* @__PURE__ */ new Map(), this.kerningValues = /* @__PURE__ */ new Map(), this.height = this.calculateApproximateHeight();
   }
@@ -5654,14 +5665,14 @@ class Ui {
     }), a - n;
   }
 }
-const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @__PURE__ */ new Map(), Tt = async (r) => {
+const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @__PURE__ */ new Map(), Tt = async (r) => {
   if (Oe.has(r))
     return Oe.get(r);
   const e = (async () => {
     try {
       return St(r).getFont();
     } catch {
-      if (Li(r)) {
+      if (Ui(r)) {
         const a = An(r), n = Je(a);
         return aa(r, n), n;
       } else {
@@ -5671,7 +5682,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     }
   })();
   return Oe.set(r, e), e;
-}, $i = (r) => {
+}, Li = (r) => {
   const t = An(r), e = Je(t);
   return aa(r, e), e;
 }, St = (r) => {
@@ -5680,9 +5691,9 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     return t;
   throw new Error("Font metrics unavailable for font");
 }, aa = (r, t) => {
-  const e = new Ui(t);
+  const e = new $i(t);
   return kn.set(r, e), e;
-}, Sc = async (r) => {
+}, bc = async (r) => {
   const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     var u;
@@ -5800,7 +5811,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   let o = { ...r };
   const l = { ...r }, c = Mn(a, e / s.unitsPerEm, St(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 && ji(a, a).every(([d, A]) => d === A) && (o = l)), o;
-}, Ue = 1, ht = (r, t, e) => {
+}, $e = 1, ht = (r, t, e) => {
   let a = 0;
   const n = e.getGlyphs(r);
   return n.forEach((i, s) => {
@@ -6004,7 +6015,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 };
 class _i {
   constructor() {
-    this.id = Q(), this.stateCallbacks = [], this.prevCommands = [], this.nextCommands = [];
+    this.id = N(), this.stateCallbacks = [], this.prevCommands = [], this.nextCommands = [];
   }
   registerStateCallback(t) {
     this.stateCallbacks.push(t);
@@ -6084,7 +6095,7 @@ class _i {
       layouts: {}
     };
     t.forEach((n) => {
-      a = new Un(n).apply(a);
+      a = new $n(n).apply(a);
     }), this.runStateCallbacks(), this.state = {
       transaction: a
     };
@@ -6094,7 +6105,7 @@ class _i {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ x(Fn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x(Oi, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(Ki, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(qi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(xn, { ...r }, r.id) : null, wa = (r, t, e) => {
+const Nn = (r) => r.type === T.Image ? /* @__PURE__ */ x(Fn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x(Oi, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(Ki, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(qi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(xn, { ...r }, r.id) : null, wa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ x(
     Ri,
@@ -6144,7 +6155,7 @@ const Zt = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, At = /* @__PURE__ */ new Map(), Lt = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map(), Nn = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), Ut = /* @__PURE__ */ new Map(), Ue = /* @__PURE__ */ new Map(), Qn = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6168,11 +6179,11 @@ const Zt = (r) => {
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
 }, xe = async (r) => {
-  if (Le.has(r))
-    return Le.get(r);
+  if (Ue.has(r))
+    return Ue.get(r);
   const e = (async () => {
-    if (Lt.has(r))
-      return Lt.get(r);
+    if (Ut.has(r))
+      return Ut.get(r);
     await new Promise((u) => setTimeout(u, 0));
     const n = dt().parseFromString(r, "image/svg+xml"), i = n.querySelector("svg");
     if (!i)
@@ -6190,7 +6201,7 @@ const Zt = (r) => {
         width: c,
         height: l
       };
-      return Lt.set(u, h), h;
+      return Ut.set(u, h), h;
     }
     if (A) {
       const u = A.getAttribute("d");
@@ -6201,11 +6212,11 @@ const Zt = (r) => {
         width: c,
         height: l
       };
-      return Lt.set(u, h), h;
+      return Ut.set(u, h), h;
     }
     throw new Error("Malformed frame SVG");
   })();
-  return Le.set(r, e), e;
+  return Ue.set(r, e), e;
 }, Sa = (r, t, e, a) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
@@ -6249,11 +6260,11 @@ const Zt = (r) => {
 }, va = async (r) => {
   const t = await at(r);
   return Rn(t);
-}, Ua = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Rn = (r) => {
+}, $a = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Rn = (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, Ua(i), Ua(s)] : n == null ? void 0 : n.split(" ").map((l) => Number(l));
+  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, $a(i), $a(s)] : n == null ? void 0 : n.split(" ").map((l) => Number(l));
   if (!o)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6267,9 +6278,9 @@ const Zt = (r) => {
   at(r).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), $e = /* @__PURE__ */ new Map(), qt = async (r) => {
-  if ($e.has(r))
-    return $e.get(r);
+}), Le = /* @__PURE__ */ new Map(), qt = async (r) => {
+  if (Le.has(r))
+    return Le.get(r);
   const t = async (n) => new Promise((i, s) => {
     try {
       if (!(!!URL && !!URL.createObjectURL))
@@ -6301,8 +6312,8 @@ const Zt = (r) => {
       A.resize(m, m);
     return await A.render(), await t(c);
   })();
-  return $e.set(r, a), a;
-}, Ut = async (r, t, e, a) => {
+  return Le.set(r, a), a;
+}, $t = async (r, t, e, a) => {
   const n = r.layoutState.layout.useEditableArea && r.layoutState.layout.editableArea || {
     width: r.layoutState.layout.width,
     height: r.layoutState.layout.height,
@@ -6334,11 +6345,11 @@ const Zt = (r) => {
   }
   return o;
 };
-class vc {
+class Ic {
   static async getFrame(t, e) {
-    const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
+    const a = await Qn(e.region, e.src), n = await xe(a), i = e.region || await $t(t, T.Frame);
     return {
-      id: Q(),
+      id: N(),
       x: i.left,
       y: i.top,
       width: i.width,
@@ -6362,9 +6373,9 @@ class vc {
     };
   }
   static async getImage(t, e) {
-    const a = e.region || await Ut(t, T.Image, e.src);
+    const a = e.region || await $t(t, T.Image, e.src);
     return {
-      id: Q(),
+      id: N(),
       src: e.src,
       type: T.Image,
       y: a.top,
@@ -6386,12 +6397,12 @@ class vc {
     }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Ce(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), A = e.region || await Ut(t, T.Textbox, n, {
+    }), A = e.region || await $t(t, T.Textbox, n, {
       text: d,
       fontScale: a.size ? a.size / s.unitsPerEm : void 0
     }), u = Xt(
       {
-        id: Q(),
+        id: N(),
         type: T.Textbox,
         x: A.left,
         y: A.top,
@@ -6452,7 +6463,7 @@ class vc {
                     </svg>
                 `, n = {};
     n["spiff-fill-shape"] = { browserValue: e.color };
-    const i = e.region || await Ut(t, T.Illustration), s = Q();
+    const i = e.region || await $t(t, T.Illustration), s = N();
     return {
       stepRegion: e.region,
       colors: n,
@@ -6470,7 +6481,7 @@ class vc {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region || await Ut(t, T.Illustration, e.src), n = await lt(await On(e.src)), i = await qt(n.svg), s = Q();
+    const a = e.region || await $t(t, T.Illustration, e.src), n = await lt(await On(e.src)), i = await qt(n.svg), s = N();
     return {
       cachedObjectURL: i,
       stepRegion: e.region,
@@ -6490,24 +6501,24 @@ class vc {
     };
   }
 }
-class $ extends Error {
+class L extends Error {
   constructor() {
-    super("Element not found!"), Object.setPrototypeOf(this, $.prototype);
+    super("Element not found!"), Object.setPrototypeOf(this, L.prototype);
   }
 }
-const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
+const U = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
-    throw new $();
+    throw new L();
   return e;
 }, Z = (r, t) => {
   const e = [...t.elements.filter((n) => n.id !== r.id), r], a = ya(e);
   return {
     layout: t.layout,
     elements: a,
-    modificationID: Q()
+    modificationID: N()
   };
-}, La = async (r) => {
+}, Ua = async (r) => {
   var a;
   const t = [...Object.keys(r.layouts)], e = [...new Set(t)];
   for (let n = 0; n < e.length; n++) {
@@ -6569,7 +6580,7 @@ class R {
     this.oldState = t;
   }
 }
-class $a extends R {
+class La extends R {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6580,15 +6591,15 @@ class $a extends R {
     };
   }
 }
-class Ec extends R {
+class Dc extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       x: this.x,
@@ -6603,15 +6614,15 @@ class Ec extends R {
     };
   }
 }
-class Bc extends R {
+class Pc extends R {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       rotation: this.angle
@@ -6625,15 +6636,15 @@ class Bc extends R {
     };
   }
 }
-class bc extends R {
+class Fc extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(a);
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     let a = {
       ...e,
       width: this.width,
@@ -6664,7 +6675,7 @@ class O extends R {
     return this.oldState = t, this.commands.reduce((e, a) => a.apply(e), t);
   }
 }
-class Un extends R {
+class $n extends R {
   constructor(t) {
     super(), this.layout = t;
   }
@@ -6676,7 +6687,7 @@ class Un extends R {
         [this.layout.id]: {
           elements: [],
           layout: { ...this.layout },
-          modificationID: Q()
+          modificationID: N()
         }
       }
     };
@@ -6707,7 +6718,7 @@ class W extends R {
           [this.layout.id]: {
             ...t.layouts[this.layout.id],
             elements: o,
-            modificationID: Q()
+            modificationID: N()
           }
         }
       };
@@ -6728,7 +6739,7 @@ class W extends R {
         [this.layout.id]: {
           ...t.layouts[this.layout.id],
           elements: s,
-          modificationID: Q()
+          modificationID: N()
         }
       }
     };
@@ -6752,7 +6763,7 @@ class vt extends R {
     const a = Object.values(t.layouts).map((i) => (i.elements.filter((o) => o.id !== this.id).length !== i.elements.length && (e = !0), {
       ...i,
       elements: i.elements.filter((o) => o.id !== this.id),
-      modificationID: Q()
+      modificationID: N()
     }));
     e || console.log(`Failed to delete element ${this.id}`);
     const n = {};
@@ -6770,9 +6781,9 @@ class Zi extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       fill: this.color,
@@ -6794,9 +6805,9 @@ class Ve extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       textFillImage: this.imageFill
@@ -6816,9 +6827,9 @@ class ts extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       fontSize: this.size
@@ -6838,9 +6849,9 @@ class Va extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       fontData: this.fontData
@@ -6860,9 +6871,9 @@ class es extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       align: this.align
@@ -6901,7 +6912,7 @@ class as extends R {
     const s = {
       ...e,
       elements: i,
-      modificationID: Q()
+      modificationID: N()
     };
     return {
       ...t,
@@ -6918,9 +6929,9 @@ class ns extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       useThreshold: this.useThreshold,
@@ -6937,15 +6948,15 @@ class ns extends R {
     };
   }
 }
-class Ic extends R {
+class xc extends R {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       src: this.src
@@ -6965,9 +6976,9 @@ class rs extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = _(e.id, Object.values(t.layouts)), n = Z(Xt(e, this.text, e), a);
     return {
       ...t,
@@ -6984,9 +6995,9 @@ class ze extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       strokeColor: this.strokeColor,
@@ -7007,9 +7018,9 @@ class ia extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = e.colors || {}, n = a[this.className];
     typeof this.fill == "string" ? a[this.className] = {
       browserValue: this.fill,
@@ -7039,9 +7050,9 @@ class is extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       svg: this.svgBody,
@@ -7056,7 +7067,7 @@ class is extends R {
     };
   }
 }
-class Dc extends R {
+class kc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7064,8 +7075,8 @@ class Dc extends R {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
-      throw new $();
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+      throw new L();
     const a = Object.values(t.layouts).find((s) => s.elements.find((o) => o.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7079,13 +7090,13 @@ class Dc extends R {
         [a.layout.id]: {
           ...t.layouts[a.layout.id],
           elements: i,
-          modificationID: Q()
+          modificationID: N()
         }
       }
     };
   }
 }
-class Pc extends R {
+class Mc extends R {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7094,9 +7105,9 @@ class Pc extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7110,13 +7121,13 @@ class Pc extends R {
         [a.layout.id]: {
           ...t.layouts[a.layout.id],
           elements: i,
-          modificationID: Q()
+          modificationID: N()
         }
       }
     };
   }
 }
-class Fc extends R {
+class Tc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7124,8 +7135,8 @@ class Fc extends R {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
-      throw new $();
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+      throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7137,13 +7148,13 @@ class Fc extends R {
         [a.layout.id]: {
           ...t.layouts[a.layout.id],
           elements: s,
-          modificationID: Q()
+          modificationID: N()
         }
       }
     };
   }
 }
-class xc extends R {
+class Nc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7151,8 +7162,8 @@ class xc extends R {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
-      throw new $();
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+      throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7164,7 +7175,7 @@ class xc extends R {
         [a.layout.id]: {
           ...t.layouts[a.layout.id],
           elements: s,
-          modificationID: Q()
+          modificationID: N()
         }
       }
     };
@@ -7190,7 +7201,7 @@ class za {
           throw new Error("Undefined raster silent step source");
         const h = {
           stepName: this.configuration.stepName,
-          id: Q(),
+          id: N(),
           src: u,
           type: o,
           y: n.top,
@@ -7223,7 +7234,7 @@ class za {
           }).catch((C) => console.error(C));
         }))()), g = {
           stepName: this.configuration.stepName,
-          id: Q(),
+          id: N(),
           cachedObjectURL: await qt(m.svg),
           src: u,
           svg: m.svg,
@@ -7285,7 +7296,7 @@ const ss = async (r) => {
     throw console.error(e), new Be("Failed to shorten URL, see console.");
   }
 };
-class Ln {
+class Un {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7332,7 +7343,7 @@ class os {
       const h = (await ea([e]))[0], m = (f = (g = h == null ? void 0 : h.versions) == null ? void 0 : g.find((p) => p.name === "mpeg4")) == null ? void 0 : f.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
-      new Ln(
+      new Un(
         async () => !!(await i()).link,
         async () => {
           const g = await i();
@@ -7368,7 +7379,7 @@ class os {
     }), d;
   }
   async regionElements(t) {
-    const e = (a) => ({ id: Q(), region: a });
+    const e = (a) => ({ id: N(), region: a });
     return t.data.regions.map(e);
   }
   async command(t, e, a, n) {
@@ -7400,7 +7411,7 @@ class os {
     } };
   }
 }
-const $n = new os();
+const Ln = new os();
 class we {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7426,7 +7437,7 @@ class we {
     const s = e.getWorkflowExperience().getBundle();
     if (s && t.globalPropertyAspectConfigurations) {
       const o = s.getGlobalPropertyStateManager(), l = t.globalPropertyAspectConfigurations[0], c = o.getAspectStorage(l.aspectName);
-      c && c.originalAssetKey && (i = (await U.getLocalOrFromServer(c.originalAssetKey)).fileLink);
+      c && c.originalAssetKey && (i = (await $.getLocalOrFromServer(c.originalAssetKey)).fileLink);
     }
     if (t.option && t.option.variants && t.option.variants.length > 0) {
       const o = t.option, l = X.getDefaultVariant(o);
@@ -7522,14 +7533,14 @@ class we {
     const o = e.fileLink || "";
     return o.endsWith(".pdf") || o.endsWith(".eps") || o.endsWith(".ai") ? new Promise((c) => {
       a.addPoller(
-        new Ln(
+        new Un(
           async () => {
             var h;
-            const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
+            const A = (h = (await $.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
             return A ? (await rt(A.link)).status === 200 : !1;
           },
           () => {
-            U.getLocalOrFromServer(e.key || "").then((d) => {
+            $.getLocalOrFromServer(e.key || "").then((d) => {
               this.loadPatternFromAsset(d, t, a, n).then(
                 c
               );
@@ -7698,7 +7709,7 @@ class we {
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
         ) : void 0, v = p ? {
-          id: Q(),
+          id: N(),
           src: p.src,
           x: (w == null ? void 0 : w.x) || 0,
           y: (w == null ? void 0 : w.y) || 0,
@@ -7707,7 +7718,7 @@ class we {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, S = Q(), E = n.getLayouts().find((I) => I.panelId === m.panelId);
+        } : void 0, S = N(), E = n.getLayouts().find((I) => I.panelId === m.panelId);
         if (!E)
           throw new Y(m);
         return {
@@ -7824,7 +7835,7 @@ class ls {
     if (a.length === 0)
       return [];
     try {
-      return L(
+      return U(
         a[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -7909,7 +7920,7 @@ class ls {
     var h, m;
     if (e.length === 0)
       return;
-    const s = L(
+    const s = U(
       e[0].id,
       n().map((g) => g.layoutState)
     ), o = { ...s.colors }, l = {};
@@ -7966,7 +7977,7 @@ class ls {
       const w = i.getLayouts().find((S) => S.panelId === C.panelId);
       if (!w)
         throw new Y(C);
-      const v = Q();
+      const v = N();
       return {
         regionElement: { id: v, region: C },
         command: this.getCreateElementCommand(v, C, w, {
@@ -8235,7 +8246,7 @@ class As {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (A, u, h) => {
-      const m = h || Q(), f = a.getLayouts().find((C) => C.panelId === u.panelId);
+      const m = h || N(), f = a.getLayouts().find((C) => C.panelId === u.panelId);
       if (!f)
         return console.error(`Can not find layout for region: ${u.panelId}`), null;
       const p = [];
@@ -8365,7 +8376,7 @@ class us {
       const h = a.getLayouts().find((g) => g.panelId === A.panelId);
       if (!h)
         throw new Y(A);
-      const m = Q();
+      const m = N();
       return {
         regionElement: { id: m, region: A },
         command: new W(
@@ -8594,7 +8605,7 @@ class ms {
                     </svg>
                 `, p = {};
         p[this.shapeFillId] = { browserValue: g };
-        const C = Q();
+        const C = N();
         return {
           id: C,
           region: h,
@@ -8636,7 +8647,7 @@ class ms {
     }
   }
 }
-const $t = new ms();
+const Lt = new ms();
 class gs {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8697,13 +8708,13 @@ const fs = new gs(), Ge = (r, t, e, a, n) => {
     return [i, s] = Ge(e, a, r, u, o), [n.size, i, s];
   }
   const c = 6;
-  let d = c - Ue;
+  let d = c - $e;
   if (a.length > 0) {
     let u = a, h = 0;
     for (; (!n.maxSize || d <= n.maxSize) && u; )
-      d += Ue, h = d / l.unitsPerEm, [u, s] = Ge(e, a, d, h, o);
+      d += $e, h = d / l.unitsPerEm, [u, s] = Ge(e, a, d, h, o);
   }
-  d > c && (d -= Ue), n.minSize && d < n.minSize && (d = n.minSize);
+  d > c && (d -= $e), n.minSize && d < n.minSize && (d = n.minSize);
   const A = d / l.unitsPerEm;
   return [i, s] = Ge(e, a, d, A, o), [d, i, s];
 }, We = 30;
@@ -8799,7 +8810,7 @@ class Cs {
     return null;
   }
   findLayoutElements(t, e) {
-    return t.getRegionElements(e.stepName).map((i) => L(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => U(i.id, t.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -9140,18 +9151,18 @@ class Cs {
       throw new Error("Step data not supplied");
     const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = async (A) => {
       var g;
-      const h = s.getLayouts().find((f) => f.panelId === A.panelId), m = Q();
+      const h = s.getLayouts().find((f) => f.panelId === A.panelId), m = N();
       try {
         if (!h)
           throw new Se("Failed to find layout for region: " + A.panelId);
         const f = a.colorOption;
         let p;
         if (f && f.variants) {
-          const N = f.variants.find((V) => {
+          const Q = f.variants.find((V) => {
             var j;
             return V.id === ((j = f.defaultVariant) == null ? void 0 : j.id);
           }) || f.variants[0];
-          p = this.createTextFillSpotColor(f, N), s.updateStorage(t, {
+          p = this.createTextFillSpotColor(f, Q), s.updateStorage(t, {
             colorProfileAssetKey: (g = f.colorProfile) == null ? void 0 : g.key
           });
         }
@@ -9446,7 +9457,7 @@ class Ds extends ws {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = $i(ys), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
+    const a = Li(ys), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
       const w = tt("g");
       w.classList.add("module-text-group");
       const v = tt("defs");
@@ -9460,7 +9471,7 @@ class Ds extends ws {
       const I = tt("g");
       I.classList.add("module-layer2"), w.appendChild(I), I.setAttribute("fill", "rgb(255,209,0)"), I.setAttribute("transform", "translate(1,-0.1)"), I.innerHTML = o;
       const P = tt("g");
-      return P.classList.add("module-layer3"), w.appendChild(P), P.setAttribute("fill", "white"), P.innerHTML = o, new Is(w).transform(([M, N]) => [M, N + (c / 2 - M) ** 2 / (c * 6)]), w;
+      return P.classList.add("module-layer3"), w.appendChild(P), P.setAttribute("fill", "white"), P.innerHTML = o, new Is(w).transform(([M, Q]) => [M, Q + (c / 2 - M) ** 2 / (c * 6)]), w;
     }, u = tt("g");
     u.classList.add("module-root");
     const h = tt("defs");
@@ -9770,15 +9781,22 @@ const xs = y`
             }
         }
     }
-`, Qs = y`
+`, Ns = y`
     query GetProductCollectionForFilteredProducts(
         $id: String!
         $filters: ProductCollectionProductFilterInput
         $tags: ProductCollectionProductTagFilterInput
+        $sortKey: ProductCollectionProductSortKey
+        $sortDescending: Boolean
     ) {
         productCollections(ids: [$id]) {
             id
-            productCollectionProducts(filters: $filters, tags: $tags) {
+            productCollectionProducts(
+                filters: $filters
+                tags: $tags
+                sortKey: $sortKey
+                sortDescending: $sortDescending
+            ) {
                 id
                 product {
                     id
@@ -9786,7 +9804,7 @@ const xs = y`
             }
         }
     }
-`, Ns = y`
+`, Qs = y`
     ${Ea}
     query GetProductCollectionForProductsFeed(
         $id: String!
@@ -9794,10 +9812,19 @@ const xs = y`
         $offset: Int
         $filters: ProductCollectionProductFilterInput
         $tags: ProductCollectionProductTagFilterInput
+        $sortKey: ProductCollectionProductSortKey
+        $sortDescending: Boolean
     ) {
         productCollections(ids: [$id]) {
             id
-            productCollectionProductsFeed(filters: $filters, tags: $tags, limit: $limit, offset: $offset) {
+            productCollectionProductsFeed(
+                filters: $filters
+                tags: $tags
+                limit: $limit
+                offset: $offset
+                sortKey: $sortKey
+                sortDescending: $sortDescending
+            ) {
                 items {
                     ...ProductCollectionProductFields
                 }
@@ -9875,19 +9902,19 @@ const xs = y`
             }
         }
     }
-`, Us = y`
+`, $s = y`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
         }
     }
-`, Ls = y`
+`, Us = y`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, $s = y`
+`, Ls = y`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
@@ -10034,9 +10061,27 @@ const xs = y`
     mutation RejectTransaction($id: String!, $note: String) {
         transactionReject(id: $id, note: $note)
     }
+`, eo = y`
+    mutation CreateRecipient($firstName: String, $lastName: String, $address: String, $suburb: String, $state: String, $email: String, $postalCode: String, $country: String) {
+        recipientCreate(firstName: $firstName, lastName: $lastName, address: $address, suburb: $suburb, state: $state, email: $email, postalCode: $postalCode, country: $country) {
+            id
+        }
+    }
+`, ao = y`
+    mutation UpdateRecipient($id: String!, $firstName: String, $lastName: String, $address: String, $suburb: String, $state: String, $email: String, $postalCode: String, $country: String) {
+        recipientUpdate(id: $id, firstName: $firstName, lastName: $lastName, address: $address, suburb: $suburb, state: $state, email: $email, postalCode: $postalCode, country: $country) {
+            id
+        }
+    }
+`, no = y`
+    mutation AtttachRecipient($id: String!, $recipientId: String!) {
+        transactionAttachRecipient(id: $id, recipientId: $recipientId) {
+            id
+        }
+    }
 `;
 var Me = /* @__PURE__ */ ((r) => (r.Error = "Error", r.Warning = "Warning", r.Info = "Info", r))(Me || {});
-const eo = 1e3;
+const ro = 1e3;
 class ja extends Dn {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
@@ -10045,11 +10090,11 @@ class ja extends Dn {
     await this.update(), await new Promise((t) => {
       window.setTimeout(() => {
         t();
-      }, eo);
+      }, ro);
     });
   }
 }
-class ao {
+class io {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h = !1, m, g = !1, f = !1, p = !1) {
     this.workflowStatePromiseQueue = new Pn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var v;
@@ -10071,6 +10116,52 @@ class ao {
       })
     );
   }
+  async updateRecipient(t, e, a, n, i, s, o, l) {
+    var c, d;
+    if (this.transaction.recipient)
+      await b.getShadowGraphqlClient().mutate({
+        mutation: ao,
+        errorPolicy: "all",
+        fetchPolicy: "no-cache",
+        variables: {
+          id: this.transaction.recipient.id,
+          firstName: t,
+          lastName: e,
+          address: a,
+          suburb: n,
+          state: i,
+          email: s,
+          postalCode: o,
+          country: l
+        }
+      });
+    else {
+      const A = await b.getShadowGraphqlClient().mutate({
+        mutation: eo,
+        errorPolicy: "all",
+        fetchPolicy: "no-cache",
+        variables: {
+          firstName: t,
+          lastName: e,
+          address: a,
+          suburb: n,
+          state: i,
+          email: s,
+          postalCode: o,
+          country: l
+        }
+      });
+      await b.getShadowGraphqlClient().mutate({
+        mutation: no,
+        errorPolicy: "all",
+        fetchPolicy: "no-cache",
+        variables: {
+          id: this.transaction.id,
+          recipientId: (d = (c = A.data) == null ? void 0 : c.recipientCreate) == null ? void 0 : d.id
+        }
+      });
+    }
+  }
   async initializeDefaultWorkflowState(t) {
     const e = () => {
       var d, A;
@@ -10234,7 +10325,7 @@ class ao {
     this.pendingUpdates = this.pendingUpdates.filter((e) => e !== t);
   }
   markUpdatePending() {
-    const t = Q();
+    const t = N();
     return this.pendingUpdates = [...this.pendingUpdates, t], t;
   }
   setEditedStatus(t, e) {
@@ -10343,7 +10434,7 @@ class ao {
     };
     if (!rn(a, this.storage)) {
       this.storage = a;
-      const n = new $a(this.constructSerializableWorkflow());
+      const n = new La(this.constructSerializableWorkflow());
       this.commandContext.apply(n, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -10558,7 +10649,7 @@ class ao {
       const B = (S = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : S.frameService;
       B == null || B.setTargetElements(a.map((E) => E.id));
     }
-    const f = u.map((B) => new vt(B.id)), p = new $a(this.constructSerializableWorkflow()), C = [...m, ...f, p];
+    const f = u.map((B) => new vt(B.id)), p = new La(this.constructSerializableWorkflow()), C = [...m, ...f, p];
     C.length > 0 && this.commandContext.apply(new O(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), v = this.modelContainer;
     if (v) {
@@ -10582,7 +10673,7 @@ class ao {
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
           case D.DigitalContent:
             a.push(
-              $n.init(
+              Ln.init(
                 l,
                 this,
                 this.reloadedState
@@ -10625,7 +10716,7 @@ class ao {
             );
             break;
           case D.Shape:
-            a.push($t.init(l, this, this.reloadedState));
+            a.push(Lt.init(l, this, this.reloadedState));
             break;
           case D.Text:
             a.push(q.init(l, this, this.reloadedState));
@@ -10688,7 +10779,7 @@ class ao {
     this.validationCallbacks.forEach((t) => t(this.validationErrors));
   }
   traversableScenes() {
-    return Ni(this.allScenes, this.stepSelections, this.singleVariantsRenderable);
+    return Qi(this.allScenes, this.stepSelections, this.singleVariantsRenderable);
   }
 }
 class st {
@@ -10907,7 +10998,7 @@ const qn = class sa {
 };
 qn.updateState = /* @__PURE__ */ new Map();
 let it = qn;
-class no extends it {
+class so extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -10935,7 +11026,7 @@ class no extends it {
     const t = this.manager.getRegionElements(this.step.stepName) || [];
     if (t.length === 0)
       return;
-    const a = L(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
+    const a = U(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
     if (s.length !== 0) {
       const l = {};
       return s.forEach((c) => {
@@ -10985,7 +11076,7 @@ class no extends it {
     return this.step.data.pmsPickerEnabled ?? !1;
   }
 }
-class ro extends it {
+class oo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -10998,7 +11089,7 @@ class ro extends it {
     );
   }
 }
-class io extends it {
+class lo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11011,7 +11102,7 @@ class io extends it {
     );
   }
 }
-class so extends it {
+class co extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11029,7 +11120,7 @@ class so extends it {
     );
   }
 }
-class oo extends it {
+class Ao extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11046,13 +11137,13 @@ class oo extends it {
     return this.step.data.displayType || ((t = this.step.option) == null ? void 0 : t.displayType);
   }
 }
-class lo extends it {
+class uo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
   selectVariant(t) {
     const e = t.getResource();
-    return $t.selectVariant(
+    return Lt.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -11070,7 +11161,7 @@ class lo extends it {
    * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
    */
   setColor(t) {
-    return $t.selectVariant(
+    return Lt.selectVariant(
       this.step,
       t,
       this.manager.getRegionElements(this.step.stepName) || [],
@@ -11082,7 +11173,7 @@ class lo extends it {
    * @returns A list of color definitions that are currently applied to the illustration.
    */
   getColors() {
-    return $t.availableColours(this.step);
+    return Lt.availableColours(this.step);
   }
   /**
    * Allows for setting a custom color when the custom variant is selected. Will
@@ -11090,7 +11181,7 @@ class lo extends it {
    */
   setCustomColor(t) {
     var e, a;
-    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), $t.setCustomColor(t, this.step, this.manager);
+    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), Lt.setCustomColor(t, this.step, this.manager);
   }
   getCustomColor() {
     var e, a, n;
@@ -11101,7 +11192,7 @@ class lo extends it {
     return t;
   }
 }
-class co extends it {
+class ho extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11302,7 +11393,7 @@ class co extends it {
     await q.changeStrokeColor(this.step, t, e, this.manager);
   }
 }
-class Ao extends it {
+class mo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11315,7 +11406,7 @@ class Ao extends it {
     return this.step.data.content;
   }
 }
-class uo extends it {
+class go extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11334,7 +11425,7 @@ class uo extends it {
    * @returns The final URL string for the QR code.
    */
   async selectVideo(t) {
-    return $n.regenerateQRCode(
+    return Ln.regenerateQRCode(
       this.manager.getRegionElements(this.step.stepName),
       t.key,
       this.manager,
@@ -11342,7 +11433,7 @@ class uo extends it {
     );
   }
 }
-class ho extends it {
+class fo extends it {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11394,27 +11485,27 @@ class ie {
   static get(t, e) {
     switch (e.type) {
       case D.DigitalContent:
-        return new uo(t, e, t.getStepTags(e.stepName));
+        return new go(t, e, t.getStepTags(e.stepName));
       case D.Information:
-        return new Ao(t, e, t.getStepTags(e.stepName));
+        return new mo(t, e, t.getStepTags(e.stepName));
       case D.Question:
-        return new oo(t, e, t.getStepTags(e.stepName));
+        return new Ao(t, e, t.getStepTags(e.stepName));
       case D.Text:
-        return new co(t, e, t.getStepTags(e.stepName));
+        return new ho(t, e, t.getStepTags(e.stepName));
       case D.Illustration:
-        return new no(t, e, t.getStepTags(e.stepName));
-      case D.Picture:
         return new so(t, e, t.getStepTags(e.stepName));
+      case D.Picture:
+        return new co(t, e, t.getStepTags(e.stepName));
       case D.Shape:
-        return new lo(t, e, t.getStepTags(e.stepName));
+        return new uo(t, e, t.getStepTags(e.stepName));
       case D.Material:
-        return new ro(t, e, t.getStepTags(e.stepName));
+        return new oo(t, e, t.getStepTags(e.stepName));
       case D.Model:
-        return new io(t, e, t.getStepTags(e.stepName));
+        return new lo(t, e, t.getStepTags(e.stepName));
       case D.Frame:
-        return new El(t, e, t.getStepTags(e.stepName));
+        return new Dl(t, e, t.getStepTags(e.stepName));
       case D.Module:
-        return new ho(t, e, t.getStepTags(e.stepName));
+        return new fo(t, e, t.getStepTags(e.stepName));
       default:
         throw new z(`Step type ${e.type} not yet supported in Core SDK`);
     }
@@ -11445,7 +11536,7 @@ const Yn = y`
             externalProductVariantId
         }
     }
-`, mo = y`
+`, po = y`
     ${Yn}
     mutation CreateDesign(
         $name: String!
@@ -11477,7 +11568,7 @@ const Yn = y`
             }
         }
     }
-`, go = y`
+`, Co = y`
     ${Yn}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
@@ -11496,11 +11587,11 @@ function ve(r) {
   const t = JSON.parse(atob(r.split(".")[1])).exp;
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= t;
 }
-const fo = async (r) => {
+const wo = async (r) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([l, c]) => l.startsWith("CognitoIdentityServiceProvider") && l.endsWith("idToken"))) == null ? void 0 : s[0]) || "", a = localStorage.getItem(e), n = {};
   return a && !ve(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
-    mutation: mo,
+    mutation: po,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -11517,11 +11608,11 @@ const fo = async (r) => {
       headers: n
     }
   })).data) == null ? void 0 : o.designCreate;
-}, po = async (r) => {
+}, yo = async (r) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([l, c]) => l.startsWith("CognitoIdentityServiceProvider") && l.endsWith("idToken"))) == null ? void 0 : s[0]) || "", a = localStorage.getItem(e), n = {};
   return a && !ve(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
-    mutation: go,
+    mutation: Co,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -11576,7 +11667,7 @@ const fo = async (r) => {
   return t.steps.forEach((i) => {
     Object.assign(n, a(i));
   }), n;
-}, Co = (r, t, e, a) => {
+}, So = (r, t, e, a) => {
   const n = {};
   let i = {};
   e ? i = oa(e, t, !1) : a && (i = a);
@@ -11598,7 +11689,7 @@ const fo = async (r) => {
   return n;
 }, Jn = (r, t, e, a, n, i, s, o) => {
   var m, g;
-  const l = t.basePrice || 0, c = r.priceModifierTotal || 0, d = Co(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
+  const l = t.basePrice || 0, c = r.priceModifierTotal || 0, d = So(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
     additionalExternalProductId: (m = r.integrationProduct) == null ? void 0 : m.additionalExternalProductId,
     additionalExternalVariantId: (g = r.integrationProduct) == null ? void 0 : g.additionalExternalVariantId,
     baseCost: l,
@@ -11627,7 +11718,7 @@ const fo = async (r) => {
     if (c !== void 0)
       return c;
     await r.outstandingRequestsPromise();
-    const F = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
+    const F = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), Q = await b.getShadowGraphqlClient().query({
       query: bn,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
@@ -11635,17 +11726,17 @@ const fo = async (r) => {
       context: {
         transactionOwnerId: F
       }
-    }), V = (j = N.data) == null ? void 0 : j.transactions[0].workflowState;
-    return N.errors ? (N.errors.forEach((G) => {
-      N.errors && console.log("Server Error:", G.message);
+    }), V = (j = Q.data) == null ? void 0 : j.transactions[0].workflowState;
+    return Q.errors ? (Q.errors.forEach((G) => {
+      Q.errors && console.log("Server Error:", G.message);
     }), null) : V ?? 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 = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && oa(l, t, !0), f = l && oa(l, t, !1), p = async (P) => {
     const F = {};
     let M = 0;
     if (Object.keys(i).length > 0)
-      for (const N of Object.keys(i)) {
-        const V = i[N], j = t.steps.find((G) => G.stepName === N);
+      for (const Q of Object.keys(i)) {
+        const V = i[Q], j = t.steps.find((G) => G.stepName === Q);
         for (let G = 0; G < V.selections.length; ++G) {
           const nt = V.selections[G];
           if (j && (!P || j.option && (j.option.variants || []).length > 1 && !j.data.hideSelectionInCart && !j.data.hideSelectionsInCart)) {
@@ -11677,7 +11768,7 @@ const fo = async (r) => {
   let B = await o(m, n.id);
   if (B) {
     const P = await (await rt(B)).blob();
-    B = (await U.uploadAsset(
+    B = (await $.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: P },
       he.Image,
       !0,
@@ -11699,14 +11790,14 @@ const fo = async (r) => {
       };
       if (f) {
         const F = [];
-        for (const [M, N] of Object.entries(f))
-          F.push({ key: M, value: N });
+        for (const [M, Q] of Object.entries(f))
+          F.push({ key: M, value: Q });
         P.metadata = F;
       }
       if (w) {
         const F = [];
-        for (const [M, N] of Object.entries(S))
-          F.push({ key: M, ids: N });
+        for (const [M, Q] of Object.entries(S))
+          F.push({ key: M, ids: Q });
         P.selectedVariants = F;
       }
       return P;
@@ -11714,7 +11805,7 @@ const fo = async (r) => {
     cartSelectionsWithPrices: C,
     cartMetadata: g
   };
-}, wo = async (r, t, e, a, n, i, s, o, l, c, d) => {
+}, vo = async (r, t, e, a, n, i, s, o, l, c, d) => {
   var p, C;
   l("workflow.steps.finish.finalize.buildingLayouts");
   const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await Kn(
@@ -11729,7 +11820,7 @@ const fo = async (r) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await fo(A), g = (p = m == null ? void 0 : m.transaction) == null ? void 0 : p.previewImageLink;
+  const m = await wo(A), g = (p = m == null ? void 0 : m.transaction) == null ? void 0 : p.previewImageLink;
   if (!(m != null && m.transaction))
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
@@ -11744,7 +11835,7 @@ const fo = async (r) => {
     g,
     (C = m == null ? void 0 : m.processExecution) == null ? void 0 : C.id
   );
-}, yo = async (r, t, e) => {
+}, Eo = async (r, t, e) => {
   t("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
     r.map(async (o) => {
       await o.workflowManager.outstandingRequestsPromise();
@@ -11776,7 +11867,7 @@ const fo = async (r) => {
     ))
   );
   t("workflow.steps.finish.finalize.creatingDesign");
-  const s = await po(i.map((o) => o.designDetails));
+  const s = await yo(i.map((o) => o.designDetails));
   if (!s)
     throw new Error("Failed to create designs");
   return t("workflow.steps.finish.finalize.updatingTransaction"), s.map((o, l) => {
@@ -11794,7 +11885,7 @@ const fo = async (r) => {
     );
   });
 };
-class So {
+class Bo {
   constructor() {
     this.localPersistenceKey = "designTransactions", this.storageMethod = "Local", this.designSavedListeners = [];
   }
@@ -11861,7 +11952,7 @@ class So {
     throw new z("Unexpected storage method requested");
   }
 }
-const je = new So(), vo = y`
+const je = new Bo(), bo = y`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -11875,7 +11966,7 @@ const je = new So(), vo = y`
             }
         }
     }
-`, Eo = y`
+`, Io = y`
     mutation AddAddressToTransaction(
         $transactionId: String!
         $streetAddress: String
@@ -11897,7 +11988,7 @@ const je = new So(), vo = y`
             id
         }
     }
-`, Bo = y`
+`, Do = y`
     mutation AddOrganizationToTransaction(
         $transactionId: String!
         $organizationName: String!
@@ -11910,8 +12001,8 @@ const je = new So(), vo = y`
         }
     }
 `;
-var bo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(bo || {});
-class Io {
+var Po = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(Po || {});
+class Fo {
   constructor(t, e) {
     var n;
     if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = sn(async () => {
@@ -11933,7 +12024,7 @@ class Io {
       throw new Error("No Workflow ID provided.");
     this.client = t;
     const a = e.layouts;
-    this.commandContext = new _i(), this.commandContext.initialize(a, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.workflowManager = new ao(
+    this.commandContext = new _i(), this.commandContext.initialize(a, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.workflowManager = new io(
       this,
       t,
       e.workflow,
@@ -11974,7 +12065,7 @@ class Io {
   async attachAddress(t, e, a, n, i, s) {
     const l = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id);
     await b.getShadowGraphqlClient().mutate({
-      mutation: Eo,
+      mutation: Io,
       variables: {
         transactionId: this.getWorkflowManager().getTransaction().id,
         streetAddress: t || void 0,
@@ -11992,7 +12083,7 @@ class Io {
   async attachOrganization(t) {
     const a = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id);
     await b.getShadowGraphqlClient().mutate({
-      mutation: Bo,
+      mutation: Do,
       variables: {
         transactionId: this.getWorkflowManager().getTransaction().id,
         organizationName: t
@@ -12194,7 +12285,7 @@ class Io {
   async assignCustomerDetails(t) {
     var s, o, l;
     const a = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), i = (l = (o = (s = (await b.getShadowGraphqlClient().mutate({
-      mutation: vo,
+      mutation: bo,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
         details: t,
@@ -12272,7 +12363,7 @@ class Io {
       transactionId: a.id,
       workflowViewerLink: "",
       workflowViewerReadOnlyLink: ""
-    }) : wo(
+    }) : vo(
       this.workflowManager,
       this.workflowManager.getWorkflow(),
       this.workflowManager.getLayouts(),
@@ -12351,7 +12442,7 @@ class Io {
     (this.eventCallbacks.get(t) || []).forEach((e) => e(this));
   }
 }
-const Do = [
+const xo = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -12363,14 +12454,14 @@ const Do = [
   "textPath",
   "tref",
   "tspan"
-], Po = async (r, t, e) => {
+], ko = 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", ka(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${ka(await nn(l, { type: "svg" }))}`, A = (h) => {
     const m = r.find((f) => f.panelId === h.panelId);
     if (!m)
       throw new Y(h);
-    const g = Q();
+    const g = N();
     return new W(
       {
         id: g,
@@ -12390,14 +12481,14 @@ const Do = [
   } catch (h) {
     return console.error(h), [];
   }
-}, Fo = async (r, t, e, a) => {
+}, Mo = async (r, t, e, a) => {
   const n = e.data, i = n.assetUrl, s = await ra(i);
   try {
     const o = Xi(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
       var g;
-      const d = await Nn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await xe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
+      const d = await Qn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await xe(d), u = N(), h = r.find((f) => f.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Sa(
@@ -12448,7 +12539,7 @@ const Do = [
   } catch (o) {
     return console.error(o), [];
   }
-}, xo = async (r, t, e, a) => {
+}, To = async (r, t, e, a) => {
   var S, B;
   const n = e.data, i = a.option;
   if (!i)
@@ -12468,16 +12559,16 @@ const Do = [
   ma(m);
   const g = {};
   xt(m, (E) => {
-    Do.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
+    xo.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
     const I = E.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
-      const F = I.value, N = `spiff-fill-${F.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: F };
+      const F = I.value, Q = `spiff-fill-${F.replace(/\W/g, "")}`;
+      E.classList.add(Q), g[Q] = { browserValue: F };
     }
     const P = E.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const F = P.value, N = `spiff-stroke-${F.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: F };
+      const F = P.value, Q = `spiff-stroke-${F.replace(/\W/g, "")}`;
+      E.classList.add(Q), g[Q] = { browserValue: F };
     }
   });
   const p = Et().serializeToString(m), C = n.colors;
@@ -12493,7 +12584,7 @@ const Do = [
     const I = r.find((F) => F.panelId === E.panelId);
     if (!I)
       throw new Y(E);
-    const P = Q();
+    const P = N();
     return new W(
       {
         colors: g,
@@ -12517,12 +12608,12 @@ const Do = [
   } catch (E) {
     return console.error(E), [];
   }
-}, ko = async (r, t, e) => {
+}, No = async (r, t, e) => {
   const a = await Hn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
       throw new Y(l);
-    const d = Q();
+    const d = N();
     return new W(
       {
         colors: {},
@@ -12547,7 +12638,7 @@ const Do = [
   } catch (o) {
     return console.error(o), [];
   }
-}, Mo = async (r, t, e, a) => {
+}, Qo = async (r, t, e, a) => {
   var d, A;
   const n = e.data, i = a.option;
   if (!i)
@@ -12565,7 +12656,7 @@ const Do = [
     const h = r.find((g) => g.panelId === u.panelId);
     if (!h)
       throw new Y(u);
-    const m = Q();
+    const m = N();
     return new W(
       {
         id: m,
@@ -12589,7 +12680,7 @@ const Do = [
   } catch (u) {
     return console.error(u), [];
   }
-}, To = async (r, t, e, a) => {
+}, Ro = async (r, t, e, a) => {
   var c;
   const n = e.data, i = a.option;
   if (!i)
@@ -12622,7 +12713,7 @@ const Do = [
                 fill="${s == null ? void 0 : s.color}"
             />
         </svg>
-        `, m = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, g = Q();
+        `, m = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, g = N();
     return new W(
       {
         colors: m,
@@ -12646,7 +12737,7 @@ const Do = [
   } catch (d) {
     return console.error(d), [];
   }
-}, Qo = async (r, t, e) => {
+}, Oo = async (r, t, e) => {
   const a = [], i = (() => {
     var c, d;
     return t.type === D.ProductOverlay ? e || ((c = t.data.asset) == null ? void 0 : c.fileLink) || "" : ((d = t.data.asset) == null ? void 0 : d.fileLink) || "";
@@ -12658,7 +12749,7 @@ const Do = [
         if (!d)
           throw new Y(c);
         const A = {
-          id: Q(),
+          id: N(),
           src: i,
           type: o,
           y: c.top,
@@ -12691,7 +12782,7 @@ const Do = [
       if (!u)
         throw new Y(A);
       const h = {
-        id: Q(),
+        id: N(),
         src: i,
         asset_key: i,
         svg: d(c),
@@ -12713,7 +12804,7 @@ const Do = [
     });
   }
   return a;
-}, No = async (r, t, e, a) => {
+}, $o = async (r, t, e, a) => {
   const n = [], i = e.data, s = 30, o = (f) => f.vertical ? "center" : f.textAlign || "center", l = () => {
     var w;
     const f = a.option;
@@ -12751,7 +12842,7 @@ const Do = [
       continue;
     const C = {
       stepName: e.name,
-      id: Q(),
+      id: N(),
       align: o(a.data),
       curved: a.data.curved,
       fill: i.color || m || "#000000",
@@ -12802,7 +12893,7 @@ const Do = [
       n.push(new W(C, p));
   }
   return n;
-}, Ro = (r, t) => r.conditions ? r.conditions.every((e) => {
+}, Uo = (r, t) => r.conditions ? r.conditions.every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -12811,7 +12902,7 @@ const Do = [
     );
   }
   return !1;
-}) : !0, Oo = async (r, t, e, a) => {
+}) : !0, Lo = async (r, t, e, a) => {
   const n = [], i = {};
   for (const s of r) {
     const o = t.steps.find((l) => l.stepName === s.name);
@@ -12819,18 +12910,18 @@ const Do = [
       switch (o.type) {
         case D.DigitalContent:
           n.push(
-            ...await Po(e, s, o)
+            ...await ko(e, s, o)
           );
           break;
         case D.Frame:
         case D.Photo:
           n.push(
-            ...await Fo(e, i, s, o)
+            ...await Mo(e, i, s, o)
           );
           break;
         case D.Illustration:
           n.push(
-            ...await xo(
+            ...await To(
               e,
               i,
               s,
@@ -12839,39 +12930,39 @@ const Do = [
           );
           break;
         case D.Module:
-          n.push(...await ko(e, s, o));
+          n.push(...await No(e, s, o));
           break;
         case D.Picture:
           n.push(
-            ...await Mo(e, i, s, o)
+            ...await Qo(e, i, s, o)
           );
           break;
         case D.Shape:
           n.push(
-            ...await To(e, i, s, o)
+            ...await Ro(e, i, s, o)
           );
           break;
         case D.Text:
           n.push(
-            ...await No(e, i, s, o)
+            ...await $o(e, i, s, o)
           );
           break;
       }
   }
   for (const s of t.steps)
-    s.type !== D.SilentIllustration && s.type !== D.ProductOverlay || Ro(s, i) && n.push(
-      ...await Qo(e, s, a)
+    s.type !== D.SilentIllustration && s.type !== D.ProductOverlay || Uo(s, i) && n.push(
+      ...await Oo(e, s, a)
     );
   return n;
 };
-class Uo {
+class Vo {
   constructor(t) {
     this.handleCompleteRender = null;
     const e = /* @__PURE__ */ new Map();
     t.forEach(
       (a) => e.set(
         a.id,
-        new Vo(a.id, a.name, this, { width: a.width, height: a.height })
+        new Wo(a.id, a.name, this, { width: a.width, height: a.height })
       )
     ), this.layouts = e;
   }
@@ -12885,15 +12976,15 @@ class Uo {
     return this.layouts;
   }
 }
-const Lo = () => new Promise((r, t) => {
+const zo = () => new Promise((r, t) => {
   try {
     const a = gt().getContext("webgl2");
     r(!!a);
   } catch {
     r(!1);
   }
-}), $o = Lo();
-class Vo {
+}), Go = zo();
+class Wo {
   constructor(t, e, a, n) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Pn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n;
   }
@@ -12949,10 +13040,10 @@ class Vo {
       return;
     }
     this.renderQueue.enqueue(
-      new zo(
+      new jo(
         this.getID(),
         a,
-        await $o,
+        await Go,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -12961,7 +13052,7 @@ class Vo {
     );
   }
 }
-class zo extends Dn {
+class jo extends Dn {
   // TODO: Do we need to pass this whole array in?
   constructor(t, e, a, n, i) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = n, this.layouts = i;
@@ -13029,7 +13120,7 @@ class zo extends Dn {
     u.resize(l, c), await u.render(), this.onRender();
   }
 }
-const kc = (r, t) => {
+const Qc = (r, t) => {
   const e = [];
   return r.forEach((a) => {
     const n = t.steps.find((i) => i.stepName === a.stepName);
@@ -13040,16 +13131,16 @@ const kc = (r, t) => {
       }
     });
   }), e;
-}, Mc = async (r, t, e, a) => {
+}, Rc = async (r, t, e, a) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  n = new O(e.map((l) => new Un(l))).apply(n);
-  const s = await Oo(r, t, e, a);
+  n = new O(e.map((l) => new $n(l))).apply(n);
+  const s = await Lo(r, t, e, a);
   return new O(s).apply(n);
 };
-class Go {
+class Ho {
   constructor(t) {
     this.handleCache = {}, this.bundle = t;
   }
@@ -13094,7 +13185,7 @@ class Go {
   async createHandle(t) {
     switch (t.type) {
       case et.FileUpload:
-        return new Wo(this.bundle, t).initialize();
+        return new qo(this.bundle, t).initialize();
       case et.ColorOption:
         return new Ha(
           this.bundle,
@@ -13106,7 +13197,7 @@ class Go {
         return (e == null ? void 0 : e.type) === "Color" ? new Ha(this.bundle, t, e) : new _n(this.bundle, t, e);
       }
       case et.Text:
-        return new jo(this.bundle, t);
+        return new Yo(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
     }
@@ -13167,7 +13258,7 @@ class Ba {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class Wo extends Ba {
+class qo extends Ba {
   constructor(t, e) {
     super(t, e);
   }
@@ -13233,7 +13324,7 @@ class Wo extends Ba {
     const e = await this.getOriginalImage();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = this.bundle.getGlobalPropertyStateManager(), n = await U.removeBackgroundFromAsset(e), s = {
+    const a = this.bundle.getGlobalPropertyStateManager(), n = await $.removeBackgroundFromAsset(e), s = {
       ...a.getAspectStorage(this.property.name),
       backgroundRemovedAssetKey: n.key,
       useOriginalAsset: !t
@@ -13253,7 +13344,7 @@ class Wo extends Ba {
   async getImage() {
     const t = this.getStateValue();
     if (t)
-      return U.getLocalOrFromServer(t);
+      return $.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
     var t, e;
@@ -13266,7 +13357,7 @@ class Wo extends Ba {
   async getOriginalImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t != null && t.originalAssetKey)
-      return U.getLocalOrFromServer(t.originalAssetKey);
+      return $.getLocalOrFromServer(t.originalAssetKey);
   }
   /**
    * Retrieves the version of the image selection that has the background removed, if one exists.
@@ -13275,7 +13366,7 @@ class Wo extends Ba {
   async getBackgroundRemovedImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t != null && t.backgroundRemovedAssetKey)
-      return U.getLocalOrFromServer(t.backgroundRemovedAssetKey);
+      return $.getLocalOrFromServer(t.backgroundRemovedAssetKey);
   }
   getUseOriginalImage() {
     var t;
@@ -13311,7 +13402,7 @@ class Wo extends Ba {
     const e = this.getStateValue();
     if (!e)
       return;
-    const a = await U.getLocalOrFromServer(e);
+    const a = await $.getLocalOrFromServer(e);
     if (!a)
       return;
     await this.applyImageSelection(a, t, !1, !0);
@@ -13404,7 +13495,7 @@ class Wo extends Ba {
     );
   }
 }
-class jo extends Ba {
+class Yo extends Ba {
   constructor(t, e) {
     super(t, e);
   }
@@ -13569,8 +13660,8 @@ class Ha extends _n {
     return ((t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : t.customColor) || ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) || "#ffffff";
   }
 }
-const Ho = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlobalPropertyAspects(t).includes(e) && n.getType() === a), qo = (r, t, e) => {
-  const n = Ho(
+const Jo = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlobalPropertyAspects(t).includes(e) && n.getType() === a), Ko = (r, t, e) => {
+  const n = Jo(
     r,
     t,
     e,
@@ -13582,7 +13673,7 @@ const Ho = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlo
   });
   return Math.max(...n);
 };
-class Yo {
+class _o {
   constructor(t, e, a, n, i) {
     this.bundleId = t, this.bundleOwnerId = e, this.configuration = a, this.bundleOptions = i;
     const s = i == null ? void 0 : i.existingGlobalPropertyState;
@@ -13758,7 +13849,7 @@ class Yo {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class Jo {
+class Xo {
   constructor(t) {
     this.setState(t);
   }
@@ -13846,7 +13937,7 @@ class Jo {
     };
   }
 }
-const Ko = y`
+const Zo = y`
     query GetManyMetafields($entityIds: [String!]!) {
         metafieldsMany(entityIds: $entityIds) {
             id
@@ -13858,7 +13949,7 @@ const Ko = y`
         }
     }
 `;
-class _o {
+class tl {
   constructor() {
     this.internalMap = /* @__PURE__ */ new Map();
   }
@@ -13880,7 +13971,7 @@ class _o {
     if (t.every((a) => this.internalMap.has(a)))
       return;
     const e = await b.getShadowGraphqlClient().query({
-      query: Ko,
+      query: Zo,
       errorPolicy: "all",
       variables: {
         entityIds: t.filter((a) => !this.internalMap.has(a))
@@ -13921,8 +14012,9 @@ class _o {
       return JSON.parse(n.value);
   }
 }
-const Xo = new _o();
-class Zo {
+const el = new tl();
+var al = /* @__PURE__ */ ((r) => (r.Default = "Default", r.Name = "Name", r.Price = "Price", r))(al || {});
+class nl {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
     const e = this.collection.productCollectionProducts;
@@ -13981,10 +14073,10 @@ class Zo {
    * @param filters A list of metafield filters to apply.
    * @param tags An object of tag filters to apply.
    */
-  async filterProducts(t, e) {
-    var s, o;
-    const a = await b.getShadowGraphqlClient().query({
-      query: Qs,
+  async filterProducts(t, e, a, n) {
+    var l, c;
+    const i = await b.getShadowGraphqlClient().query({
+      query: Ns,
       errorPolicy: "all",
       variables: {
         id: this.getId(),
@@ -13995,15 +14087,17 @@ class Zo {
         tags: e ? {
           include: e.include ?? [],
           exclude: e.exclude ?? []
-        } : void 0
+        } : void 0,
+        sortKey: a,
+        sortDescending: n
       }
     });
-    if (!((s = a.data) != null && s.productCollections) || ((o = a.data) == null ? void 0 : o.productCollections.length) === 0)
+    if (!((l = i.data) != null && l.productCollections) || ((c = i.data) == null ? void 0 : c.productCollections.length) === 0)
       throw new Error("Failed to filter product collection products.");
-    const n = this.getProducts(), i = a.data.productCollections[0].productCollectionProducts.map(
-      (l) => l.product.id
+    const s = this.getProducts(), o = i.data.productCollections[0].productCollectionProducts.map(
+      (d) => d.product.id
     );
-    return n.filter((l) => i.includes(l.getId()));
+    return s.filter((d) => o.includes(d.getId()));
   }
   /**
    * Fetches a paginated feed of products.
@@ -14013,17 +14107,17 @@ class Zo {
    * @param tags Optional object of tag filters to apply.
    * @returns
    */
-  async fetchProductsFeed(t, e, a, n) {
-    var o, l, c, d, A, u;
+  async fetchProductsFeed(t, e, a, n, i, s) {
+    var c, d, A, u, h, m;
     if (this.fullFetched) {
-      const h = await (a ? this.filterProducts(a) : this.fetchProducts());
+      const g = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
-        total: h.length,
-        items: h.slice(t, t + e)
+        total: g.length,
+        items: g.slice(t, t + e)
       };
     }
-    const i = await b.getShadowGraphqlClient().query({
-      query: Ns,
+    const o = await b.getShadowGraphqlClient().query({
+      query: Qs,
       variables: {
         id: this.getId(),
         limit: e,
@@ -14035,18 +14129,20 @@ class Zo {
         tags: n ? {
           include: n.include ?? [],
           exclude: n.exclude ?? []
-        } : void 0
+        } : void 0,
+        sortKey: i,
+        sortDescending: s
       },
       errorPolicy: "all"
     });
     return {
-      items: ((c = (l = (o = i == null ? void 0 : i.data) == null ? void 0 : o.productCollections) == null ? void 0 : l[0].productCollectionProductsFeed) == null ? void 0 : c.items.filter((h) => !!h.product).map((h) => new se(h))) || [],
-      total: ((u = (A = (d = i == null ? void 0 : i.data) == null ? void 0 : d.productCollections) == null ? void 0 : A[0].productCollectionProductsFeed) == null ? void 0 : u.total) ?? 0
+      items: ((A = (d = (c = o == null ? void 0 : o.data) == null ? void 0 : c.productCollections) == null ? void 0 : d[0].productCollectionProductsFeed) == null ? void 0 : A.items.filter((g) => !!g.product).map((g) => new se(g))) || [],
+      total: ((m = (h = (u = o == null ? void 0 : o.data) == null ? void 0 : u.productCollections) == null ? void 0 : h[0].productCollectionProductsFeed) == null ? void 0 : m.total) ?? 0
     };
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new tl(this.collection.transformCollection);
+      return new rl(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -14188,7 +14284,7 @@ class se {
    * @returns A map of metafield key to value. Any unavailable keys will not be present in the map. use map.has() to check if a key is present.
    */
   async requestMetafields(t) {
-    return Xo.requestKeysForEntity(this.product.id, t);
+    return el.requestKeysForEntity(this.product.id, t);
   }
 }
 class zt {
@@ -14215,7 +14311,7 @@ class zt {
     return this.workflow.imageUrl;
   }
 }
-class tl {
+class rl {
   constructor(t) {
     this.collection = t;
   }
@@ -14235,10 +14331,10 @@ class tl {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new el(t));
+    return this.collection.transforms.map((t) => new il(t));
   }
 }
-class el {
+class il {
   constructor(t) {
     this.transform = t;
   }
@@ -14265,7 +14361,7 @@ class el {
     };
   }
 }
-class al {
+class sl {
   constructor() {
     this.listeners = {};
   }
@@ -14292,7 +14388,7 @@ class al {
         delete this.listeners[e];
   }
 }
-const nl = y`
+const ol = y`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14314,13 +14410,13 @@ const nl = y`
             id
         }
     }
-`, rl = y`
+`, ll = y`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, il = y`
+`, cl = y`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
@@ -14331,15 +14427,15 @@ const nl = y`
 class He {
   constructor(t, e, a, n, i, s) {
     var c, d, A;
-    this.workflowExperiences = [], this.eventEmitter = new al(), this.client = t, this.id = e.id, this.name = e.name || "", this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Jo(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new sl(), this.client = t, this.id = e.id, this.name = e.name || "", this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Xo(e.bundleStateData);
     const o = (d = this.productCollection) == null ? void 0 : d.globalPropertyConfiguration;
-    this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new Yo(
+    this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new _o(
       this.id,
       this.ownerId,
       o,
       this.checkConditionalHandlesChanged.bind(this),
       s
-    ), this.globalPropertyHandleService = new Go(this), this.setPreviewService(a);
+    ), this.globalPropertyHandleService = new Ho(this), this.setPreviewService(a);
     const l = new Promise((u, h) => {
       if (s != null && s.readonly) {
         u([]);
@@ -14370,7 +14466,7 @@ class He {
   async generateQuoteId() {
     var a, n;
     const e = (n = (a = (await b.getShadowGraphqlClient().mutate({
-      mutation: il,
+      mutation: cl,
       variables: {
         id: this.id
       },
@@ -14382,7 +14478,7 @@ class He {
   }
   async attachAddress(t, e, a, n, i, s) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: nl,
+      mutation: ol,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14399,7 +14495,7 @@ class He {
   }
   async attachOrganization(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: rl,
+      mutation: ll,
       variables: {
         bundleId: this.id,
         organizationName: t
@@ -14472,7 +14568,7 @@ class He {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new Zo(this.productCollection) : void 0;
+    return this.productCollection ? new nl(this.productCollection) : void 0;
   }
   async initializeAdditionalRequiredColorChannels(t) {
     var e, a, n, i;
@@ -14483,7 +14579,7 @@ class He {
           (d) => d.name === l
         );
         if (c && c.type === et.ColorOption) {
-          const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = qo(
+          const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = Ko(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             l
@@ -14518,7 +14614,7 @@ class He {
       );
     const n = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), i = e.map((o) => n.get(o));
     await b.getShadowGraphqlClient().mutate({
-      mutation: $s,
+      mutation: Ls,
       variables: {
         id: this.id,
         transactionIds: e,
@@ -14550,7 +14646,7 @@ class He {
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const s = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a);
     await b.getShadowGraphqlClient().mutate({
-      mutation: Ls,
+      mutation: Us,
       variables: {
         id: this.id,
         transactionId: a
@@ -14781,7 +14877,7 @@ class He {
         items: [],
         bundleOwnerId: this.ownerId
       };
-    const a = await yo(
+    const a = await Eo(
       this.workflowExperiences.map((n) => ({
         workflowManager: n.getWorkflowManager(),
         workflow: n.getWorkflowManager().getWorkflow(),
@@ -14905,7 +15001,7 @@ class He {
   async updateBundle() {
     var e;
     if (!((e = (await b.getShadowGraphqlClient().mutate({
-      mutation: Us,
+      mutation: $s,
       variables: {
         id: this.id,
         name: this.name,
@@ -14991,14 +15087,14 @@ class He {
     };
   }
 }
-const sl = y`
+const dl = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class ol {
+class Al {
   /**
    *
    * @param id
@@ -15009,7 +15105,7 @@ class ol {
   async execute(t, e, a) {
     var A, u, h;
     const i = (u = (A = (await b.getShadowGraphqlClient().mutate({
-      mutation: sl,
+      mutation: dl,
       variables: {
         processFlowId: t,
         inputs: [...e.map((m) => m.getValueForTransmission())]
@@ -15051,7 +15147,7 @@ class ol {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new ll(m);
+        o = !0, d = new ul(m);
         break;
       }
       l += 1;
@@ -15065,7 +15161,7 @@ class ol {
     return Promise.resolve(d);
   }
 }
-class ll {
+class ul {
   constructor(t) {
     this.execution = t;
   }
@@ -15150,8 +15246,8 @@ class ba {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var cl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(cl || {});
-class Tc extends ba {
+var hl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(hl || {});
+class Oc extends ba {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -15166,7 +15262,7 @@ class Xn extends ba {
     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 Qc extends ba {
+class $c extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15224,7 +15320,7 @@ const Ya = y`
             }
         }
     }
-`, dl = y`
+`, ml = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15234,7 +15330,7 @@ const Ya = y`
             }
         }
     }
-`, Al = y`
+`, gl = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -15264,11 +15360,11 @@ const Ya = y`
             }
         }
     }
-`, ul = y`
+`, fl = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, hl = y`
+`, pl = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15299,7 +15395,7 @@ const Ya = y`
             }
         }
     }
-`, ml = y`
+`, Cl = y`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15317,7 +15413,7 @@ const Ya = y`
             }
         }
     }
-`, gl = async (r, t) => {
+`, wl = async (r, t) => {
   var n;
   const e = await b.getShadowGraphqlClient().query({
     query: Bi(((n = t == null ? void 0 : t.assets) == null ? void 0 : n.metadata) || !1),
@@ -15336,12 +15432,12 @@ const Ya = y`
   return a.forEach((i) => {
     i.steps.forEach((s) => {
       var o, l, c;
-      delete s.data.__typename, (o = s.option) != null && o.id && ((l = s.option.defaultVariant) != null && l.asset && U.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && U.cacheAsset(s.option.colorProfile), (c = s.option.variants) == null || c.forEach((d) => {
-        d.asset && U.cacheAsset(d.asset), d.thumbnail && U.cacheAsset(d.thumbnail), d.material && U.cacheMaterial(d.material);
+      delete s.data.__typename, (o = s.option) != null && o.id && ((l = s.option.defaultVariant) != null && l.asset && $.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && $.cacheAsset(s.option.colorProfile), (c = s.option.variants) == null || c.forEach((d) => {
+        d.asset && $.cacheAsset(d.asset), d.thumbnail && $.cacheAsset(d.thumbnail), d.material && $.cacheMaterial(d.material);
       }), Ht.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), i.finalizeStepConfig || (i.finalizeStepConfig = {}), i.finalizeStepConfig.termsMarkdown = i.finalizeStepConfig.termsMarkdown || i.partner.termsMarkdown;
   }), a;
-}, fl = async (r, t) => {
+}, yl = async (r, t) => {
   const a = (await t).find((n) => n.id === r);
   if (!a)
     throw new Error(`Workflow not found: ${r}`);
@@ -15350,12 +15446,12 @@ const Ya = y`
   const e = r.map((o) => Ht.get({ id: o, options: t })), a = r.filter((o, l) => e[l] === void 0);
   if (a.length === 0)
     return Promise.all(e);
-  const n = gl(a, t), i = a.map(
-    (o) => Ht.set({ id: o, options: t }, fl(o, n))
+  const n = wl(a, t), i = a.map(
+    (o) => Ht.set({ id: o, options: t }, yl(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Nc = async (r, t) => (await Zn([r], t))[0], pl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
-  id: Q(),
+}, Uc = async (r, t) => (await Zn([r], t))[0], Sl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+  id: N(),
   panelId: t.name,
   name: t.name,
   title: t.title,
@@ -15368,11 +15464,11 @@ const Ya = y`
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), Cl = (r, t) => {
+})), vl = (r, t) => {
   const e = r.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((n) => n.layout) : pl(t.panels);
+  return a ? Object.values(a.layouts).map((n) => n.layout) : Sl(t.panels);
 };
-class Rc {
+class Lc {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -15383,7 +15479,7 @@ class Rc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.27.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.29.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && kr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15393,7 +15489,7 @@ class Rc {
    * and the Spiff Commerce platform.
    */
   getAssetManager() {
-    return U;
+    return $;
   }
   getCurrencyCode() {
     if (this.currencyCode === void 0)
@@ -15403,14 +15499,14 @@ class Rc {
   getFlowService() {
     if (!xr())
       throw new Error("Application key required to use Flow Service.");
-    return new ol();
+    return new Al();
   }
   async getIntegration() {
     if (this.activeIntegration)
       return this.activeIntegration;
     if (!this.options.applicationKey)
       throw new Error("Cannot get current Integration without specifying an Application Key.");
-    return this.activeIntegration = wl(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = El(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     var e;
@@ -15559,7 +15655,7 @@ class Rc {
     })).data.customer;
     if (!n.id) {
       const l = (s = (await e.mutate({
-        mutation: dl,
+        mutation: ml,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -15594,7 +15690,7 @@ class Rc {
     if (!n)
       return !1;
     const s = (o = (await e.mutate({
-      mutation: Al,
+      mutation: gl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15609,7 +15705,7 @@ class Rc {
    */
   async generateVerificationCode(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: ul,
+      mutation: fl,
       variables: {
         emailAddress: t
       }
@@ -15624,7 +15720,7 @@ class Rc {
   async verifyCode(t, e) {
     var i, s;
     const n = (i = (await b.getShadowGraphqlClient().mutate({
-      mutation: hl,
+      mutation: pl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15648,7 +15744,7 @@ class Rc {
     if (!((e = this.customer) != null && e.id))
       throw new Error("Customer must be logged in before calling this function.");
     return (await b.getShadowGraphqlClient().query({
-      query: ml,
+      query: Cl,
       variables: {
         id: this.customer.id
       }
@@ -15691,7 +15787,7 @@ class Rc {
    */
   async getExistingBundle(t, e, a, n) {
     var f, p, C, w, v, S, B, E, I, P, F;
-    const i = k.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([M, N]) => M.startsWith("CognitoIdentityServiceProvider") && M.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
+    const i = k.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([M, Q]) => M.startsWith("CognitoIdentityServiceProvider") && M.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
     c && !ve(c) && (d.Authorization = `Bearer ${c}`);
     const A = {
       bundleOwnerId: s,
@@ -15831,7 +15927,7 @@ class Rc {
       var P, F, M;
       if (S.length === 0)
         return [];
-      const B = S.map((N) => N.option.transactionId), E = await a.query({
+      const B = S.map((Q) => Q.option.transactionId), E = await a.query({
         query: Ai,
         variables: {
           ids: B
@@ -15840,15 +15936,15 @@ class Rc {
         fetchPolicy: "no-cache"
       }), I = E.data.transactions;
       if (I.length !== S.length) {
-        const N = ((F = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
-        throw new ut(`Not all transactions were found: ${N}`);
+        const Q = ((F = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
+        throw new ut(`Not all transactions were found: ${Q}`);
       }
-      return !this.activeIntegration && ((M = I[0].integrationProduct) != null && M.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((N, V) => {
+      return !this.activeIntegration && ((M = I[0].integrationProduct) != null && M.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((Q, V) => {
         var j;
         return {
-          transaction: N,
-          workflowId: N.workflowId,
-          readOnly: ((j = S.find((G) => G.option.transactionId === N.id)) == null ? void 0 : j.option.readOnly) ?? !1,
+          transaction: Q,
+          workflowId: Q.workflowId,
+          readOnly: ((j = S.find((G) => G.option.transactionId === Q.id)) == null ? void 0 : j.option.readOnly) ?? !1,
           index: S[V].index
         };
       });
@@ -15877,11 +15973,11 @@ class Rc {
         const M = ((F = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${M}`);
       }
-      return E.map((M, N) => ({
+      return E.map((M, Q) => ({
         transaction: M,
         workflowId: M.workflowId,
         readOnly: !1,
-        index: S[N].index
+        index: S[Q].index
       }));
     }, s = t.map((S, B) => ({ option: S, index: B })), o = s.filter((S) => S.option.type === "transaction"), l = s.filter(
       (S) => S.option.type === "integration" || S.option.type === "external"
@@ -15892,7 +15988,7 @@ class Rc {
       var j;
       const { transaction: B, workflowId: E, readOnly: I, index: P } = S, F = m.get(E), M = t[P];
       !g.get(B.id) && B.transactionOwnerId && g.set(B.id, B.transactionOwnerId);
-      const N = g.get(B.id) || void 0, V = {
+      const Q = g.get(B.id) || void 0, V = {
         product: B.product,
         transaction: B,
         layouts: [],
@@ -15901,7 +15997,7 @@ class Rc {
           throw new z("State mutation is forbidden in read only mode!");
         } : async (G) => this.updateTransactionState({
           ...G,
-          context: { transactionOwnerId: N, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
+          context: { transactionOwnerId: Q, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         }),
         readOnly: I,
         workflow: F,
@@ -15909,22 +16005,22 @@ class Rc {
       };
       if (M.type === "transaction" && B.workflowState) {
         const G = JSON.parse(B.workflowState);
-        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await La(G), V.reloadedState = G;
+        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await Ua(G), V.reloadedState = G;
       } else if (!I && M.workflowState) {
         const G = JSON.parse(M.workflowState);
-        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await La(G), V.reloadedState = G;
+        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await Ua(G), V.reloadedState = G;
       } else
-        V.layouts = Cl(
+        V.layouts = vl(
           V.transaction,
           V.workflow
         );
-      return V.renderableContextService = new Uo(
+      return V.renderableContextService = new Vo(
         V.layouts
       ), V.delayWorkflowStateSync = !0, { experienceOptions: V, index: P, options: M };
     }), p = await Promise.all(f);
     k.setMap("transactionOwnerIds", g);
     const w = p.sort((S, B) => S.index - B.index).map(async (S) => {
-      const { experienceOptions: B, options: E } = S, I = new Io(this, B);
+      const { experienceOptions: B, options: E } = S, I = new Fo(this, B);
       return await I.getWorkflowManager().getInitializationPromise(), E.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
     }), v = await Promise.all(w);
     return v.forEach((S) => S.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), v;
@@ -15998,7 +16094,7 @@ class Rc {
     };
   }
 }
-const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
+const El = async (r, t) => (await b.getShadowGraphqlClient().query({
   query: Pi,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -16010,7 +16106,7 @@ const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
   variables: {
     themeConfigurationId: t
   }
-})).data.currentIntegration, Oc = async (r) => {
+})).data.currentIntegration, Vc = async (r) => {
   const e = await b.getShadowGraphqlClient().query({
     query: mi,
     errorPolicy: "all",
@@ -16021,7 +16117,7 @@ const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, Uc = async (r, t) => {
+}, zc = async (r, t) => {
   var a;
   return (a = (await b.getShadowGraphqlClient().query({
     query: Di,
@@ -16031,7 +16127,7 @@ const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, Lc = async (r) => {
+}, Gc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: xi,
@@ -16040,7 +16136,7 @@ const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
       id: r
     }
   })).data) == null ? void 0 : e.bundles) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
-}, $c = async (r) => {
+}, Wc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Fi,
@@ -16050,7 +16146,7 @@ const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
     }
   })).data) == null ? void 0 : e.transactions) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
 };
-function yl(r, t, e, a) {
+function Bl(r, t, e, a) {
   const n = e.width * r.zoom, i = e.height * r.zoom;
   if (a) {
     const o = r, l = Math.max(t.width / e.width, t.height / e.height);
@@ -16064,7 +16160,7 @@ function yl(r, t, e, a) {
 function le(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class Sl {
+class bl {
   constructor(t, e) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = sn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
@@ -16121,7 +16217,7 @@ class Sl {
       return;
     }
     t.forEach((e, a) => {
-      const n = Lt.get(e);
+      const n = Ut.get(e);
       n && (this.frameData || (this.frameData = new Array(t.length)), this.frameData[a] = n);
     });
   }
@@ -16207,7 +16303,7 @@ class Sl {
       return;
     }
     (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((s, o) => {
-      this.offsets[o] = yl(t[o], s, this.imageData, this.forceImageCover);
+      this.offsets[o] = Bl(t[o], s, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       n,
@@ -16286,7 +16382,10 @@ class Sl {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class Vc {
+class jc {
+  updateRecipient(t, e, a, n, i, s, o, l) {
+    throw new Error("Method not implemented.");
+  }
   approveTransaction(t) {
     throw new Error("Method not implemented.");
   }
@@ -16445,12 +16544,12 @@ class Vc {
     return [];
   }
 }
-var vl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(vl || {});
-class El extends it {
+var Il = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Il || {});
+class Dl extends it {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new Sl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new bl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -16514,7 +16613,7 @@ class El extends it {
     const e = await this.getOriginalImageSelection();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = await U.removeBackgroundFromAsset(e);
+    const a = await $.removeBackgroundFromAsset(e);
     t && await Ct.selectImage(this.step, a, this.manager, !1);
     const n = ((i = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : i.framePatternData) || {};
     return this.manager.updateStorage(this.step.stepName, {
@@ -16573,13 +16672,13 @@ class El extends it {
     var e, a;
     const t = (a = (e = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : e.framePatternData) == null ? void 0 : a.originalAssetKey;
     if (t)
-      return U.getLocalOrFromServer(t);
+      return $.getLocalOrFromServer(t);
   }
   async getBackgroundRemovedImageSelection() {
     var e, a;
     const t = (a = (e = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : e.framePatternData) == null ? void 0 : a.backgroundRemovedAssetKey;
     if (t)
-      return U.getLocalOrFromServer(t);
+      return $.getLocalOrFromServer(t);
   }
   hasOriginalImageSelection() {
     var t, e;
@@ -16619,7 +16718,7 @@ class El extends it {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const Bl = y`
+const Pl = y`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -16662,21 +16761,21 @@ const Bl = y`
             total
         }
     }
-`, bl = y`
+`, Fl = y`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, Il = y`
+`, xl = y`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Dl = y`
+`, kl = y`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -16689,7 +16788,7 @@ const Bl = y`
             total
         }
     }
-`, Pl = y`
+`, Ml = y`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -16710,21 +16809,21 @@ const Bl = y`
             }
         }
     }
-`, Fl = y`
+`, Tl = y`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, xl = y`
+`, Nl = y`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, kl = y`
+`, Ql = y`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -16737,43 +16836,43 @@ const Bl = y`
             total
         }
     }
-`, zc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
-  mutation: Fl,
+`, Hc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
+  mutation: Tl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   },
   context: e
-}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: bl,
+}), qc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Fl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   }
-}), Wc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: xl,
+}), Yc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Nl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), jc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Il,
+}), Jc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: xl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), Hc = async (r) => (await b.getShadowGraphqlClient().query({
-  query: Bl,
+}), Kc = async (r) => (await b.getShadowGraphqlClient().query({
+  query: Pl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, qc = async (r, t, e) => await b.getShadowGraphqlClient().query({
-  query: Dl,
+})).data.customer, _c = async (r, t, e) => await b.getShadowGraphqlClient().query({
+  query: kl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -16781,15 +16880,15 @@ const Bl = y`
     offset: e,
     limit: t
   }
-}), Yc = async (r, t) => await b.getShadowGraphqlClient().query({
-  query: Pl,
+}), Xc = async (r, t) => await b.getShadowGraphqlClient().query({
+  query: Ml,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: r
   },
   context: t
-}), Jc = async (r, t, e) => {
+}), Zc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16813,7 +16912,7 @@ const Bl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Kc = async (r, t, e) => {
+}, td = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16837,7 +16936,7 @@ const Bl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, _c = async (r, t, e) => {
+}, ed = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16857,10 +16956,10 @@ const Bl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Xc = async (r, t, e) => {
+}, ad = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
-    query: kl,
+    query: Ql,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -16881,7 +16980,7 @@ const Bl = y`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var Ml = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Ml || {}), Tl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(Tl || {}), K;
+var Rl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Rl || {}), Ol = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(Ol || {}), K;
 K = { __e: function(r, t, e, a) {
   for (var n, i, s; t = t.__; )
     if ((n = t.__c) && !n.__)
@@ -16894,7 +16993,7 @@ K = { __e: function(r, t, e, a) {
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var ot, qe, Ja, tr = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
-function Ql() {
+function $l() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
@@ -16914,7 +17013,7 @@ K.__b = function(r) {
 }, K.diffed = function(r) {
   Xa && Xa(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Nl)(Ql)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Ul)($l)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ye && (e.__ = e.__V), e.i = void 0, e.__V = Ye;
   })), qe = ot = null;
 }, K.__c = function(r, t) {
@@ -16941,7 +17040,7 @@ K.__b = function(r) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function Nl(r) {
+function Ul(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -16957,170 +17056,171 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  Qc as ArrayInput,
+  $c as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
   he as AssetType,
-  Fc as BringForwardCommand,
-  Pc as BringToBackCommand,
-  Dc as BringToFrontCommand,
+  Tc as BringForwardCommand,
+  Mc as BringToBackCommand,
+  kc as BringToFrontCommand,
   mr as BundleDesignCreationCartAddMode,
   R as CanvasCommand,
   se as CollectionProduct,
   Ha as ColorOptionGlobalPropertyHandle,
   _i as CommandContext,
-  Tl as ConversionDataType,
-  Ml as ConversionLocation,
+  Ol as ConversionDataType,
+  Rl as ConversionLocation,
   W as CreateElementCommand,
-  Un as CreateLayoutCommand,
+  $n as CreateLayoutCommand,
   vt as DeleteElementCommand,
-  uo as DigitalContentStepHandle,
-  Wo as FileUploadGlobalPropertyHandle,
+  go as DigitalContentStepHandle,
+  qo as FileUploadGlobalPropertyHandle,
   oe as FlowExecutionNodeResult,
-  ll as FlowExecutionResult,
-  ol as FlowService,
+  ul as FlowExecutionResult,
+  Al as FlowService,
   es as FontAlignmentCommand,
   Zi as FontColorCommand,
   ts as FontSizeCommand,
   Va as FontSourceCommand,
-  Sl as FrameService,
-  vl as FrameStep,
-  El as FrameStepHandle,
+  bl as FrameService,
+  Il as FrameStep,
+  Dl as FrameStepHandle,
   Ba as GlobalPropertyHandle,
   O as GroupCommand,
-  no as IllustrationStepHandle,
+  so as IllustrationStepHandle,
   Me as InformationMessageType,
-  Ao as InformationStepHandle,
+  mo as InformationStepHandle,
   qa as IntegrationProduct,
   fr as IntegrationType,
-  vc as LayoutElementFactory,
+  Ic as LayoutElementFactory,
   T as LayoutElementType,
   Y as LayoutNotFoundError,
   Gt as LayoutRenderingPurpose,
-  ro as MaterialStepHandle,
+  oo as MaterialStepHandle,
   fe as MisconfigurationError,
-  Vc as MockWorkflowManager,
-  io as ModelStepHandle,
-  ho as ModuleStepHandle,
-  Ec as MoveCommand,
+  jc as MockWorkflowManager,
+  lo as ModelStepHandle,
+  fo as ModuleStepHandle,
+  Dc as MoveCommand,
   Xn as ObjectInput,
-  cl as ObjectInputType,
+  hl as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
   ge as OptionNotFoundError,
   Dt as ParseError,
-  so as PictureStepHandle,
+  co as PictureStepHandle,
   pr as ProductCameraRig,
-  Zo as ProductCollection,
+  nl as ProductCollection,
+  al as ProductCollectionProductSortKey,
   zt as ProductWorkflow,
   Ht as PromiseCache,
   Pn as PromiseQueue,
-  oo as QuestionStepHandle,
+  Ao as QuestionStepHandle,
   Dn as QueueablePromise,
-  bc as ResizeCommand,
+  Fc as ResizeCommand,
   Wt as ResourceNotFoundError,
-  Bc as RotateCommand,
+  Pc as RotateCommand,
   H as ScaleAxis,
-  xc as SendBackwardsCommand,
-  lo as ShapeStepHandle,
+  Nc as SendBackwardsCommand,
+  uo as ShapeStepHandle,
   gr as ShareActionType,
-  Rc as SpiffCommerceClient,
+  Lc as SpiffCommerceClient,
   me as StakeholderType,
   hr as StepAspectType,
   it as StepHandle,
   D as StepType,
   kt as TextAlgorithm,
   rs as TextChangeCommand,
-  jo as TextGlobalPropertyHandle,
-  Tc as TextInput,
-  co as TextStepHandle,
-  el as Transform,
-  tl as TransformCollection,
+  Yo as TextGlobalPropertyHandle,
+  Oc as TextInput,
+  ho as TextStepHandle,
+  il as Transform,
+  rl as TransformCollection,
   z as UnhandledBehaviorError,
   Cr as UnitOfMeasurement,
-  Ic as UpdateImageSourceCommand,
+  xc as UpdateImageSourceCommand,
   st as Variant,
-  bo as WorkflowExperienceEventType,
-  Io as WorkflowExperienceImpl,
-  U as assetService,
+  Po as WorkflowExperienceEventType,
+  Fo as WorkflowExperienceImpl,
+  $ as assetService,
   Gr as browserColorToHex,
-  yc as cmPerPixel,
-  wo as createDesign,
-  pc as currentDirection,
-  ic as dataUrlFromExternalUrl,
+  Bc as cmPerPixel,
+  vo as createDesign,
+  Sc as currentDirection,
+  cc as dataUrlFromExternalUrl,
   je as designService,
   Ae as determineCorrectFontSizeAndLines,
-  $n as digitalContentStepService,
+  Ln as digitalContentStepService,
   dt as domParser,
-  Wc as duplicateBundle,
-  jc as duplicateTransaction,
+  Yc as duplicateBundle,
+  Jc as duplicateTransaction,
   at as fetchAsString,
-  dc as findAngle,
-  L as findElement,
-  lc as findPmsColors,
-  Lt as frameDataCache,
+  mc as findAngle,
+  U as findElement,
+  uc as findPmsColors,
+  Ut as frameDataCache,
   Ct as frameStepService,
-  Q as generate,
-  Oo as generateCommands,
+  N as generate,
+  Lo as generateCommands,
   lt as generateSVGWithUnknownColors,
-  Mc as generateStateFromDesignInputSteps,
+  Rc as generateStateFromDesignInputSteps,
   De as getAttributesFromArrayBuffer,
-  cc as getAxisAlignedBoundingBox,
-  yl as getBoundedOffsets,
-  Lc as getBundleThemeConfiguration,
-  Hc as getCustomer,
-  qc as getCustomerBundles,
-  Cc as getElementVertices,
+  hc as getAxisAlignedBoundingBox,
+  Bl as getBoundedOffsets,
+  Gc as getBundleThemeConfiguration,
+  Kc as getCustomer,
+  _c as getCustomerBundles,
+  vc as getElementVertices,
   xe as getFrameData,
-  wl as getIntegration,
-  gc as getNEPoint,
-  mc as getNWPoint,
-  Kc as getOrderedTransactions,
-  Uc as getOverrideThemeConfiguration,
-  hc as getPointOfRotation,
-  fc as getSEPoint,
+  El as getIntegration,
+  wc as getNEPoint,
+  Cc as getNWPoint,
+  td as getOrderedTransactions,
+  zc as getOverrideThemeConfiguration,
+  pc as getPointOfRotation,
+  yc as getSEPoint,
   wa as getSvgElement,
-  Xc as getTemplateBundles,
-  _c as getTemplateTransactions,
-  Oc as getTransaction,
-  $c as getTransactionThemeConfiguration,
-  Yc as getTransactionsForBundle,
-  uc as getTrueCoordinates,
-  Jc as getUnorderedTransactions,
-  Nc as getWorkflow,
+  ad as getTemplateBundles,
+  ed as getTemplateTransactions,
+  Vc as getTransaction,
+  Wc as getTransactionThemeConfiguration,
+  Xc as getTransactionsForBundle,
+  fc as getTrueCoordinates,
+  Zc as getUnorderedTransactions,
+  Uc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,
-  Ac as isCloseToValue,
+  gc as isCloseToValue,
   Tt as loadFont,
-  oc as matchHexToPms,
+  Ac as matchHexToPms,
   Vn as materialStepService,
-  Xo as metafieldManager,
-  wc as mmPerPixel,
+  el as metafieldManager,
+  Ec as mmPerPixel,
   zn as modelStepService,
   fa as modifySVGColors,
   Gn as moduleStepService,
-  zc as nameBundle,
-  Gc as nameTransaction,
+  Hc as nameBundle,
+  qc as nameTransaction,
   X as optionService,
-  Sc as outlineFontsInSvg,
+  bc as outlineFontsInSvg,
   At as patternImageDataCache,
   k as persistenceService,
   Wn as pictureStepService,
-  sc as pmsToRgb,
+  dc as pmsToRgb,
   jn as questionStepService,
-  rc as registerFetchImplementation,
-  nc as registerWindowImplementation,
-  La as rehydrateSerializedLayout,
-  $r as rgbToPms,
+  lc as registerFetchImplementation,
+  oc as registerWindowImplementation,
+  Ua as rehydrateSerializedLayout,
+  Lr as rgbToPms,
   re as rotateAroundPoint,
   ma as sanitizeSvgTree,
   kr as setBearerAuthenticationToken,
   mn as setCanvasModule,
-  $t as shapeStepService,
+  Lt as shapeStepService,
   ss as shortenUrl,
   mt as spiffCoreConfiguration,
-  kc as stepAspectValuesToDesignInputSteps,
-  Qa as svgColorValueToDefinition,
+  Qc as stepAspectValuesToDesignInputSteps,
+  Na as svgColorValueToDefinition,
   Rn as svgStringDimensions,
   Aa as svgToDataUrl,
   q as textStepService,