@spiffcommerce/core 29.0.4-beta.edc66327-3ca2-53dd-ba6a-90bcc4e6b5f9 → 29.1.0-beta.3610848a-e163-58bd-968d-57b57e0094f6

package/dist/index.mjs

@@ -219,14 +219,14 @@ const An = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
   t ? xr(r).then(e).catch(a) : rt(r).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), hn = (r) => Ar(r), Oe = /* @__PURE__ */ new Map(), Tr = async (r, t) => {
+}), hn = (r) => Ar(r), $e = /* @__PURE__ */ new Map(), Tr = async (r, t) => {
   if (Mt([typeof FontFace])) {
-    if (Oe.has(t))
-      return Oe.get(t);
+    if ($e.has(t))
+      return $e.get(t);
     const e = r.names.fullName.en, a = new FontFace(e, `url(${t})`);
     document.fonts.add(a);
     const n = a.load();
-    return Oe.set(t, n), n;
+    return $e.set(t, n), n;
   }
 }, bt = () => {
   if (Mt([typeof XMLSerializer]))
@@ -291,8 +291,8 @@ const An = /* @__PURE__ */ new Map(), Na = /* @__PURE__ */ new Map(), Qa = /* @_
     !i || !i.result ? e() : t(i.result.toString());
   }, a.readAsDataURL(r);
 });
-let Or, ma;
-const $r = (r) => {
+let $r, ma;
+const Or = (r) => {
   ma = r;
 }, Ur = () => ma;
 let gn;
@@ -306,7 +306,7 @@ const Lr = (r) => {
 }), zr = async () => {
   const r = {
     applicationKey: ma,
-    customerToken: Or,
+    customerToken: $r,
     bearer: gn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Vr(), ...r } : r;
@@ -412,9 +412,9 @@ function fn(r) {
       throw t;
   }
 }
-let $e;
+let Oe;
 function ga() {
-  return $e === void 0 && ($e = Mr()), $e;
+  return Oe === void 0 && (Oe = Mr()), Oe;
 }
 let se = null;
 const qr = (r) => new Promise((t) => {
@@ -3188,22 +3188,22 @@ function Rc(r, t = 64) {
   return e.sort((A, u) => A.distance - u.distance);
 }
 const Kr = Yt.map((r, t) => ({ pms: r, hex: Ft[t] })), _r = new mr(Kr, { keys: ["pms"] });
-function Oc(r, t) {
+function $c(r, t) {
   return _r.search(r, t ? { limit: t } : void 0);
 }
 let Qt = null;
 function Xr(r) {
   if (r.startsWith("#"))
-    return Oa(r);
+    return $a(r);
   if (!document)
     throw new Error("browserColorToHex is only supported on browsers");
   if (Qt || (Qt = document.createElement("canvas").getContext("2d")), !Qt)
     throw new Error("Failed to create canvas context required to convert colors");
   Qt.fillStyle = r;
-  const t = Oa(Qt.fillStyle);
+  const t = $a(Qt.fillStyle);
   return t || console.error(`Unknown browser color ${r}`), t;
 }
-function Oa(r) {
+function $a(r) {
   const t = r.substring(1).toUpperCase();
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
@@ -3218,7 +3218,7 @@ const oe = (r) => {
     return `icc-named-color(${t.slice(e + 1).slice(0, -4)}, ${r.namedColor})`;
   }
   return `icc-named-color(${r.profileName}, ${r.namedColor})`;
-}, $a = (r) => {
+}, Oa = (r) => {
   const t = r.split(/[ ](?=[^)]*?(?:\(|$))/);
   if (t.length === 0)
     return { browserValue: "#000000" };
@@ -3362,12 +3362,12 @@ const oe = (r) => {
     Zr.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
     const o = s.attributes.getNamedItem("fill");
     if (o && o.value !== "none" && !o.value.startsWith("url(")) {
-      const c = $a(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
+      const c = Oa(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
       s.setAttribute("fill", c.browserValue), s.classList.add(A), a[d] = c;
     }
     const l = s.attributes.getNamedItem("stroke");
     if (l && l.value !== "none" && !l.value.startsWith("url(")) {
-      const c = $a(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
+      const c = Oa(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
@@ -4050,6 +4050,7 @@ const j = new Ci(), bn = v`
                         mandatory
                         title
                         uniqueIdentifier
+                        customFieldIndex
                     }
                     mandatory
                 }
@@ -4222,6 +4223,7 @@ const j = new Ci(), bn = v`
                         mandatory
                         title
                         uniqueIdentifier
+                        customFieldIndex
                     }
                     mandatory
                 }
@@ -4291,6 +4293,7 @@ const j = new Ci(), bn = v`
                         mandatory
                         title
                         uniqueIdentifier
+                        customFieldIndex
                     }
                     mandatory
                 }
@@ -5052,6 +5055,7 @@ const j = new Ci(), bn = v`
                     mandatory
                     title
                     uniqueIdentifier
+                    customFieldIndex
                 }
                 mandatory
             }
@@ -5111,7 +5115,7 @@ const j = new Ci(), bn = v`
             ...MarketplaceThemeInstallConfigurationFields
         }
     }
-`, Oi = v`
+`, $i = v`
     ${bn}
     ${Ne}
     query GetCurrentIntegration($themeConfigurationId: String) {
@@ -5124,7 +5128,7 @@ const j = new Ci(), bn = v`
             ...ActiveIntegrationFields
         }
     }
-`, $i = v`
+`, Oi = v`
     ${Ne}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
@@ -5157,7 +5161,7 @@ const j = new Ci(), bn = v`
             timestamp
         }
     }
-`, Ot = [I.SilentIllustration, I.ProductOverlay], zi = async (r) => {
+`, $t = [I.SilentIllustration, I.ProductOverlay], zi = async (r) => {
   const t = [];
   r.introduction && t.push({
     name: "Introduction",
@@ -5180,16 +5184,16 @@ const j = new Ci(), bn = v`
       t.push({
         name: a.stepName,
         title: a.stepTitle,
-        renderableSteps: Ot.includes(a.type) ? [] : [a],
-        silentSteps: Ot.includes(a.type) ? [a] : []
+        renderableSteps: $t.includes(a.type) ? [] : [a],
+        silentSteps: $t.includes(a.type) ? [a] : []
       });
     else {
       const i = t.find((s) => s.name === n.name);
-      i ? Ot.includes(a.type) ? i.silentSteps.push(a) : i.renderableSteps.push(a) : t.push({
+      i ? $t.includes(a.type) ? i.silentSteps.push(a) : i.renderableSteps.push(a) : t.push({
         name: n.name,
         title: n.name,
-        renderableSteps: Ot.includes(a.type) ? [] : [a],
-        silentSteps: Ot.includes(a.type) ? [a] : []
+        renderableSteps: $t.includes(a.type) ? [] : [a],
+        silentSteps: $t.includes(a.type) ? [a] : []
       });
     }
   }
@@ -5339,12 +5343,12 @@ const Q = () => {
   viewBox: A,
   width: u
 }) => {
-  var E;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Ht.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((b, P) => (
+  var b;
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Ht.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (b = a.colorProfiles) == null ? void 0 : b.map((E, P) => (
     /* @ts-ignore */
-    /* @__PURE__ */ x("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, P)
-  )), S = n.map((b) => ({
-    ...b,
+    /* @__PURE__ */ x("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, P)
+  )), S = n.map((E) => ({
+    ...E,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
   })), y = va(S);
@@ -5384,7 +5388,7 @@ const Q = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: y.map((b) => Rn(b)).filter((b) => !!b)
+            children: y.map((E) => Rn(E)).filter((E) => !!E)
           }
         ),
         l && /* @__PURE__ */ x(
@@ -5425,7 +5429,7 @@ const Q = () => {
       ]
     }
   );
