@spiffcommerce/core 39.1.1 → 39.1.2

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { createHttpLink as xi, ApolloClient as ki, InMemoryCache as Mi, from as Ti, gql as C } from "@apollo/client/core";
+import { createHttpLink as Di, ApolloClient as ki, InMemoryCache as Mi, from as Ti, gql as C } from "@apollo/client/core";
 import { setContext as Ni } from "@apollo/client/link/context";
 import { onError as Qi } from "@apollo/client/link/error";
 import { renderToStaticMarkup as Ri } from "preact-render-to-string";
@@ -25,13 +25,13 @@ import Hi from "svg-path-bbox";
 import "fs";
 import "path";
 import ji from "lodash.omit";
-var Ie = /* @__PURE__ */ ((i) => (i.Data = "Data", i.Font = "Font", i.Frame = "Frame", i.Illustration = "Illustration", i.Image = "Image", i.Model = "Model", i.Material = "Material", i.Color = "Color", i.QuestionnaireCollateral = "QuestionnaireCollateral", i.RequestCollateral = "RequestCollateral", i.SignupCollateral = "SignupCollateral", i.Video = "Video", i.ColorProfile = "ColorProfile", i.Environment = "Environment", i))(Ie || {}), Bn = /* @__PURE__ */ ((i) => (i.AND = "AND", i.OR = "OR", i))(Bn || {}), z = /* @__PURE__ */ ((i) => (i.FileUpload = "FileUpload", i.Option = "Option", i.ColorOption = "ColorOption", i.Text = "Text", i))(z || {}), E = /* @__PURE__ */ ((i) => (i.Information = "Information", i.Bulk = "Bulk", i.DigitalContent = "DigitalContent", i.Finish = "Finish", i.Frame = "Frame", i.Illustration = "Illustration", i.Introduction = "Introduction", i.Material = "Material", i.Model = "Model", i.Module = "Module", i.Picture = "Picture", i.Photo = "Photo", i.ProductOverlay = "ProductOverlay", i.Question = "Question", i.Shape = "Shape", i.SilentIllustration = "SilentIllustration", i.Text = "Text", i))(E || {}), Yi = /* @__PURE__ */ ((i) => (i.Color = "Color", i.Colors = "Colors", i.Selection = "Selection", i.Selections = "Selections", i.Text = "Text", i.Upload = "Upload", i))(Yi || {}), _t = /* @__PURE__ */ ((i) => (i.ThreeD = "ThreeD", i.FreeDesign = "FreeDesign", i.Print = "Print", i))(_t || {}), x = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(x || {}), Ji = /* @__PURE__ */ ((i) => (i.Default = "Default", i.FirstTransaction = "FirstTransaction", i.OneToOne = "OneToOne", i))(Ji || {}), Pn = /* @__PURE__ */ ((i) => (i.Pending = "Pending", i.Failed = "Failed", i.Validated = "Validated", i.Overridden = "Overridden", i))(Pn || {}), Ki = /* @__PURE__ */ ((i) => (i.Hyperlink = "Hyperlink", i.Edit = "Edit", i.Approve = "Approve", i))(Ki || {}), _i = /* @__PURE__ */ ((i) => (i.Hub = "Hub", i.Shopify = "Shopify", i))(_i || {}), Ba = /* @__PURE__ */ ((i) => (i.BackgroundRemover = "BackgroundRemover", i.ConversionAccelerator = "Conversion Accelerator", i.ProcessBuilder = "ProcessBuilder", i))(Ba || {}), Xi = /* @__PURE__ */ ((i) => (i[i.Orbit = 0] = "Orbit", i[i.Pan = 1] = "Pan", i))(Xi || {}), Fn = /* @__PURE__ */ ((i) => (i.Owner = "Owner", i.Approver = "Approver", i.Editor = "Editor", i.Viewer = "Viewer", i))(Fn || {}), Tt = /* @__PURE__ */ ((i) => (i.Autosize = "Autosize", i.Traditional = "Traditional", i))(Tt || {}), Y = /* @__PURE__ */ ((i) => (i[i.North = 0] = "North", i[i.Northeast = 1] = "Northeast", i[i.East = 2] = "East", i[i.Southeast = 3] = "Southeast", i[i.South = 4] = "South", i[i.Southwest = 5] = "Southwest", i[i.West = 6] = "West", i[i.Northwest = 7] = "Northwest", i))(Y || {}), Zi = /* @__PURE__ */ ((i) => (i.Pixel = "px", i.Millimeter = "mm", i.Centimeter = "cm", i))(Zi || {});
-class Dn extends Error {
+var Ie = /* @__PURE__ */ ((i) => (i.Data = "Data", i.Font = "Font", i.Frame = "Frame", i.Illustration = "Illustration", i.Image = "Image", i.Model = "Model", i.Material = "Material", i.Color = "Color", i.QuestionnaireCollateral = "QuestionnaireCollateral", i.RequestCollateral = "RequestCollateral", i.SignupCollateral = "SignupCollateral", i.Video = "Video", i.ColorProfile = "ColorProfile", i.Environment = "Environment", i))(Ie || {}), Bn = /* @__PURE__ */ ((i) => (i.AND = "AND", i.OR = "OR", i))(Bn || {}), z = /* @__PURE__ */ ((i) => (i.FileUpload = "FileUpload", i.Option = "Option", i.ColorOption = "ColorOption", i.Text = "Text", i))(z || {}), E = /* @__PURE__ */ ((i) => (i.Information = "Information", i.Bulk = "Bulk", i.DigitalContent = "DigitalContent", i.Finish = "Finish", i.Frame = "Frame", i.Illustration = "Illustration", i.Introduction = "Introduction", i.Material = "Material", i.Model = "Model", i.Module = "Module", i.Picture = "Picture", i.Photo = "Photo", i.ProductOverlay = "ProductOverlay", i.Question = "Question", i.Shape = "Shape", i.SilentIllustration = "SilentIllustration", i.Text = "Text", i))(E || {}), Yi = /* @__PURE__ */ ((i) => (i.Color = "Color", i.Colors = "Colors", i.Selection = "Selection", i.Selections = "Selections", i.Text = "Text", i.Upload = "Upload", i))(Yi || {}), _t = /* @__PURE__ */ ((i) => (i.ThreeD = "ThreeD", i.FreeDesign = "FreeDesign", i.Print = "Print", i))(_t || {}), D = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(D || {}), Ji = /* @__PURE__ */ ((i) => (i.Default = "Default", i.FirstTransaction = "FirstTransaction", i.OneToOne = "OneToOne", i))(Ji || {}), Pn = /* @__PURE__ */ ((i) => (i.Pending = "Pending", i.Failed = "Failed", i.Validated = "Validated", i.Overridden = "Overridden", i))(Pn || {}), Ki = /* @__PURE__ */ ((i) => (i.Hyperlink = "Hyperlink", i.Edit = "Edit", i.Approve = "Approve", i))(Ki || {}), _i = /* @__PURE__ */ ((i) => (i.Hub = "Hub", i.Shopify = "Shopify", i))(_i || {}), Ba = /* @__PURE__ */ ((i) => (i.BackgroundRemover = "BackgroundRemover", i.ConversionAccelerator = "Conversion Accelerator", i.ProcessBuilder = "ProcessBuilder", i))(Ba || {}), Xi = /* @__PURE__ */ ((i) => (i[i.Orbit = 0] = "Orbit", i[i.Pan = 1] = "Pan", i))(Xi || {}), Fn = /* @__PURE__ */ ((i) => (i.Owner = "Owner", i.Approver = "Approver", i.Editor = "Editor", i.Viewer = "Viewer", i))(Fn || {}), Tt = /* @__PURE__ */ ((i) => (i.Autosize = "Autosize", i.Traditional = "Traditional", i))(Tt || {}), Y = /* @__PURE__ */ ((i) => (i[i.North = 0] = "North", i[i.Northeast = 1] = "Northeast", i[i.East = 2] = "East", i[i.Southeast = 3] = "Southeast", i[i.South = 4] = "South", i[i.Southwest = 5] = "Southwest", i[i.West = 6] = "West", i[i.Northwest = 7] = "Northwest", i))(Y || {}), Zi = /* @__PURE__ */ ((i) => (i.Pixel = "px", i.Millimeter = "mm", i.Centimeter = "cm", i))(Zi || {});
+class xn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
   }
 }
