@spiffcommerce/core 26.38.0-beta.d98620d3-59a9-5edf-b33f-1e6356cd6536 → 26.38.0-beta.dee44cf8-0a6e-500b-b49b-8c367d7deed0

package/dist/index.mjs

@@ -12,14 +12,14 @@ import { toString as rn } from "qrcode";
 import gr from "svg-path-bbox";
 import { parse as Je } from "opentype.js";
 import { jsx as x, jsxs as ct, Fragment as zt } from "preact/jsx-runtime";
-import { dataUriToBuffer as fr } from "data-uri-to-buffer";
+import { dataUriToBuffer as pr } from "data-uri-to-buffer";
 import Da from "lodash.chunk";
 import sn from "lodash.isequal";
 import { split as Ke } from "unicode-default-word-boundary";
 import on from "lodash.debounce";
 import "fs";
 import "path";
-var ge = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ge || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), P = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(P || {}), pr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(pr || {}), Wt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Wt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), Cr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Cr || {}), wr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(wr || {}), yr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(yr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), Sr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Sr || {}), fe = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(fe || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), vr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(vr || {});
+var ge = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ge || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), P = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(P || {}), fr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(fr || {}), Wt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Wt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), Cr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Cr || {}), wr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(wr || {}), yr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(yr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), Sr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Sr || {}), pe = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(pe || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), vr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(vr || {});
 class ln extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -30,7 +30,7 @@ class Jt extends ln {
     super(`ConfigurationError - ${t}`);
   }
 }
