@spiffcommerce/core 32.2.7 → 32.3.0-beta.a29b838d-4b58-56cd-884c-4af2137bb2ba

package/dist/index.mjs

@@ -163,10 +163,10 @@ class Qr {
 }
 const gt = new Qr();
 let ra, ia;
-function Vc(n) {
+function zc(n) {
   ra = n;
 }
-function zc(n) {
+function Gc(n) {
   ia = n;
 }
 function Zt() {
@@ -257,7 +257,7 @@ const gn = /* @__PURE__ */ new Map(), Ra = /* @__PURE__ */ new Map(), Oa = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, Gc = async (n) => {
+}, Wc = async (n) => {
   const t = await pn(n), e = gn.get(n) || Qe(t);
   return await zr(new Blob([t], { type: e }));
 }, Lr = (n) => {
@@ -343,8 +343,8 @@ class Kr {
           const f = window.__SENTRY__.hub;
           if (f) {
             const S = f.traceHeaders();
-            Object.entries(S).forEach(([b, I]) => {
-              l[b] = I;
+            Object.entries(S).forEach(([B, I]) => {
+              l[B] = I;
             });
           }
         }
@@ -3155,7 +3155,7 @@ const _r = (n) => new Promise((t) => {
   parseInt(n.substring(2, 4), 16),
   parseInt(n.substring(4, 6), 16)
 ]);
-function Wc(n) {
+function qc(n) {
   const t = Jt.indexOf(n);
   return t >= 0 ? xt[t] : "";
 }
@@ -3163,7 +3163,7 @@ function ei(n) {
   const t = xt.indexOf(n);
   return t >= 0 ? Jt[t] : "";
 }
-function qc(n, t = 64) {
+function Hc(n, t = 64) {
   const e = [], a = [], r = ei(n);
   r && e.push({
     pms: r,
@@ -3182,7 +3182,7 @@ function qc(n, t = 64) {
   return e.sort((A, u) => A.distance - u.distance);
 }
 const ai = Jt.map((n, t) => ({ pms: n, hex: xt[t] })), ni = new wr(ai, { keys: ["pms"] });
-function Hc(n, t) {
+function jc(n, t) {
   return ni.search(n, t ? { limit: t } : void 0);
 }
 let Qt = null;
@@ -5342,7 +5342,7 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), b = a.colorProfiles?.map((E, P) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), B = a.colorProfiles?.map((E, P) => (
     /* @ts-ignore */
     /* @__PURE__ */ D("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, P)
   )), I = r.map((E) => ({
@@ -5369,7 +5369,7 @@ const M = () => {
       },
       viewBox: p,
       children: [
-        b,
+        B,
         S,
         !!n && /* @__PURE__ */ D(
           "rect",
@@ -5427,33 +5427,33 @@ const M = () => {
       ]
     }
   );
-}, jc = (n, t, e, a, r) => {
-  const i = ft(r), s = e / 2, o = a / 2, l = n + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
+}, Yc = (n, t, e, a, r) => {
+  const i = ft(r), s = e / 2, o = a / 2, l = n + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, B = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(B));
   return {
     minX: l - I,
     maxX: l + I,
     minY: c - C,
     maxY: c + C
   };
-}, Yc = (n, t, e) => {
+}, Jc = (n, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - n.x, 2) + Math.pow(t.y - n.y, 2)), r = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - n.x, 2) + Math.pow(e.y - n.y, 2));
   return Math.acos((r * r + a * a - i * i) / (2 * r * a)) * (180 / Math.PI);
-}, ft = (n) => n * (Math.PI / 180), Jc = (n, t, e) => Math.abs(n - t) < e, Kc = (n, t, e) => {
+}, ft = (n) => n * (Math.PI / 180), Kc = (n, t, e) => Math.abs(n - t) < e, _c = (n, t, e) => {
   const a = Math.sin(ft(e)), r = Math.cos(ft(e));
   return {
     x: (n.x - t.x) * r - (n.y - t.y) * a + t.x,
     y: (n.x - t.x) * a + (n.y - t.y) * r + t.y
   };
-}, _c = (n, t) => ({
+}, Xc = (n, t) => ({
   x: (n.x + t.x) / 2,
   y: (n.y + t.y) / 2
-}), Xc = (n, t, e, a) => ({
+}), Zc = (n, t, e, a) => ({
   x: n.x + t?.x * e,
   y: n.y + t?.y * a
-}), Zc = (n, t, e, a) => ({
+}), td = (n, t, e, a) => ({
   x: n.x + (t?.x + t?.width) * e,
   y: n.y + t?.y * a
-}), td = (n, t, e, a) => ({
+}), ed = (n, t, e, a) => ({
   x: n.x + (t?.x + t?.width) * e,
   y: n.y + (t?.y + t?.height) * a
 }), Pt = (n) => {
@@ -5475,7 +5475,7 @@ const M = () => {
     case H.Southwest:
       return H.Northwest;
   }
-}, ed = (n, t) => t > 45 && t <= 135 ? Pt(n) : t > 135 && t <= 225 ? Pt(Pt(n)) : t > 225 && t <= 315 ? Pt(Pt(Pt(n))) : n, ad = (n, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, ad = (n, t) => t > 45 && t <= 135 ? Pt(n) : t > 135 && t <= 225 ? Pt(Pt(n)) : t > 225 && t <= 315 ? Pt(Pt(Pt(n))) : n, nd = (n, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = ft(n.rotation), r = {
     x: t.x + n.x * e.x,
     y: t.x + n.y * e.y
@@ -5505,7 +5505,7 @@ const M = () => {
     x: (n.x - t.x) * r - (n.y - t.y) * a + t.x,
     y: (n.x - t.x) * a + (n.y - t.y) * r + t.y
   };
-}, nd = 0.352778, rd = 0.035277, Nn = (n) => {
+}, rd = 0.352778, id = 0.035277, Nn = (n) => {
   const t = n.rotation || 0, e = ft(t), a = Math.cos(e), r = -Math.sin(e);
   return /* @__PURE__ */ D("g", { mask: n.stepName || n.productOverlay ? void 0 : n.mask, children: /* @__PURE__ */ D(
     "g",
@@ -5727,7 +5727,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
 }, la = (n, t) => {
   const e = new es(t);
   return Rn.set(n, e), e;
-}, id = async (n) => {
+}, sd = async (n) => {
   const t = dt(), e = t.parseFromString(n, "image/svg+xml"), a = e.firstElementChild, r = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     dn(d.innerHTML).stylesheet?.rules.forEach((u) => {
@@ -5741,12 +5741,12 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
   });
   const s = e.querySelectorAll("tspan");
   for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(r.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = g.getPath(
+    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(r.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), B = g.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
-    ), I = b.getBoundingBox().x2 - b.getBoundingBox().x1;
+    ), I = B.getBoundingBox().x2 - B.getBoundingBox().x1;
     let C = 0;
     const E = A.getAttribute("text-anchor");
     E === "middle" ? C = I / 2 : E === "end" && (C = I);
@@ -5757,7 +5757,7 @@ const as = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", We = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     P.fill = p, P.stroke = f, P.strokeWidth = parseFloat(S ?? "0");
-    const B = P.toSVG(2), Q = t.parseFromString(B, "image/svg+xml").firstElementChild;
+    const b = P.toSVG(2), Q = t.parseFromString(b, "image/svg+xml").firstElementChild;
     h.appendChild(Q);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), It().serializeToString(a);
@@ -6380,7 +6380,7 @@ const ne = (n) => {
   }
   return o;
 };
-class sd {
+class od {
   static async getFrame(t, e) {
     const a = await zn(e.region, e.src), r = await Ue(a), i = e.region || await Ut(t, x.Frame);
     return {
@@ -6623,7 +6623,7 @@ class Ha extends N {
     };
   }
 }
-class od extends N {
+class ld extends N {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -6646,7 +6646,7 @@ class od extends N {
     };
   }
 }
-class ld extends N {
+class cd extends N {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -6668,7 +6668,7 @@ class ld extends N {
     };
   }
 }
-class cd extends N {
+class dd extends N {
   constructor(t, e, a) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(a);
   }
@@ -6979,7 +6979,7 @@ class ys extends N {
     };
   }
 }
-class dd extends N {
+class Ad extends N {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
@@ -7098,7 +7098,7 @@ class vs extends N {
     };
   }
 }
-class Ad extends N {
+class ud extends N {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7127,7 +7127,7 @@ class Ad extends N {
     };
   }
 }
-class ud extends N {
+class hd extends N {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7158,7 +7158,7 @@ class ud extends N {
     };
   }
 }
-class hd extends N {
+class md extends N {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7185,7 +7185,7 @@ class hd extends N {
     };
   }
 }
-class md extends N {
+class gd extends N {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7717,7 +7717,7 @@ class Fe {
           g,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, b = p ? {
+        ) : void 0, B = p ? {
           id: M(),
           src: p.src,
           x: S?.x || 0,
@@ -7733,7 +7733,7 @@ class Fe {
         return {
           command: this.getCreateElementCommand(I, h, E, {
             frameData: g,
-            pattern: b,
+            pattern: B,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
@@ -7972,10 +7972,10 @@ class Bs {
       const S = i.getLayouts().find((I) => I.panelId === f.panelId);
       if (!S)
         throw new Y(f);
-      const b = M();
+      const B = M();
       return {
-        regionElement: { id: b, region: f },
-        command: this.getCreateElementCommand(b, f, S, {
+        regionElement: { id: B, region: f },
+        command: this.getCreateElementCommand(B, f, S, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
@@ -8013,9 +8013,9 @@ class Bs {
           );
         }
         if (t.data.colorPickerEnabled) {
-          const S = await this.availableColors(t, i) || [], b = Object.keys(c.colors), I = S.length === 1 && b.length === 1;
+          const S = await this.availableColors(t, i) || [], B = Object.keys(c.colors), I = S.length === 1 && B.length === 1;
           if (I) {
-            const C = S[0], E = b[0];
+            const C = S[0], E = B[0];
             await this.changeColors(
               t,
               u.map((P) => P.regionElement),
@@ -8654,11 +8654,11 @@ const Ts = new Ms(), Ke = (n, t, e, a, r) => {
     const A = Math.max(...o);
     if (A <= n.width)
       return [i, A];
-    const u = o.reduce((p, f, S, b) => f > b[p] ? S : p, 0), h = i[u];
+    const u = o.reduce((p, f, S, B) => f > B[p] ? S : p, 0), h = i[u];
     let m = !1, g = h.length;
     for (; !m && g > -1; ) {
       g = h.lastIndexOf(" ", g - 1);
-      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => mt(b, a, r));
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((B) => mt(B, a, r));
       f[0] <= n.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
         ...f,
@@ -8978,11 +8978,11 @@ class Qs {
           const g = e.getWorkflowExperience().getBundle();
           if (g && t.globalPropertyAspectConfigurations) {
             const f = g.getGlobalPropertyConfiguration()?.aspects?.find(
-              (S) => S.type === U.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
+              (S) => S.type === U.Text && t.globalPropertyAspectConfigurations?.map((B) => B.aspectName).includes(S.name)
             );
             if (f) {
-              const b = g.getGlobalPropertyStateManager().getAspect(f.name);
-              b && (m = b);
+              const B = g.getGlobalPropertyStateManager().getAspect(f.name);
+              B && (m = B);
             }
           }
           if (await e.setSelectionsAndElements(
@@ -9185,11 +9185,11 @@ class Qs {
             colorProfileAssetKey: p.colorProfile?.key
           });
         }
-        const S = await this.getDefaultColor(a), b = S || "#000000", I = {
+        const S = await this.getDefaultColor(a), B = S || "#000000", I = {
           stepRegion: u,
           stepName: t,
           align: this.textAlign(a),
-          fill: i.color ? i.color : b,
+          fill: i.color ? i.color : B,
           fontSize: a.size || _e,
           fontData: r,
           id: g,
@@ -9211,7 +9211,7 @@ class Qs {
           fillSpotColorDefinition: f
         }, C = [], E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
         if (!I.fontData) throw new V("Failed to resolve font data for text.");
-        const [B, F] = Ce(
+        const [b, F] = Ce(
           I.fontSize,
           I.fontData,
           {
@@ -9225,11 +9225,11 @@ class Qs {
           [c],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(I.id, B), P.set(I.id, F);
+        E.set(I.id, b), P.set(I.id, F);
         const Q = a.curved || a.vertical ? c : (F || []).join(`
 `);
         C.push(
-          this.generateTextChangeCommandsForRegion(B, a, I.id, Q)
+          this.generateTextChangeCommandsForRegion(b, a, I.id, Q)
         );
         const T = new z(I, m);
         return {
@@ -9286,13 +9286,13 @@ class Qs {
         return d && d(!0), { info: "0" };
       const C = s.getProfanities(), E = na(h.toLowerCase());
       for (const P of E)
-        for (const B in C) {
-          const F = C[B].toLowerCase().replace(/\s/g, "");
+        for (const b in C) {
+          const F = C[b].toLowerCase().replace(/\s/g, "");
           if (P === F)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (h.includes(`
-`) || h.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(p.values()).every((B) => B) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
+`) || h.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(p.values()).every((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
     })();
     if (S.error) {
       c(S.error);
@@ -9303,11 +9303,11 @@ class Qs {
     s.updateStorage(t.stepName, { text: A }), s.updateMetadata(t.stepName, {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
-    const b = [];
+    const B = [];
     for (const C of m) {
       const E = t.data.curved ? h : (p.get(C.id) || []).join(`
 `);
-      b.push(
+      B.push(
         this.generateTextChangeCommandsForRegion(
           g.get(C.id) || 1,
           t.data,
@@ -9316,7 +9316,7 @@ class Qs {
         )
       );
     }
-    return new R(b);
+    return new R(B);
   }
 }
 const G = new Qs();
@@ -9475,21 +9475,21 @@ class Ws extends Rs {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = ns(Os), i = t !== "" ? ((b) => b.charAt(0).toUpperCase() + b.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 b = at("g");
-      b.classList.add("module-text-group");
+    const a = ns(Os), i = t !== "" ? ((B) => B.charAt(0).toUpperCase() + B.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 B = at("g");
+      B.classList.add("module-text-group");
       const I = at("defs");
-      b.appendChild(I), I.appendChild(Us(0, 2, 2, "shadow"));
+      B.appendChild(I), I.appendChild(Us(0, 2, 2, "shadow"));
       const C = at("path");
       C.setAttribute("d", d), C.setAttribute("stroke", "black"), C.setAttribute("stroke-width", "3"), I.appendChild(C);
       const E = at("g");
-      E.classList.add("module-layer0"), b.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = C.outerHTML;
+      E.classList.add("module-layer0"), B.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = C.outerHTML;
       const P = at("g");
-      P.classList.add("module-layer1"), b.appendChild(P), P.setAttribute("stroke-width", "3"), P.setAttribute("stroke", "rgb(45,41,38)"), P.setAttribute("fill", "rgb(45,41,38)"), P.setAttribute("transform", "translate(0.5,0)"), P.innerHTML = o;
-      const B = at("g");
-      B.classList.add("module-layer2"), b.appendChild(B), B.setAttribute("fill", "rgb(255,209,0)"), B.setAttribute("transform", "translate(1,-0.1)"), B.innerHTML = o;
+      P.classList.add("module-layer1"), B.appendChild(P), P.setAttribute("stroke-width", "3"), P.setAttribute("stroke", "rgb(45,41,38)"), P.setAttribute("fill", "rgb(45,41,38)"), P.setAttribute("transform", "translate(0.5,0)"), P.innerHTML = o;
+      const b = at("g");
+      b.classList.add("module-layer2"), B.appendChild(b), b.setAttribute("fill", "rgb(255,209,0)"), b.setAttribute("transform", "translate(1,-0.1)"), b.innerHTML = o;
       const F = at("g");
-      return F.classList.add("module-layer3"), b.appendChild(F), F.setAttribute("fill", "white"), F.innerHTML = o, new Gs(b).transform(([T, tt]) => [T, tt + (c / 2 - T) ** 2 / (c * 6)]), b;
+      return F.classList.add("module-layer3"), B.appendChild(F), F.setAttribute("fill", "white"), F.innerHTML = o, new Gs(B).transform(([T, tt]) => [T, tt + (c / 2 - T) ** 2 / (c * 6)]), B;
     }, u = at("g");
     u.classList.add("module-root");
     const h = at("defs");
@@ -9563,7 +9563,7 @@ const re = w`
             }
         }
     }
-`, gd = async (n) => (await y.getShadowGraphqlClient().query({
+`, pd = async (n) => (await y.getShadowGraphqlClient().query({
   query: js,
   fetchPolicy: "cache-first",
   errorPolicy: "all",
@@ -10227,9 +10227,13 @@ const re = w`
             id
         }
     }
+`, Eo = w`
+    mutation DeleteBundle($id: String!) {
+        bundleDelete(id: $id)
+    }
 `;
 var Le = /* @__PURE__ */ ((n) => (n.Error = "Error", n.Warning = "Warning", n.Info = "Info", n))(Le || {});
-const Eo = 1e3;
+const bo = 1e3;
 class _a extends Mn {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
@@ -10238,24 +10242,24 @@ class _a extends Mn {
     await this.update(), await new Promise((t) => {
       window.setTimeout(() => {
         t();
-      }, Eo);
+      }, bo);
     });
   }
 }
-class bo {
+class Bo {
   constructor(t, e, a, r, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, S = !1) {
     this.workflowStatePromiseQueue = new Tn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       if (!this.previewService) return;
-      const b = this.getCommandContext().getAllLayouts(), I = this.getLayoutPreviewService()?.getAll();
+      const B = this.getCommandContext().getAllLayouts(), I = this.getLayoutPreviewService()?.getAll();
       if (I)
         for (const [, C] of I)
-          C.render(b);
-    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = r, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((b) => {
-      this.stepTags[b.stepName] = b.tags ?? [];
+          C.render(B);
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = r, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((B) => {
+      this.stepTags[B.stepName] = B.tags ?? [];
     }), S && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
-    }), this.initializationPromise.catch((b) => {
-      throw console.error(b), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
+    }), this.initializationPromise.catch((B) => {
+      throw console.error(B), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
     }), this.initializationPromise.finally(
       () => this.getCommandContext().registerStateCallback(() => {
         this.updateStateWithServer(), this.renderLayouts();
@@ -10853,7 +10857,7 @@ class bo {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, b) => P + b, 0), 0), this.workflow.steps.forEach((C) => {
       vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
     const s = this.allScenes, o = yt(s, i), l = yt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
@@ -10872,9 +10876,9 @@ class bo {
     g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
     const p = u.map((C) => new Bt(C.id)), f = new Ha(this.constructSerializableWorkflow()), S = [...m, ...p, f];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const b = this.getInvalidModelVariants(), I = this.modelContainer;
+    const B = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
-      const C = b.map(
+      const C = B.map(
         (E) => I.applyModelVariant(
           E,
           {
@@ -11208,7 +11212,7 @@ const Ht = class Ht {
 };
 Ht.updateState = /* @__PURE__ */ new Map();
 let Z = Ht;
-class Bo extends Z {
+class Io extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11282,7 +11286,7 @@ class Bo extends Z {
     return this.step.data.pmsPickerEnabled ?? !1;
   }
 }
-class Io extends Z {
+class Po extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11295,7 +11299,7 @@ class Io extends Z {
     );
   }
 }
-class Po extends Z {
+class Do extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11308,7 +11312,7 @@ class Po extends Z {
     );
   }
 }
-class Do extends Z {
+class Fo extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11326,7 +11330,7 @@ class Do extends Z {
     );
   }
 }
-class Fo extends Z {
+class xo extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11342,7 +11346,7 @@ class Fo extends Z {
     return this.step.data.displayType || this.step.option?.displayType;
   }
 }
-class xo extends Z {
+class ko extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11401,7 +11405,7 @@ class xo extends Z {
     return t;
   }
 }
-class ko extends Z {
+class Mo extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11594,7 +11598,7 @@ class ko extends Z {
     await G.changeStrokeColor(this.step, t, e, this.manager);
   }
 }
-class Mo extends Z {
+class To extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11607,7 +11611,7 @@ class Mo extends Z {
     return this.step.data.content;
   }
 }
-class To extends Z {
+class No extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11633,7 +11637,7 @@ class To extends Z {
     );
   }
 }
-class No extends Z {
+class Qo extends Z {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11684,27 +11688,27 @@ class de {
   static get(t, e) {
     switch (e.type) {
       case v.DigitalContent:
-        return new To(t, e, t.getStepTags(e.stepName));
+        return new No(t, e, t.getStepTags(e.stepName));
       case v.Information:
-        return new Mo(t, e, t.getStepTags(e.stepName));
+        return new To(t, e, t.getStepTags(e.stepName));
       case v.Question:
-        return new Fo(t, e, t.getStepTags(e.stepName));
+        return new xo(t, e, t.getStepTags(e.stepName));
       case v.Text:
-        return new ko(t, e, t.getStepTags(e.stepName));
+        return new Mo(t, e, t.getStepTags(e.stepName));
       case v.Illustration:
-        return new Bo(t, e, t.getStepTags(e.stepName));
+        return new Io(t, e, t.getStepTags(e.stepName));
       case v.Picture:
-        return new Do(t, e, t.getStepTags(e.stepName));
+        return new Fo(t, e, t.getStepTags(e.stepName));
       case v.Shape:
-        return new xo(t, e, t.getStepTags(e.stepName));
+        return new ko(t, e, t.getStepTags(e.stepName));
       case v.Material:
-        return new Io(t, e, t.getStepTags(e.stepName));
-      case v.Model:
         return new Po(t, e, t.getStepTags(e.stepName));
+      case v.Model:
+        return new Do(t, e, t.getStepTags(e.stepName));
       case v.Frame:
-        return new _l(t, e, t.getStepTags(e.stepName));
+        return new Xl(t, e, t.getStepTags(e.stepName));
       case v.Module:
-        return new No(t, e, t.getStepTags(e.stepName));
+        return new Qo(t, e, t.getStepTags(e.stepName));
       default:
         throw new V(`Step type ${e.type} not yet supported in Core SDK`);
     }
@@ -11735,7 +11739,7 @@ const tr = w`
             externalProductVariantId
         }
     }
-`, Qo = w`
+`, Ro = w`
     ${tr}
     mutation CreateDesign(
         $name: String!
@@ -11767,7 +11771,7 @@ const tr = w`
             }
         }
     }
-`, Ro = w`
+`, Oo = w`
     ${tr}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
@@ -11786,7 +11790,7 @@ function Wt(n) {
   const t = JSON.parse(atob(n.split(".")[1])).exp;
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= t;
 }
-const Oo = async (n, t) => {
+const $o = async (n, t) => {
   const e = {};
   try {
     if (!t) throw new Error();
@@ -11795,7 +11799,7 @@ const Oo = async (n, t) => {
     o && !Wt(o) && (e.Authorization = `Bearer ${o}`);
   }
   return (await y.getShadowGraphqlClient().mutate({
-    mutation: Qo,
+    mutation: Ro,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -11812,7 +11816,7 @@ const Oo = async (n, t) => {
       headers: e
     }
   })).data?.designCreate;
-}, $o = async (n, t) => {
+}, Uo = async (n, t) => {
   const e = {};
   try {
     if (!t) throw new Error();
@@ -11821,7 +11825,7 @@ const Oo = async (n, t) => {
     o && !Wt(o) && (e.Authorization = `Bearer ${o}`);
   }
   return (await y.getShadowGraphqlClient().mutate({
-    mutation: Ro,
+    mutation: Oo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -11876,7 +11880,7 @@ const Oo = async (n, t) => {
   return t.steps.forEach((i) => {
     Object.assign(r, a(i));
   }), r;
-}, Uo = (n, t, e, a) => {
+}, Lo = (n, t, e, a) => {
   const r = {};
   let i = {};
   a && (i = a);
@@ -11897,7 +11901,7 @@ const Oo = async (n, t) => {
   }
   return r;
 }, er = (n, t, e, a, r, i, s, o) => {
-  const l = t.basePrice || 0, c = n.priceModifierTotal || 0, d = Uo(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), h = {
+  const l = t.basePrice || 0, c = n.priceModifierTotal || 0, d = Lo(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), h = {
     additionalExternalProductId: n.integrationProduct?.additionalExternalProductId,
     additionalExternalVariantId: n.integrationProduct?.additionalExternalVariantId,
     baseCost: l,
@@ -11936,7 +11940,7 @@ const Oo = async (n, t) => {
       T.errors && console.log("Server Error:", et.message);
     }), null) : tt ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await n.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Xa(l, t, !0), p = l && Xa(l, t, !1), f = async (B) => {
+  const u = n.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Xa(l, t, !0), p = l && Xa(l, t, !1), f = async (b) => {
     const F = {};
     let Q = 0;
     if (Object.keys(i).length > 0)
@@ -11944,7 +11948,7 @@ const Oo = async (n, t) => {
         const tt = i[T], et = t.steps.find((W) => W.stepName === T);
         for (let W = 0; W < tt.selections.length; ++W) {
           const q = tt.selections[W];
-          if (et && (!B || et.option && (et.option.variants || []).length > 1 && !et.data.hideSelectionInCart && !et.data.hideSelectionsInCart)) {
+          if (et && (!b || et.option && (et.option.variants || []).length > 1 && !et.data.hideSelectionInCart && !et.data.hideSelectionsInCart)) {
             const wt = et.stepTitle;
             F[wt] ? F[wt].push({
               id: q.id || "",
@@ -11962,19 +11966,19 @@ const Oo = async (n, t) => {
         }
       }
     return [F, Q];
-  }, [S] = await f(!0), b = Object.fromEntries(
-    Object.keys(S).map((B) => [B, S[B].map((F) => F.id)])
+  }, [S] = await f(!0), B = Object.fromEntries(
+    Object.keys(S).map((b) => [b, S[b].map((F) => F.id)])
   ), [I] = await f(!1), C = Object.fromEntries(
-    Object.keys(I).map((B) => [
-      B,
-      I[B].map((F) => F.id)
+    Object.keys(I).map((b) => [
+      b,
+      I[b].map((F) => F.id)
     ])
   );
   let E = await o(m, r.id);
   if (E) {
-    const B = await (await rt(E)).blob();
+    const b = await (await rt(E)).blob();
     E = (await O.uploadAsset(
-      { name: `${r.id}-preview-image.png`, blob: B },
+      { name: `${r.id}-preview-image.png`, blob: b },
       ve.Image,
       !0,
       !1
@@ -11982,7 +11986,7 @@ const Oo = async (n, t) => {
   }
   return {
     designDetails: (() => {
-      const B = {
+      const b = {
         name: s,
         layouts: e.map((F) => ({
           index: F.index,
@@ -11997,20 +12001,20 @@ const Oo = async (n, t) => {
         const F = [];
         for (const [Q, T] of Object.entries(p))
           F.push({ key: Q, value: T });
-        B.metadata = F;
+        b.metadata = F;
       }
-      if (b) {
+      if (B) {
         const F = [];
         for (const [Q, T] of Object.entries(C))
           F.push({ key: Q, ids: T });
-        B.selectedVariants = F;
+        b.selectedVariants = F;
       }
-      return B;
+      return b;
     })(),
     cartSelectionsWithPrices: S,
     cartMetadata: g
   };
-}, Lo = async (n, t, e, a, r, i, s, o, l, c, d) => {
+}, Vo = async (n, t, e, a, r, i, s, o, l, c, d) => {
   l("workflow.steps.finish.finalize.buildingLayouts");
   const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await ar(
     n,
@@ -12024,7 +12028,7 @@ const Oo = async (n, t) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await Oo(A), g = m?.transaction?.previewImageLink;
+  const m = await $o(A), g = m?.transaction?.previewImageLink;
   if (!m?.transaction)
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
@@ -12039,7 +12043,7 @@ const Oo = async (n, t) => {
     g,
     m?.processExecution?.id
   );
-}, Vo = async (n, t, e) => {
+}, zo = async (n, t, e) => {
   t("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
     n.map(async (o) => {
       await o.workflowManager.outstandingRequestsPromise();
@@ -12070,7 +12074,7 @@ const Oo = async (n, t) => {
     ))
   );
   t("workflow.steps.finish.finalize.creatingDesign");
-  const s = await $o(i.map((o) => o.designDetails));
+  const s = await Uo(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) => {
@@ -12087,7 +12091,7 @@ const Oo = async (n, t) => {
     );
   });
 };
-class zo {
+class Go {
   constructor() {
     this.localPersistenceKey = "designTransactions", this.storageMethod = "Local", this.designSavedListeners = [];
   }
@@ -12154,7 +12158,7 @@ class zo {
     throw new V("Unexpected storage method requested");
   }
 }
-const Xe = new zo(), Go = w`
+const Xe = new Go(), Wo = w`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -12168,7 +12172,7 @@ const Xe = new zo(), Go = w`
             }
         }
     }
-`, Wo = w`
+`, qo = w`
     mutation AddAddressToTransaction(
         $transactionId: String!
         $streetAddress: String
@@ -12190,15 +12194,15 @@ const Xe = new zo(), Go = w`
             id
         }
     }
-`, qo = w`
+`, Ho = w`
     mutation AddOrganizationToTransaction($transactionId: String!, $organizationName: String!) {
         organizationAttachToTransaction(transactionId: $transactionId, organizationName: $organizationName) {
             id
         }
     }
 `;
-var Ho = /* @__PURE__ */ ((n) => (n.QuantityChanged = "QuantityChanged", n.PriceBreakChanged = "PriceBreakChanged", n))(Ho || {});
-class jo {
+var jo = /* @__PURE__ */ ((n) => (n.QuantityChanged = "QuantityChanged", n.PriceBreakChanged = "PriceBreakChanged", n))(jo || {});
+class Yo {
   constructor(t, e) {
     if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = un(async () => {
       await Xe.getSavedDesignByTransaction(
@@ -12219,7 +12223,7 @@ class jo {
       throw new Error("No Workflow ID provided.");
     this.client = t;
     const a = e.layouts;
-    this.commandContext = new ms(), this.commandContext.initialize(a, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new bo(
+    this.commandContext = new ms(), this.commandContext.initialize(a, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new Bo(
       this,
       t,
       e.workflow,
@@ -12260,7 +12264,7 @@ class jo {
   }
   async attachAddress(t, e, a, r, i, s) {
     await this.graphQlClient().mutate({
-      mutation: Wo,
+      mutation: qo,
       variables: {
         transactionId: this.getWorkflowManager().getTransaction().id,
         streetAddress: t || void 0,
@@ -12274,7 +12278,7 @@ class jo {
   }
   async attachOrganization(t) {
     await this.graphQlClient().mutate({
-      mutation: qo,
+      mutation: Ho,
       variables: {
         transactionId: this.getWorkflowManager().getTransaction().id,
         organizationName: t
@@ -12308,7 +12312,7 @@ class jo {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((b) => b.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
+    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((B) => B.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -12465,7 +12469,7 @@ class jo {
   }
   async assignCustomerDetails(t) {
     const a = (await this.graphQlClient().mutate({
-      mutation: Go,
+      mutation: Wo,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
         details: t,
@@ -12531,7 +12535,7 @@ class jo {
       transactionId: a.id,
       workflowViewerLink: "",
       workflowViewerReadOnlyLink: ""
-    }) : Lo(
+    }) : Vo(
       this.workflowManager,
       this.workflowManager.getWorkflow(),
       this.workflowManager.getLayouts(),
@@ -12562,7 +12566,7 @@ class jo {
         title: i.stepTitle,
         properties: []
       };
-      if (l && Jo(i, a) && c.properties.push({
+      if (l && Ko(i, a) && c.properties.push({
         type: "selection",
         value: l.name,
         priceModifier: l.priceModifier
@@ -12656,7 +12660,7 @@ class jo {
     (this.eventCallbacks.get(t) || []).forEach((e) => e(this));
   }
 }
-const Yo = (n) => {
+const Jo = (n) => {
   if ([
     v.Question,
     v.Frame,
@@ -12671,14 +12675,14 @@ const Yo = (n) => {
     return !!e.displaySelectionOnFinishStep || !!e.displaySelectionsOnFinishStep;
   }
   return !1;
-}, Jo = (n, t) => {
-  if (!Yo(n)) return !1;
+}, Ko = (n, t) => {
+  if (!Jo(n)) return !1;
   if (n.option && (n.option.variants || []).length > 1) {
     const e = t[n.stepName];
     return !!(e && e.selections.length > 0);
   }
   return !1;
-}, Ko = [
+}, _o = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -12690,7 +12694,7 @@ const Yo = (n) => {
   "textPath",
   "tref",
   "tspan"
-], _o = async (n, t, e) => {
+], Xo = async (n, t, e) => {
   const a = t.data, r = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = r.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + r);
   o.searchParams.append("video", $a(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${$a(await An(l, { type: "svg" }))}`, A = (h) => {
@@ -12717,7 +12721,7 @@ const Yo = (n) => {
   } catch (h) {
     return console.error(h), [];
   }
-}, Xo = async (n, t, e, a) => {
+}, Zo = async (n, t, e, a) => {
   const r = e.data, i = r.assetUrl, s = await da(i);
   try {
     const o = gs(r, a.option);
@@ -12774,7 +12778,7 @@ const Yo = (n) => {
   } catch (o) {
     return console.error(o), [];
   }
-}, Zo = async (n, t, e, a) => {
+}, tl = async (n, t, e, a) => {
   const r = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
@@ -12793,16 +12797,16 @@ const Yo = (n) => {
   wa(m);
   const g = {};
   kt(m, (C) => {
-    Ko.includes(C.tagName) && !C.attributes.getNamedItem("fill") && C.setAttribute("fill", "#000000");
+    _o.includes(C.tagName) && !C.attributes.getNamedItem("fill") && C.setAttribute("fill", "#000000");
     const E = C.attributes.getNamedItem("fill");
     if (E && E.value !== "none") {
-      const B = E.value, Q = `spiff-fill-${B.replace(/\W/g, "")}`;
-      C.classList.add(Q), g[Q] = { browserValue: B };
+      const b = E.value, Q = `spiff-fill-${b.replace(/\W/g, "")}`;
+      C.classList.add(Q), g[Q] = { browserValue: b };
     }
     const P = C.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const B = P.value, Q = `spiff-stroke-${B.replace(/\W/g, "")}`;
-      C.classList.add(Q), g[Q] = { browserValue: B };
+      const b = P.value, Q = `spiff-stroke-${b.replace(/\W/g, "")}`;
+      C.classList.add(Q), g[Q] = { browserValue: b };
     }
   });
   const f = It().serializeToString(m), S = r.colors;
@@ -12814,8 +12818,8 @@ const Yo = (n) => {
           break;
         }
   }
-  const b = (C) => {
-    const E = n.find((B) => B.panelId === C.panelId);
+  const B = (C) => {
+    const E = n.find((b) => b.panelId === C.panelId);
     if (!E)
       throw new Y(C);
     const P = M();
@@ -12838,11 +12842,11 @@ const Yo = (n) => {
     );
   }, I = a.data.regions;
   try {
-    return I.map(b);
+    return I.map(B);
   } catch (C) {
     return console.error(C), [];
   }
-}, tl = async (n, t, e) => {
+}, el = async (n, t, e) => {
   const a = await Zn(e.data.module), r = t.data, i = (o, l) => {
     const c = n.find((A) => A.panelId === l.panelId);
     if (!c)
@@ -12872,7 +12876,7 @@ const Yo = (n) => {
   } catch (o) {
     return console.error(o), [];
   }
-}, el = async (n, t, e, a) => {
+}, al = async (n, t, e, a) => {
   const r = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
@@ -12913,7 +12917,7 @@ const Yo = (n) => {
   } catch (d) {
     return console.error(d), [];
   }
-}, al = async (n, t, e, a) => {
+}, nl = async (n, t, e, a) => {
   const r = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
@@ -12969,7 +12973,7 @@ const Yo = (n) => {
   } catch (c) {
     return console.error(c), [];
   }
-}, nl = async (n, t, e) => {
+}, rl = async (n, t, e) => {
   const a = [], i = t.type === v.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", o = i.endsWith(".jpeg") || i.endsWith(".jpg") || i.endsWith(".png") ? x.Image : (i.endsWith(".svg"), x.Illustration), l = t.data.regions;
   if (o === "image")
     try {
@@ -13033,12 +13037,12 @@ const Yo = (n) => {
     });
   }
   return a;
-}, rl = async (n, t, e, a) => {
+}, il = async (n, t, e, a) => {
   const r = [], i = e.data, s = 30, o = (p) => p.vertical ? "center" : p.textAlign || "center", l = () => {
     const p = a.option;
     if (!p)
       return;
-    const f = p.variants?.find((b) => b.id === i.fontVariantId) || ne(p);
+    const f = p.variants?.find((B) => B.id === i.fontVariantId) || ne(p);
     if (!f || !f.asset)
       return;
     t[a.stepName] = { selectedVariants: [f] };
@@ -13062,7 +13066,7 @@ const Yo = (n) => {
     return f ? j.getDefaultVariant(f)?.color : void 0;
   }, m = i.color || await h(a.data), g = a.data.regions;
   for (const p of g) {
-    const f = n.find((b) => b.panelId === p.panelId);
+    const f = n.find((B) => B.panelId === p.panelId);
     if (!f)
       continue;
     const S = {
@@ -13087,7 +13091,7 @@ const Yo = (n) => {
       y: p.top
     };
     if (d) {
-      const [b, I] = Ce(
+      const [B, I] = Ce(
         a.data.size || s,
         d,
         p,
@@ -13107,7 +13111,7 @@ const Yo = (n) => {
         new z(
           {
             ...S,
-            fontSize: b,
+            fontSize: B,
             text: S.curved ? S.text : (I || []).join(`
 `)
           },
@@ -13118,7 +13122,7 @@ const Yo = (n) => {
       r.push(new z(S, f));
   }
   return r;
-}, il = (n, t) => n.conditions ? n.conditions.every((e) => {
+}, sl = (n, t) => n.conditions ? n.conditions.every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const r = a.selectedVariants;
@@ -13127,7 +13131,7 @@ const Yo = (n) => {
     );
   }
   return !1;
-}) : !0, sl = async (n, t, e, a) => {
+}) : !0, ol = async (n, t, e, a) => {
   const r = [], i = {};
   for (const s of n) {
     const o = t.steps.find((l) => l.stepName === s.name);
@@ -13135,18 +13139,18 @@ const Yo = (n) => {
       switch (o.type) {
         case v.DigitalContent:
           r.push(
-            ...await _o(e, s, o)
+            ...await Xo(e, s, o)
           );
           break;
         case v.Frame:
         case v.Photo:
           r.push(
-            ...await Xo(e, i, s, o)
+            ...await Zo(e, i, s, o)
           );
           break;
         case v.Illustration:
           r.push(
-            ...await Zo(
+            ...await tl(
               e,
               i,
               s,
@@ -13155,39 +13159,39 @@ const Yo = (n) => {
           );
           break;
         case v.Module:
-          r.push(...await tl(e, s, o));
+          r.push(...await el(e, s, o));
           break;
         case v.Picture:
           r.push(
-            ...await el(e, i, s, o)
+            ...await al(e, i, s, o)
           );
           break;
         case v.Shape:
           r.push(
-            ...await al(e, i, s, o)
+            ...await nl(e, i, s, o)
           );
           break;
         case v.Text:
           r.push(
-            ...await rl(e, i, s, o)
+            ...await il(e, i, s, o)
           );
           break;
       }
   }
   for (const s of t.steps)
-    s.type !== v.SilentIllustration && s.type !== v.ProductOverlay || il(s, i) && r.push(
-      ...await nl(e, s, a)
+    s.type !== v.SilentIllustration && s.type !== v.ProductOverlay || sl(s, i) && r.push(
+      ...await rl(e, s, a)
     );
   return r;
 };
-class ol {
+class ll {
   constructor(t) {
     this.handleCompleteRender = null;
     const e = /* @__PURE__ */ new Map();
     t.forEach(
       (a) => e.set(
         a.id,
-        new dl(
+        new Al(
           a.id,
           a.name,
           this,
@@ -13213,15 +13217,15 @@ class ol {
     return this.workflowManager;
   }
 }
-const ll = () => new Promise((n, t) => {
+const cl = () => new Promise((n, t) => {
   try {
     const a = pt().getContext("webgl2");
     n(!!a);
   } catch {
     n(!1);
   }
-}), cl = ll();
-class dl {
+}), dl = cl();
+class Al {
   constructor(t, e, a, r, i) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Tn(2), this.id = t, this.name = e, this.service = a, this.panelSize = r, this.getWorkflowManager = i;
   }
@@ -13277,10 +13281,10 @@ class dl {
       return;
     }
     this.renderQueue.enqueue(
-      new Al(
+      new ul(
         this.getID(),
         a,
-        await cl,
+        await dl,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -13290,7 +13294,7 @@ class dl {
     );
   }
 }
-class Al extends Mn {
+class ul extends Mn {
   constructor(t, e, a, r, i, s) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = r, this.layouts = i, this.getWorkflowManager = s;
   }
@@ -13360,7 +13364,7 @@ class Al extends Mn {
     h.resize(l, c), await h.render(), this.onRender();
   }
 }
-const pd = (n, t) => {
+const fd = (n, t) => {
   const e = [];
   return n.forEach((a) => {
     const r = t.steps.find((i) => i.stepName === a.stepName);
@@ -13371,16 +13375,16 @@ const pd = (n, t) => {
       }
     });
   }), e;
-}, fd = async (n, t, e, a) => {
+}, Cd = async (n, t, e, a) => {
   let r = {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
   r = new R(e.map((l) => new qn(l))).apply(r);
-  const s = await sl(n, t, e, a);
+  const s = await ol(n, t, e, a);
   return new R(s).apply(r);
 };
-class ul {
+class hl {
   constructor(t) {
     this.handleCache = {}, this.bundle = t;
   }
@@ -13422,7 +13426,7 @@ class ul {
   async createHandle(t) {
     switch (t.type) {
       case U.FileUpload:
-        return new hl(this.bundle, t).initialize();
+        return new ml(this.bundle, t).initialize();
       case U.ColorOption:
         return new Za(
           this.bundle,
@@ -13434,7 +13438,7 @@ class ul {
         return e?.type === "Color" ? new Za(this.bundle, t, e) : new nr(this.bundle, t, e);
       }
       case U.Text:
-        return new ml(this.bundle, t);
+        return new gl(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
     }
@@ -13501,7 +13505,7 @@ class Da {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class hl extends Da {
+class ml extends Da {
   constructor(t, e) {
     super(t, e);
   }
@@ -13727,7 +13731,7 @@ class hl extends Da {
     );
   }
 }
-class ml extends Da {
+class gl extends Da {
   constructor(t, e) {
     super(t, e);
   }
@@ -13878,8 +13882,8 @@ class Za extends nr {
     return this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.customColor || this.getCurrentVariant()?.getColor() || "#ffffff";
   }
 }
-const gl = (n, t, e, a) => n.flatMap((r) => r.getSteps()).filter((r) => r.getGlobalPropertyAspects(t).includes(e) && r.getType() === a), pl = (n, t, e) => {
-  const r = gl(
+const pl = (n, t, e, a) => n.flatMap((r) => r.getSteps()).filter((r) => r.getGlobalPropertyAspects(t).includes(e) && r.getType() === a), fl = (n, t, e) => {
+  const r = pl(
     n,
     t,
     e,
@@ -13892,21 +13896,21 @@ const gl = (n, t, e, a) => n.flatMap((r) => r.getSteps()).filter((r) => r.getGlo
 };
 function ua(n, t) {
   function e(a) {
-    if (typeof a > "u" || !Array.isArray(a) && !Cl(a))
+    if (typeof a > "u" || !Array.isArray(a) && !wl(a))
       return a;
     if (Array.isArray(a))
       return ua(a, t);
     let r = {};
     for (const [i, s] of Object.entries(a))
-      r[i] = fl(s) ? s : ua(s, t);
+      r[i] = Cl(s) ? s : ua(s, t);
     return Ir(r, t);
   }
   return Array.isArray(n) ? n.map(e) : e(n);
 }
-function fl(n) {
+function Cl(n) {
   return n == null;
 }
-function Cl(n) {
+function wl(n) {
   return typeof n == "object" && !Array.isArray(n) && n !== null;
 }
 function rr(n) {
@@ -13918,7 +13922,7 @@ function rr(n) {
 function Ae(n) {
   return ua(n, ["__typename"]);
 }
-class wl {
+class yl {
   constructor(t, e, a, r, i) {
     this.mandatoryFulfilledAspects = /* @__PURE__ */ new Map(), this.bundleId = t, this.bundleOwnerId = e, this.configuration = a, this.bundleOptions = i;
     const s = i?.existingGlobalPropertyState;
@@ -14100,7 +14104,7 @@ class wl {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class yl {
+class Sl {
   constructor(t) {
     this.setState(t);
   }
@@ -14186,7 +14190,7 @@ class yl {
     };
   }
 }
-const Sl = w`
+const vl = w`
     query GetManyMetafields($entityIds: [String!]!) {
         metafieldsMany(entityIds: $entityIds) {
             id
@@ -14198,7 +14202,7 @@ const Sl = w`
         }
     }
 `;
-class vl {
+class El {
   constructor() {
     this.internalMap = /* @__PURE__ */ new Map();
   }
@@ -14219,7 +14223,7 @@ class vl {
   async ensureIdsArePresent(t) {
     if (t.every((a) => this.internalMap.has(a))) return;
     const e = await y.getShadowGraphqlClient().query({
-      query: Sl,
+      query: vl,
       errorPolicy: "all",
       variables: {
         entityIds: t.filter((a) => !this.internalMap.has(a))
@@ -14260,8 +14264,8 @@ class vl {
       return JSON.parse(r.value);
   }
 }
-const El = new vl();
-var bl = /* @__PURE__ */ ((n) => (n.Default = "Default", n.Name = "Name", n.Price = "Price", n))(bl || {});
+const bl = new El();
+var Bl = /* @__PURE__ */ ((n) => (n.Default = "Default", n.Name = "Name", n.Price = "Price", n))(Bl || {});
 class ir {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
@@ -14435,7 +14439,7 @@ class ir {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Bl(this.collection.transformCollection);
+      return new Il(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -14561,7 +14565,7 @@ class ue {
    * @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 El.requestKeysForEntity(this.product.id, t);
+    return bl.requestKeysForEntity(this.product.id, t);
   }
 }
 class qt {
@@ -14588,7 +14592,7 @@ class qt {
     return this.workflow.imageUrl;
   }
 }
-class Bl {
+class Il {
   constructor(t) {
     this.collection = t;
   }
@@ -14608,10 +14612,10 @@ class Bl {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new Il(t));
+    return this.collection.transforms.map((t) => new Pl(t));
   }
 }
-class Il {
+class Pl {
   constructor(t) {
     this.transform = t;
   }
@@ -14638,21 +14642,21 @@ class Il {
     };
   }
 }
-const Pl = w`
+const Dl = w`
     ${ie(!1)}
     query GetProductCollections($ids: [String!]!) {
         productCollections(ids: $ids) {
             ...ProductCollectionFields
         }
     }
-`, Cd = async (n) => (await y.getShadowGraphqlClient().query({
-  query: Pl,
+`, wd = async (n) => (await y.getShadowGraphqlClient().query({
+  query: Dl,
   errorPolicy: "all",
   variables: {
     ids: n
   }
 })).data?.productCollections?.map((e) => new ir(e));
-class Dl {
+class Fl {
   constructor() {
     this.listeners = {};
   }
@@ -14679,7 +14683,7 @@ class Dl {
         delete this.listeners[e];
   }
 }
-const Fl = w`
+const xl = w`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14701,13 +14705,13 @@ const Fl = w`
             id
         }
     }
-`, xl = w`
+`, kl = w`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, kl = w`
+`, Ml = w`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
@@ -14717,15 +14721,15 @@ const Fl = w`
 `;
 class Ze {
   constructor(t, e, a, r, i, s) {
-    this.workflowExperiences = [], this.eventEmitter = new Dl(), this.updatesLocked = !1, this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new yl(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new Fl(), this.updatesLocked = !1, this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Sl(e.bundleStateData);
     const o = this.productCollection?.globalPropertyConfiguration;
-    this.globalConfigurationPropertyId = o?.id, this.globalPropertyStateManager = new wl(
+    this.globalConfigurationPropertyId = o?.id, this.globalPropertyStateManager = new yl(
       this.id,
       this.ownerId,
       o,
       this.onGlobalPropertiesChanged.bind(this),
       s
-    ), this.globalPropertyHandleService = new ul(this), this.setPreviewService(a);
+    ), this.globalPropertyHandleService = new hl(this), this.setPreviewService(a);
     const l = new Promise((c, d) => {
       if (s?.readonly) {
         c([]);
@@ -14761,7 +14765,7 @@ class Ze {
   }
   async generateQuoteId() {
     const e = (await y.getShadowGraphqlClient().mutate({
-      mutation: kl,
+      mutation: Ml,
       variables: {
         id: this.id
       },
@@ -14773,7 +14777,7 @@ class Ze {
   }
   async attachAddress(t, e, a, r, i, s) {
     await y.getShadowGraphqlClient().mutate({
-      mutation: Fl,
+      mutation: xl,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14790,7 +14794,7 @@ class Ze {
   }
   async attachOrganization(t) {
     await y.getShadowGraphqlClient().mutate({
-      mutation: xl,
+      mutation: kl,
       variables: {
         bundleId: this.id,
         organizationName: t
@@ -14927,7 +14931,7 @@ class Ze {
           (s) => s.name === r
         );
         if (i && i.type === U.ColorOption) {
-          const s = e.getCurrentVariant()?.getAssetResource(), o = s?.assetConfiguration?.channelNumbers || [], l = s?.assetConfiguration?.defaultColorVariants || [], c = pl(
+          const s = e.getCurrentVariant()?.getAssetResource(), o = s?.assetConfiguration?.channelNumbers || [], l = s?.assetConfiguration?.defaultColorVariants || [], c = fl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             r
@@ -15210,7 +15214,7 @@ class Ze {
         bundleId: this.id
       }
     });
-    const a = await Vo(
+    const a = await zo(
       this.workflowExperiences.map((r) => ({
         workflowManager: r.getWorkflowManager(),
         workflow: r.getWorkflowManager().getWorkflow(),
@@ -15445,14 +15449,14 @@ class Ze {
     };
   }
 }
-const Ml = w`
+const Tl = w`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class Tl {
+class Nl {
   /**
    *
    * @param id
@@ -15462,7 +15466,7 @@ class Tl {
    */
   async execute(t, e, a) {
     const i = (await y.getShadowGraphqlClient().mutate({
-      mutation: Ml,
+      mutation: Tl,
       variables: {
         processFlowId: t,
         inputs: [...e.map((A) => A.getValueForTransmission())]
@@ -15502,7 +15506,7 @@ class Tl {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (A.completedAt) {
-        o = !0, d = new Nl(A);
+        o = !0, d = new Ql(A);
         break;
       }
       l += 1;
@@ -15514,7 +15518,7 @@ class Tl {
     return Promise.resolve(d);
   }
 }
-class Nl {
+class Ql {
   constructor(t) {
     this.execution = t;
   }
@@ -15599,8 +15603,8 @@ class Fa {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var Ql = /* @__PURE__ */ ((n) => (n.Transaction = "Transaction", n.Bundle = "Bundle", n.Product = "Product", n.Variant = "Variant", n.Option = "Option", n.LineItem = "LineItem", n.Asset = "Asset", n))(Ql || {});
-class wd extends Fa {
+var Rl = /* @__PURE__ */ ((n) => (n.Transaction = "Transaction", n.Bundle = "Bundle", n.Product = "Product", n.Variant = "Variant", n.Option = "Option", n.LineItem = "LineItem", n.Asset = "Asset", n))(Rl || {});
+class yd extends Fa {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -15615,7 +15619,7 @@ class sr extends Fa {
     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 yd extends Fa {
+class Sd extends Fa {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15677,7 +15681,7 @@ const me = w`
             }
         }
     }
-`, Rl = w`
+`, Ol = w`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15719,7 +15723,7 @@ w`
         }
     }
 `;
-const Ol = w`
+const $l = w`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
@@ -15756,7 +15760,7 @@ w`
         }
     }
 `;
-const $l = w`
+const Ul = w`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15775,7 +15779,7 @@ const $l = w`
         }
     }
 `;
-class Ul {
+class Ll {
   constructor(t, e = y.getShadowGraphqlClient.bind(y)) {
     this.options = t, this.client = e;
   }
@@ -15802,7 +15806,7 @@ class Ul {
     });
   }
 }
-class Ll {
+class Vl {
   init(t, e, a) {
     this.cognitoClient = new Er({ region: e }), this.spiffRegion = t, this.userPoolClientId = a;
   }
@@ -15852,8 +15856,8 @@ class Ll {
     );
   }
 }
-const Lt = new Ll();
-class Vl {
+const Lt = new Vl();
+class zl {
   /**
    * Returns a formatted string representing a given amount with desired currency.
    * @param currency The currency to represent the amount in.
@@ -15887,8 +15891,8 @@ class Vl {
       return "USD0,0";
   }
 }
-const en = new Vl();
-class zl {
+const en = new zl();
+class Gl {
   constructor(t, e, a, r) {
     this.presentmentCurrency = void 0, this.presentmentCurrency = r, this.partnerCurrency = a, this.rateFrom = t, this.rateTo = e;
   }
@@ -15928,7 +15932,7 @@ class zl {
     return t * Math.pow(10, en.getPrecisionForCurrency(e));
   }
 }
-const Gl = async (n, t) => {
+const Wl = async (n, t) => {
   const e = await y.getShadowGraphqlClient().query({
     query: Li(t?.assets?.metadata || !1),
     errorPolicy: "all",
@@ -15950,7 +15954,7 @@ const Gl = async (n, t) => {
       }), Kt.set({ id: i.option.id }, Promise.resolve(i.option)));
     }), r.finalizeStepConfig || (r.finalizeStepConfig = {}), r.finalizeStepConfig.termsMarkdown = r.finalizeStepConfig.termsMarkdown || r.partner.termsMarkdown;
   }), a;
-}, Wl = async (n, t) => {
+}, ql = async (n, t) => {
   const a = (await t).find((r) => r.id === n);
   if (!a)
     throw new Error(`Workflow not found: ${n}`);
@@ -15959,11 +15963,11 @@ const Gl = async (n, t) => {
   const e = n.map((o) => Kt.get({ id: o, options: t })), a = n.filter((o, l) => e[l] === void 0);
   if (a.length === 0)
     return Promise.all(e);
-  const r = Gl(a, t), i = a.map(
-    (o) => Kt.set({ id: o, options: t }, Wl(o, r))
+  const r = Wl(a, t), i = a.map(
+    (o) => Kt.set({ id: o, options: t }, ql(o, r))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Sd = async (n, t) => (await or([n], t))[0], ql = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
+}, vd = async (n, t) => (await or([n], t))[0], Hl = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
   id: M(),
   panelId: t.name,
   name: t.name,
@@ -15977,11 +15981,11 @@ const Gl = async (n, t) => {
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), Hl = (n, t) => {
+})), jl = (n, t) => {
   const e = n.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((r) => r.layout) : ql(t.panels);
+  return a ? Object.values(a.layouts).map((r) => r.layout) : Hl(t.panels);
 };
-class vd {
+class Ed {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -15992,7 +15996,7 @@ class vd {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Wr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.7"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Wr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.3.0-beta.69d8a509-cc6d-54dc-80c5-1c8b6fee8d45"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Hr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16006,7 +16010,7 @@ class vd {
   }
   getFlowService() {
     if (!qr()) throw new Error("Application key required to use Flow Service.");
-    return new Tl();
+    return new Nl();
   }
   async getCurrencyContext(t) {
     const a = (await this.getIntegration()).partner.currencyCode, i = await y.getShadowGraphqlClient().query({
@@ -16018,14 +16022,14 @@ class vd {
         to: t
       }
     }), { rateFrom: s, rateTo: o } = i.data.currencyConversion;
-    return new zl(s, o, a, t);
+    return new Gl(s, o, a, t);
   }
   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 = jl(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = Yl(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     try {
@@ -16152,7 +16156,7 @@ class vd {
     })).data.customer;
     if (!r.id) {
       const o = (await e.mutate({
-        mutation: Rl,
+        mutation: Ol,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -16210,7 +16214,7 @@ class vd {
    */
   async generateVerificationCode(t) {
     await y.getShadowGraphqlClient().mutate({
-      mutation: Ol,
+      mutation: $l,
       variables: {
         emailAddress: t
       }
@@ -16265,7 +16269,7 @@ class vd {
     if (!this.customer?.id)
       throw new Error("Customer must be logged in before calling this function.");
     return (await y.getShadowGraphqlClient().query({
-      query: $l,
+      query: Ul,
       variables: {
         id: this.customer.id
       }
@@ -16461,12 +16465,12 @@ class vd {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), B = P.data.transactions;
-      if (B.length !== C.length) {
+      }), b = P.data.transactions;
+      if (b.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
         throw new ht(`Not all transactions were found: ${F}`);
       }
-      return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((F, Q) => ({
+      return !this.activeIntegration && b[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(b[0].integrationProduct.integration)), b.map((F, Q) => ({
         transaction: F,
         workflowId: F.workflowId,
         readOnly: C.find((T) => T.option.transactionId === F.id)?.option.readOnly ?? !1,
@@ -16478,13 +16482,15 @@ class vd {
       const E = await a.mutate({
         mutation: Bi,
         variables: {
-          inputs: C.map((B) => ({
-            integrationProductId: B.option.type === "integration" ? B.option.integrationProductId : void 0,
-            externalIntegrationId: B.option.type === "external" ? B.option.externalIntegrationId : void 0,
-            externalProductId: B.option.type === "external" ? B.option.externalProductId : void 0,
-            workflowId: B.option.workflowId,
-            designName: B.option.designName,
-            claim: !0
+          inputs: C.map((b) => ({
+            integrationProductId: b.option.type === "integration" ? b.option.integrationProductId : void 0,
+            externalIntegrationId: b.option.type === "external" ? b.option.externalIntegrationId : void 0,
+            externalProductId: b.option.type === "external" ? b.option.externalProductId : void 0,
+            workflowId: b.option.workflowId,
+            designName: b.option.designName,
+            claim: !0,
+            quantity: b.option.type === "integration" ? b.option.quantity : void 0,
+            recipient: b.option.type === "integration" ? b.option.recipient : void 0
           })),
           marketplaceThemeInstallId: this.marketplaceThemeInstallId,
           marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
@@ -16493,24 +16499,24 @@ class vd {
         fetchPolicy: "no-cache"
       }), P = E.data?.transactionCreateMany;
       if (!P || P.length === 0) {
-        const B = E.errors?.[0]?.message || "Unknown error";
-        throw new ht(`Failed to create transactions: ${B}`);
+        const b = E.errors?.[0]?.message || "Unknown error";
+        throw new ht(`Failed to create transactions: ${b}`);
       }
-      return P.map((B, F) => ({
-        transaction: B,
-        workflowId: B.workflowId,
+      return P.map((b, F) => ({
+        transaction: b,
+        workflowId: b.workflowId,
         readOnly: !1,
         index: C[F].index
       }));
     }, s = t.map((C, E) => ({ option: C, index: E })), o = s.filter((C) => C.option.type === "transaction"), l = s.filter(
       (C) => C.option.type === "integration" || C.option.type === "external"
-    ), c = Ma(o, 10), d = Ma(l, 10), A = (await Promise.all([
+    ), c = Ma(o, 50), d = Ma(l, 50), A = (await Promise.all([
       ...c.map(r),
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((C) => C.workflowId))], h = await or(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (C) => {
-      const { transaction: E, workflowId: P, readOnly: B, index: F } = C, Q = m.get(P), T = t[F];
+      const { transaction: E, workflowId: P, readOnly: b, index: F } = C, Q = m.get(P), T = t[F];
       !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
-      const tt = g.get(E.id) || void 0, et = new Ul({
+      const tt = g.get(E.id) || void 0, et = new Ll({
         onMutate: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } })
       }), W = {
@@ -16518,37 +16524,37 @@ class vd {
         transaction: E,
         layouts: [],
         singleVariantsRenderable: T?.workflowConfiguration?.singleVariantsRenderable,
-        stateMutationFunc: B ? async () => {
+        stateMutationFunc: b ? async () => {
           throw new V("State mutation is forbidden in read only mode!");
         } : async (q) => this.updateTransactionState({
           ...q,
           context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId }
         }),
         graphQlClient: () => et,
-        readOnly: B,
+        readOnly: b,
         workflow: Q,
         isReloadedTransaction: T.type === "transaction"
       };
       if (T.type === "transaction" && E.workflowState) {
         const q = JSON.parse(E.workflowState);
         W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await qa(q), W.reloadedState = q;
-      } else if (!B && T.workflowState) {
+      } else if (!b && T.workflowState) {
         const q = JSON.parse(T.workflowState);
         W.layouts = Object.values(q.layouts || {}).map((wt) => wt.layout), await qa(q), W.reloadedState = q;
       } else
-        W.layouts = Hl(
+        W.layouts = jl(
           W.transaction,
           W.workflow
         );
-      return W.renderableContextService = new ol(
+      return W.renderableContextService = new ll(
         W.layouts
       ), W.delayWorkflowStateSync = !0, { experienceOptions: W, index: F, options: T };
     }), f = await Promise.all(p);
     k.setMap("transactionOwnerIds", g);
-    const b = f.sort((C, E) => C.index - E.index).map(async (C) => {
-      const { experienceOptions: E, options: P } = C, B = new jo(this, E);
-      return await B.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await B.attachCustomerDetails({ email: this.customer.emailAddress }), B;
-    }), I = await Promise.all(b);
+    const B = f.sort((C, E) => C.index - E.index).map(async (C) => {
+      const { experienceOptions: E, options: P } = C, b = new Yo(this, E);
+      return await b.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await b.attachCustomerDetails({ email: this.customer.emailAddress }), b;
+    }), I = await Promise.all(B);
     return I.forEach((C) => C.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
   }
   storeCustomer(t) {
@@ -16618,7 +16624,7 @@ class vd {
     };
   }
 }
-const jl = async (n, t) => (await y.getShadowGraphqlClient().query({
+const Yl = async (n, t) => (await y.getShadowGraphqlClient().query({
   query: Wi,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -16630,7 +16636,7 @@ const jl = async (n, t) => (await y.getShadowGraphqlClient().query({
   variables: {
     themeConfigurationId: t
   }
-})).data.currentIntegration, Ed = async (n) => {
+})).data.currentIntegration, bd = async (n) => {
   const e = await y.getShadowGraphqlClient().query({
     query: xi,
     errorPolicy: "all",
@@ -16641,27 +16647,38 @@ const jl = async (n, t) => (await y.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, bd = async (n, t) => (await y.getShadowGraphqlClient().query({
+}, Bd = async (n, t) => (await y.getShadowGraphqlClient().query({
   query: Gi,
   errorPolicy: "all",
   variables: {
     themeConfigurationId: n,
     themeInstallId: t
   }
-})).data?.marketplaceThemeInstallConfiguration, Bd = async (n) => (await y.getShadowGraphqlClient().query({
+})).data?.marketplaceThemeInstallConfiguration, Id = async (n) => (await y.getShadowGraphqlClient().query({
   query: Hi,
   errorPolicy: "all",
   variables: {
     id: n
   }
-})).data?.bundles?.[0]?.marketplaceThemeInstallConfiguration, Id = async (n) => (await y.getShadowGraphqlClient().query({
+})).data?.bundles?.[0]?.marketplaceThemeInstallConfiguration, Pd = async (n) => (await y.getShadowGraphqlClient().query({
   query: qi,
   errorPolicy: "all",
   variables: {
     id: n
   }
-})).data?.transactions?.[0]?.marketplaceThemeInstallConfiguration;
-function Yl(n, t, e, a) {
+})).data?.transactions?.[0]?.marketplaceThemeInstallConfiguration, Dd = async (n) => {
+  const t = await y.getShadowGraphqlClient().mutate({
+    mutation: Eo,
+    errorPolicy: "all",
+    fetchPolicy: "no-cache",
+    variables: {
+      id: n
+    }
+  });
+  if (t.data?.bundleDelete !== n)
+    throw new Error(`Failed to delete bundle: ${t.errors}`);
+};
+function Jl(n, t, e, a) {
   const r = e.width * n.zoom, i = e.height * n.zoom;
   if (a) {
     const o = n, l = Math.max(t.width / e.width, t.height / e.height);
@@ -16675,7 +16692,7 @@ function Yl(n, t, e, a) {
 function ge(n, t, e) {
   return Math.min(Math.max(n, t), e);
 }
-class Jl {
+class Kl {
   constructor(t, e) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = un(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
@@ -16818,7 +16835,7 @@ class Jl {
       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] = Jl(t[o], s, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       r,
@@ -16896,7 +16913,7 @@ class Jl {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class Pd {
+class Fd {
   traversableScenes() {
     throw new Error("Method not implemented.");
   }
@@ -17061,12 +17078,12 @@ class Pd {
     return [];
   }
 }
-var Kl = /* @__PURE__ */ ((n) => (n.SelectFrame = "SelectFrame", n.SelectImage = "SelectImage", n.Position = "Position", n))(Kl || {});
-class _l extends Z {
+var _l = /* @__PURE__ */ ((n) => (n.SelectFrame = "SelectFrame", n.SelectImage = "SelectImage", n.Position = "Position", n))(_l || {});
+class Xl extends Z {
   constructor(t, e, a) {
     super(t, e, a);
     const r = e.data;
-    this.frameService = new Jl(r.forceImageCover, r.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new Kl(r.forceImageCover, r.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -17226,7 +17243,7 @@ class _l extends Z {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const Xl = w`
+const Zl = w`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -17269,21 +17286,21 @@ const Xl = w`
             total
         }
     }
-`, Zl = w`
+`, tc = w`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, tc = w`
+`, ec = w`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, ec = w`
+`, ac = w`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -17298,7 +17315,7 @@ const Xl = w`
             total
         }
     }
-`, ac = w`
+`, nc = w`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -17319,21 +17336,21 @@ const Xl = w`
             }
         }
     }
-`, nc = w`
+`, rc = w`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, rc = w`
+`, ic = w`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, ic = w`
+`, sc = w`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -17346,43 +17363,43 @@ const Xl = w`
             total
         }
     }
-`, Dd = async (n, t, e) => await y.getShadowGraphqlClient().mutate({
-  mutation: nc,
+`, xd = async (n, t, e) => await y.getShadowGraphqlClient().mutate({
+  mutation: rc,
   errorPolicy: "all",
   variables: {
     id: n,
     name: t
   },
   context: e
-}), Fd = async (n, t) => await y.getShadowGraphqlClient().mutate({
-  mutation: Zl,
+}), kd = async (n, t) => await y.getShadowGraphqlClient().mutate({
+  mutation: tc,
   errorPolicy: "all",
   variables: {
     id: n,
     name: t
   }
-}), xd = async (n, t) => await y.getShadowGraphqlClient().mutate({
-  mutation: rc,
+}), Md = async (n, t) => await y.getShadowGraphqlClient().mutate({
+  mutation: ic,
   errorPolicy: "all",
   variables: {
     id: n,
     template: t
   }
-}), kd = async (n, t) => await y.getShadowGraphqlClient().mutate({
-  mutation: tc,
+}), Td = async (n, t) => await y.getShadowGraphqlClient().mutate({
+  mutation: ec,
   errorPolicy: "all",
   variables: {
     id: n,
     template: t
   }
-}), Md = async (n) => (await y.getShadowGraphqlClient().query({
-  query: Xl,
+}), Nd = async (n) => (await y.getShadowGraphqlClient().query({
+  query: Zl,
   errorPolicy: "all",
   variables: {
     email: n
   }
-})).data.customer, Td = async (n, t, e) => await y.getShadowGraphqlClient().query({
-  query: ec,
+})).data.customer, Qd = async (n, t, e) => await y.getShadowGraphqlClient().query({
+  query: ac,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17390,15 +17407,15 @@ const Xl = w`
     offset: e,
     limit: t
   }
-}), Nd = async (n, t) => await y.getShadowGraphqlClient().query({
-  query: ac,
+}), Rd = async (n, t) => await y.getShadowGraphqlClient().query({
+  query: nc,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: n
   },
   context: t
-}), Qd = async (n, t, e) => (await y.getShadowGraphqlClient().query({
+}), Od = async (n, t, e) => (await y.getShadowGraphqlClient().query({
   query: xa,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -17418,7 +17435,7 @@ const Xl = w`
     offset: e,
     limit: t
   }
-}))?.data.customerTransactionsFeed?.items || [], Rd = async (n, t, e) => (await y.getShadowGraphqlClient().query({
+}))?.data.customerTransactionsFeed?.items || [], $d = async (n, t, e) => (await y.getShadowGraphqlClient().query({
   query: xa,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -17438,7 +17455,7 @@ const Xl = w`
     offset: e,
     limit: t
   }
-}))?.data.customerTransactionsFeed?.items || [], Od = async (n, t, e) => (await y.getShadowGraphqlClient().query({
+}))?.data.customerTransactionsFeed?.items || [], Ud = async (n, t, e) => (await y.getShadowGraphqlClient().query({
   query: xa,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -17454,8 +17471,8 @@ const Xl = w`
     offset: e,
     limit: t
   }
-}))?.data.customerTransactionsFeed?.items || [], $d = async (n, t, e) => (await y.getShadowGraphqlClient().query({
-  query: ic,
+}))?.data.customerTransactionsFeed?.items || [], Ld = async (n, t, e) => (await y.getShadowGraphqlClient().query({
+  query: sc,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17474,7 +17491,7 @@ const Xl = w`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var sc = /* @__PURE__ */ ((n) => (n.Manual = "Manual", n.OnStart = "OnStart", n.OnQuit = "OnQuit", n.OnEnd = "OnEnd", n))(sc || {}), we = /* @__PURE__ */ ((n) => (n.Email = "Email", n.FirstName = "FirstName", n.LastName = "LastName", n.Phone = "Phone", n.Apartment = "Apartment", n.City = "City", n.Country = "Country", n.OrganizationName = "OrganizationName", n.PostCode = "PostCode", n.State = "State", n.StreetAddress = "StreetAddress", n.Custom = "Custom", n))(we || {}), K;
+var oc = /* @__PURE__ */ ((n) => (n.Manual = "Manual", n.OnStart = "OnStart", n.OnQuit = "OnQuit", n.OnEnd = "OnEnd", n))(oc || {}), we = /* @__PURE__ */ ((n) => (n.Email = "Email", n.FirstName = "FirstName", n.LastName = "LastName", n.Phone = "Phone", n.Apartment = "Apartment", n.City = "City", n.Country = "Country", n.OrganizationName = "OrganizationName", n.PostCode = "PostCode", n.State = "State", n.StreetAddress = "StreetAddress", n.Custom = "Custom", n))(we || {}), K;
 K = { __e: function(n, t, e, a) {
   for (var r, i, s; t = t.__; )
     if ((r = t.__c) && !r.__)
@@ -17487,7 +17504,7 @@ K = { __e: function(n, t, e, a) {
   throw n;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var st, ta, an, lr = [], ea = [], nn = K.__b, rn = K.__r, sn = K.diffed, on = K.__c, ln = K.unmount;
-function oc() {
+function lc() {
   for (var n; n = lr.shift(); )
     if (n.__P && n.__H)
       try {
@@ -17507,7 +17524,7 @@ K.__b = function(n) {
 }, K.diffed = function(n) {
   sn && sn(n);
   var t = n.__c;
-  t && t.__H && (t.__H.__h.length && (lr.push(t) !== 1 && an === K.requestAnimationFrame || ((an = K.requestAnimationFrame) || lc)(oc)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (lr.push(t) !== 1 && an === K.requestAnimationFrame || ((an = K.requestAnimationFrame) || cc)(lc)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== ea && (e.__ = e.__V), e.i = void 0, e.__V = ea;
   })), ta = st = null;
 }, K.__c = function(n, t) {
@@ -17534,7 +17551,7 @@ K.__b = function(n) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var cn = typeof requestAnimationFrame == "function";
-function lc(n) {
+function cc(n) {
   var t, e = function() {
     clearTimeout(a), cn && cancelAnimationFrame(t), setTimeout(n);
   }, a = setTimeout(e, 100);
@@ -17582,14 +17599,14 @@ const cr = w`
             ...AddressValidationResultFields
         }
     }
-`, cc = w`
+`, dc = w`
     ${ka}
     query GetAddressValidationJobs($ids: [String!]!) {
         addressValidationJobs(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
-`, dc = w`
+`, Ac = w`
     ${ka}
     query GetRecipientsWithAddressValidationJobs($ids: [String!]!) {
         recipients(ids: $ids) {
@@ -17599,31 +17616,31 @@ const cr = w`
             }
         }
     }
-`, Ac = w`
+`, uc = w`
     ${cr}
     mutation ValidateRecipientAddress($id: String!) {
         recipientValidate(id: $id) {
             ...AddressValidationResultFields
         }
     }
-`, uc = w`
+`, hc = w`
     ${ka}
     mutation BatchValidateRecipientAddress($ids: [String!]!) {
         recipientValidateBatch(ids: $ids) {
             ...AddressValidationJobFields
         }
     }
-`, hc = w`
+`, mc = w`
     mutation OverrideRecipientAddress($id: String!) {
         recipientOverrideAddress(id: $id) {
             id
         }
     }
 `;
-var mc = /* @__PURE__ */ ((n) => (n.Confirmed = "Confirmed", n.Plausible = "Plausible", n.Unlikely = "Unlikely", n))(mc || {}), gc = /* @__PURE__ */ ((n) => (n.Created = "Created", n.Processing = "Processing", n.Completed = "Completed", n.Failed = "Failed", n.Cancelled = "Cancelled", n))(gc || {});
-const Ud = async (n) => {
+var gc = /* @__PURE__ */ ((n) => (n.Confirmed = "Confirmed", n.Plausible = "Plausible", n.Unlikely = "Unlikely", n))(gc || {}), pc = /* @__PURE__ */ ((n) => (n.Created = "Created", n.Processing = "Processing", n.Completed = "Completed", n.Failed = "Failed", n.Cancelled = "Cancelled", n))(pc || {});
+const Vd = async (n) => {
   const t = n.map((a) => a.getWorkflowManager().getTransaction().recipient?.id).filter((a) => !!a), e = await y.getShadowGraphqlClient().query({
-    query: dc,
+    query: Ac,
     errorPolicy: "all",
     fetchPolicy: "network-only",
     variables: {
@@ -17635,23 +17652,23 @@ const Ud = async (n) => {
     if (r)
       return e.data?.recipients?.find((i) => i.id === r)?.addressValidationJob;
   });
-}, Ld = async (n) => (await y.getShadowGraphqlClient().query({
-  query: cc,
+}, zd = async (n) => (await y.getShadowGraphqlClient().query({
+  query: dc,
   errorPolicy: "all",
   fetchPolicy: "network-only",
   variables: {
     ids: n
   }
-})).data?.addressValidationJobs, Vd = async (n) => n.getWorkflowManager().getTransaction().recipient?.id ? (await y.getShadowGraphqlClient().mutate({
-  mutation: Ac,
+})).data?.addressValidationJobs, Gd = async (n) => n.getWorkflowManager().getTransaction().recipient?.id ? (await y.getShadowGraphqlClient().mutate({
+  mutation: uc,
   errorPolicy: "all",
   fetchPolicy: "network-only",
   variables: {
     id: n.getWorkflowManager().getTransaction().recipient.id
   }
-})).data?.recipientValidate : void 0, zd = async (n) => {
+})).data?.recipientValidate : void 0, Wd = async (n) => {
   const t = n.map((a) => a.getWorkflowManager().getTransaction().recipient?.id).filter((a) => !!a), e = await y.getShadowGraphqlClient().mutate({
-    mutation: uc,
+    mutation: hc,
     errorPolicy: "all",
     fetchPolicy: "network-only",
     variables: {
@@ -17663,12 +17680,12 @@ const Ud = async (n) => {
     if (r)
       return e.data?.recipientValidateBatch?.find((i) => i.entityId === r);
   });
-}, Gd = async (n) => {
+}, qd = async (n) => {
   const t = n.getWorkflowManager().getTransaction().recipient?.id;
   if (!t)
     return;
   (await y.getShadowGraphqlClient().mutate({
-    mutation: hc,
+    mutation: mc,
     errorPolicy: "all",
     fetchPolicy: "network-only",
     variables: {
@@ -17678,170 +17695,171 @@ const Ud = async (n) => {
 };
 export {
   ga as AddonHandle,
-  gc as AddressValidationJobStatus,
-  mc as AddressValidationResultConfirmationLevel,
+  pc as AddressValidationJobStatus,
+  gc as AddressValidationResultConfirmationLevel,
   hn as AddressValidationStatus,
-  yd as ArrayInput,
+  Sd as ArrayInput,
   U as AspectType,
   bt as AssetNotFoundError,
   ve as AssetType,
-  hd as BringForwardCommand,
-  ud as BringToBackCommand,
-  Ad as BringToFrontCommand,
+  md as BringForwardCommand,
+  hd as BringToBackCommand,
+  ud as BringToFrontCommand,
   Dr as BundleDesignCreationCartAddMode,
   N as CanvasCommand,
   ue as CollectionProduct,
   Za as ColorOptionGlobalPropertyHandle,
   ms as CommandContext,
   we as ConversionDataType,
-  sc as ConversionLocation,
+  oc as ConversionLocation,
   z as CreateElementCommand,
   qn as CreateLayoutCommand,
-  zl as CurrencyContext,
-  Vl as CurrencyService,
+  Gl as CurrencyContext,
+  zl as CurrencyService,
   Bt as DeleteElementCommand,
-  To as DigitalContentStepHandle,
-  hl as FileUploadGlobalPropertyHandle,
+  No as DigitalContentStepHandle,
+  ml as FileUploadGlobalPropertyHandle,
   he as FlowExecutionNodeResult,
-  Nl as FlowExecutionResult,
-  Tl as FlowService,
+  Ql as FlowExecutionResult,
+  Nl as FlowService,
   Cs as FontAlignmentCommand,
   ps as FontColorCommand,
   fs as FontSizeCommand,
   ja as FontSourceCommand,
-  Jl as FrameService,
-  Kl as FrameStep,
-  _l as FrameStepHandle,
+  Kl as FrameService,
+  _l as FrameStep,
+  Xl as FrameStepHandle,
   Da as GlobalPropertyHandle,
   R as GroupCommand,
-  Bo as IllustrationStepHandle,
+  Io as IllustrationStepHandle,
   Le as InformationMessageType,
-  Mo as InformationStepHandle,
+  To as InformationStepHandle,
   tn as IntegrationProduct,
   xr as IntegrationType,
-  sd as LayoutElementFactory,
+  od as LayoutElementFactory,
   x as LayoutElementType,
   Y as LayoutNotFoundError,
   jt as LayoutRenderingPurpose,
-  Io as MaterialStepHandle,
+  Po as MaterialStepHandle,
   Be as MisconfigurationError,
-  Pd as MockWorkflowManager,
-  Po as ModelStepHandle,
-  No as ModuleStepHandle,
-  od as MoveCommand,
+  Fd as MockWorkflowManager,
+  Do as ModelStepHandle,
+  Qo as ModuleStepHandle,
+  ld as MoveCommand,
   sr as ObjectInput,
-  Ql as ObjectInputType,
+  Rl as ObjectInputType,
   nr as OptionGlobalPropertyHandle,
   be as OptionNotFoundError,
   Dt as ParseError,
-  Do as PictureStepHandle,
+  Fo as PictureStepHandle,
   kr as ProductCameraRig,
   ir as ProductCollection,
-  bl as ProductCollectionProductSortKey,
+  Bl as ProductCollectionProductSortKey,
   qt as ProductWorkflow,
   Kt as PromiseCache,
   Tn as PromiseQueue,
-  Fo as QuestionStepHandle,
+  xo as QuestionStepHandle,
   Mn as QueueablePromise,
-  cd as ResizeCommand,
+  dd as ResizeCommand,
   Yt as ResourceNotFoundError,
-  ld as RotateCommand,
+  cd as RotateCommand,
   H as ScaleAxis,
-  md as SendBackwardsCommand,
-  xo as ShapeStepHandle,
+  gd as SendBackwardsCommand,
+  ko as ShapeStepHandle,
   Fr as ShareActionType,
-  vd as SpiffCommerceClient,
+  Ed as SpiffCommerceClient,
   Ee as StakeholderType,
   Pr as StepAspectType,
   Z as StepHandle,
   v as StepType,
   Mt as TextAlgorithm,
   Ss as TextChangeCommand,
-  ml as TextGlobalPropertyHandle,
-  wd as TextInput,
-  ko as TextStepHandle,
-  Il as Transform,
-  Bl as TransformCollection,
+  gl as TextGlobalPropertyHandle,
+  yd as TextInput,
+  Mo as TextStepHandle,
+  Pl as Transform,
+  Il as TransformCollection,
   V as UnhandledBehaviorError,
   Mr as UnitOfMeasurement,
-  dd as UpdateImageSourceCommand,
+  Ad as UpdateImageSourceCommand,
   it as Variant,
-  Ho as WorkflowExperienceEventType,
-  jo as WorkflowExperienceImpl,
+  jo as WorkflowExperienceEventType,
+  Yo as WorkflowExperienceImpl,
   O as assetService,
   ri as browserColorToHex,
-  rd as cmPerPixel,
-  Lo as createDesign,
-  ed as currentDirection,
-  Gc as dataUrlFromExternalUrl,
+  id as cmPerPixel,
+  Vo as createDesign,
+  ad as currentDirection,
+  Wc as dataUrlFromExternalUrl,
+  Dd as deleteBundle,
   Xe as designService,
   Ce as determineCorrectFontSizeAndLines,
   jn as digitalContentStepService,
   dt as domParser,
-  xd as duplicateBundle,
-  kd as duplicateTransaction,
+  Md as duplicateBundle,
+  Td as duplicateTransaction,
   nt as fetchAsString,
-  Yc as findAngle,
+  Jc as findAngle,
   $ as findElement,
-  Hc as findPmsColors,
+  jc as findPmsColors,
   Vt as frameDataCache,
   St as frameStepService,
   M as generate,
-  sl as generateCommands,
+  ol as generateCommands,
   ot as generateSVGWithUnknownColors,
-  fd as generateStateFromDesignInputSteps,
-  Ld as getAddressValidationJobs,
+  Cd as generateStateFromDesignInputSteps,
+  zd as getAddressValidationJobs,
   Re as getAttributesFromArrayBuffer,
-  jc as getAxisAlignedBoundingBox,
-  Yl as getBoundedOffsets,
-  Bd as getBundleThemeConfiguration,
-  Md as getCustomer,
-  Td as getCustomerBundles,
-  ad as getElementVertices,
+  Yc as getAxisAlignedBoundingBox,
+  Jl as getBoundedOffsets,
+  Id as getBundleThemeConfiguration,
+  Nd as getCustomer,
+  Qd as getCustomerBundles,
+  nd as getElementVertices,
   Ue as getFrameData,
-  gd as getGlobalPropertyStateForBundle,
-  jl as getIntegration,
-  Zc as getNEPoint,
-  Xc as getNWPoint,
-  Rd as getOrderedTransactions,
-  bd as getOverrideThemeConfiguration,
-  _c as getPointOfRotation,
-  Cd as getProductCollections,
-  td as getSEPoint,
+  pd as getGlobalPropertyStateForBundle,
+  Yl as getIntegration,
+  td as getNEPoint,
+  Zc as getNWPoint,
+  $d as getOrderedTransactions,
+  Bd as getOverrideThemeConfiguration,
+  Xc as getPointOfRotation,
+  wd as getProductCollections,
+  ed as getSEPoint,
   Ea as getSvgElement,
-  $d as getTemplateBundles,
-  Od as getTemplateTransactions,
-  Ed as getTransaction,
-  Id as getTransactionThemeConfiguration,
-  Nd as getTransactionsForBundle,
-  Kc as getTrueCoordinates,
-  Qd as getUnorderedTransactions,
-  Ud as getValidationJobsForWorkflowExperiences,
-  Sd as getWorkflow,
+  Ld as getTemplateBundles,
+  Ud as getTemplateTransactions,
+  bd as getTransaction,
+  Pd as getTransactionThemeConfiguration,
+  Rd as getTransactionsForBundle,
+  _c as getTrueCoordinates,
+  Od as getUnorderedTransactions,
+  Vd as getValidationJobsForWorkflowExperiences,
+  vd as getWorkflow,
   or as getWorkflows,
   y as graphQlManager,
   fe as illustrationStepService,
-  Jc as isCloseToValue,
+  Kc as isCloseToValue,
   Nt as loadFont,
-  qc as matchHexToPms,
+  Hc as matchHexToPms,
   Yn as materialStepService,
-  El as metafieldManager,
-  nd as mmPerPixel,
+  bl as metafieldManager,
+  rd as mmPerPixel,
   Jn as modelStepService,
   Sa as modifySVGColors,
   Kn as moduleStepService,
-  Dd as nameBundle,
-  Fd as nameTransaction,
+  xd as nameBundle,
+  kd as nameTransaction,
   j as optionService,
-  id as outlineFontsInSvg,
-  Gd as overrideWorkflowExperienceRecipientAddress,
+  sd as outlineFontsInSvg,
+  qd as overrideWorkflowExperienceRecipientAddress,
   ut as patternImageDataCache,
   k as persistenceService,
   _n as pictureStepService,
-  Wc as pmsToRgb,
+  qc as pmsToRgb,
   Xn as questionStepService,
-  zc as registerFetchImplementation,
-  Vc as registerWindowImplementation,
+  Gc as registerFetchImplementation,
+  zc as registerWindowImplementation,
   qa as rehydrateSerializedLayout,
   ei as rgbToPms,
   ce as rotateAroundPoint,
@@ -17851,14 +17869,14 @@ export {
   zt as shapeStepService,
   Es as shortenUrl,
   gt as spiffCoreConfiguration,
-  pd as stepAspectValuesToDesignInputSteps,
+  fd as stepAspectValuesToDesignInputSteps,
   La as svgColorValueToDefinition,
   Gn as svgStringDimensions,
   pa as svgToDataUrl,
   G as textStepService,
   Ts as toast,
-  Vd as validateWorkflowExperienceRecipient,
-  zd as validateWorkflowExperienceRecipients,
+  Gd as validateWorkflowExperienceRecipient,
+  Wd as validateWorkflowExperienceRecipients,
   It as xmlSerializer
 };
 //# sourceMappingURL=index.mjs.map