-class ee extends Dn {
+class ee extends xn {
   constructor(t) {
     super(`ConfigurationError - ${t}`);
   }
@@ -61,7 +61,7 @@ class At extends ee {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class Qe extends Dn {
+class Qe extends xn {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
@@ -71,7 +71,7 @@ class R extends Qe {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
 }
-class Dt extends Qe {
+class xt extends Qe {
   constructor(t) {
     super(`Parsing Error: ${t}`);
   }
@@ -185,12 +185,12 @@ function nt(i, t) {
   }
   return ha(i, t);
 }
-const xn = /* @__PURE__ */ new Map(), Wa = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map(), kn = async (i) => {
+const Dn = /* @__PURE__ */ new Map(), Wa = /* @__PURE__ */ new Map(), Ha = /* @__PURE__ */ new Map(), kn = async (i) => {
   const t = Wa.get(i);
   if (t) return t;
   const a = (async () => {
     const n = await nt(i);
-    return xn.set(i, n.headers?.get("content-type") || ""), await n.arrayBuffer();
+    return Dn.set(i, n.headers?.get("content-type") || ""), await n.arrayBuffer();
   })();
   return Wa.set(i, a), a;
 }, nr = async (i) => {
@@ -259,7 +259,7 @@ const xn = /* @__PURE__ */ new Map(), Wa = /* @__PURE__ */ new Map(), Ha = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, hd = async (i) => {
-  const t = await kn(i), e = xn.get(i) || $e(t);
+  const t = await kn(i), e = Dn.get(i) || $e(t);
   return await cr(new Blob([t], { type: e }));
 }, sr = (i) => {
   let t = "";
@@ -327,7 +327,7 @@ class fr {
     return this.shadowGraphqlClient;
   }
   constructShadowGraphqlClient() {
-    const t = xi({
+    const t = Di({
       uri: `${yt.getServerUrl()}/graphql`,
       fetch: pr
     }), e = Ni(async (r, o) => {
@@ -349,8 +349,8 @@ class fr {
           const y = window.__SENTRY__.hub;
           if (y) {
             const w = y.traceHeaders();
-            Object.entries(w).forEach(([D, b]) => {
-              l[D] = b;
+            Object.entries(w).forEach(([x, b]) => {
+              l[x] = b;
             });
           }
         }
@@ -414,7 +414,7 @@ function Rn(i) {
   }
 }
 let Ye;
-function Da() {
+function xa() {
   return Ye === void 0 && (Ye = rr()), Ye;
 }
 let de = null;
@@ -3259,7 +3259,7 @@ const ue = (i) => {
   } catch {
     return i.classList.contains(t.substring(1));
   }
-}, xa = (i, t = !1) => {
+}, Da = (i, t = !1) => {
   !t && i.setAttribute("preserveAspectRatio", "none");
   const e = [];
   Mt(i, (a) => {
@@ -3297,11 +3297,11 @@ const ue = (i) => {
       });
     });
   });
-}, Dr = (i) => {
+}, xr = (i) => {
   const t = /pt|pc|mm|cm|in/gm, e = i.getAttribute("viewBox"), a = i.getAttribute("width"), n = i.getAttribute("height");
   if (!e) throw new Error("viewBox not specified on SVG!");
   a && i.setAttribute("width", a.replace(t, "")), n && i.setAttribute("height", n.replace(t, ""));
-}, Vn = (i) => ht().parseFromString(i, "image/svg+xml").firstElementChild, xr = (i, t, e) => {
+}, Vn = (i) => ht().parseFromString(i, "image/svg+xml").firstElementChild, Dr = (i, t, e) => {
   i.setAttribute("height", `${e}px`), i.setAttribute("width", `${t}px`);
 }, Un = (i, t, e) => {
   Mt(i, (a) => {
@@ -3347,7 +3347,7 @@ const ue = (i) => {
   const r = Vn(i);
   if (!r)
     throw new Error("Failed to read SVG.");
-  return xr(r, t, e), Un(r, a, n), Ln(r);
+  return Dr(r, t, e), Un(r, a, n), Ln(r);
 }, Ma = (i, t, e) => {
   const a = Vn(i);
   if (!a)
@@ -3360,7 +3360,7 @@ const ue = (i) => {
   const e = kr(i).firstElementChild;
   if (!e)
     throw new Error("Failed to read SVG.");
-  xa(e);
+  Da(e);
   const a = {};
   Mt(e, (o) => {
     if (Br.includes(o.tagName) && !o.attributes.getNamedItem("fill")) {
@@ -3734,8 +3734,8 @@ class Ur {
   async postProcessFileUpload(t, e) {
     if (e === "image/svg+xml") {
       const a = await t.blob.text(), o = new window.DOMParser().parseFromString(a, "image/svg+xml").documentElement;
-      if (!o) throw new Dt("Failed to read SVG.");
-      Dr(o);
+      if (!o) throw new xt("Failed to read SVG.");
+      xr(o);
       const l = Pt().serializeToString(o);
       return {
         name: t.name,
@@ -5344,11 +5344,11 @@ const N = () => {
   const h = e || 0, g = 2 * (l?.scale || 1), p = u || { x: 0, y: 0, width: A, height: r }, m = `${p.x} ${p.y} ${p.width} ${p.height}`, f = N(), y = a.purpose === _t.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: p.width, height: p.height, rx: h }) }) }), w = a.colorProfiles?.map((v, I) => (
     /* @ts-ignore */
     /* @__PURE__ */ F("color-profile", { name: v.name, xlinkHref: v.key, children: " " }, I)
-  )), D = n.map((v) => ({
+  )), x = n.map((v) => ({
     ...v,
     _renderingConfiguration: a,
     mask: l ? `url(#viewmask-${f})` : void 0
-  })), b = Na(D);
+  })), b = Na(x);
   return /* @__PURE__ */ ut(
     "svg",
     {
@@ -5427,10 +5427,10 @@ const N = () => {
     }
   );
 }, fd = (i, t, e, a, n) => {
-  const r = vt(n), o = e / 2, s = a / 2, l = i + o, c = t + s, d = Math.sin(r), u = Math.cos(r), A = o, h = o, g = -s, p = s, m = A * u - g * d, f = h * u - p * d, y = A * d + g * u, w = h * d + p * u, D = Math.max(Math.abs(m), Math.abs(f)), b = Math.max(Math.abs(y), Math.abs(w));
+  const r = vt(n), o = e / 2, s = a / 2, l = i + o, c = t + s, d = Math.sin(r), u = Math.cos(r), A = o, h = o, g = -s, p = s, m = A * u - g * d, f = h * u - p * d, y = A * d + g * u, w = h * d + p * u, x = Math.max(Math.abs(m), Math.abs(f)), b = Math.max(Math.abs(y), Math.abs(w));
   return {
-    minX: l - D,
-    maxX: l + D,
+    minX: l - x,
+    maxX: l + x,
     minY: c - b,
     maxY: c + b
   };
@@ -5592,7 +5592,7 @@ const N = () => {
     const u = i.pattern?.x || 0, A = i.pattern?.y || 0, h = i.pattern?.width || 0, g = i.pattern?.height || 0, p = i.pattern?.scaleX || 1, m = i.pattern?.scaleY || 1, f = i.pattern?.rotation || 0;
     return [i.pattern?.svg ? {
       id: `${t}-contents`,
-      type: x.Illustration,
+      type: D.Illustration,
       x: u,
       y: A,
       rotation: f,
@@ -5603,7 +5603,7 @@ const N = () => {
       colors: i.pattern?.colors
     } : {
       id: `${t}-contents`,
-      type: x.Image,
+      type: D.Image,
       x: u,
       y: A,
       rotation: f,
@@ -5726,7 +5726,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
 }, pa = (i, t) => {
   const e = new Io(t);
   return Zn.set(i, e), e;
-}, Dd = async (i) => {
+}, xd = async (i) => {
   const t = ht(), e = t.parseFromString(i, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     En(d.innerHTML).stylesheet?.rules.forEach((A) => {
@@ -5740,12 +5740,12 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
   });
   const o = e.querySelectorAll("tspan");
   for (let d = 0; d < o.length; d++) {
-    const u = o.item(d), A = u.closest("text"), h = u.closest("g"), g = A.getAttribute("font-family"), p = await Qt(n.get(g)), m = Ui(u.innerHTML), f = A.getAttribute("fill"), y = A.getAttribute("stroke"), w = A.getAttribute("stroke-width"), D = p.getPath(
+    const u = o.item(d), A = u.closest("text"), h = u.closest("g"), g = A.getAttribute("font-family"), p = await Qt(n.get(g)), m = Ui(u.innerHTML), f = A.getAttribute("fill"), y = A.getAttribute("stroke"), w = A.getAttribute("stroke-width"), x = p.getPath(
       m,
       0,
       0,
       parseInt(A.getAttribute("font-size") ?? "72")
-    ), b = D.getBoundingBox().x2 - D.getBoundingBox().x1;
+    ), b = x.getBoundingBox().x2 - x.getBoundingBox().x1;
     let v = 0;
     const I = u.getAttribute("text-anchor");
     I === "middle" ? v = b / 2 : I === "end" && (v = b);
@@ -5760,7 +5760,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
     h.appendChild(T);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Pt().serializeToString(a);
-}, De = (i, t, e, a) => Math.max(ko(i.join(`
+}, xe = (i, t, e, a) => Math.max(ko(i.join(`
 `), e, a), t), Za = (i, t, e, a, n, r) => {
   const o = (r || ai) * n.getApproximateHeight(), s = t.split(`
 `);
@@ -5770,7 +5770,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * o),
       fontSize: e,
-      requiredWidth: De(c, i.width, a, n)
+      requiredWidth: xe(c, i.width, a, n)
     };
   } catch {
     const c = t.split("");
@@ -5778,7 +5778,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
       lines: c,
       requiredHeight: c.length * (a * o),
       fontSize: e,
-      requiredWidth: De(c, i.width, a, n)
+      requiredWidth: xe(c, i.width, a, n)
     };
   }
 }, ye = (i, t, e, a) => {
@@ -5815,7 +5815,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
 }, Fo = (i, t, e, a, n, r) => {
   const o = (r ?? ai) * t.getApproximateHeight(), s = 1 / e.unitsPerEm, l = ti(i, s, t), c = i.length * o * s, d = a / l, u = n / c;
   return Math.min(u, d);
-}, Do = (i, t, e, a) => {
+}, xo = (i, t, e, a) => {
   const n = Et(t.fontData.assetUrl), r = n.getFont(), o = t.fontSize / r.unitsPerEm;
   if (!e)
     return Za(t, i, t.fontSize, o, n, a);
@@ -5826,17 +5826,17 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
     return {
       lines: s,
       requiredHeight: t.height,
-      requiredWidth: De(s, t.width, o, n),
+      requiredWidth: xe(s, t.width, o, n),
       fontSize: t.fontSize
     };
   const l = t.width !== e.width != (t.height !== e.height);
   return t.lineHeight === e.lineHeight && !l && e.input === i ? {
     lines: s,
     requiredHeight: t.height,
-    requiredWidth: De(s, t.width, o, n),
+    requiredWidth: xe(s, t.width, o, n),
     fontSize: Fo(s, n, r, t.width, t.height, a)
   } : Za(t, i, t.fontSize, o, n, a);
-}, xo = (i, t, e, a, n) => {
+}, Do = (i, t, e, a, n) => {
   const o = Et(t.assetUrl).getFont();
   let s = { ...i };
   const l = { ...i }, c = ti(a, e / o.unitsPerEm, Et(t.assetUrl));
@@ -5868,7 +5868,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, xe = (i, t = tn) => {
+}, De = (i, t = tn) => {
   const e = { ...tn, ...t };
   let a = i || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
@@ -5877,7 +5877,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
   ...i,
   ...(() => {
     if (i.algorithm === Tt.Traditional) {
-      const n = Do(t, i, e, i.lineHeight);
+      const n = xo(t, i, e, i.lineHeight);
       return {
         text: n.lines.join(`
 `),
@@ -5892,7 +5892,7 @@ const Bo = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Xe = /* @_
       };
   })()
 } : i, ai = 1.1;
-function xt(i, t) {
+function Dt(i, t) {
   return ni(i, t.getTemplatingContext());
 }
 function ni(i, t) {
@@ -6146,7 +6146,7 @@ class $o {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const ii = (i) => i.type === x.Image ? /* @__PURE__ */ F(_n, { ...i }, i.id) : i.type === x.Frame ? /* @__PURE__ */ F(bo, { ...i }, i.id) : i.type === x.Illustration ? /* @__PURE__ */ F(Oo, { ...i }, i.id) : i.type === x.Textbox ? /* @__PURE__ */ F(No, { ...i }, i.id) : i.type === x.Group ? /* @__PURE__ */ F(Xn, { ...i }, i.id) : null, Ta = (i, t, e) => {
+const ii = (i) => i.type === D.Image ? /* @__PURE__ */ F(_n, { ...i }, i.id) : i.type === D.Frame ? /* @__PURE__ */ F(bo, { ...i }, i.id) : i.type === D.Illustration ? /* @__PURE__ */ F(Oo, { ...i }, i.id) : i.type === D.Textbox ? /* @__PURE__ */ F(No, { ...i }, i.id) : i.type === D.Group ? /* @__PURE__ */ F(Xn, { ...i }, i.id) : null, Ta = (i, t, e) => {
   const a = e.renderingConfiguration, n = a?.removeExcludedElements ? t.filter((r) => !r.excludeFromExport) : t;
   return /* @__PURE__ */ F(
     Eo,
@@ -6329,7 +6329,7 @@ const pt = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Map(), ta = /* @_
       ignoreDimensions: !1,
       createCanvas: St,
       createImage: ne,
-      DOMParser: Da(),
+      DOMParser: xa(),
       fetch: nt
     }), A = o.getAttribute("width"), h = o.getAttribute("height"), g = 2048;
     if (h && A) {
@@ -6354,26 +6354,26 @@ const pt = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Map(), ta = /* @_
     rotation: 0,
     panelId: i.layoutState.layout.panelId
   };
-  if (e && t === x.Illustration) {
+  if (e && t === D.Illustration) {
     const l = await st(await si(e)), A = ht().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!A) throw new Error("SVG missing viewBox.");
     const h = s.height, g = A.split(" "), p = parseFloat(g[2]) || 1, m = parseFloat(g[3]) || 1, f = p / m;
     s.height = s.width / f, s.top += (h - s.height) / 2;
   }
-  if (e && t === x.Image) {
+  if (e && t === D.Image) {
     const l = s.height, c = await Oe(e), d = await Ve(c), u = d.width / d.height;
     s.height = s.width / u, s.top += (l - s.height) / 2;
   }
-  if (e && t === x.Textbox && a?.text && a?.fontScale) {
+  if (e && t === D.Textbox && a?.text && a?.fontScale) {
     await Qt(e);
     const l = Et(e), c = wt(a.text, a?.fontScale, l);
     s.width = Math.min(c, n.width * 0.85), s.left = n.x + n.width / 2 - s.width / 2;
   }
   return s;
 };
-class xd {
+class Dd {
   static async getFrame(t, e) {
-    const a = await ri(e.region, e.src), n = await ze(a), r = e.region || await zt(t, x.Frame);
+    const a = await ri(e.region, e.src), n = await ze(a), r = e.region || await zt(t, D.Frame);
     return {
       id: N(),
       x: r.left,
@@ -6388,7 +6388,7 @@ class xd {
       path: n.path,
       dataWidth: n.width,
       dataHeight: n.height,
-      type: x.Frame,
+      type: D.Frame,
       disablePlaceholder: e.configuration.disablePlaceholder,
       focalBlur: e.configuration.focalBlur,
       focalBlurStrength: e.configuration.focalBlurStrength,
@@ -6399,11 +6399,11 @@ class xd {
     };
   }
   static async getImage(t, e) {
-    const a = e.region || await zt(t, x.Image, e.src);
+    const a = e.region || await zt(t, D.Image, e.src);
     return {
       id: N(),
       src: e.src,
-      type: x.Image,
+      type: D.Image,
       y: a.top,
       x: a.left,
       rotation: a.rotation,
@@ -6419,16 +6419,16 @@ class xd {
     const { configuration: a, fontSrc: n, designInputStep: r } = e, o = await Qt(n), s = {
       assetUrl: n,
       name: o.names.fullName.en
-    }, l = r?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = xe(c, {
+    }, l = r?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = De(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), u = e.region || await zt(t, x.Textbox, n, {
+    }), u = e.region || await zt(t, D.Textbox, n, {
       text: d,
       fontScale: a.size ? a.size / o.unitsPerEm : void 0
     }), A = oe(
       {
         id: N(),
-        type: x.Textbox,
+        type: D.Textbox,
         x: u.left,
         y: u.top,
         width: u.width,
@@ -6449,7 +6449,7 @@ class xd {
         input: l
       },
       d
-    ), h = xo(
+    ), h = Do(
       { ...u, height: A.height },
       s,
       A.fontSize,
@@ -6488,14 +6488,14 @@ class xd {
                     </svg>
                 `, n = {};
     n["spiff-fill-shape"] = { browserValue: e.color };
-    const r = e.region?.item || await zt(t, x.Illustration), o = N();
+    const r = e.region?.item || await zt(t, D.Illustration), o = N();
     return {
       stepRegion: e.region?.item,
       stepRegionIndex: e.region?.index,
       colors: n,
       id: o,
       svg: a,
-      type: x.Illustration,
+      type: D.Illustration,
       y: r.top,
       x: r.left,
       rotation: r.rotation,
@@ -6507,7 +6507,7 @@ class xd {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region?.item || await zt(t, x.Illustration, e.src), n = await st(await si(e.src)), r = await te(n.svg), o = N();
+    const a = e.region?.item || await zt(t, D.Illustration, e.src), n = await st(await si(e.src)), r = await te(n.svg), o = N();
     return {
       cachedObjectURL: r,
       stepRegion: e.region?.item,
@@ -6516,7 +6516,7 @@ class xd {
       id: o,
       src: e.src,
       svg: n.svg,
-      type: x.Illustration,
+      type: D.Illustration,
       y: a.top,
       x: a.left,
       rotation: a.rotation,
@@ -6575,7 +6575,7 @@ const L = (i, t) => _(i, t).elements.find((n) => n.id === i), _ = (i, t) => {
   }
   for (const a in i.layouts) {
     const n = i.layouts[a].elements.filter(
-      (o) => o.type === x.Illustration
+      (o) => o.type === D.Illustration
     );
     for (let o = 0; o < n.length; ++o) {
       const s = n[o];
@@ -6587,7 +6587,7 @@ const L = (i, t) => _(i, t).elements.find((n) => n.id === i), _ = (i, t) => {
         }
     }
     const r = i.layouts[a].elements.filter(
-      (o) => o.type === x.Textbox
+      (o) => o.type === D.Textbox
     );
     for (let o = 0; o < r.length; ++o) {
       const s = r[o];
@@ -7218,7 +7218,7 @@ class on {
           throw new At(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
-      if (s === x.Image) {
+      if (s === D.Image) {
         const l = this.configuration.type === E.SilentIllustration ? this.configuration.data.asset?.fileLink : this.product?.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
@@ -7300,7 +7300,7 @@ class on {
   }
   evaluateAssetType() {
     const t = this.configuration.type === E.ProductOverlay && this.product?.overlayImageUrl ? this.product.overlayImageUrl.toLowerCase() : this.configuration.data.asset?.fileLink?.toLowerCase().split("?")[0];
-    return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? x.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), x.Illustration);
+    return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? D.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), D.Illustration);
   }
 }
 const jo = async (i) => {
@@ -7421,7 +7421,7 @@ class Yo {
           stepName: n,
           id: c.id,
           src: s,
-          type: x.Image,
+          type: D.Image,
           y: d.top,
           x: d.left,
           width: d.width,
@@ -7477,7 +7477,7 @@ class ke {
           void 0,
           r || t.data.placeholderImageUrl
         );
-      if (t.option.variants?.length !== 0) return null;
+      if (t.option.variants && t.option.variants?.length !== 0) return null;
     }
     return this.selectVariantCommand(
       t,
@@ -7592,7 +7592,7 @@ class ke {
     return new H(
       {
         id: t,
-        type: x.Frame,
+        type: D.Frame,
         x: e.left,
         y: e.top,
         width: e.width,
@@ -7735,18 +7735,18 @@ class ke {
           scaleX: y?.zoom || 1,
           scaleY: y?.zoom || 1,
           rotation: 0
-        } : void 0, D = N(), v = n.getLayouts().find((I) => I.panelId === h.panelId);
+        } : void 0, x = N(), v = n.getLayouts().find((I) => I.panelId === h.panelId);
         if (!v)
           throw new J(h);
         return {
-          command: this.getCreateElementCommand(D, h, g, v, {
+          command: this.getCreateElementCommand(x, h, g, v, {
             frameData: p,
             pattern: w,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
           }),
           regionEl: {
-            id: D,
+            id: x,
             region: h,
             regionIndex: g
           },
@@ -7832,7 +7832,7 @@ class Jo {
         src: r.src,
         svg: r.svg.svg,
         cachedObjectURL: r.objectURL,
-        type: x.Illustration,
+        type: D.Illustration,
         y: e.top,
         x: e.left,
         rotation: e.rotation,
@@ -7987,7 +7987,7 @@ class Jo {
       throw new Xt(r);
     t.mandatory && n.setMandatoryFulfilled(t.stepName, !1);
     const s = a.map((m) => new Rt(m.id)), l = await st(await this.getIllustrationBody(o)), c = await te(l.svg), d = (m, f) => {
-      const y = n.getLayouts().find((D) => D.panelId === m.panelId);
+      const y = n.getLayouts().find((x) => x.panelId === m.panelId);
       if (!y)
         throw new J(m);
       const w = N();
@@ -8013,9 +8013,9 @@ class Jo {
         const f = r.assetConfiguration?.defaultColorVariants || [];
         if (f.length !== 0) {
           const y = {};
-          (r.assetConfiguration?.channelNumbers || []).forEach((D) => {
-            const b = f.find((v) => v.channelNumber === D.number);
-            b && (y[`${D.id.replace(/\W/g, "")}`] = { browserValue: b?.variant?.color || "" });
+          (r.assetConfiguration?.channelNumbers || []).forEach((x) => {
+            const b = f.find((v) => v.channelNumber === x.number);
+            b && (y[`${x.id.replace(/\W/g, "")}`] = { browserValue: b?.variant?.color || "" });
           }), await this.changeColors(
             t,
             m,
@@ -8024,8 +8024,8 @@ class Jo {
           );
         }
         if (t.data.colorPickerEnabled) {
-          const y = await this.availableColors(t, n) || [], w = Object.keys(l.colors), D = y.length === 1 && w.length === 1;
-          if (D) {
+          const y = await this.availableColors(t, n) || [], w = Object.keys(l.colors), x = y.length === 1 && w.length === 1;
+          if (x) {
             const b = y[0], v = w[0];
             await this.changeColors(
               t,
@@ -8034,7 +8034,7 @@ class Jo {
               /* @__PURE__ */ new Map([[v, b.variant.color]])
             );
           }
-          !D && f.length === 0 && await this.changeColors(t, m, n, /* @__PURE__ */ new Map());
+          !x && f.length === 0 && await this.changeColors(t, m, n, /* @__PURE__ */ new Map());
         }
       }
     };
@@ -8254,7 +8254,7 @@ class Xo {
             colors: {},
             id: g,
             svg: d,
-            type: x.Illustration,
+            type: D.Illustration,
             y: u.top,
             x: u.left,
             rotation: u.rotation,
@@ -8386,7 +8386,7 @@ class Zo {
             stepRegionIndex: A,
             id: p,
             src: o,
-            type: x.Image,
+            type: D.Image,
             y: u.top,
             x: u.left,
             rotation: u.rotation,
@@ -8607,7 +8607,7 @@ class es {
               colors: f,
               id: y,
               svg: m,
-              type: x.Illustration,
+              type: D.Illustration,
               y: A.top,
               x: A.left,
               rotation: A.rotation,
@@ -8930,13 +8930,13 @@ class rs {
   }
   getProcessedInput(t, e, a) {
     const n = a ? t : this.injectReplaceableText(t, e);
-    return xe(n, {
+    return De(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
   }
   updateInputText(t, e, a, n) {
-    const r = n.getStepStorage(a.stepName), o = xt(t, n), s = this.getProcessedInput(o, a.data, r?.customiseAllText ?? !1), l = {
+    const r = n.getStepStorage(a.stepName), o = Dt(t, n), s = this.getProcessedInput(o, a.data, r?.customiseAllText ?? !1), l = {
       command: void 0,
       helperData: {},
       errorData: this.getErrorsForText(t, s, a, n)
@@ -9211,7 +9211,7 @@ class rs {
   async createTextboxRegions(t, e, a, n, r, o) {
     if (!a || !a.regions)
       throw new Error("Step data not supplied");
-    const s = r.text || a.defaultText || "", l = xt(s, o), c = this.getProcessedInput(l, a, !1), d = async (A, h) => {
+    const s = r.text || a.defaultText || "", l = Dt(s, o), c = this.getProcessedInput(l, a, !1), d = async (A, h) => {
       const p = o.getLayouts().find((f) => f.panelId === A.panelId), m = N();
       try {
         if (!p)
@@ -9224,12 +9224,12 @@ class rs {
             colorProfileAssetKey: f.colorProfile?.key
           }));
         }
-        const w = await this.getDefaultColor(a), D = w || "#000000", b = {
+        const w = await this.getDefaultColor(a), x = w || "#000000", b = {
           stepRegion: A,
           stepRegionIndex: h,
           stepName: t,
           align: this.textAlign(a),
-          fill: r.color ? r.color : D,
+          fill: r.color ? r.color : x,
           fontSize: a.size || ra,
           fontData: n,
           id: m,
@@ -9238,7 +9238,7 @@ class rs {
           rotation: A.rotation,
           text: c,
           input: s,
-          type: x.Textbox,
+          type: D.Textbox,
           vertical: a.vertical,
           x: A.left,
           y: A.top,
@@ -9309,7 +9309,7 @@ class rs {
    * @deprecated
    */
   async changeInputTextWithRegion(t, e, a, n, r, o, s, l, c, d) {
-    const u = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), A = xt(u, o), h = this.getProcessedInput(A, t.data, s), g = o.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
+    const u = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), A = Dt(u, o), h = this.getProcessedInput(A, t.data, s), g = o.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
     for (const b of g)
       if (b.region) {
         const [v, I] = ve(
@@ -9447,7 +9447,7 @@ class hs {
             A = (u * 100 | 0) / 100;
             break;
           default:
-            throw new Dt("Failed to encode path.");
+            throw new xt("Failed to encode path.");
         }
         l || o.push(" "), o.push(A), l = !1;
       }
@@ -9461,12 +9461,12 @@ class hs {
     for (e.lastIndex = 0; r = e.exec(t); ) {
       const o = r[1].toLowerCase(), s = (r[2].match(a) || []).map(parseFloat), l = o === r[1], c = sn[o];
       if (s.length < c.length)
-        throw new Dt(
+        throw new xt(
           `Path type "${o}" given ${s.length} arguments, expected ${c.length}.`
         );
       if (c.length > 0) {
         if (s.length % c.length !== 0)
-          throw new Dt(
+          throw new xt(
             `Path type "${o}" given ${s.length} arguments, not divisible by ${c.length}`
           );
         for (let d = 0; d < s.length / c.length; d++) {
@@ -9491,7 +9491,7 @@ class hs {
         if (s in r && l in r) {
           const c = [r[s], r[l]], d = e(c);
           if (d.length < 2)
-            throw new Dt("Transformer must return at least 2 points.");
+            throw new xt("Transformer must return at least 2 points.");
           r[s] = d[0], r[l] = d[1];
         }
       }
@@ -9528,10 +9528,10 @@ class gs extends os {
     const a = Po(ss), r = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", o = a.getPath(r, 0, 72, 72), s = o.toSVG(2), l = o.getBoundingBox(), c = l.x2 - l.x1, d = o.toPathData(3), u = () => {
       const w = et("g");
       w.classList.add("module-text-group");
-      const D = et("defs");
-      w.appendChild(D), D.appendChild(cs(0, 2, 2, "shadow"));
+      const x = et("defs");
+      w.appendChild(x), x.appendChild(cs(0, 2, 2, "shadow"));
       const b = et("path");
-      b.setAttribute("d", d), b.setAttribute("stroke", "black"), b.setAttribute("stroke-width", "3"), D.appendChild(b);
+      b.setAttribute("d", d), b.setAttribute("stroke", "black"), b.setAttribute("stroke-width", "3"), x.appendChild(b);
       const v = et("g");
       v.classList.add("module-layer0"), w.appendChild(v), v.setAttribute("filter", "url(#shadow)"), v.innerHTML = b.outerHTML;
       const I = et("g");
@@ -9585,7 +9585,7 @@ const ms = [
       {
         id: p,
         src: d,
-        type: x.Image,
+        type: D.Image,
         y: h.top,
         x: h.left,
         width: h.width,
@@ -9624,7 +9624,7 @@ const ms = [
           {
             id: A,
             path: u.path,
-            type: x.Frame,
+            type: D.Frame,
             forceImageCover: a.data.forceImageCover,
             x: c.left,
             y: c.top,
@@ -9673,7 +9673,7 @@ const ms = [
   const l = await at(s, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], u = d?.length > 0 ? d[0] : "", g = ht().parseFromString(u, "image/svg+xml").firstElementChild;
   if (!g)
     return console.error("Failed to read SVG."), [];
-  xa(g);
+  Da(g);
   const p = {};
   Mt(g, (b) => {
     ms.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
@@ -9707,7 +9707,7 @@ const ms = [
         colors: p,
         id: I,
         svg: f,
-        type: x.Illustration,
+        type: D.Illustration,
         y: b.top,
         x: b.left,
         rotation: b.rotation,
@@ -9719,9 +9719,9 @@ const ms = [
       },
       v
     );
-  }, D = a.data.regions;
+  }, x = a.data.regions;
   try {
-    return D.map(w);
+    return x.map(w);
   } catch (b) {
     return console.error(b), [];
   }
@@ -9736,7 +9736,7 @@ const ms = [
         colors: {},
         id: d,
         svg: s,
-        type: x.Illustration,
+        type: D.Illustration,
         y: l.top,
         x: l.left,
         rotation: l.rotation,
@@ -9777,7 +9777,7 @@ const ms = [
       {
         id: A,
         src: s,
-        type: x.Image,
+        type: D.Image,
         y: d.top,
         x: d.left,
         rotation: d.rotation,
@@ -9834,7 +9834,7 @@ const ms = [
         colors: h,
         id: g,
         svg: u,
-        type: x.Illustration,
+        type: D.Illustration,
         y: c.top,
         x: c.left,
         rotation: c.rotation,
@@ -9853,7 +9853,7 @@ const ms = [
     return console.error(c), [];
   }
 }, vs = async (i, t, e) => {
-  const a = [], r = t.type === E.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? x.Image : (r.endsWith(".svg"), x.Illustration), l = t.data.regions;
+  const a = [], r = t.type === E.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? D.Image : (r.endsWith(".svg"), D.Illustration), l = t.data.regions;
   if (s === "image")
     try {
       l.forEach((c) => {
@@ -9886,8 +9886,8 @@ const ms = [
     const c = await at(r, !0), d = (u) => {
       const A = /<svg.*?<\/svg>/s, h = u.match(A) || [], g = h?.length > 0 ? h[0] : "", f = ht().parseFromString(g, "image/svg+xml").firstElementChild;
       if (!f)
-        throw new Dt("Failed to read SVG.");
-      return xa(f), Pt().serializeToString(f);
+        throw new xt("Failed to read SVG.");
+      return Da(f), Pt().serializeToString(f);
     };
     l.forEach((u) => {
       const A = i.find((g) => g.panelId === u.panelId);
@@ -9937,7 +9937,7 @@ const ms = [
       assetUrl: m,
       name: f.names.fullName.en
     };
-  })(), u = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", r.text) : r.text) || "", A = xe(u, {
+  })(), u = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", r.text) : r.text) || "", A = De(u, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (m) => {
@@ -9962,7 +9962,7 @@ const ms = [
       paths: a.data.paths,
       rotation: m.rotation,
       text: A,
-      type: x.Textbox,
+      type: D.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
       width: m.width,
@@ -9970,12 +9970,12 @@ const ms = [
       y: m.top
     };
     if (d) {
-      const [w, D] = ve(
+      const [w, x] = ve(
         a.data.size || o,
         d,
         m,
         [
-          xe(A, {
+          De(A, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -9991,7 +9991,7 @@ const ms = [
           {
             ...y,
             fontSize: w,
-            text: y.curved ? y.text : (D || []).join(`
+            text: y.curved ? y.text : (x || []).join(`
 `)
           },
           f
@@ -10151,7 +10151,7 @@ class Fs {
       return;
     }
     this.renderQueue.enqueue(
-      new Ds(
+      new xs(
         this.getID(),
         a,
         await Ps,
@@ -10164,7 +10164,7 @@ class Fs {
     );
   }
 }
-class Ds extends Jn {
+class xs extends Jn {
   constructor(t, e, a, n, r, o) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = n, this.layouts = r, this.getWorkflowManager = o;
   }
@@ -10228,7 +10228,7 @@ class Ds extends Jn {
       enableRedraw: !1,
       createCanvas: St,
       createImage: ne,
-      DOMParser: Da(),
+      DOMParser: xa(),
       fetch
     });
     h.resize(l, c), await h.render(), this.onRender();
@@ -10275,7 +10275,7 @@ const Vd = (i, t) => {
             }
         }
     }
-`, xs = C`
+`, Ds = C`
     ${Ge}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -11068,7 +11068,7 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
         }
       });
     else {
-      const D = await this.graphQlClient().mutate({
+      const x = await this.graphQlClient().mutate({
         mutation: nl,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -11093,7 +11093,7 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
         }
       });
       w.recipient = {
-        id: D?.data?.recipientCreate?.id,
+        id: x?.data?.recipientCreate?.id,
         firstName: t,
         lastName: e,
         address: a,
@@ -11117,14 +11117,14 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
         fetchPolicy: "no-cache",
         variables: {
           id: this.experience.getTransaction().id,
-          recipientId: D.data?.recipientCreate?.id
+          recipientId: x.data?.recipientCreate?.id
         },
         context: {
           transactionOwnerId: this.experience.getTransaction().transactionOwnerId
         }
       });
     }
-    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((D) => D(this.experience.getTransaction().recipient));
+    await this.fetchConversionConfiguration(), this.recipientCallbacks.forEach((x) => x(this.experience.getTransaction().recipient));
   }
   async fetchConversionConfiguration() {
     const t = this.experience.getTransaction().recipient;
@@ -11648,9 +11648,9 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
     m?.type === E.Frame && this.getWorkflowExperience().getStepById(m.stepName)?.frameService?.setTargetElements(a.map((I) => I.id));
     const f = h.map((v) => new Rt(v.id)), y = new nn(this.constructSerializableWorkflow()), w = [...p, ...f, y];
     w.length > 0 && this.commandContext.apply(new V(w), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const D = await this.getInvalidModelVariants(), b = this.modelContainer;
+    const x = await this.getInvalidModelVariants(), b = this.modelContainer;
     if (b) {
-      const v = D.map(
+      const v = x.map(
         (I) => b.applyModelVariant(
           I,
           {
@@ -12318,7 +12318,7 @@ class wl extends tt {
     const e = {
       input: t,
       helperData: {}
-    }, a = j.findLayoutElements(this.manager, this.step), n = j.filterUnsupportedCharacters(t, a[0]?.fontData), r = xt(n, this.manager).length, o = !!this.step.data && !!this.step.data.maxLength && r > this.step.data.maxLength;
+    }, a = j.findLayoutElements(this.manager, this.step), n = j.filterUnsupportedCharacters(t, a[0]?.fontData), r = Dt(n, this.manager).length, o = !!this.step.data && !!this.step.data.maxLength && r > this.step.data.maxLength;
     o || (e.input = n);
     const s = a.length <= 0, l = s ? { inputText: n, text: n } : { inputText: n };
     this.manager.updateStorage(this.step.stepName, l);
@@ -12394,7 +12394,7 @@ class wl extends tt {
     const t = this.step.data.maxLength;
     if (t === void 0)
       return;
-    const e = xt(this.getText(), this.manager);
+    const e = Dt(this.getText(), this.manager);
     return t - e.length;
   }
   setCustomColor(t) {
@@ -12478,7 +12478,7 @@ class vl extends tt {
     const t = this.step.data.maxLength;
     if (t === void 0)
       return;
-    const e = xt(this.getText(), this.manager);
+    const e = Dt(this.getText(), this.manager);
     return t - e.length;
   }
   /**
@@ -12734,10 +12734,10 @@ const Il = async (i, t) => {
       y[v].map((I) => I.id)
     ])
   );
-  let D = await s(A, n.id);
-  if (D) {
-    const v = await (await nt(D)).blob();
-    D = (await W.uploadAsset(
+  let x = await s(A, n.id);
+  if (x) {
+    const v = await (await nt(x)).blob();
+    x = (await W.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: v },
       Ie.Image,
       !0,
@@ -12755,7 +12755,7 @@ const Il = async (i, t) => {
         workflowId: t.id,
         transactionId: n.id,
         useThreeDimPreview: !!A,
-        previewImage: D
+        previewImage: x
       };
       if (g) {
         const I = [];
@@ -12834,7 +12834,7 @@ const Il = async (i, t) => {
     );
   });
 };
-class Dl {
+class xl {
   constructor() {
     this.localPersistenceKey = "designTransactions", this.storageMethod = "Local", this.designSavedListeners = [];
   }
@@ -12901,7 +12901,7 @@ class Dl {
     throw new R("Unexpected storage method requested");
   }
 }
-const oa = new Dl(), xl = C`
+const oa = new xl(), Dl = C`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -13229,7 +13229,7 @@ class Tl {
       ignoreDimensions: !1,
       createCanvas: St,
       createImage: ne,
-      DOMParser: Da(),
+      DOMParser: xa(),
       fetch
     })).render();
     const y = await this.getCanvasObjectURLAsync(o);
@@ -13356,7 +13356,7 @@ class Tl {
   }
   async assignCustomerDetails(t) {
     const a = (await this.graphQlClient().mutate({
-      mutation: xl,
+      mutation: Dl,
       variables: {
         id: this.getTransaction().id,
         details: t,
@@ -14337,7 +14337,7 @@ class Gl {
   }
   async createGlobalPropertyState() {
     const t = await S.getShadowGraphqlClient().mutate({
-      mutation: xs,
+      mutation: Ds,
       variables: {
         bundleId: this.bundleId
       },
@@ -16228,7 +16228,7 @@ class Wd {
       } catch (a) {
         throw console.error(a), new ft("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && ur(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 39.1.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && ur(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 39.1.2"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     yt.setHubUrl(t.hubUrl), yt.setServerUrl(t.serverUrl), yt.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 && Gt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16678,15 +16678,15 @@ class Wd {
     ), [y, w] = await Promise.all([
       (async () => m.length > 0 ? await hc(m) : [])(),
       (async () => f.length > 0 ? await bi(f, e) : [])()
-    ]), D = new Map(y.map((P) => [P.id, P])), b = new Map(w.map((P) => [P.id, P])), v = p.map(async (P) => {
+    ]), x = new Map(y.map((P) => [P.id, P])), b = new Map(w.map((P) => [P.id, P])), v = p.map(async (P) => {
       const { transaction: T, workflowId: U, readOnly: k, index: X } = P, bt = U ? b.get(U) : void 0, gt = t[X];
       if (T.integrationProductId) {
-        const it = D.get(T.integrationProductId);
+        const it = x.get(T.integrationProductId);
         T.integrationProduct = it, T.product = it?.product, T.integrationProduct || console.error("failed to find transaction's product");
       }
       const se = Q.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
       !se.get(T.id) && T.transactionOwnerId && (se.set(T.id, T.transactionOwnerId), Q.setMap("transactionOwnerIds", se));
-      const He = se.get(T.id) || void 0, Di = new oc({
+      const He = se.get(T.id) || void 0, xi = new oc({
         onMutate: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } })
       }), le = {
@@ -16699,7 +16699,7 @@ class Wd {
           ...it,
           context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId }
         }),
-        graphQlClient: () => Di,
+        graphQlClient: () => xi,
         readOnly: k,
         isReloadedTransaction: gt.type === "transaction"
       };
@@ -17744,7 +17744,7 @@ K = { __e: function(i, t, e, a) {
   throw i;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var ot, sa, pn, Pi = [], la = [], fn = K.__b, Cn = K.__r, wn = K.diffed, yn = K.__c, Sn = K.unmount;
-function Dc() {
+function xc() {
   for (var i; i = Pi.shift(); )
     if (i.__P && i.__H)
       try {
@@ -17764,7 +17764,7 @@ K.__b = function(i) {
 }, K.diffed = function(i) {
   wn && wn(i);
   var t = i.__c;
-  t && t.__H && (t.__H.__h.length && (Pi.push(t) !== 1 && pn === K.requestAnimationFrame || ((pn = K.requestAnimationFrame) || xc)(Dc)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (Pi.push(t) !== 1 && pn === K.requestAnimationFrame || ((pn = K.requestAnimationFrame) || Dc)(xc)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== la && (e.__ = e.__V), e.i = void 0, e.__V = la;
   })), sa = ot = null;
 }, K.__c = function(i, t) {
@@ -17791,7 +17791,7 @@ K.__b = function(i) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var vn = typeof requestAnimationFrame == "function";
-function xc(i) {
+function Dc(i) {
   var t, e = function() {
     clearTimeout(a), vn && cancelAnimationFrame(t), setTimeout(i);
   }, a = setTimeout(e, 100);
@@ -17991,8 +17991,8 @@ export {
   yl as InformationStepHandle,
   gn as IntegrationProduct,
   _i as IntegrationType,
-  xd as LayoutElementFactory,
-  x as LayoutElementType,
+  Dd as LayoutElementFactory,
+  D as LayoutElementType,
   J as LayoutNotFoundError,
   _t as LayoutRenderingPurpose,
   gl as MaterialStepHandle,
@@ -18005,7 +18005,7 @@ export {
   ac as ObjectInputType,
   yi as OptionGlobalPropertyHandle,
   Be as OptionNotFoundError,
-  Dt as ParseError,
+  xt as ParseError,
   pl as PictureStepHandle,
   Xi as ProductCameraRig,
   vi as ProductCollection,
@@ -18106,7 +18106,7 @@ export {
   Zd as nameBundle,
   tu as nameTransaction,
   B as optionService,
-  Dd as outlineFontsInSvg,
+  xd as outlineFontsInSvg,
   gu as overrideWorkflowExperienceRecipientAddress,
   pt as patternImageDataCache,
   Q as persistenceService,
@@ -18118,7 +18118,7 @@ export {
   an as rehydrateSerializedLayout,
   vr as rgbToPms,
   Ae as rotateAroundPoint,
-  xa as sanitizeSvgTree,
+  Da as sanitizeSvgTree,
   hr as setBearerAuthenticationToken,
   Qn as setCanvasModule,
   Wt as shapeStepService,