-class pe extends Jt {
+class fe extends Jt {
   constructor(t) {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = (t == null ? void 0 : t.optionId) || "N/A";
   }
@@ -334,12 +334,12 @@ class Lr {
       uri: `${mt.getServerUrl()}/graphql`,
       fetch: Ur
     }), e = cr(async (i, s) => {
-      const { headers: o } = s, l = o || {}, c = await $r(), d = s.bearer ?? c.bearer, A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, f = s.bundleOwnerId;
+      const { headers: o } = s, l = o || {}, c = await $r(), d = s.bearer ?? c.bearer, A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
-          const p = window.__SENTRY__.hub;
-          if (p) {
-            const C = p.traceHeaders();
+          const f = window.__SENTRY__.hub;
+          if (f) {
+            const C = f.traceHeaders();
             Object.entries(C).forEach(([w, v]) => {
               l[w] = v;
             });
@@ -347,7 +347,7 @@ class Lr {
         }
       } catch {
       }
-      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), f && (l.bundleOwnerId = f), l["Allow-Moonlight-Redirect"] = "true", {
+      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
         headers: l
       };
     }), a = dr(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -370,7 +370,7 @@ const gt = (r, t, e) => {
   if (Ze !== void 0)
     return Ze(r, t, e);
   try {
-    const a = fn(!0);
+    const a = pn(!0);
     return gn(a), a.createCanvas(r, t, e);
   } catch {
     throw new Error("Canvas module not set");
@@ -379,7 +379,7 @@ const gt = (r, t, e) => {
   if (ta !== void 0)
     return ta(r, t);
   try {
-    const e = fn(!0);
+    const e = pn(!0);
     return gn(e), e.loadImage(r, t);
   } catch {
     throw new Error("Canvas module not set");
@@ -388,7 +388,7 @@ const gt = (r, t, e) => {
 function gn(r) {
   Ze = r == null ? void 0 : r.createCanvas, ta = r == null ? void 0 : r.loadImage;
 }
-function fn(r) {
+function pn(r) {
   try {
     if (document.createElement("canvas").getContext("2d"))
       return {
@@ -3204,9 +3204,9 @@ function Qa(r) {
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
 const ie = (r) => {
-  const t = pn(r.spotColor);
+  const t = fn(r.spotColor);
   return t ? `${r.browserValue} ${t}` : r.browserValue;
-}, pn = (r) => {
+}, fn = (r) => {
   if (!r)
     return "";
   if (r.profileName.includes("/") && r.profileName.includes(".icc")) {
@@ -3340,7 +3340,7 @@ const ie = (r) => {
   if (!i)
     throw new Error("Failed to read SVG.");
   return Zr(i, t, e), wn(i, a, n), yn(i);
-}, fa = (r, t, e) => {
+}, pa = (r, t, e) => {
   const a = Cn(r);
   if (!a)
     throw new Error("Failed to read SVG.");
@@ -3429,7 +3429,7 @@ const ie = (r) => {
             ...AssetFields
         }
     }
-`, pa = y`
+`, fa = y`
     fragment MaterialFields on Material {
         id
         name
@@ -3477,7 +3477,7 @@ const ie = (r) => {
         }
     }
 `, ni = y`
-    ${pa}
+    ${fa}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
@@ -3868,7 +3868,7 @@ const qt = new ci(), vn = y`
     }
 `, di = y`
     ${Xt(!1)}
-    ${pa}
+    ${fa}
     ${vn}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
@@ -4084,7 +4084,7 @@ const _ = new mi(), En = y`
         precedence
         url
     }
-`, fi = y`
+`, pi = y`
     ${xe}
     ${Bn}
     ${bn}
@@ -4239,7 +4239,7 @@ const _ = new mi(), En = y`
             }
         }
     }
-`, pi = y`
+`, fi = y`
     mutation UpdateTransactionWorkflowState($id: String!, $workflowState: String!) {
         transactionUpdate(id: $id, workflowState: $workflowState) {
             id
@@ -4573,7 +4573,7 @@ const _ = new mi(), En = y`
     }
 `, Fi = (r) => y`
         ${Xt(r)}
-        ${pa}
+        ${fa}
         ${vn}
         ${bi}
         ${Ii}
@@ -5315,13 +5315,13 @@ const N = () => {
   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 }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = N(), C = a.purpose === Wt.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, I) => (
+  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 = N(), C = a.purpose === Wt.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, I) => (
     /* @ts-ignore */
     /* @__PURE__ */ x("color-profile", { name: B.name, xlinkHref: B.key, children: " " }, I)
   )), v = n.map((B) => ({
     ...B,
     _renderingConfiguration: a,
-    mask: l ? `url(#viewmask-${p})` : void 0
+    mask: l ? `url(#viewmask-${f})` : void 0
   })), S = ya(v);
   return /* @__PURE__ */ ct(
     "svg",
@@ -5340,7 +5340,7 @@ const N = () => {
         maxHeight: s,
         position: c
       },
-      viewBox: f,
+      viewBox: p,
       children: [
         w,
         C,
@@ -5375,7 +5375,7 @@ const N = () => {
             strokeDasharray: `${m * 2} ${m}`
           }
         ),
-        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${p}`, children: [
+        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
           /* @__PURE__ */ x(
             "rect",
             {
@@ -5401,7 +5401,7 @@ const N = () => {
     }
   );
 }, bc = (r, t, e, a, n) => {
-  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(f), Math.abs(p)), S = Math.max(Math.abs(C), Math.abs(w));
+  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, v = Math.max(Math.abs(p), Math.abs(f)), S = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - v,
     maxX: l + v,
@@ -5411,8 +5411,8 @@ const N = () => {
 }, Ic = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, ft = (r) => r * (Math.PI / 180), Pc = (r, t, e) => Math.abs(r - t) < e, Dc = (r, t, e) => {
-  const a = Math.sin(ft(e)), n = Math.cos(ft(e));
+}, pt = (r) => r * (Math.PI / 180), Pc = (r, t, e) => Math.abs(r - t) < e, Dc = (r, t, e) => {
+  const a = Math.sin(pt(e)), n = Math.cos(pt(e));
   return {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
@@ -5449,7 +5449,7 @@ const N = () => {
       return j.Northwest;
   }
 }, Tc = (r, t) => t > 45 && t <= 135 ? It(r) : t > 135 && t <= 225 ? It(It(r)) : t > 225 && t <= 315 ? It(It(It(r))) : r, Qc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
-  const a = ft(r.rotation), n = {
+  const a = pt(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
   }, i = {
@@ -5479,7 +5479,7 @@ const N = () => {
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
 }, Nc = 0.352778, Rc = 0.035277, xn = (r) => {
-  const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e);
+  const t = r.rotation || 0, e = pt(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
     {
@@ -5502,7 +5502,7 @@ const N = () => {
   ) });
 }, kn = (r) => {
   var l;
-  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = ya(r.children);
+  const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = pt(e), n = Math.cos(a), i = -Math.sin(a), s = ya(r.children);
   return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ x("defs", { children: (() => /* @__PURE__ */ x("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ x("path", { d: r.clipPath }) : /* @__PURE__ */ x("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ ct(
@@ -5537,7 +5537,7 @@ const N = () => {
     if (!r.pattern)
       return "";
     if (r.pattern.svg) {
-      const A = fa(r.pattern.svg, r.pattern.colors || {}, !1);
+      const A = pa(r.pattern.svg, r.pattern.colors || {}, !1);
       return Aa(A);
     }
     return r.pattern.src;
@@ -5563,17 +5563,17 @@ const N = () => {
       /* @__PURE__ */ x("feFuncG", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
-  ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
+  ] }) }) }), s = r.rotation || 0, o = pt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
     var w, v, S, E, B, I, D, F, k, Q;
-    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((B = r.pattern) == null ? void 0 : B.scaleX) || 1, f = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, p = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((B = r.pattern) == null ? void 0 : B.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
     return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
       type: T.Illustration,
       x: A,
       y: u,
-      rotation: p,
+      rotation: f,
       width: h * g,
-      height: m * f,
+      height: m * p,
       src: a(),
       svg: (k = r.pattern) == null ? void 0 : k.svg,
       colors: (Q = r.pattern) == null ? void 0 : Q.colors
@@ -5582,9 +5582,9 @@ const N = () => {
       type: T.Image,
       x: A,
       y: u,
-      rotation: p,
+      rotation: f,
       width: h * g,
-      height: m * f,
+      height: m * p,
       src: a()
     }];
   };
@@ -5708,18 +5708,18 @@ const Wi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   a.querySelectorAll("style").forEach((d) => {
     var u;
     (u = nn(d.innerHTML).stylesheet) == null || u.rules.forEach((h) => {
-      var m, g, f;
+      var m, g, p;
       if (h.type === "font-face" && h.declarations) {
-        const p = (m = h.declarations.find(
+        const f = (m = h.declarations.find(
           (v) => v.property === "font-family"
-        )) == null ? void 0 : m.value, C = (g = h.declarations.find((v) => v.property === "src")) == null ? void 0 : g.value, w = (f = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : f[1];
-        p && w && n.set(p, w);
+        )) == null ? void 0 : m.value, C = (g = h.declarations.find((v) => v.property === "src")) == null ? void 0 : g.value, w = (p = C == null ? void 0 : C.match(/'(https.*?)'/)) == null ? void 0 : p[1];
+        f && w && n.set(f, w);
       }
     });
   });
   const s = e.querySelectorAll("tspan");
   for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Qt(n.get(m)), f = u.getAttribute("fill"), p = u.getAttribute("stroke"), C = u.getAttribute("stroke-width"), w = g.getPath(
+    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Qt(n.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), C = u.getAttribute("stroke-width"), w = g.getPath(
       A.innerHTML,
       0,
       0,
@@ -5734,7 +5734,7 @@ const Wi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    B.fill = f, B.stroke = p, B.strokeWidth = parseFloat(C ?? "0");
+    B.fill = p, B.stroke = f, B.strokeWidth = parseFloat(C ?? "0");
     const I = B.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
     h.appendChild(F);
   }
@@ -5872,14 +5872,14 @@ const Wi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       };
   })()
 } : r, Ca = 1.1, Xi = (r) => {
-  var h, m, g, f;
+  var h, m, g, p;
   const e = (r.rotation || 0) * Math.PI / 180, a = Math.cos(e), n = -Math.sin(e), i = `text-path-${r.id}`, s = `text-fill-${r.id}`, o = r.x + (r.curved ? 0 : r.width / 2), l = r.y + (r.curved ? 0 : r.height / 2), c = (r.text || "").split(`
 `), d = (h = r.strokeColor) != null && h.browserValue && r.strokeThickness ? (m = r.strokeColor) == null ? void 0 : m.browserValue : void 0, A = (g = r.strokeColor) != null && g.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
   if (r.curved && !r.paths || !r.fontData)
     return null;
   const u = () => {
-    var p;
-    return r.textFillImage ? `url("#${s}")` : (p = r._renderingConfiguration) != null && p.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${pn(r.fillSpotColorDefinition)}` : r.fill;
+    var f;
+    return r.textFillImage ? `url("#${s}")` : (f = r._renderingConfiguration) != null && f.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${fn(r.fillSpotColorDefinition)}` : r.fill;
   };
   return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
@@ -5919,7 +5919,7 @@ const Wi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       ),
       r.curved && r.paths ? /* @__PURE__ */ x("path", { id: i, d: r.paths[0] }) : void 0
     ] }),
-    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ x("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
+    (p = r._renderingConfiguration) != null && p.debug ? /* @__PURE__ */ x("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
     /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ x(
       "text",
       {
@@ -5935,14 +5935,14 @@ const Wi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         },
         stroke: d,
         strokeWidth: A,
-        children: r.curved ? /* @__PURE__ */ x(ts, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ x(
+        children: r.curved ? /* @__PURE__ */ x(ts, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((f, C) => /* @__PURE__ */ x(
           Zi,
           {
             align: r.vertical ? "center" : r.align,
             fontSize: r.fontSize,
             thisLineIdx: C,
             amountLines: c.length,
-            text: p,
+            text: f,
             textboxHeight: r.height,
             textboxWidth: r.width,
             lineHeight: r.lineHeight,
@@ -5997,7 +5997,7 @@ const Wi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         mask: r.stepName ? void 0 : r.mask
       }
     );
-  const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e), i = `
+  const t = r.rotation || 0, e = pt(t), a = Math.cos(e), n = -Math.sin(e), i = `
     matrix(1, 0, 0, 1, ${r.x}, ${r.y})
     matrix(1, 0, 0, 1, ${r.width / 2}, ${r.height / 2})
     matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
@@ -6242,7 +6242,7 @@ const te = (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 = On(n), s = {
+    const a = pr(r), n = new TextDecoder().decode(a.buffer), i = On(n), s = {
       src: r,
       width: i.width,
       height: i.height,
@@ -6316,8 +6316,8 @@ const te = (r) => {
       fetch: nt
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
-      const g = parseFloat(h), p = parseFloat(u) / g;
-      p > 1 ? A.resize(m, m / p) : A.resize(m * p, m);
+      const g = parseFloat(h), f = parseFloat(u) / g;
+      f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
     } else
       A.resize(m, m);
     return await A.render(), await t(c);
@@ -6341,8 +6341,8 @@ const te = (r) => {
     const l = await lt(await $n(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u)
       throw new Error("SVG missing viewBox.");
-    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, f = parseFloat(m[3]) || 1, p = g / f;
-    o.height = o.width / p, o.top += (h - o.height) / 2;
+    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
+    o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === T.Image) {
     const l = o.height, c = await Pe(e), d = await Fe(c), A = d.width / d.height;
@@ -7234,13 +7234,13 @@ class Ga {
           command: new G(h, i)
         };
       } else {
-        const u = this.configuration.type === P.SilentIllustration ? (A = this.configuration.data.asset) == null ? void 0 : A.fileLink : s, m = await lt(await (async () => new Promise((f, p) => {
+        const u = this.configuration.type === P.SilentIllustration ? (A = this.configuration.data.asset) == null ? void 0 : A.fileLink : s, m = await lt(await (async () => new Promise((p, f) => {
           if (!u) {
-            p("Undefined vector silent step source");
+            f("Undefined vector silent step source");
             return;
           }
           at(u, !0).then((C) => {
-            f(C);
+            p(C);
           }).catch((C) => console.error(C));
         }))()), g = {
           stepName: this.configuration.stepName,
@@ -7349,8 +7349,8 @@ class us {
   }
   async regenerateQRCode(t, e, a, n) {
     const i = async () => {
-      var g, f;
-      const h = (await ea([e]))[0], m = (f = (g = h == null ? void 0 : h.versions) == null ? void 0 : g.find((p) => p.name === "mpeg4")) == null ? void 0 : f.link;
+      var g, p;
+      const h = (await ea([e]))[0], m = (p = (g = h == null ? void 0 : h.versions) == null ? void 0 : g.find((f) => f.name === "mpeg4")) == null ? void 0 : p.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
       new Ln(
@@ -7483,13 +7483,13 @@ class Se {
     }
     if (n) {
       const d = async () => {
-        var m, g, f, p, C;
-        const A = (m = n.storage) == null ? void 0 : m.colors, u = (g = n.storage) == null ? void 0 : g.framePatternSrc, h = (f = n.storage) == null ? void 0 : f.frameOffsetsList;
+        var m, g, p, f, C;
+        const A = (m = n.storage) == null ? void 0 : m.colors, u = (g = n.storage) == null ? void 0 : g.framePatternSrc, h = (p = n.storage) == null ? void 0 : p.frameOffsetsList;
         if (e.updateMetadata(t.stepName, {
           frameOffsetsList: h,
           framePatternSrc: u
         }), u) {
-          const w = (p = e.getWorkflowExperience().getStepById(t.stepName)) == null ? void 0 : p.frameService;
+          const w = (f = e.getWorkflowExperience().getStepById(t.stepName)) == null ? void 0 : f.frameService;
           if (!w)
             throw new Error("Frame service unavailable, cannot load pattern!");
           await this.loadPatternFromString(u, w, !0, A), e.updateMetadata(t.stepName, { image: u }), e.updateStorage(t.stepName, {
@@ -7713,18 +7713,18 @@ class Se {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const f = await Me(l[g]), p = o.getImageData(), C = a.map((I) => new Et(I.id)), w = p ? Sa(
-          p,
+        const p = await Me(l[g]), f = o.getImageData(), C = a.map((I) => new Et(I.id)), w = f ? Sa(
           f,
+          p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, v = p ? {
+        ) : void 0, v = f ? {
           id: N(),
-          src: p.src,
+          src: f.src,
           x: (w == null ? void 0 : w.x) || 0,
           y: (w == null ? void 0 : w.y) || 0,
-          width: p.width,
-          height: p.height,
+          width: f.width,
+          height: f.height,
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
@@ -7733,7 +7733,7 @@ class Se {
           throw new q(m);
         return {
           command: this.getCreateElementCommand(S, m, B, {
-            frameData: f,
+            frameData: p,
             pattern: v,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
@@ -7934,25 +7934,25 @@ class hs {
       e[0].id,
       n().map((g) => g.layoutState)
     ), o = { ...s.colors }, l = {};
-    Object.entries(o).forEach(([g, f]) => {
-      const p = { browserValue: f.browserValue, pmsValue: f.pmsValue }, C = f.spotColor;
-      C && (p.spotColor = { profileName: C.profileName, namedColor: C.namedColor }), l[g] = p;
+    Object.entries(o).forEach(([g, p]) => {
+      const f = { browserValue: p.browserValue, pmsValue: p.pmsValue }, C = p.spotColor;
+      C && (f.spotColor = { profileName: C.profileName, namedColor: C.namedColor }), l[g] = f;
     });
-    for (const [g, f] of i.entries()) {
-      const p = typeof f == "string" ? f : f.browserValue, C = typeof f == "string" ? void 0 : f.pmsValue;
-      o[g] = { browserValue: p, spotColor: (h = o[g]) == null ? void 0 : h.spotColor, pmsValue: C }, l[g] = { browserValue: p };
+    for (const [g, p] of i.entries()) {
+      const f = typeof p == "string" ? p : p.browserValue, C = typeof p == "string" ? void 0 : p.pmsValue;
+      o[g] = { browserValue: f, spotColor: (h = o[g]) == null ? void 0 : h.spotColor, pmsValue: C }, l[g] = { browserValue: f };
     }
     let c = Array.from(Object.values(o)).map((g) => g.browserValue);
     const d = t.data.colorOption;
     d && ((m = d.variants) == null || m.forEach((g) => {
-      c = c.map((f) => {
-        var p;
-        return f.toLowerCase() === ((p = g.color) == null ? void 0 : p.toLowerCase()) ? g.name : f;
+      c = c.map((p) => {
+        var f;
+        return p.toLowerCase() === ((f = g.color) == null ? void 0 : f.toLowerCase()) ? g.name : p;
       });
     })), a.updateMetadata(t.stepName, { colors: c });
     const A = /* @__PURE__ */ new Map();
-    if (Object.entries(o).forEach(([g, f]) => {
-      A.set(g, f);
+    if (Object.entries(o).forEach(([g, p]) => {
+      A.set(g, p);
     }), !s.svg)
       throw new Error("Colors changed before SVG loaded. This should never happen!");
     const u = await this.changeColorsCommand(
@@ -7971,7 +7971,7 @@ class hs {
     s && (s.command && i.getCommandDispatcher()(s.command), s.followup && await s.followup());
   }
   async selectVariantCommand(t, e, a, n, i) {
-    var p;
+    var f;
     if (!t.data || !t.data.regions)
       throw new Ce(t, "Missing regions.");
     n(!0);
@@ -7999,8 +7999,8 @@ class hs {
       };
     }, u = t.data.regions.map(A), m = [...u.map((C) => C.command), ...s];
     let g = Array.from(Object.values(c.colors)).map((C) => C.browserValue);
-    const f = t.data.colorOption;
-    return f && ((p = f.variants) == null || p.forEach((C) => {
+    const p = t.data.colorOption;
+    return p && ((f = p.variants) == null || f.forEach((C) => {
       g = g.map((w) => {
         var v;
         return w.toLowerCase() === ((v = C.color) == null ? void 0 : v.toLowerCase()) ? C.name : w;
@@ -8061,7 +8061,7 @@ class ms {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new pe(t);
+      throw new fe(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8079,7 +8079,7 @@ class ms {
       a.serializableWorkflow.steps
     ), o = Object.values(a.layouts).map((d) => d.elements).flat().filter((d) => d.stepName === t.stepName), l = t.option;
     if (!l)
-      throw new pe(t);
+      throw new fe(t);
     if (n != null && n.selectedVariants) {
       const d = n.selectedVariants[0].id;
       if (d) {
@@ -8093,8 +8093,8 @@ class ms {
             async () => {
               const m = e.getModelContainer();
               if (m) {
-                const g = t.data.targetMaterials.map((f) => m.applyMaterialVariant(
-                  f,
+                const g = t.data.targetMaterials.map((p) => m.applyMaterialVariant(
+                  p,
                   l.id || "",
                   u || {}
                 ));
@@ -8139,7 +8139,7 @@ class gs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new pe(t);
+      throw new fe(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8221,7 +8221,7 @@ class gs {
   }
 }
 const Gn = new gs();
-class fs {
+class ps {
   async init(t, e, a) {
     if (a)
       await this.reload(t, e, a);
@@ -8256,11 +8256,11 @@ class fs {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (A, u, h) => {
-      const m = h || N(), f = a.getLayouts().find((C) => C.panelId === u.panelId);
-      if (!f)
+      const m = h || N(), p = a.getLayouts().find((C) => C.panelId === u.panelId);
+      if (!p)
         return console.error(`Can not find layout for region: ${u.panelId}`), null;
-      const p = [];
-      return h && p.push(new Et(m)), p.push(
+      const f = [];
+      return h && f.push(new Et(m)), f.push(
         new G(
           {
             stepRegion: u,
@@ -8278,12 +8278,12 @@ class fs {
             layerIndex: u.layerIndex,
             immutable: u.immutable
           },
-          f
+          p
         )
       ), {
         id: m,
         region: u,
-        command: new $(p)
+        command: new $(f)
       };
     };
     if (i.length > 0) {
@@ -8333,8 +8333,8 @@ class fs {
     return n(""), { input: e, helperData: {} };
   }
 }
-const Wn = new fs();
-class ps {
+const Wn = new ps();
+class fs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
@@ -8425,7 +8425,7 @@ class ps {
     };
   }
 }
-const jn = new ps();
+const jn = new fs();
 class Cs {
   async init(t, e, a) {
     const n = t.option;
@@ -8511,7 +8511,7 @@ class ws {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new pe(t);
+      throw new fe(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8593,7 +8593,7 @@ class ws {
         const m = i.find((w) => w.panelId === h.panelId);
         if (!m)
           throw new q(h);
-        const g = o(), f = `
+        const g = o(), p = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -8613,8 +8613,8 @@ class ws {
                             fill="${g}"
                         />
                     </svg>
-                `, p = {};
-        p[this.shapeFillId] = { browserValue: g };
+                `, f = {};
+        f[this.shapeFillId] = { browserValue: g };
         const C = N();
         return {
           id: C,
@@ -8623,9 +8623,9 @@ class ws {
             {
               stepRegion: h,
               stepName: t.stepName,
-              colors: p,
+              colors: f,
               id: C,
-              svg: f,
+              svg: p,
               type: T.Illustration,
               y: h.top,
               x: h.left,
@@ -8696,14 +8696,14 @@ const Ss = new ys(), Ge = (r, t, e, a, n) => {
     const A = Math.max(...o);
     if (A <= r.width)
       return [i, A];
-    const u = o.reduce((f, p, C, w) => p > w[f] ? C : f, 0), h = i[u];
+    const u = o.reduce((p, f, C, w) => f > w[p] ? C : p, 0), h = i[u];
     let m = !1, g = h.length;
     for (; !m && g > -1; ) {
       g = h.lastIndexOf(" ", g - 1);
-      const f = [h.slice(0, g), h.slice(g + 1)], p = f.map((w) => ht(w, a, n));
-      p[0] <= r.width && (i = [...i.slice(0, u), ...f, ...i.slice(u + 1)], o = [
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((w) => ht(w, a, n));
+      f[0] <= r.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
-        ...p,
+        ...f,
         ...o.slice(u + 1)
       ], s += 1, m = !0);
     }
@@ -9020,19 +9020,19 @@ class Es {
       if (l && u) {
         const h = (c = l.variants) == null ? void 0 : c.find((m) => m.id === u);
         if (h) {
-          const m = await this.fontDataFromVariant(h), g = o.map((w) => ({ id: w.id, region: w.stepRegion })), f = (d = n.storage) == null ? void 0 : d.color, p = (A = n.storage) == null ? void 0 : A.text;
+          const m = await this.fontDataFromVariant(h), g = o.map((w) => ({ id: w.id, region: w.stepRegion })), p = (d = n.storage) == null ? void 0 : d.color, f = (A = n.storage) == null ? void 0 : A.text;
           await e.setSelectionsAndElements(
             t.stepName,
             [h],
             g,
             async () => {
-              e.updateMetadata(t.stepName, { color: f, text: p }), e.updateStorage(t.stepName, { text: p, inputText: p });
+              e.updateMetadata(t.stepName, { color: p, text: f }), e.updateStorage(t.stepName, { text: f, inputText: f });
               const w = o.map((S) => new za(S.id, m)), v = new $(w);
               e.getCommandDispatcher()(v);
             }
           );
           const { command: C } = H.updateInputText(
-            p || "",
+            f || "",
             o,
             t,
             e
@@ -9081,16 +9081,16 @@ class Es {
     var u;
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (n.length > 0) {
-      const h = n.map((f) => new za(f.id, A));
+      const h = n.map((p) => new za(p.id, A));
       if (l) {
-        const f = n.map((p) => new Ve(p.id, l));
-        h.push(...f);
+        const p = n.map((f) => new Ve(f.id, l));
+        h.push(...p);
       }
       if (c) {
-        const f = n.map(
-          (p) => new ze(p.id, c, t.data.strokeThickness)
+        const p = n.map(
+          (f) => new ze(f.id, c, t.data.strokeThickness)
         );
-        h.push(...f);
+        h.push(...p);
       }
       const m = await this.changeInputTextWithRegion(
         t,
@@ -9127,18 +9127,18 @@ class Es {
         !!a.customiseAllText,
         s,
         o
-      ), g = h.flatMap((p) => p.commands);
+      ), g = h.flatMap((f) => f.commands);
       if (l) {
-        const p = h.map(
+        const f = h.map(
           (C) => new Ve(C.regionElement.id, l)
         );
-        g.push(...p);
+        g.push(...f);
       }
       if (c) {
-        const p = n.map(
+        const f = n.map(
           (C) => new ze(C.id, c, t.data.strokeThickness)
         );
-        g.push(...p);
+        g.push(...f);
       }
       return m && g.push(m), {
         command: new $(g),
@@ -9161,19 +9161,19 @@ class Es {
       throw new Error("Step data not supplied");
     const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = async (A) => {
       var g;
-      const h = s.getLayouts().find((f) => f.panelId === A.panelId), m = N();
+      const h = s.getLayouts().find((p) => p.panelId === A.panelId), m = N();
       try {
         if (!h)
           throw new Ee("Failed to find layout for region: " + A.panelId);
-        const f = a.colorOption;
-        let p;
-        if (f && f.variants) {
-          const Q = f.variants.find((it) => {
+        const p = a.colorOption;
+        let f;
+        if (p && p.variants) {
+          const Q = p.variants.find((it) => {
             var R;
-            return it.id === ((R = f.defaultVariant) == null ? void 0 : R.id);
-          }) || f.variants[0];
-          p = this.createTextFillSpotColor(f, Q), s.updateStorage(t, {
-            colorProfileAssetKey: (g = f.colorProfile) == null ? void 0 : g.key
+            return it.id === ((R = p.defaultVariant) == null ? void 0 : R.id);
+          }) || p.variants[0];
+          f = this.createTextFillSpotColor(p, Q), s.updateStorage(t, {
+            colorProfileAssetKey: (g = p.colorProfile) == null ? void 0 : g.key
           });
         }
         const C = await this.getDefaultColor(a), w = C || "#000000", v = {
@@ -9199,7 +9199,7 @@ class Es {
           verticalAlign: a.verticalAlign || "middle",
           curved: a.curved,
           paths: a.paths,
-          fillSpotColorDefinition: p
+          fillSpotColorDefinition: f
         }, S = [], E = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
         if (!v.fontData)
           throw new z("Failed to resolve font data for text.");
@@ -9230,8 +9230,8 @@ class Es {
           newElement: v,
           fontData: n
         };
-      } catch (f) {
-        throw console.log(f), new ve("Error adding font to region");
+      } catch (p) {
+        throw console.log(p), new ve("Error adding font to region");
       }
     }, d = await Promise.all(a.regions.map(c)).catch((A) => {
       throw A instanceof ve ? (Ss.setLatestToast("Failed to load font.", Te.Error), A) : A instanceof Ee ? A : new Error(A);
@@ -9273,7 +9273,7 @@ class Es {
         );
         m.set(v.id, S), g.set(v.id, E);
       }
-    const p = (() => {
+    const f = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
       const v = s.getProfanities(), S = Ke(u.toLowerCase());
@@ -9286,11 +9286,11 @@ class Es {
       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() });
     })();
-    if (p.error) {
-      c(p.error);
+    if (f.error) {
+      c(f.error);
       return;
     }
-    if (c(`${p.info} characters remaining` || ""), d)
+    if (c(`${f.info} characters remaining` || ""), d)
       return;
     s.updateStorage(t.stepName, { text: A }), s.updateMetadata(t.stepName, {
       text: this.injectReplaceableText(A, t.data)
@@ -9490,12 +9490,12 @@ class Ms extends Bs {
     m.classList.add("module-bounds"), u.appendChild(m);
     const g = Is(e.height, e.width);
     g.setAttribute("opacity", "0"), m.appendChild(g);
-    const f = tt("g");
-    f.classList.add("module-text-enclosure"), u.appendChild(f);
-    const p = A();
-    f.appendChild(p);
+    const p = tt("g");
+    p.classList.add("module-text-enclosure"), u.appendChild(p);
+    const f = A();
+    p.appendChild(f);
     const C = gr(d);
-    return Fs(f, C, e.height, e.width, 0.35, 0.65), Ds(u.outerHTML);
+    return Fs(p, C, e.height, e.width, 0.35, 0.65), Ds(u.outerHTML);
   }
 }
 async function qn(r) {
@@ -10157,7 +10157,7 @@ class Ha extends Dn {
   }
 }
 class Ao {
-  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, f = !1, p = !1, C = !1) {
+  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, C = !1) {
     this.workflowStatePromiseQueue = new Fn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var S;
       if (!this.previewService)
@@ -10166,7 +10166,7 @@ class Ao {
       if (v)
         for (const [, E] of v)
           E.render(w);
-    }, 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 = p, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.isReloadedTransaction = f, this.workflow.steps.forEach((w) => {
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.isReloadedTransaction = p, this.workflow.steps.forEach((w) => {
       this.stepTags[w.stepName] = w.tags ?? [];
     }), C && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
@@ -10212,7 +10212,7 @@ class Ao {
         }
       });
     else {
-      const f = await this.graphQlClient().mutate({
+      const p = await this.graphQlClient().mutate({
         mutation: so,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -10230,7 +10230,7 @@ class Ao {
         }
       });
       this.transaction.recipient = {
-        id: (h = (u = f == null ? void 0 : f.data) == null ? void 0 : u.recipientCreate) == null ? void 0 : h.id,
+        id: (h = (u = p == null ? void 0 : p.data) == null ? void 0 : u.recipientCreate) == null ? void 0 : h.id,
         firstName: t,
         lastName: e,
         address: a,
@@ -10247,14 +10247,14 @@ class Ao {
         fetchPolicy: "no-cache",
         variables: {
           id: this.transaction.id,
-          recipientId: (g = (m = f.data) == null ? void 0 : m.recipientCreate) == null ? void 0 : g.id
+          recipientId: (g = (m = p.data) == null ? void 0 : m.recipientCreate) == null ? void 0 : g.id
         },
         context: {
           transactionOwnerId: this.transaction.transactionOwnerId
         }
       });
     }
-    this.recipientCallbacks.forEach((f) => f(this.transaction.recipient));
+    this.recipientCallbacks.forEach((p) => p(this.transaction.recipient));
   }
   async initializeDefaultWorkflowState(t) {
     const e = () => {
@@ -10749,7 +10749,7 @@ class Ao {
       const E = (S = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : S.frameService;
       E == null || E.setTargetElements(a.map((B) => B.id));
     }
-    const f = u.map((E) => new Et(E.id)), p = new Va(this.constructSerializableWorkflow()), C = [...m, ...f, p];
+    const p = u.map((E) => new Et(E.id)), f = new Va(this.constructSerializableWorkflow()), C = [...m, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), v = this.modelContainer;
     if (v) {
@@ -11218,7 +11218,7 @@ class go extends rt {
     );
   }
 }
-class fo extends rt {
+class po extends rt {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11235,7 +11235,7 @@ class fo extends rt {
     return this.step.data.displayType || ((t = this.step.option) == null ? void 0 : t.displayType);
   }
 }
-class po extends rt {
+class fo extends rt {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11587,7 +11587,7 @@ class oe {
       case P.Information:
         return new wo(t, e, t.getStepTags(e.stepName));
       case P.Question:
-        return new fo(t, e, t.getStepTags(e.stepName));
+        return new po(t, e, t.getStepTags(e.stepName));
       case P.Text:
         return new Co(t, e, t.getStepTags(e.stepName));
       case P.Illustration:
@@ -11595,7 +11595,7 @@ class oe {
       case P.Picture:
         return new go(t, e, t.getStepTags(e.stepName));
       case P.Shape:
-        return new po(t, e, t.getStepTags(e.stepName));
+        return new fo(t, e, t.getStepTags(e.stepName));
       case P.Material:
         return new ho(t, e, t.getStepTags(e.stepName));
       case P.Model:
@@ -11829,7 +11829,7 @@ const Bo = async (r) => {
       Q.errors && console.log("Server Error:", Z.message);
     }), null) : it ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && oa(l, t, !0), f = l && oa(l, t, !1), p = async (D) => {
+  const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && oa(l, t, !0), p = l && oa(l, t, !1), f = async (D) => {
     const F = {};
     let k = 0;
     if (Object.keys(i).length > 0)
@@ -11838,12 +11838,12 @@ const Bo = async (r) => {
         for (let Z = 0; Z < it.selections.length; ++Z) {
           const W = it.selections[Z];
           if (R && (!D || R.option && (R.option.variants || []).length > 1 && !R.data.hideSelectionInCart && !R.data.hideSelectionsInCart)) {
-            const pt = R.stepTitle;
-            F[pt] ? F[pt].push({
+            const ft = R.stepTitle;
+            F[ft] ? F[ft].push({
               id: W.id || "",
               name: W.name,
               priceModifier: W.priceModifier
-            }) : F[pt] = [
+            }) : F[ft] = [
               {
                 id: W.id || "",
                 name: W.name,
@@ -11855,9 +11855,9 @@ const Bo = async (r) => {
         }
       }
     return [F, k];
-  }, [C] = await p(!0), w = Object.fromEntries(
+  }, [C] = await f(!0), w = Object.fromEntries(
     Object.keys(C).map((D) => [D, C[D].map((F) => F.id)])
-  ), [v] = await p(!1), S = Object.fromEntries(
+  ), [v] = await f(!1), S = Object.fromEntries(
     Object.keys(v).map((D) => [
       D,
       v[D].map((F) => F.id)
@@ -11886,9 +11886,9 @@ const Bo = async (r) => {
         useThreeDimPreview: !!m,
         previewImage: E
       };
-      if (f) {
+      if (p) {
         const F = [];
-        for (const [k, Q] of Object.entries(f))
+        for (const [k, Q] of Object.entries(p))
           F.push({ key: k, value: Q });
         D.metadata = F;
       }
@@ -11904,7 +11904,7 @@ const Bo = async (r) => {
     cartMetadata: g
   };
 }, Po = async (r, t, e, a, n, i, s, o, l, c, d) => {
-  var p, C;
+  var f, C;
   l("workflow.steps.finish.finalize.buildingLayouts");
   const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await _n(
     r,
@@ -11918,13 +11918,13 @@ const Bo = async (r) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await Bo(A), g = (p = m == null ? void 0 : m.transaction) == null ? void 0 : p.previewImageLink;
+  const m = await Bo(A), g = (f = m == null ? void 0 : m.transaction) == null ? void 0 : f.previewImageLink;
   if (!(m != null && m.transaction))
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
-  const f = m.transaction;
+  const p = m.transaction;
   return Kn(
-    f,
+    p,
     n,
     t,
     u,
@@ -12236,8 +12236,8 @@ class Qo {
       DOMParser: ha(),
       fetch
     })).render();
-    const p = await this.getCanvasObjectURLAsync(s);
-    return s.toDataURL(p);
+    const f = await this.getCanvasObjectURLAsync(s);
+    return s.toDataURL(f);
   }
   getStepById(t) {
     const e = this.getWorkflowManager().getWorkflow().steps.find((i) => i.stepName === t);
@@ -12333,15 +12333,15 @@ class Qo {
       A !== void 0 && (A.forEach((u) => d.add(JSON.stringify(u))), o.forEach((u) => {
         const h = u.getRaw().globalPropertyAspectConfigurations;
         h !== void 0 && h.forEach((m) => {
-          const g = l(m), f = d.has(JSON.stringify(m));
-          if (f && (g == null ? void 0 : g.getType()) === "Option") {
-            const p = u.getCurrentVariant();
-            if (!p)
+          const g = l(m), p = d.has(JSON.stringify(m));
+          if (p && (g == null ? void 0 : g.getType()) === "Option") {
+            const f = u.getCurrentVariant();
+            if (!f)
               return;
-            c.selectVariant(p), d.delete(JSON.stringify(m));
-          } else if (f && (g == null ? void 0 : g.getType()) === "Text") {
-            const p = u.getText();
-            c.setText(p), d.delete(JSON.stringify(m));
+            c.selectVariant(f), d.delete(JSON.stringify(m));
+          } else if (p && (g == null ? void 0 : g.getType()) === "Text") {
+            const f = u.getText();
+            c.setText(f), d.delete(JSON.stringify(m));
           }
         });
       }));
@@ -12537,7 +12537,7 @@ const No = [
   const a = t.data, n = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = n.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + n);
   o.searchParams.append("video", Ma(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${Ma(await rn(l, { type: "svg" }))}`, A = (h) => {
-    const m = r.find((f) => f.panelId === h.panelId);
+    const m = r.find((p) => p.panelId === h.panelId);
     if (!m)
       throw new q(h);
     const g = N();
@@ -12567,7 +12567,7 @@ const No = [
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
       var g;
-      const d = await Rn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Me(d), u = N(), h = r.find((f) => f.panelId === c.panelId);
+      const d = await Rn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Me(d), u = N(), h = r.find((p) => p.panelId === c.panelId);
       if (!h)
         throw new q(c);
       const m = Sa(
@@ -12650,7 +12650,7 @@ const No = [
       B.classList.add(Q), g[Q] = { browserValue: F };
     }
   });
-  const p = Bt().serializeToString(m), C = n.colors;
+  const f = Bt().serializeToString(m), C = n.colors;
   if (C) {
     for (const [B, I] of Object.entries(g))
       for (const D of Object.keys(C))
@@ -12668,7 +12668,7 @@ const No = [
       {
         colors: g,
         id: D,
-        svg: p,
+        svg: f,
         type: T.Illustration,
         y: B.top,
         x: B.left,
@@ -12769,7 +12769,7 @@ const No = [
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
   const o = (d) => {
-    const A = r.find((f) => f.panelId === d.panelId);
+    const A = r.find((p) => p.panelId === d.panelId);
     if (!A)
       throw new q(d);
     const u = `
@@ -12851,10 +12851,10 @@ const No = [
     }
   else {
     const c = await at(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = (h == null ? void 0 : h.length) > 0 ? h[0] : "", p = dt().parseFromString(m, "image/svg+xml").firstElementChild;
-      if (!p)
+      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = (h == null ? void 0 : h.length) > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
+      if (!f)
         throw new Dt("Failed to read SVG.");
-      return ma(p), Bt().serializeToString(p);
+      return ma(f), Bt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -12884,40 +12884,40 @@ const No = [
   }
   return a;
 }, Go = async (r, t, e, a) => {
-  const n = [], i = e.data, s = 30, o = (f) => f.vertical ? "center" : f.textAlign || "center", l = () => {
+  const n = [], i = e.data, s = 30, o = (p) => p.vertical ? "center" : p.textAlign || "center", l = () => {
     var w;
-    const f = a.option;
-    if (!f)
+    const p = a.option;
+    if (!p)
       return;
-    const p = ((w = f.variants) == null ? void 0 : w.find((v) => v.id === i.fontVariantId)) || te(f);
-    if (!p || !p.asset)
+    const f = ((w = p.variants) == null ? void 0 : w.find((v) => v.id === i.fontVariantId)) || te(p);
+    if (!f || !f.asset)
       return;
-    t[a.stepName] = { selectedVariants: [p] };
-    const C = p.asset.fileLink;
+    t[a.stepName] = { selectedVariants: [f] };
+    const C = f.asset.fileLink;
     if (C)
       return C;
   }, d = await (async () => {
-    const f = l();
-    if (!f)
+    const p = l();
+    if (!p)
       return;
-    const p = await Qt(f);
+    const f = await Qt(p);
     return {
-      assetUrl: f,
-      name: p.names.fullName.en
+      assetUrl: p,
+      name: f.names.fullName.en
     };
   })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = ye(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
-  }), h = async (f) => {
-    const p = f.colorOption;
-    if (!p)
+  }), h = async (p) => {
+    const f = p.colorOption;
+    if (!f)
       return;
-    const C = _.getDefaultVariant(p);
+    const C = _.getDefaultVariant(f);
     return C == null ? void 0 : C.color;
   }, m = i.color || await h(a.data), g = a.data.regions;
-  for (const f of g) {
-    const p = r.find((w) => w.panelId === f.panelId);
-    if (!p)
+  for (const p of g) {
+    const f = r.find((w) => w.panelId === p.panelId);
+    if (!f)
       continue;
     const C = {
       stepName: e.name,
@@ -12927,24 +12927,24 @@ const No = [
       fill: i.color || m || "#000000",
       fontData: d,
       fontSize: a.data.size || s,
-      height: f.height,
-      layer: f.layer,
-      layerIndex: f.layerIndex,
+      height: p.height,
+      layer: p.layer,
+      layerIndex: p.layerIndex,
       paths: a.data.paths,
-      rotation: f.rotation,
+      rotation: p.rotation,
       text: u,
       type: T.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
-      width: f.width,
-      x: f.left,
-      y: f.top
+      width: p.width,
+      x: p.left,
+      y: p.top
     };
     if (d) {
       const [w, v] = he(
         a.data.size || s,
         d,
-        f,
+        p,
         [
           ye(u, {
             vertical: a.data.vertical,
@@ -12965,11 +12965,11 @@ const No = [
             text: C.curved ? C.text : (v || []).join(`
 `)
           },
-          p
+          f
         )
       );
     } else
-      n.push(new G(C, p));
+      n.push(new G(C, f));
   }
   return n;
 }, Wo = (r, t) => r.conditions ? r.conditions.every((e) => {
@@ -13427,7 +13427,7 @@ class Xo extends Ba {
   }
   async getImageWithColors() {
     var t, e;
-    return await this.loadImageData(), (t = this.imageData) != null && t.svg ? Aa(fa(this.imageData.svg, this.imageData.colors ?? {}, !1)) : (e = this.imageData) == null ? void 0 : e.src;
+    return await this.loadImageData(), (t = this.imageData) != null && t.svg ? Aa(pa(this.imageData.svg, this.imageData.colors ?? {}, !1)) : (e = this.imageData) == null ? void 0 : e.src;
   }
   /**
    * Retrieves the original, unmodified image selection, if one exists.
@@ -14187,15 +14187,17 @@ class Zn {
    * @returns
    */
   async fetchProductsFeed(t, e, a, n, i, s) {
-    var c, d, A, u, h, m;
+    var d, A, u, h, m, g;
     if (this.fullFetched) {
-      const g = await (a ? this.filterProducts(a) : this.fetchProducts());
+      const p = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
-        total: g.length,
-        items: g.slice(t, t + e)
+        total: p.length,
+        items: p.slice(t, t + e)
       };
     }
-    const o = await b.getShadowGraphqlClient().query({
+    const o = b.getShadowGraphqlClient();
+    console.log({ client: o });
+    const l = await b.getShadowGraphqlClient().query({
       query: Ls,
       variables: {
         id: this.getId(),
@@ -14216,8 +14218,8 @@ class Zn {
       fetchPolicy: this.fetched ? "cache-only" : "cache-first"
     });
     return this.fetched = !0, {
-      items: ((A = (d = (c = o == null ? void 0 : o.data) == null ? void 0 : c.productCollections) == null ? void 0 : d[0].productCollectionProductsFeed) == null ? void 0 : A.items.filter((g) => !!g.product).map((g) => new le(g))) || [],
-      total: ((m = (h = (u = o == null ? void 0 : o.data) == null ? void 0 : u.productCollections) == null ? void 0 : h[0].productCollectionProductsFeed) == null ? void 0 : m.total) ?? 0
+      items: ((u = (A = (d = l == null ? void 0 : l.data) == null ? void 0 : d.productCollections) == null ? void 0 : A[0].productCollectionProductsFeed) == null ? void 0 : u.items.filter((p) => !!p.product).map((p) => new le(p))) || [],
+      total: ((g = (m = (h = l == null ? void 0 : l.data) == null ? void 0 : h.productCollections) == null ? void 0 : m[0].productCollectionProductsFeed) == null ? void 0 : g.total) ?? 0
     };
   }
   getTransformCollection() {
@@ -14539,11 +14541,11 @@ class He {
         return;
       }
       console.log("Setting default global variants."), this.globalPropertyHandleService.getHandles().then((m) => {
-        const g = m.map((f) => {
-          if (f.getType() === et.ColorOption || f.getType() === et.Option) {
-            const p = f;
+        const g = m.map((p) => {
+          if (p.getType() === et.ColorOption || p.getType() === et.Option) {
+            const f = p;
             if (this.globalPropertyStateManager.getGlobalPropertyState())
-              return p.initDefaultVariant();
+              return f.initDefaultVariant();
             console.log("Attempted to set global default variant before state was initialized.");
           }
         });
@@ -14680,11 +14682,11 @@ class He {
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             l
-          ), m = [...new Set(A.map((f) => f.number))];
+          ), m = [...new Set(A.map((p) => p.number))];
           if (m.length > h)
-            for (const f of m) {
-              const p = this.getGlobalPropertyStateManager(), C = u.find((w) => w.channelNumber === f);
-              C && await p.setAspect(l, C.variant.id || "", void 0, C.channelNumber);
+            for (const p of m) {
+              const f = this.getGlobalPropertyStateManager(), C = u.find((w) => w.channelNumber === p);
+              C && await f.setAspect(l, C.variant.id || "", void 0, C.channelNumber);
             }
         }
       }
@@ -14882,7 +14884,7 @@ class He {
       variables: {
         id: this.id,
         details: t,
-        type: e || fe.Owner
+        type: e || pe.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -15191,7 +15193,7 @@ const gl = y`
         }
     }
 `;
-class fl {
+class pl {
   /**
    *
    * @param id
@@ -15244,7 +15246,7 @@ class fl {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new pl(m);
+        o = !0, d = new fl(m);
         break;
       }
       l += 1;
@@ -15258,7 +15260,7 @@ class fl {
     return Promise.resolve(d);
   }
 }
-class pl {
+class fl {
   constructor(t) {
     this.execution = t;
   }
@@ -15601,12 +15603,12 @@ class Zc {
       try {
         return b.getShadowGraphqlClient().mutate({
           ...e,
-          mutation: pi
+          mutation: fi
         });
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.38.0-beta.67ad5dcf-77a2-51da-a7de-ffed9137f36a"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.38.0-beta.d98620d3-59a9-5edf-b33f-1e6356cd6536"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && Rr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15626,7 +15628,7 @@ class Zc {
   getFlowService() {
     if (!Nr())
       throw new Error("Application key required to use Flow Service.");
-    return new fl();
+    return new pl();
   }
   async getIntegration() {
     if (this.activeIntegration)
@@ -15653,7 +15655,7 @@ class Zc {
     var n, i;
     const e = M.getMap("bundleOwnerIds");
     if (e != null && e.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: fe.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: pe.Owner });
     const a = M.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (a.has(t)) {
       const s = a.get(t), l = (M.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
@@ -15702,11 +15704,11 @@ class Zc {
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
     const s = M.getMap("transactionOwnerIds");
     if (s != null && s.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: fe.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: pe.Owner });
     const o = M.getMap("transactionCustomerIds");
     if (o != null && o.has(t)) {
-      const f = o.get(t);
-      if (f && await this.authenticateCustomerId(f)) {
+      const p = o.get(t);
+      if (p && await this.authenticateCustomerId(p)) {
         const C = ((h = (u = this.customer) == null ? void 0 : u.bundleStakeholders) == null ? void 0 : h.find(
           (w) => {
             var v, S;
@@ -15913,13 +15915,13 @@ class Zc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var f, p, C, w, v, S, E, B, I, D, F;
-    const i = M.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([k, Q]) => k.startsWith("CognitoIdentityServiceProvider") && k.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
+    var p, f, C, w, v, S, E, B, I, D, F;
+    const i = M.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((p = Object.entries(localStorage).find(([k, Q]) => k.startsWith("CognitoIdentityServiceProvider") && k.endsWith("idToken"))) == null ? void 0 : p[0]) || "", c = localStorage.getItem(l), d = {};
     c && !Be(c) && (d.Authorization = `Bearer ${c}`);
     const A = {
       bundleOwnerId: s,
       ...d,
-      ...(p = n == null ? void 0 : n.graphql) == null ? void 0 : p.additionalHeaders
+      ...(f = n == null ? void 0 : n.graphql) == null ? void 0 : f.additionalHeaders
     }, u = await b.getShadowGraphqlClient().query({
       query: Rs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
       variables: {
@@ -15949,8 +15951,8 @@ class Zc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async duplicateBundle(t, e, a, n) {
-    var f, p, C, w, v, S, E, B;
-    const i = (f = M.getMap("bundleOwnerIds")) == null ? void 0 : f.get(t), o = ((p = Object.entries(localStorage).find(([I, D]) => I.startsWith("CognitoIdentityServiceProvider") && I.endsWith("idToken"))) == null ? void 0 : p[0]) || "", l = localStorage.getItem(o), c = {};
+    var p, f, C, w, v, S, E, B;
+    const i = (p = M.getMap("bundleOwnerIds")) == null ? void 0 : p.get(t), o = ((f = Object.entries(localStorage).find(([I, D]) => I.startsWith("CognitoIdentityServiceProvider") && I.endsWith("idToken"))) == null ? void 0 : f[0]) || "", l = localStorage.getItem(o), c = {};
     l && !Be(l) && (c.Authorization = `Bearer ${l}`);
     const d = {
       bundleOwnerId: i,
@@ -16055,7 +16057,7 @@ class Zc {
       if (S.length === 0)
         return [];
       const E = S.map((Q) => Q.option.transactionId), B = await a.query({
-        query: fi,
+        query: pi,
         variables: {
           ids: E
         },
@@ -16111,7 +16113,7 @@ class Zc {
     ), c = Da(o, 10), d = Da(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
-    ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await er(u, e), m = new Map(h.map((S) => [S.id, S])), g = M.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (S) => {
+    ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await er(u, e), m = new Map(h.map((S) => [S.id, S])), g = M.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (S) => {
       var Z;
       const { transaction: E, workflowId: B, readOnly: I, index: D } = S, F = m.get(B), k = t[D];
       !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
@@ -16136,10 +16138,10 @@ class Zc {
       };
       if (k.type === "transaction" && E.workflowState) {
         const W = JSON.parse(E.workflowState);
-        R.layouts = Object.values(W.layouts || {}).map((pt) => pt.layout), await La(W), R.reloadedState = W;
+        R.layouts = Object.values(W.layouts || {}).map((ft) => ft.layout), await La(W), R.reloadedState = W;
       } else if (!I && k.workflowState) {
         const W = JSON.parse(k.workflowState);
-        R.layouts = Object.values(W.layouts || {}).map((pt) => pt.layout), await La(W), R.reloadedState = W;
+        R.layouts = Object.values(W.layouts || {}).map((ft) => ft.layout), await La(W), R.reloadedState = W;
       } else
         R.layouts = Dl(
           R.transaction,
@@ -16148,9 +16150,9 @@ class Zc {
       return R.renderableContextService = new Ho(
         R.layouts
       ), R.delayWorkflowStateSync = !0, { experienceOptions: R, index: D, options: k };
-    }), p = await Promise.all(f);
+    }), f = await Promise.all(p);
     M.setMap("transactionOwnerIds", g);
-    const w = p.sort((S, E) => S.index - E.index).map(async (S) => {
+    const w = f.sort((S, E) => S.index - E.index).map(async (S) => {
       const { experienceOptions: E, options: B } = S, I = new Qo(this, E);
       return await I.getWorkflowManager().getInitializationPromise(), B.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
     }), v = await Promise.all(w);
@@ -16366,7 +16368,7 @@ class kl {
   getImageSrc() {
     if (this.imageData) {
       if (this.imageData.svg) {
-        const t = fa(this.imageData.svg, this.imageData.colors || {}, !1);
+        const t = pa(this.imageData.svg, this.imageData.colors || {}, !1);
         return Aa(t);
       }
       return this.imageData.src;
@@ -17252,7 +17254,7 @@ const nr = y`
     }
 `;
 var Kl = /* @__PURE__ */ ((r) => (r.Confirmed = "Confirmed", r.Plausible = "Plausible", r.Unlikely = "Unlikely", r))(Kl || {}), _l = /* @__PURE__ */ ((r) => (r.Created = "Created", r.Processing = "Processing", r.Completed = "Completed", r.Failed = "Failed", r.Cancelled = "Cancelled", r))(_l || {});
-const fd = async (r) => {
+const pd = async (r) => {
   const t = r.map((a) => {
     var n;
     return (n = a.getWorkflowManager().getTransaction().recipient) == null ? void 0 : n.id;
@@ -17270,7 +17272,7 @@ const fd = async (r) => {
     if (n)
       return (l = (o = (s = e.data) == null ? void 0 : s.recipients) == null ? void 0 : o.find((c) => c.id === n)) == null ? void 0 : l.addressValidationJob;
   });
-}, pd = async (r) => {
+}, fd = async (r) => {
   var e;
   return (e = (await b.getShadowGraphqlClient().query({
     query: Hl,
@@ -17333,8 +17335,8 @@ export {
   yo as DigitalContentStepHandle,
   Xo as FileUploadGlobalPropertyHandle,
   ce as FlowExecutionNodeResult,
-  pl as FlowExecutionResult,
-  fl as FlowService,
+  fl as FlowExecutionResult,
+  pl as FlowService,
   ss as FontAlignmentCommand,
   rs as FontColorCommand,
   is as FontSizeCommand,
@@ -17362,7 +17364,7 @@ export {
   tr as ObjectInput,
   Cl as ObjectInputType,
   Xn as OptionGlobalPropertyHandle,
-  pe as OptionNotFoundError,
+  fe as OptionNotFoundError,
   Dt as ParseError,
   go as PictureStepHandle,
   Sr as ProductCameraRig,
@@ -17371,18 +17373,18 @@ export {
   Gt as ProductWorkflow,
   qt as PromiseCache,
   Fn as PromiseQueue,
-  fo as QuestionStepHandle,
+  po as QuestionStepHandle,
   Dn as QueueablePromise,
   Vc as ResizeCommand,
   jt as ResourceNotFoundError,
   Lc as RotateCommand,
   j as ScaleAxis,
   Hc as SendBackwardsCommand,
-  po as ShapeStepHandle,
+  fo as ShapeStepHandle,
   wr as ShareActionType,
   Zc as SpiffCommerceClient,
-  fe as StakeholderType,
-  pr as StepAspectType,
+  pe as StakeholderType,
+  fr as StepAspectType,
   rt as StepHandle,
   P as StepType,
   Mt as TextAlgorithm,
@@ -17420,7 +17422,7 @@ export {
   jo as generateCommands,
   lt as generateSVGWithUnknownColors,
   Yc as generateStateFromDesignInputSteps,
-  pd as getAddressValidationJobs,
+  fd as getAddressValidationJobs,
   Fe as getAttributesFromArrayBuffer,
   bc as getAxisAlignedBoundingBox,
   xl as getBoundedOffsets,
@@ -17445,7 +17447,7 @@ export {
   Ad as getTransactionsForBundle,
   Dc as getTrueCoordinates,
   ud as getUnorderedTransactions,
-  fd as getValidationJobsForWorkflowExperiences,
+  pd as getValidationJobsForWorkflowExperiences,
   Xc as getWorkflow,
   er as getWorkflows,
   b as graphQlManager,
@@ -17457,7 +17459,7 @@ export {
   sl as metafieldManager,
   Nc as mmPerPixel,
   Gn as modelStepService,
-  fa as modifySVGColors,
+  pa as modifySVGColors,
   Wn as moduleStepService,
   id as nameBundle,
   sd as nameTransaction,