-}, $c = (r, t, e, a, n) => {
+}, Oc = (r, t, e, a, n) => {
   const i = pt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, C = u * d + m * A, w = h * d + g * A, S = Math.max(Math.abs(p), Math.abs(f)), y = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - S,
@@ -5589,8 +5593,8 @@ const Q = () => {
       /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = pt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, S, y, E, b, P, D, F, k, T;
-    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((b = r.pattern) == null ? void 0 : b.scaleX) || 1, p = ((P = r.pattern) == null ? void 0 : P.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
+    var w, S, y, b, E, P, D, F, k, T;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((b = r.pattern) == null ? void 0 : b.height) || 0, g = ((E = r.pattern) == null ? void 0 : E.scaleX) || 1, p = ((P = r.pattern) == null ? void 0 : P.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
     return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
       type: M.Illustration,
@@ -5751,16 +5755,16 @@ const Ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     ), S = w.getBoundingBox().x2 - w.getBoundingBox().x1;
     let y = 0;
-    const E = A.getAttribute("text-anchor");
-    E === "middle" ? y = S / 2 : E === "end" && (y = S);
-    const b = g.getPath(
+    const b = A.getAttribute("text-anchor");
+    b === "middle" ? y = S / 2 : b === "end" && (y = S);
+    const E = g.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - y,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    b.fill = p, b.stroke = f, b.strokeWidth = parseFloat(C ?? "0");
-    const P = b.toSVG(2), F = t.parseFromString(P, "image/svg+xml").firstElementChild;
+    E.fill = p, E.stroke = f, E.strokeWidth = parseFloat(C ?? "0");
+    const P = E.toSVG(2), F = t.parseFromString(P, "image/svg+xml").firstElementChild;
     h.appendChild(F);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), bt().serializeToString(a);
@@ -6197,7 +6201,7 @@ const ae = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new Map(), On = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new Map(), $n = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6274,7 +6278,7 @@ const ae = (r) => {
   if (At.has(r))
     return At.get(r);
   if (r.startsWith("data:image/svg+xml")) {
-    const a = fr(r), n = new TextDecoder().decode(a.buffer), i = $n(n), s = {
+    const a = fr(r), n = new TextDecoder().decode(a.buffer), i = On(n), s = {
       src: r,
       width: i.width,
       height: i.height,
@@ -6301,8 +6305,8 @@ const ae = (r) => {
   }
 }, ba = async (r) => {
   const t = await nt(r);
-  return $n(t);
-}, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), $n = (r) => {
+  return On(t);
+}, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), On = (r) => {
   const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
@@ -6313,7 +6317,7 @@ const ae = (r) => {
     width: o[2],
     height: o[3]
   };
-}, $t = (r, t) => {
+}, Ot = (r, t) => {
   const e = r.layoutState.elements.filter((n) => n.layer === t), a = Math.max(...e.map((n) => n.layerIndex).filter((n) => n !== void 0));
   return Math.max(a, 0) + 1;
 }, Un = async (r) => new Promise((t) => {
@@ -6389,7 +6393,7 @@ const ae = (r) => {
 };
 class _c {
   static async getFrame(t, e) {
-    const a = await On(e.region, e.src), n = await Qe(a), i = e.region || await Ut(t, M.Frame);
+    const a = await $n(e.region, e.src), n = await Qe(a), i = e.region || await Ut(t, M.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -6397,7 +6401,7 @@ class _c {
       width: i.width,
       height: i.height,
       layer: i.layer || 0,
-      layerIndex: i.layerIndex || $t(t, i.layer || 0),
+      layerIndex: i.layerIndex || Ot(t, i.layer || 0),
       rotation: i.rotation,
       scaleX: i.width / n.width,
       scaleY: i.height / n.height,
@@ -6426,7 +6430,7 @@ class _c {
       width: a.width,
       height: a.height,
       layer: a.layer || 0,
-      layerIndex: a.layerIndex || $t(t, a.layer || 0),
+      layerIndex: a.layerIndex || Ot(t, a.layer || 0),
       immutable: a.immutable,
       preserveAspectRatio: "none"
     };
@@ -6455,7 +6459,7 @@ class _c {
         fill: (i == null ? void 0 : i.color) || a.colour || "#000000",
         fontData: o,
         layer: A.layer || 0,
-        layerIndex: A.layerIndex || $t(t, A.layer || 0),
+        layerIndex: A.layerIndex || Ot(t, A.layer || 0),
         paths: a.paths,
         rotation: A.rotation,
         vertical: a.vertical,
@@ -6518,7 +6522,7 @@ class _c {
       width: i.width,
       height: i.height,
       layer: i.layer || 0,
-      layerIndex: i.layerIndex || $t(t, i.layer || 0),
+      layerIndex: i.layerIndex || Ot(t, i.layer || 0),
       immutable: i.immutable
     };
   }
@@ -6538,7 +6542,7 @@ class _c {
       width: a.width,
       height: a.height,
       layer: a.layer || 0,
-      layerIndex: a.layerIndex || $t(t, a.layer || 0),
+      layerIndex: a.layerIndex || Ot(t, a.layer || 0),
       immutable: a.immutable
     };
   }
@@ -6612,7 +6616,7 @@ const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
     }
   }
 };
-class O {
+class $ {
   undo() {
     if (!this.oldState)
       throw new Error("Cannot undo.");
@@ -6622,7 +6626,7 @@ class O {
     this.oldState = t;
   }
 }
-class Ga extends O {
+class Ga extends $ {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6633,7 +6637,7 @@ class Ga extends O {
     };
   }
 }
-class Xc extends O {
+class Xc extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -6656,7 +6660,7 @@ class Xc extends O {
     };
   }
 }
-class Zc extends O {
+class Zc extends $ {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -6678,7 +6682,7 @@ class Zc extends O {
     };
   }
 }
-class td extends O {
+class td extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(a);
   }
@@ -6709,7 +6713,7 @@ class td extends O {
     };
   }
 }
-class $ extends O {
+class O extends $ {
   constructor(t) {
     super(), this.commands = t;
   }
@@ -6717,7 +6721,7 @@ class $ extends O {
     return this.oldState = t, this.commands.reduce((e, a) => a.apply(e), t);
   }
 }
-class Ln extends O {
+class Ln extends $ {
   constructor(t) {
     super(), this.layout = t;
   }
@@ -6735,7 +6739,7 @@ class Ln extends O {
     };
   }
 }
-class W extends O {
+class W extends $ {
   /**
    * @param initialParams The initial parameters to be set on this new object
    * @param callback An optional callback function to be notified when the object has been instantiated
@@ -6795,7 +6799,7 @@ class W extends O {
     return a !== void 0 ? a + 1 : 0;
   }
 }
-class Et extends O {
+class Et extends $ {
   constructor(t) {
     super(), this.id = t;
   }
@@ -6817,7 +6821,7 @@ class Et extends O {
     };
   }
 }
-class ds extends O {
+class ds extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.color = e, this.textFillSpotColor = a;
   }
@@ -6841,7 +6845,7 @@ class ds extends O {
     };
   }
 }
-class We extends O {
+class We extends $ {
   constructor(t, e) {
     super(), this.id = t, this.imageFill = e;
   }
@@ -6863,7 +6867,7 @@ class We extends O {
     };
   }
 }
-class As extends O {
+class As extends $ {
   constructor(t, e) {
     super(), this.id = t, this.size = e;
   }
@@ -6885,7 +6889,7 @@ class As extends O {
     };
   }
 }
-class Wa extends O {
+class Wa extends $ {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -6907,7 +6911,7 @@ class Wa extends O {
     };
   }
 }
-class us extends O {
+class us extends $ {
   constructor(t, e) {
     super(), this.id = t, this.align = e;
   }
@@ -6929,7 +6933,7 @@ class us extends O {
     };
   }
 }
-class hs extends O {
+class hs extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.imageData = e, this.offsets = a;
   }
@@ -6965,7 +6969,7 @@ class hs extends O {
     };
   }
 }
-class ms extends O {
+class ms extends $ {
   constructor(t, e, a, n, i) {
     super(), this.id = t, this.useThreshold = e, this.invertThreshold = a, this.threshold = n, this.thresholdSaturation = i;
   }
@@ -6990,7 +6994,7 @@ class ms extends O {
     };
   }
 }
-class ed extends O {
+class ed extends $ {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
@@ -7012,7 +7016,7 @@ class ed extends O {
     };
   }
 }
-class gs extends O {
+class gs extends $ {
   constructor(t, e) {
     super(), this.id = t, this.text = e;
   }
@@ -7031,7 +7035,7 @@ class gs extends O {
     };
   }
 }
-class qe extends O {
+class qe extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.strokeColor = e, this.strokeThickness = a;
   }
@@ -7054,7 +7058,7 @@ class qe extends O {
     };
   }
 }
-class oa extends O {
+class oa extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.className = e, this.fill = a;
   }
@@ -7086,7 +7090,7 @@ class oa extends O {
     };
   }
 }
-class ps extends O {
+class ps extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.svgBody = e, this.objectURL = a;
   }
@@ -7109,7 +7113,7 @@ class ps extends O {
     };
   }
 }
-class ad extends O {
+class ad extends $ {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7138,7 +7142,7 @@ class ad extends O {
     };
   }
 }
-class nd extends O {
+class nd extends $ {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7169,7 +7173,7 @@ class nd extends O {
     };
   }
 }
-class rd extends O {
+class rd extends $ {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7196,7 +7200,7 @@ class rd extends O {
     };
   }
 }
-class id extends O {
+class id extends $ {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7449,7 +7453,7 @@ class Cs {
         A
       );
     });
-    return { command: new $(l), followup: async () => {
+    return { command: new O(l), followup: async () => {
     } };
   }
 }
@@ -7760,11 +7764,11 @@ class Be {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, y = Q(), b = n.getLayouts().find((P) => P.panelId === m.panelId);
-        if (!b)
+        } : void 0, y = Q(), E = n.getLayouts().find((P) => P.panelId === m.panelId);
+        if (!E)
           throw new Y(m);
         return {
-          command: this.getCreateElementCommand(y, m, b, {
+          command: this.getCreateElementCommand(y, m, E, {
             frameData: p,
             pattern: S,
             disablePlaceholder: t.data.disablePlaceholder,
@@ -7779,7 +7783,7 @@ class Be {
       })
     ), A = d.map((m) => m.command), u = d.map((m) => m.removeExistingCommands).flat();
     return {
-      command: new $([...A, ...u]),
+      command: new O([...A, ...u]),
       followup: async () => {
         i && i(!1), await n.setSelectionsAndElements(
           t.stepName,
@@ -7956,7 +7960,7 @@ class ws {
         c.push(new oa(d, A, u));
       c.push(new ps(d, o, l));
     }
-    return new $(c);
+    return new O(c);
   }
   async changeColors(t, e, a, n, i) {
     var h, m;
@@ -8038,7 +8042,7 @@ class ws {
         return w.toLowerCase() === ((S = C.color) == null ? void 0 : S.toLowerCase()) ? C.name : w;
       });
     })), i.updateMetadata(t.stepName, { colors: g }), {
-      command: new $(m),
+      command: new O(m),
       followup: async () => {
         var w, S;
         await i.setSelectionsAndElements(
@@ -8052,22 +8056,22 @@ class ws {
         const C = ((w = o.assetConfiguration) == null ? void 0 : w.defaultColorVariants) || [];
         if (C.length !== 0) {
           const y = {};
-          (((S = o.assetConfiguration) == null ? void 0 : S.channelNumbers) || []).forEach((b) => {
+          (((S = o.assetConfiguration) == null ? void 0 : S.channelNumbers) || []).forEach((E) => {
             var D;
-            const P = C.find((F) => F.channelNumber === b.number);
-            P && (y[`${b.id.replace(/\W/g, "")}`] = { browserValue: ((D = P == null ? void 0 : P.variant) == null ? void 0 : D.color) || "" });
+            const P = C.find((F) => F.channelNumber === E.number);
+            P && (y[`${E.id.replace(/\W/g, "")}`] = { browserValue: ((D = P == null ? void 0 : P.variant) == null ? void 0 : D.color) || "" });
           }), await this.changeColors(
             t,
-            u.map((b) => b.regionElement),
+            u.map((E) => E.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
             new Map(Object.entries(y))
           );
         }
         if (t.data.colorPickerEnabled) {
-          const y = await this.availableColors(t, i) || [], E = Object.keys(c.colors), b = y.length === 1 && E.length === 1;
-          if (b) {
-            const P = y[0], D = E[0];
+          const y = await this.availableColors(t, i) || [], b = Object.keys(c.colors), E = y.length === 1 && b.length === 1;
+          if (E) {
+            const P = y[0], D = b[0];
             await this.changeColors(
               t,
               u.map((F) => F.regionElement),
@@ -8076,7 +8080,7 @@ class ws {
               /* @__PURE__ */ new Map([[D, P.variant.color]])
             );
           }
-          !b && C.length === 0 && await this.changeColors(
+          !E && C.length === 0 && await this.changeColors(
             t,
             u.map((P) => P.regionElement),
             i,
@@ -8315,7 +8319,7 @@ class vs {
       ), {
         id: m,
         region: u,
-        command: new $(f)
+        command: new O(f)
       };
     };
     if (i.length > 0) {
@@ -8326,7 +8330,7 @@ class vs {
         return c(m, h.region, h.id);
       }).filter((h) => !!h).filter((h) => !!h).map((h) => h && h.command);
       return {
-        command: new $(u),
+        command: new O(u),
         followup: async () => {
         }
       };
@@ -8335,7 +8339,7 @@ class vs {
         (h) => c(s.svgPrint(e, h), h)
       ), u = A.filter((h) => !!h).map((h) => h && h.command);
       return {
-        command: new $(u),
+        command: new O(u),
         followup: async () => {
           const h = A.filter((m) => m).map((m) => m && { id: m.id, region: m.region });
           await a.setSelectionsAndElements(
@@ -8443,7 +8447,7 @@ class Es {
       };
     }, d = t.data.regions.map(c);
     return {
-      command: new $([...l, ...d.map((A) => A.command)]),
+      command: new O([...l, ...d.map((A) => A.command)]),
       followup: async () => {
         await a.setSelectionsAndElements(
           t.stepName,
@@ -8538,7 +8542,7 @@ class Bs {
         throw new Y(l);
       return new oa(o.id, this.shapeFillId, t);
     }).filter((o) => !!o);
-    a.getCommandDispatcher()(new $(s)), a.updateStorage(e.stepName, { colour: t });
+    a.getCommandDispatcher()(new O(s)), a.updateStorage(e.stepName, { colour: t });
   }
   async init(t, e, a) {
     const n = t.option;
@@ -8611,7 +8615,7 @@ class Bs {
         return new oa(A.id, this.shapeFillId, m);
       }, d = a.map(c).filter((A) => !!A);
       return {
-        command: new $(d),
+        command: new O(d),
         followup: async () => {
           await n.setSelectionsAndElements(
             t.stepName,
@@ -8674,7 +8678,7 @@ class Bs {
         };
       }, d = t.data.regions.map(c), A = d.filter((h) => !!h).map((h) => h == null ? void 0 : h.command), u = d.filter((h) => !!h).map((h) => ({ id: h.id, region: h.region }));
       return {
-        command: new $(A),
+        command: new O(A),
         followup: async () => {
           await n.setSelectionsAndElements(
             t.stepName,
@@ -8826,7 +8830,7 @@ class Fs {
       if (p && t.globalPropertyAspectConfigurations) {
         const C = (s = p.getGlobalPropertyConfiguration()) == null ? void 0 : s.aspects, w = C == null ? void 0 : C.find((S) => {
           var y;
-          return S.type === z.Text && ((y = t.globalPropertyAspectConfigurations) == null ? void 0 : y.map((E) => E.aspectName).includes(S.name));
+          return S.type === z.Text && ((y = t.globalPropertyAspectConfigurations) == null ? void 0 : y.map((b) => b.aspectName).includes(S.name));
         });
         if (w) {
           const y = p.getGlobalPropertyStateManager().getAspect(w.name);
@@ -9027,7 +9031,7 @@ class Fs {
     }
     return !a.data.curved && e.length > 0 && !Array.from(d.values()).every((u) => u) ? (o.errorData || (o.errorData = {}), o.errorData.doesNotFit = !0, o) : (n.updateStorage(a.stepName, { text: t }), n.updateMetadata(a.stepName, {
       text: s
-    }), (i != null && i.defaultCleared || !a.data.deleteDefaultOnFocus) && s.trim() !== "" && n.setMandatoryFulfilled(a.stepName, !0), o.command = new $(l), o);
+    }), (i != null && i.defaultCleared || !a.data.deleteDefaultOnFocus) && s.trim() !== "" && n.setMandatoryFulfilled(a.stepName, !0), o.command = new O(l), o);
   }
   async selectVariant(t, e, a, n, i) {
     const s = await this.selectVariantCommand(
@@ -9068,12 +9072,12 @@ class Fs {
           let w = (A = n.storage) == null ? void 0 : A.text;
           const S = e.getWorkflowExperience().getBundle();
           if (S && t.globalPropertyAspectConfigurations) {
-            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, E = y == null ? void 0 : y.find((b) => {
+            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, b = y == null ? void 0 : y.find((E) => {
               var P;
-              return b.type === z.Text && ((P = t.globalPropertyAspectConfigurations) == null ? void 0 : P.map((D) => D.aspectName).includes(b.name));
+              return E.type === z.Text && ((P = t.globalPropertyAspectConfigurations) == null ? void 0 : P.map((D) => D.aspectName).includes(E.name));
             });
-            if (E) {
-              const P = S.getGlobalPropertyStateManager().getAspect(E.name);
+            if (b) {
+              const P = S.getGlobalPropertyStateManager().getAspect(b.name);
               P && (w = P);
             }
           }
@@ -9083,13 +9087,13 @@ class Fs {
             f,
             async () => {
               e.updateMetadata(t.stepName, { color: C, text: w }), e.updateStorage(t.stepName, { text: w, inputText: w });
-              const y = o.map((b) => new Wa(b.id, p)), E = new $(y);
-              e.getCommandDispatcher()(E);
+              const y = o.map((E) => new Wa(E.id, p)), b = new O(y);
+              e.getCommandDispatcher()(b);
             }
           ), o.length === 0 && l) {
             const y = j.getDefaultVariant(l);
             if (y) {
-              const E = await this.selectVariantCommand(
+              const b = await this.selectVariantCommand(
                 t,
                 y,
                 { text: w },
@@ -9100,7 +9104,7 @@ class Fs {
                 () => {
                 }
               );
-              e.getCommandDispatcher()(E.command);
+              e.getCommandDispatcher()(b.command);
             }
           } else {
             const { command: y } = q.updateInputText(
@@ -9214,7 +9218,7 @@ class Fs {
         o
       );
       return m && h.push(m), {
-        command: new $(h),
+        command: new O(h),
         followup: async () => {
           i.markUpdateCompleted(d), await i.setSelectionsAndElements(t.stepName, [e], n);
         }
@@ -9251,7 +9255,7 @@ class Fs {
         g.push(...f);
       }
       return m && g.push(m), {
-        command: new $(g),
+        command: new O(g),
         followup: async () => {
           i.markUpdateCompleted(d);
         }
@@ -9310,7 +9314,7 @@ class Fs {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, y = [], E = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+        }, y = [], b = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
         if (!S.fontData)
           throw new G("Failed to resolve font data for text.");
         const [P, D] = pe(
@@ -9327,7 +9331,7 @@ class Fs {
           [l],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(S.id, P), b.set(S.id, D);
+        b.set(S.id, P), E.set(S.id, D);
         const F = a.curved || a.vertical ? l : (D || []).join(`
 `);
         y.push(
@@ -9365,7 +9369,7 @@ class Fs {
       const l = new As(a, t);
       i.push(l);
     }
-    return new $(i);
+    return new O(i);
   }
   /**
    * @deprecated
@@ -9374,27 +9378,27 @@ class Fs {
     const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const S of h)
       if (S.region) {
-        const [y, E] = pe(
+        const [y, b] = pe(
           e,
           a,
           S.region,
           [u],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        m.set(S.id, y), g.set(S.id, E);
+        m.set(S.id, y), g.set(S.id, b);
       }
     const f = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
       const S = s.getProfanities(), y = Ze(u.toLowerCase());
-      for (const E of y)
-        for (const b in S) {
-          const P = S[b].toLowerCase().replace(/\s/g, "");
-          if (E === P)
+      for (const b of y)
+        for (const E in S) {
+          const P = S[E].toLowerCase().replace(/\s/g, "");
+          if (b === P)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((b) => b) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((E) => E) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - u.length).toString() });
     })();
     if (f.error) {
       c(f.error);
@@ -9418,7 +9422,7 @@ class Fs {
         )
       );
     }
-    return new $(C);
+    return new O(C);
   }
 }
 const q = new Fs();
@@ -9468,7 +9472,7 @@ const Ha = {
   t: ["x", "y"],
   a: ["rx", "ry", "xRotation", "largeArc", "sweep", "x", "y"]
 };
-class Os {
+class $s {
   constructor(t) {
     const e = Array.from(t.querySelectorAll("path"));
     this.paths = e.map((a) => {
@@ -9566,7 +9570,7 @@ class Os {
     }
   }
 }
-class $s extends xs {
+class Os extends xs {
   constructor() {
     super(...arguments), this.moduleName = "Vegemite";
   }
@@ -9584,14 +9588,14 @@ class $s extends xs {
       w.appendChild(S), S.appendChild(Ts(0, 2, 2, "shadow"));
       const y = at("path");
       y.setAttribute("d", d), y.setAttribute("stroke", "black"), y.setAttribute("stroke-width", "3"), S.appendChild(y);
-      const E = at("g");
-      E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = y.outerHTML;
       const b = at("g");
-      b.classList.add("module-layer1"), w.appendChild(b), b.setAttribute("stroke-width", "3"), b.setAttribute("stroke", "rgb(45,41,38)"), b.setAttribute("fill", "rgb(45,41,38)"), b.setAttribute("transform", "translate(0.5,0)"), b.innerHTML = o;
+      b.classList.add("module-layer0"), w.appendChild(b), b.setAttribute("filter", "url(#shadow)"), b.innerHTML = y.outerHTML;
+      const E = at("g");
+      E.classList.add("module-layer1"), w.appendChild(E), E.setAttribute("stroke-width", "3"), E.setAttribute("stroke", "rgb(45,41,38)"), E.setAttribute("fill", "rgb(45,41,38)"), E.setAttribute("transform", "translate(0.5,0)"), E.innerHTML = o;
       const P = at("g");
       P.classList.add("module-layer2"), w.appendChild(P), P.setAttribute("fill", "rgb(255,209,0)"), P.setAttribute("transform", "translate(1,-0.1)"), P.innerHTML = o;
       const D = at("g");
-      return D.classList.add("module-layer3"), w.appendChild(D), D.setAttribute("fill", "white"), D.innerHTML = o, new Os(w).transform(([k, T]) => [k, T + (c / 2 - k) ** 2 / (c * 6)]), w;
+      return D.classList.add("module-layer3"), w.appendChild(D), D.setAttribute("fill", "white"), D.innerHTML = o, new $s(w).transform(([k, T]) => [k, T + (c / 2 - k) ** 2 / (c * 6)]), w;
     }, u = at("g");
     u.classList.add("module-root");
     const h = at("defs");
@@ -9610,7 +9614,7 @@ class $s extends xs {
 }
 async function Yn(r) {
   if (r === "Vegemite")
-    return new $s();
+    return new Os();
   throw new G(`Failed to resolve Module, Module ${r} not found`);
 }
 const ne = v`
@@ -10235,6 +10239,13 @@ const ne = v`
         $country: String
         $mobile: String
         $company: String
+        $apartment: String
+        $customField1: String
+        $customField2: String
+        $customField3: String
+        $customField4: String
+        $customField5: String
+        $conversionConfigurationId: String
     ) {
         recipientCreate(
             firstName: $firstName
@@ -10247,6 +10258,13 @@ const ne = v`
             country: $country
             mobile: $mobile
             company: $company
+            apartment: $apartment
+            customField1: $customField1
+            customField2: $customField2
+            customField3: $customField3
+            customField4: $customField4
+            customField5: $customField5
+            conversionConfigurationId: $conversionConfigurationId
         ) {
             id
         }
@@ -10264,6 +10282,13 @@ const ne = v`
         $country: String
         $mobile: String
         $company: String
+        $apartment: String
+        $customField1: String
+        $customField2: String
+        $customField3: String
+        $customField4: String
+        $customField5: String
+        $conversionConfigurationId: String
     ) {
         recipientUpdate(
             id: $id
@@ -10277,6 +10302,13 @@ const ne = v`
             country: $country
             mobile: $mobile
             company: $company
+            apartment: $apartment
+            customField1: $customField1
+            customField2: $customField2
+            customField3: $customField3
+            customField4: $customField4
+            customField5: $customField5
+            conversionConfigurationId: $conversionConfigurationId
         ) {
             id
         }
@@ -10306,13 +10338,13 @@ class Co {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, C = !1) {
     var w;
     this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
-      var E;
+      var b;
       if (!this.previewService)
         return;
-      const S = this.getCommandContext().getAllLayouts(), y = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
+      const S = this.getCommandContext().getAllLayouts(), y = (b = this.getLayoutPreviewService()) == null ? void 0 : b.getAll();
       if (y)
-        for (const [, b] of y)
-          b.render(S);
+        for (const [, E] of y)
+          E.render(S);
     }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, (w = this.renderableContextService) == null || w.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((S) => {
       this.stepTags[S.stepName] = S.tags ?? [];
     }), C && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
@@ -10328,9 +10360,9 @@ class Co {
   getTemplatingContext() {
     return { recipient: this.transaction.recipient };
   }
-  async updateRecipient(t, e, a, n, i, s, o, l, c, d) {
-    var A, u, h, m, g;
-    if ((A = this.transaction.recipient) != null && A.id)
+  async updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
+    var C, w, S, y, b;
+    if ((C = this.transaction.recipient) != null && C.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
         firstName: t || this.transaction.recipient.firstName,
@@ -10342,7 +10374,14 @@ class Co {
         postalCode: o || this.transaction.recipient.postalCode,
         country: l || this.transaction.recipient.country,
         mobile: c || this.transaction.recipient.mobile,
-        company: d || this.transaction.recipient.company
+        company: d || this.transaction.recipient.company,
+        apartment: A || this.transaction.recipient.apartment,
+        customField1: u || this.transaction.recipient.customField1,
+        customField2: h || this.transaction.recipient.customField2,
+        customField3: m || this.transaction.recipient.customField3,
+        customField4: g || this.transaction.recipient.customField4,
+        customField5: p || this.transaction.recipient.customField5,
+        conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
       }, await this.graphQlClient().mutate({
         mutation: go,
         errorPolicy: "all",
@@ -10358,11 +10397,18 @@ class Co {
           postalCode: o || this.transaction.recipient.postalCode,
           country: l || this.transaction.recipient.country,
           mobile: c || this.transaction.recipient.mobile,
-          company: d || this.transaction.recipient.company
+          company: d || this.transaction.recipient.company,
+          apartment: A || this.transaction.recipient.apartment,
+          customField1: u || this.transaction.recipient.customField1,
+          customField2: h || this.transaction.recipient.customField2,
+          customField3: m || this.transaction.recipient.customField3,
+          customField4: g || this.transaction.recipient.customField4,
+          customField5: p || this.transaction.recipient.customField5,
+          conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
         }
       });
     else {
-      const p = await this.graphQlClient().mutate({
+      const E = await this.graphQlClient().mutate({
         mutation: mo,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -10376,11 +10422,18 @@ class Co {
           postalCode: o,
           country: l,
           mobile: c,
-          company: d
+          company: d,
+          apartment: A,
+          customField1: u,
+          customField2: h,
+          customField3: m,
+          customField4: g,
+          customField5: p,
+          conversionConfigurationId: f
         }
       });
       this.transaction.recipient = {
-        id: (h = (u = p == null ? void 0 : p.data) == null ? void 0 : u.recipientCreate) == null ? void 0 : h.id,
+        id: (S = (w = E == null ? void 0 : E.data) == null ? void 0 : w.recipientCreate) == null ? void 0 : S.id,
         firstName: t,
         lastName: e,
         address: a,
@@ -10390,21 +10443,28 @@ class Co {
         postalCode: o,
         country: l,
         mobile: c,
-        company: d
+        company: d,
+        apartment: A,
+        customField1: u,
+        customField2: h,
+        customField3: m,
+        customField4: g,
+        customField5: p,
+        conversionConfigurationId: f
       }, await this.graphQlClient().mutate({
         mutation: po,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
           id: this.transaction.id,
-          recipientId: (g = (m = p.data) == null ? void 0 : m.recipientCreate) == null ? void 0 : g.id
+          recipientId: (b = (y = E.data) == null ? void 0 : y.recipientCreate) == null ? void 0 : b.id
         },
         context: {
           transactionOwnerId: this.transaction.transactionOwnerId
         }
       });
     }
-    this.recipientCallbacks.forEach((p) => p(this.transaction.recipient));
+    this.recipientCallbacks.forEach((E) => E(this.transaction.recipient));
   }
   async initializeDefaultWorkflowState(t) {
     const e = () => {
@@ -10419,7 +10479,7 @@ class Co {
       this.storage[o.stepName] = o.storage || {};
     }), this.allScenes = await zi(t);
     const n = Pt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
-    this.commandContext.apply(new $(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
+    this.commandContext.apply(new O(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   getWorkflowExperience() {
     return this.experience;
@@ -10879,14 +10939,14 @@ class Co {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, b) => E + b.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, D) => P + D, 0), 0), this.workflow.steps.forEach((E) => {
-      wt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((b, E) => b + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, D) => P + D, 0), 0), this.workflow.steps.forEach((b) => {
+      wt(b, this.stepSelections) || (this.stepInitialised[b.stepName] = !1, delete this.stepMetadata[b.stepName], delete this.stepSelections[b.stepName], delete this.storage[b.stepName]);
     });
-    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((E) => E.silentSteps).flat(), A = l.map((E) => E.silentSteps).flat().filter(
-      (E) => !c.some((b) => b.stepName === E.stepName)
+    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((b) => b.silentSteps).flat(), A = l.map((b) => b.silentSteps).flat().filter(
+      (b) => !c.some((E) => E.stepName === b.stepName)
     );
-    c.forEach((E) => {
-      wt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
+    c.forEach((b) => {
+      wt(b, this.stepSelections) || (this.stepInitialised[b.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10894,25 +10954,25 @@ class Co {
       ...h,
       [t]: a
     }, this.removeElements(u);
-    const g = this.workflow.steps.find((E) => E.stepName === t);
+    const g = this.workflow.steps.find((b) => b.stepName === t);
     if ((g == null ? void 0 : g.type) === I.Frame) {
-      const E = (y = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : y.frameService;
-      E == null || E.setTargetElements(a.map((b) => b.id));
+      const b = (y = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : y.frameService;
+      b == null || b.setTargetElements(a.map((E) => E.id));
     }
-    const p = u.map((E) => new Et(E.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...m, ...p, f];
-    C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
+    const p = u.map((b) => new Et(b.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...m, ...p, f];
+    C.length > 0 && this.commandContext.apply(new O(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), S = this.modelContainer;
     if (S) {
-      const E = w.map(
-        (b) => S.applyModelVariant(
-          b,
+      const b = w.map(
+        (E) => S.applyModelVariant(
+          E,
           {
             contextService: this.getLayoutPreviewService()
           },
           !1
         )
       );
-      await Promise.all(E);
+      await Promise.all(b);
     }
     await this.onSelectionChange(), n && await n();
   }
@@ -10975,7 +11035,7 @@ class Co {
         throw new Error(`Step initialization failed: ${l.reason}`);
       return l.value;
     }), s = i.filter((l) => !!l && !!l.command).map((l) => l.command), o = i.filter((l) => !!l && !!l.followup).map((l) => l.followup);
-    s && s.length > 0 && this.commandContext.apply(new $(s), !0);
+    s && s.length > 0 && this.commandContext.apply(new O(s), !0);
     for (const l of o)
       await l();
     o.length > 0 && await this.ensureStepsAreLoaded(), this.onInitChange();
@@ -12033,10 +12093,10 @@ const ko = async (r, t) => {
       S[D].map((F) => F.id)
     ])
   );
-  let E = await o(m, n.id);
-  if (E) {
-    const D = await (await rt(E)).blob();
-    E = (await U.uploadAsset(
+  let b = await o(m, n.id);
+  if (b) {
+    const D = await (await rt(b)).blob();
+    b = (await U.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: D },
       Ce.Image,
       !0,
@@ -12054,7 +12114,7 @@ const ko = async (r, t) => {
         workflowId: t.id,
         transactionId: n.id,
         useThreeDimPreview: !!m,
-        previewImage: E
+        previewImage: b
       };
       if (p) {
         const F = [];
@@ -12220,7 +12280,7 @@ class Ro {
     throw new G("Unexpected storage method requested");
   }
 }
-const Ye = new Ro(), Oo = v`
+const Ye = new Ro(), $o = v`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -12234,7 +12294,7 @@ const Ye = new Ro(), Oo = v`
             }
         }
     }
-`, $o = v`
+`, Oo = v`
     mutation AddAddressToTransaction(
         $transactionId: String!
         $streetAddress: String
@@ -12327,7 +12387,7 @@ class Vo {
   }
   async attachAddress(t, e, a, n, i, s) {
     await this.graphQlClient().mutate({
-      mutation: $o,
+      mutation: Oo,
       variables: {
         transactionId: this.getWorkflowManager().getTransaction().id,
         streetAddress: t || void 0,
@@ -12541,7 +12601,7 @@ class Vo {
   async assignCustomerDetails(t) {
     var n, i, s;
     const a = (s = (i = (n = (await this.graphQlClient().mutate({
-      mutation: Oo,
+      mutation: $o,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
         details: t,
@@ -12811,7 +12871,7 @@ const zo = (r) => {
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
       var g;
-      const d = await On(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Qe(d), u = Q(), h = r.find((p) => p.panelId === c.panelId);
+      const d = await $n(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Qe(d), u = Q(), h = r.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Ea(
@@ -12863,17 +12923,17 @@ const zo = (r) => {
     return console.error(o), [];
   }
 }, jo = async (r, t, e, a) => {
-  var y, E;
+  var y, b;
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((y = i.variants) == null ? void 0 : y.find((b) => b.id === n.illustrationVariantId)) || ae(i);
+  const s = ((y = i.variants) == null ? void 0 : y.find((E) => E.id === n.illustrationVariantId)) || ae(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
     return console.error(`No asset for variant with ID: ${n.illustrationVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
-  const o = (E = s.asset) == null ? void 0 : E.fileLink;
+  const o = (b = s.asset) == null ? void 0 : b.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
   const l = await nt(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = (d == null ? void 0 : d.length) > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
@@ -12881,32 +12941,32 @@ const zo = (r) => {
     return console.error("Failed to read SVG."), [];
   pa(m);
   const g = {};
-  xt(m, (b) => {
-    Wo.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
-    const P = b.attributes.getNamedItem("fill");
+  xt(m, (E) => {
+    Wo.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
+    const P = E.attributes.getNamedItem("fill");
     if (P && P.value !== "none") {
       const F = P.value, T = `spiff-fill-${F.replace(/\W/g, "")}`;
-      b.classList.add(T), g[T] = { browserValue: F };
+      E.classList.add(T), g[T] = { browserValue: F };
     }
-    const D = b.attributes.getNamedItem("stroke");
+    const D = E.attributes.getNamedItem("stroke");
     if (D && D.value !== "none") {
       const F = D.value, T = `spiff-stroke-${F.replace(/\W/g, "")}`;
-      b.classList.add(T), g[T] = { browserValue: F };
+      E.classList.add(T), g[T] = { browserValue: F };
     }
   });
   const f = bt().serializeToString(m), C = n.colors;
   if (C) {
-    for (const [b, P] of Object.entries(g))
+    for (const [E, P] of Object.entries(g))
       for (const D of Object.keys(C))
         if (P.browserValue === D) {
-          g[b] = { browserValue: C[D] };
+          g[E] = { browserValue: C[D] };
           break;
         }
   }
-  const w = (b) => {
-    const P = r.find((F) => F.panelId === b.panelId);
+  const w = (E) => {
+    const P = r.find((F) => F.panelId === E.panelId);
     if (!P)
-      throw new Y(b);
+      throw new Y(E);
     const D = Q();
     return new W(
       {
@@ -12914,22 +12974,22 @@ const zo = (r) => {
         id: D,
         svg: f,
         type: M.Illustration,
-        y: b.top,
-        x: b.left,
-        rotation: b.rotation,
-        width: b.width,
-        height: b.height,
-        layer: b.layer,
-        layerIndex: b.layerIndex,
-        immutable: b.immutable
+        y: E.top,
+        x: E.left,
+        rotation: E.rotation,
+        width: E.width,
+        height: E.height,
+        layer: E.layer,
+        layerIndex: E.layerIndex,
+        immutable: E.immutable
       },
       P
     );
   }, S = a.data.regions;
   try {
     return S.map(w);
-  } catch (b) {
-    return console.error(b), [];
+  } catch (E) {
+    return console.error(E), [];
   }
 }, Yo = async (r, t, e) => {
   const a = await Yn(e.data.module), n = t.data, i = (o, l) => {
@@ -13475,9 +13535,9 @@ const od = (r, t) => {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  n = new $(e.map((l) => new Ln(l))).apply(n);
+  n = new O(e.map((l) => new Ln(l))).apply(n);
   const s = await tl(r, t, e, a);
-  return new $(s).apply(n);
+  return new O(s).apply(n);
 };
 class sl {
   constructor(t) {
@@ -16071,7 +16131,7 @@ const Ql = async (r, t) => {
     (o) => Jt.set({ id: o, options: t }, Rl(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, ud = async (r, t) => (await ar([r], t))[0], Ol = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, ud = async (r, t) => (await ar([r], t))[0], $l = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -16085,9 +16145,9 @@ const Ql = async (r, t) => {
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), $l = (r, t) => {
+})), Ol = (r, t) => {
   const e = r.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((n) => n.layout) : Ol(t.panels);
+  return a ? Object.values(a.layouts).map((n) => n.layout) : $l(t.panels);
 };
 class hd {
   constructor(t) {
@@ -16100,7 +16160,7 @@ class hd {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && $r(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 29.0.4"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Or(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 29.1.0-beta.d9317506-22b0-55b7-8508-fbedf60b9d27"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Lr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16209,7 +16269,7 @@ class hd {
       const C = ((h = (u = this.customer) == null ? void 0 : u.bundleStakeholders) == null ? void 0 : h.find(
         (w) => {
           var S, y;
-          return (y = (S = w.bundle) == null ? void 0 : S.transactions) == null ? void 0 : y.some((E) => E.id === t);
+          return (y = (S = w.bundle) == null ? void 0 : S.transactions) == null ? void 0 : y.some((b) => b.id === t);
         }
       )) || ((g = (m = this.customer) == null ? void 0 : m.stakeholders) == null ? void 0 : g.find(
         (w) => {
@@ -16436,7 +16496,7 @@ class hd {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var m, g, p, f, C, w, S, y, E, b, P;
+    var m, g, p, f, C, w, S, y, b, E, P;
     const i = N.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), o = {};
     try {
       const D = await this.loggedInBearerToken();
@@ -16464,8 +16524,8 @@ class hd {
     const d = (y = c.data) == null ? void 0 : y.bundles[0], A = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     A.set(d.id, d.partner.id), N.setMap("bundlePartnerIds", A);
     const u = new Je(this, d, e, a, s, {
-      additionalHeaders: (E = n == null ? void 0 : n.graphql) == null ? void 0 : E.additionalHeaders,
-      eagerFetchProducts: (P = (b = n == null ? void 0 : n.graphql) == null ? void 0 : b.productCollection) == null ? void 0 : P.eagerFetchProducts,
+      additionalHeaders: (b = n == null ? void 0 : n.graphql) == null ? void 0 : b.additionalHeaders,
+      eagerFetchProducts: (P = (E = n == null ? void 0 : n.graphql) == null ? void 0 : E.productCollection) == null ? void 0 : P.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -16486,7 +16546,7 @@ class hd {
       const C = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${C}`;
     } catch {
-      const S = ((h = Object.entries(localStorage).find(([E, b]) => E.startsWith("CognitoIdentityServiceProvider") && E.endsWith("idToken"))) == null ? void 0 : h[0]) || "", y = localStorage.getItem(S);
+      const S = ((h = Object.entries(localStorage).find(([b, E]) => b.startsWith("CognitoIdentityServiceProvider") && b.endsWith("idToken"))) == null ? void 0 : h[0]) || "", y = localStorage.getItem(S);
       y && !Wt(y) && (s.Authorization = `Bearer ${y}`);
     }
     const o = {
@@ -16593,16 +16653,16 @@ class hd {
       var D, F, k;
       if (y.length === 0)
         return [];
-      const E = y.map((T) => T.option.transactionId), b = await a.query({
+      const b = y.map((T) => T.option.transactionId), E = await a.query({
         query: yi,
         variables: {
-          ids: E
+          ids: b
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), P = b.data.transactions;
+      }), P = E.data.transactions;
       if (P.length !== y.length) {
-        const T = ((F = (D = b.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
+        const T = ((F = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${T}`);
       }
       return !this.activeIntegration && ((k = P[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(P[0].integrationProduct.integration)), P.map((T, Z) => {
@@ -16618,7 +16678,7 @@ class hd {
       var P, D, F;
       if (y.length === 0)
         return [];
-      const E = await a.mutate({
+      const b = await a.mutate({
         mutation: wi,
         variables: {
           inputs: y.map((k) => ({
@@ -16634,32 +16694,32 @@ class hd {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), b = (P = E.data) == null ? void 0 : P.transactionCreateMany;
-      if (!b || b.length === 0) {
-        const k = ((F = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
+      }), E = (P = b.data) == null ? void 0 : P.transactionCreateMany;
+      if (!E || E.length === 0) {
+        const k = ((F = (D = b.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${k}`);
       }
-      return b.map((k, T) => ({
+      return E.map((k, T) => ({
         transaction: k,
         workflowId: k.workflowId,
         readOnly: !1,
         index: y[T].index
       }));
-    }, s = t.map((y, E) => ({ option: y, index: E })), o = s.filter((y) => y.option.type === "transaction"), l = s.filter(
+    }, s = t.map((y, b) => ({ option: y, index: b })), o = s.filter((y) => y.option.type === "transaction"), l = s.filter(
       (y) => y.option.type === "integration" || y.option.type === "external"
     ), c = xa(o, 10), d = xa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((y) => y.workflowId))], h = await ar(u, e), m = new Map(h.map((y) => [y.id, y])), g = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (y) => {
       var et;
-      const { transaction: E, workflowId: b, readOnly: P, index: D } = y, F = m.get(b), k = t[D];
-      !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
-      const T = g.get(E.id) || void 0, Z = new kl({
+      const { transaction: b, workflowId: E, readOnly: P, index: D } = y, F = m.get(E), k = t[D];
+      !g.get(b.id) && b.transactionOwnerId && g.set(b.id, b.transactionOwnerId);
+      const T = g.get(b.id) || void 0, Z = new kl({
         onMutate: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } })
       }), R = {
-        product: E.product,
-        transaction: E,
+        product: b.product,
+        transaction: b,
         layouts: [],
         singleVariantsRenderable: (et = k == null ? void 0 : k.workflowConfiguration) == null ? void 0 : et.singleVariantsRenderable,
         stateMutationFunc: P ? async () => {
@@ -16677,7 +16737,7 @@ class hd {
         const tt = JSON.parse(k.workflowState);
         R.layouts = Object.values(tt.layouts || {}).map((Nt) => Nt.layout), await cs(tt), R.reloadedState = tt;
       } else
-        R.layouts = $l(
+        R.layouts = Ol(
           R.transaction,
           R.workflow
         );
@@ -16686,9 +16746,9 @@ class hd {
       ), R.delayWorkflowStateSync = !0, { experienceOptions: R, index: D, options: k };
     }), f = await Promise.all(p);
     N.setMap("transactionOwnerIds", g);
-    const w = f.sort((y, E) => y.index - E.index).map(async (y) => {
-      const { experienceOptions: E, options: b } = y, P = new Vo(this, E);
-      return await P.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await P.attachCustomerDetails({ email: this.customer.emailAddress }), P;
+    const w = f.sort((y, b) => y.index - b.index).map(async (y) => {
+      const { experienceOptions: b, options: E } = y, P = new Vo(this, b);
+      return await P.getWorkflowManager().getInitializationPromise(), E.type !== "transaction" && this.customer && await P.attachCustomerDetails({ email: this.customer.emailAddress }), P;
     }), S = await Promise.all(w);
     return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), S;
   }
@@ -16762,7 +16822,7 @@ class hd {
   }
 }
 const Ul = async (r, t) => (await B.getShadowGraphqlClient().query({
-  query: Oi,
+  query: $i,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   context: {
@@ -16806,7 +16866,7 @@ const Ul = async (r, t) => (await B.getShadowGraphqlClient().query({
 }, fd = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await B.getShadowGraphqlClient().query({
-    query: $i,
+    query: Oi,
     errorPolicy: "all",
     variables: {
       id: r
@@ -17012,7 +17072,7 @@ class Vl {
     const s = this.workflowManager.getCommandDispatcher();
     this.targetElements.forEach((o, l) => {
       s(
-        new $([
+        new O([
           new hs(o, e, t[l]),
           new ms(
             o,
@@ -17050,7 +17110,7 @@ class Vl {
   }
 }
 class Cd {
-  updateRecipient(t, e, a, n, i, s, o, l, c, d) {
+  updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
     throw new Error("Method not implemented.");
   }
   approveTransaction(t) {
@@ -17859,7 +17919,7 @@ export {
   nd as BringToBackCommand,
   ad as BringToFrontCommand,
   vr as BundleDesignCreationCartAddMode,
-  O as CanvasCommand,
+  $ as CanvasCommand,
   de as CollectionProduct,
   Ja as ColorOptionGlobalPropertyHandle,
   os as CommandContext,
@@ -17883,7 +17943,7 @@ export {
   zl as FrameStep,
   Gl as FrameStepHandle,
   Ia as GlobalPropertyHandle,
-  $ as GroupCommand,
+  O as GroupCommand,
   wo as IllustrationStepHandle,
   Re as InformationMessageType,
   Io as InformationStepHandle,
@@ -17953,7 +18013,7 @@ export {
   nt as fetchAsString,
   Uc as findAngle,
   L as findElement,
-  Oc as findPmsColors,
+  $c as findPmsColors,
   Vt as frameDataCache,
   Ct as frameStepService,
   Q as generate,
@@ -17962,7 +18022,7 @@ export {
   ld as generateStateFromDesignInputSteps,
   kd as getAddressValidationJobs,
   Me as getAttributesFromArrayBuffer,
-  $c as getAxisAlignedBoundingBox,
+  Oc as getAxisAlignedBoundingBox,
   Ll as getBoundedOffsets,
   pd as getBundleThemeConfiguration,
   Ed as getCustomer,
@@ -18021,8 +18081,8 @@ export {
   fs as shortenUrl,
   mt as spiffCoreConfiguration,
   od as stepAspectValuesToDesignInputSteps,
-  $a as svgColorValueToDefinition,
-  $n as svgStringDimensions,
+  Oa as svgColorValueToDefinition,
+  On as svgStringDimensions,
   ha as svgToDataUrl,
   q as textStepService,
   Ps as toast,