@spiffcommerce/core 26.35.0 → 26.36.0-beta.9b9f56a8-75f7-506d-92ac-4ac8f37f9b93

package/dist/index.mjs

@@ -19,7 +19,7 @@ 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 || {}), D = /* @__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))(D || {}), 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 || {}), pr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(pr || {}), Cr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Cr || {}), wr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(wr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), yr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(yr || {}), 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 || {}), Sr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Sr || {});
+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 || {}), D = /* @__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))(D || {}), 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 || {}), fr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(fr || {}), Cr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Cr || {}), wr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(wr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), yr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(yr || {}), 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 || {}), Sr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Sr || {});
 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";
   }
@@ -158,7 +158,7 @@ class Br {
 }
 const mt = new Br();
 let _e, Xe;
-function pc(r) {
+function fc(r) {
   _e = r;
 }
 function Cc(r) {
@@ -330,12 +330,12 @@ class $r {
       uri: `${mt.getServerUrl()}/graphql`,
       fetch: Or
     }), e = lr(async (i, s) => {
-      const { headers: o } = s, l = o || {}, c = await Rr(), 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 Rr(), 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;
             });
@@ -343,7 +343,7 @@ class $r {
         }
       } 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 = cr(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -363,7 +363,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");
@@ -372,7 +372,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");
@@ -381,7 +381,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 {
@@ -3197,9 +3197,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")) {
@@ -3333,7 +3333,7 @@ const ie = (r) => {
   if (!i)
     throw new Error("Failed to read SVG.");
   return _r(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.");
@@ -3422,7 +3422,7 @@ const ie = (r) => {
             ...AssetFields
         }
     }
-`, pa = y`
+`, fa = y`
     fragment MaterialFields on Material {
         id
         name
@@ -3470,7 +3470,7 @@ const ie = (r) => {
         }
     }
 `, ei = y`
-    ${pa}
+    ${fa}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
@@ -3861,7 +3861,7 @@ const qt = new oi(), vn = y`
     }
 `, li = y`
     ${Xt(!1)}
-    ${pa}
+    ${fa}
     ${vn}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
@@ -4134,6 +4134,7 @@ const _ = new ui(), En = y`
                 postalCode
                 country
                 mobile
+                company
             }
             product {
                 id
@@ -4237,13 +4238,13 @@ const _ = new ui(), En = y`
             id
         }
     }
-`, fi = y`
+`, pi = y`
     mutation UpdateTransactionQuantity($id: String!, $quantity: Int) {
         transactionUpdate(id: $id, quantity: $quantity) {
             id
         }
     }
-`, pi = y`
+`, fi = y`
     query ReadTransactionForDesignCreation($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4565,7 +4566,7 @@ const _ = new ui(), En = y`
     }
 `, Di = (r) => y`
         ${Xt(r)}
-        ${pa}
+        ${fa}
         ${vn}
         ${Ei}
         ${Bi}
@@ -5307,13 +5308,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",
@@ -5332,7 +5333,7 @@ const N = () => {
         maxHeight: s,
         position: c
       },
-      viewBox: f,
+      viewBox: p,
       children: [
         w,
         C,
@@ -5367,7 +5368,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",
             {
@@ -5393,7 +5394,7 @@ const N = () => {
     }
   );
 }, Ec = (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,
@@ -5403,8 +5404,8 @@ const N = () => {
 }, Bc = (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), bc = (r, t, e) => Math.abs(r - t) < e, Ic = (r, t, e) => {
-  const a = Math.sin(ft(e)), n = Math.cos(ft(e));
+}, pt = (r) => r * (Math.PI / 180), bc = (r, t, e) => Math.abs(r - t) < e, Ic = (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
@@ -5441,7 +5442,7 @@ const N = () => {
       return j.Northwest;
   }
 }, kc = (r, t) => t > 45 && t <= 135 ? It(r) : t > 135 && t <= 225 ? It(It(r)) : t > 225 && t <= 315 ? It(It(It(r))) : r, Mc = (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 = {
@@ -5471,7 +5472,7 @@ const N = () => {
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
 }, Tc = 0.352778, Qc = 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",
     {
@@ -5494,7 +5495,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(
@@ -5529,7 +5530,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;
@@ -5555,17 +5556,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, P, 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 = ((P = r.pattern) == null ? void 0 : P.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 = ((P = r.pattern) == null ? void 0 : P.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
@@ -5574,9 +5575,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()
     }];
   };
@@ -5700,18 +5701,18 @@ const zi = (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,
@@ -5726,7 +5727,7 @@ const zi = (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);
   }
@@ -5864,14 +5865,14 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       };
   })()
 } : r, Ca = 1.1, Ki = (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: [
@@ -5911,7 +5912,7 @@ const zi = (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",
       {
@@ -5927,14 +5928,14 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         },
         stroke: d,
         strokeWidth: A,
-        children: r.curved ? /* @__PURE__ */ x(Xi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ x(
+        children: r.curved ? /* @__PURE__ */ x(Xi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((f, C) => /* @__PURE__ */ x(
           _i,
           {
             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,
@@ -5989,7 +5990,7 @@ const zi = (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)
@@ -6308,8 +6309,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);
@@ -6333,8 +6334,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 De(e), d = await Fe(c), A = d.width / d.height;
@@ -7226,13 +7227,13 @@ class Ga {
           command: new G(h, i)
         };
       } else {
-        const u = this.configuration.type === D.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 === D.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,
@@ -7341,8 +7342,8 @@ class ds {
   }
   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(
@@ -7475,13 +7476,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, {
@@ -7705,18 +7706,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
@@ -7725,7 +7726,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
@@ -7926,25 +7927,25 @@ class As {
       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(
@@ -7963,7 +7964,7 @@ class As {
     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);
@@ -7991,8 +7992,8 @@ class As {
       };
     }, 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;
@@ -8053,7 +8054,7 @@ class us {
   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 {
@@ -8071,7 +8072,7 @@ class us {
       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) {
@@ -8085,8 +8086,8 @@ class us {
             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 || {}
                 ));
@@ -8131,7 +8132,7 @@ class hs {
   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 {
@@ -8248,11 +8249,11 @@ class ms {
       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,
@@ -8270,12 +8271,12 @@ class ms {
             layerIndex: u.layerIndex,
             immutable: u.immutable
           },
-          f
+          p
         )
       ), {
         id: m,
         region: u,
-        command: new $(p)
+        command: new $(f)
       };
     };
     if (i.length > 0) {
@@ -8418,7 +8419,7 @@ class gs {
   }
 }
 const jn = new gs();
-class fs {
+class ps {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
@@ -8476,8 +8477,8 @@ class fs {
     };
   }
 }
-const Hn = new fs();
-class ps {
+const Hn = new ps();
+class fs {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
   }
@@ -8503,7 +8504,7 @@ class ps {
   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 {
@@ -8585,7 +8586,7 @@ class ps {
         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"
@@ -8605,8 +8606,8 @@ class ps {
                             fill="${g}"
                         />
                     </svg>
-                `, p = {};
-        p[this.shapeFillId] = { browserValue: g };
+                `, f = {};
+        f[this.shapeFillId] = { browserValue: g };
         const C = N();
         return {
           id: C,
@@ -8615,9 +8616,9 @@ class ps {
             {
               stepRegion: h,
               stepName: t.stepName,
-              colors: p,
+              colors: f,
               id: C,
-              svg: f,
+              svg: p,
               type: T.Illustration,
               y: h.top,
               x: h.left,
@@ -8649,7 +8650,7 @@ class ps {
     }
   }
 }
-const Vt = new ps();
+const Vt = new fs();
 class Cs {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8688,14 +8689,14 @@ const ws = new Cs(), 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);
     }
@@ -9012,19 +9013,19 @@ class Ss {
       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
@@ -9073,16 +9074,16 @@ class Ss {
     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,
@@ -9119,18 +9120,18 @@ class Ss {
         !!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),
@@ -9153,19 +9154,19 @@ class Ss {
       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 = {
@@ -9191,7 +9192,7 @@ class Ss {
           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.");
@@ -9222,8 +9223,8 @@ class Ss {
           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 ? (ws.setLatestToast("Failed to load font.", Te.Error), A) : A instanceof Ee ? A : new Error(A);
@@ -9265,7 +9266,7 @@ class Ss {
         );
         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());
@@ -9278,11 +9279,11 @@ class Ss {
       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)
@@ -9482,12 +9483,12 @@ class xs extends vs {
     m.classList.add("module-bounds"), u.appendChild(m);
     const g = Bs(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 = mr(d);
-    return Ds(f, C, e.height, e.width, 0.35, 0.65), Is(u.outerHTML);
+    return Ds(p, C, e.height, e.width, 0.35, 0.65), Is(u.outerHTML);
   }
 }
 async function qn(r) {
@@ -10079,6 +10080,7 @@ const Ts = y`
         $postalCode: String
         $country: String
         $mobile: String
+        $company: String
     ) {
         recipientCreate(
             firstName: $firstName
@@ -10090,6 +10092,7 @@ const Ts = y`
             postalCode: $postalCode
             country: $country
             mobile: $mobile
+            company: $company
         ) {
             id
         }
@@ -10106,6 +10109,7 @@ const Ts = y`
         $postalCode: String
         $country: String
         $mobile: String
+        $company: String
     ) {
         recipientUpdate(
             id: $id
@@ -10118,6 +10122,7 @@ const Ts = y`
             postalCode: $postalCode
             country: $country
             mobile: $mobile
+            company: $company
         ) {
             id
         }
@@ -10144,7 +10149,7 @@ class Ha extends Pn {
   }
 }
 class lo {
-  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)
@@ -10153,7 +10158,7 @@ class lo {
       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.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;
@@ -10165,9 +10170,9 @@ class lo {
       })
     );
   }
-  async updateRecipient(t, e, a, n, i, s, o, l, c) {
-    var d, A, u, h, m;
-    if ((d = this.transaction.recipient) != null && d.id)
+  async updateRecipient(t, e, a, n, i, s, o, l, c, d) {
+    var A, u, h, m, g;
+    if ((A = this.transaction.recipient) != null && A.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
         firstName: t || this.transaction.recipient.firstName,
@@ -10178,7 +10183,8 @@ class lo {
         email: s || this.transaction.recipient.email,
         postalCode: o || this.transaction.recipient.postalCode,
         country: l || this.transaction.recipient.country,
-        mobile: c || this.transaction.recipient.mobile
+        mobile: c || this.transaction.recipient.mobile,
+        company: d || this.transaction.recipient.company
       }, await this.graphQlClient().mutate({
         mutation: io,
         errorPolicy: "all",
@@ -10193,11 +10199,12 @@ class lo {
           email: s || this.transaction.recipient.email,
           postalCode: o || this.transaction.recipient.postalCode,
           country: l || this.transaction.recipient.country,
-          mobile: c || this.transaction.recipient.mobile
+          mobile: c || this.transaction.recipient.mobile,
+          company: d || this.transaction.recipient.company
         }
       });
     else {
-      const g = await this.graphQlClient().mutate({
+      const p = await this.graphQlClient().mutate({
         mutation: ro,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
@@ -10210,11 +10217,12 @@ class lo {
           email: s,
           postalCode: o,
           country: l,
-          mobile: c
+          mobile: c,
+          company: d
         }
       });
       this.transaction.recipient = {
-        id: (u = (A = g == null ? void 0 : g.data) == null ? void 0 : A.recipientCreate) == null ? void 0 : u.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,
@@ -10223,20 +10231,22 @@ class lo {
         email: s,
         postalCode: o,
         country: l,
-        mobile: c
+        mobile: c,
+        company: d
       }, await this.graphQlClient().mutate({
         mutation: so,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
           id: this.transaction.id,
-          recipientId: (m = (h = g.data) == null ? void 0 : h.recipientCreate) == null ? void 0 : m.id
+          recipientId: (g = (m = p.data) == null ? void 0 : m.recipientCreate) == null ? void 0 : g.id
         },
         context: {
           transactionOwnerId: this.transaction.transactionOwnerId
         }
       });
     }
+    this.recipientCallbacks.forEach((p) => p(this.transaction.recipient));
   }
   async initializeDefaultWorkflowState(t) {
     const e = () => {
@@ -10317,6 +10327,9 @@ class lo {
   addValidationCallback(t) {
     this.validationCallbacks.push(t), t(this.validationErrors);
   }
+  addRecipientCallback(t) {
+    this.recipientCallbacks.push(t), t(this.transaction.recipient);
+  }
   getLayouts() {
     return this.layouts;
   }
@@ -10725,7 +10738,7 @@ class lo {
       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) {
@@ -11266,7 +11279,7 @@ class go extends rt {
     return t;
   }
 }
-class fo extends rt {
+class po extends rt {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11467,7 +11480,7 @@ class fo extends rt {
     await H.changeStrokeColor(this.step, t, e, this.manager);
   }
 }
-class po extends rt {
+class fo extends rt {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -11561,11 +11574,11 @@ class oe {
       case D.DigitalContent:
         return new Co(t, e, t.getStepTags(e.stepName));
       case D.Information:
-        return new po(t, e, t.getStepTags(e.stepName));
+        return new fo(t, e, t.getStepTags(e.stepName));
       case D.Question:
         return new mo(t, e, t.getStepTags(e.stepName));
       case D.Text:
-        return new fo(t, e, t.getStepTags(e.stepName));
+        return new po(t, e, t.getStepTags(e.stepName));
       case D.Illustration:
         return new co(t, e, t.getStepTags(e.stepName));
       case D.Picture:
@@ -11805,7 +11818,7 @@ const vo = 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 (P) => {
+  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 (P) => {
     const F = {};
     let k = 0;
     if (Object.keys(i).length > 0)
@@ -11814,12 +11827,12 @@ const vo = async (r) => {
         for (let Z = 0; Z < it.selections.length; ++Z) {
           const W = it.selections[Z];
           if (R && (!P || 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,
@@ -11831,9 +11844,9 @@ const vo = async (r) => {
         }
       }
     return [F, k];
-  }, [C] = await p(!0), w = Object.fromEntries(
+  }, [C] = await f(!0), w = Object.fromEntries(
     Object.keys(C).map((P) => [P, C[P].map((F) => F.id)])
-  ), [v] = await p(!1), S = Object.fromEntries(
+  ), [v] = await f(!1), S = Object.fromEntries(
     Object.keys(v).map((P) => [
       P,
       v[P].map((F) => F.id)
@@ -11862,9 +11875,9 @@ const vo = 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 });
         P.metadata = F;
       }
@@ -11880,7 +11893,7 @@ const vo = async (r) => {
     cartMetadata: g
   };
 }, bo = 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,
@@ -11894,13 +11907,13 @@ const vo = async (r) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await vo(A), g = (p = m == null ? void 0 : m.transaction) == null ? void 0 : p.previewImageLink;
+  const m = await vo(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,
@@ -12212,8 +12225,8 @@ class Mo {
       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);
@@ -12309,15 +12322,15 @@ class Mo {
       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));
           }
         });
       }));
@@ -12475,7 +12488,7 @@ class Mo {
     ), this.checkForPriceBreakChanges();
     const e = this.getWorkflowManager().getTransaction();
     await this.graphQlClient().mutate({
-      mutation: fi,
+      mutation: pi,
       variables: {
         id: e.id,
         quantity: t
@@ -12513,7 +12526,7 @@ const To = [
   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();
@@ -12543,7 +12556,7 @@ const To = [
     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(
@@ -12626,7 +12639,7 @@ const To = [
       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 P of Object.keys(C))
@@ -12644,7 +12657,7 @@ const To = [
       {
         colors: g,
         id: P,
-        svg: p,
+        svg: f,
         type: T.Illustration,
         y: B.top,
         x: B.left,
@@ -12745,7 +12758,7 @@ const To = [
     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 = `
@@ -12827,10 +12840,10 @@ const To = [
     }
   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 Pt("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);
@@ -12860,40 +12873,40 @@ const To = [
   }
   return a;
 }, Vo = 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,
@@ -12903,24 +12916,24 @@ const To = [
       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,
@@ -12941,11 +12954,11 @@ const To = [
             text: C.curved ? C.text : (v || []).join(`
 `)
           },
-          p
+          f
         )
       );
     } else
-      n.push(new G(C, p));
+      n.push(new G(C, f));
   }
   return n;
 }, zo = (r, t) => r.conditions ? r.conditions.every((e) => {
@@ -13403,7 +13416,7 @@ class Ko 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.
@@ -14514,11 +14527,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.");
           }
         });
@@ -14655,11 +14668,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);
             }
         }
       }
@@ -14857,7 +14870,7 @@ class He {
       variables: {
         id: this.id,
         details: t,
-        type: e || fe.Owner
+        type: e || pe.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -15318,7 +15331,7 @@ class ba {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var fl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(fl || {});
+var pl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(pl || {});
 class Yc extends ba {
   constructor(t) {
     super(`"${t}"`);
@@ -15392,7 +15405,7 @@ const Ja = y`
             }
         }
     }
-`, pl = y`
+`, fl = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15581,7 +15594,7 @@ class _c {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Mr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.35.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Mr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.36.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && Qr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15628,7 +15641,7 @@ class _c {
     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);
@@ -15677,11 +15690,11 @@ class _c {
       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;
@@ -15757,7 +15770,7 @@ class _c {
     })).data.customer;
     if (!n.id) {
       const l = (s = (await e.mutate({
-        mutation: pl,
+        mutation: fl,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -15888,13 +15901,13 @@ class _c {
    * @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, P, 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, P, 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: Qs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
       variables: {
@@ -15924,8 +15937,8 @@ class _c {
    * @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, P]) => 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, P]) => 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,
@@ -16086,7 +16099,7 @@ class _c {
     ), c = Pa(o, 10), d = Pa(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: P } = S, F = m.get(B), k = t[P];
       !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
@@ -16111,10 +16124,10 @@ class _c {
       };
       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 = Il(
           R.transaction,
@@ -16123,9 +16136,9 @@ class _c {
       return R.renderableContextService = new Wo(
         R.layouts
       ), R.delayWorkflowStateSync = !0, { experienceOptions: R, index: P, 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 Mo(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);
@@ -16214,7 +16227,7 @@ const Dl = async (r, t) => (await b.getShadowGraphqlClient().query({
   }
 })).data.currentIntegration, Xc = async (r) => {
   const e = await b.getShadowGraphqlClient().query({
-    query: pi,
+    query: fi,
     errorPolicy: "all",
     fetchPolicy: "network-only",
     variables: {
@@ -16341,7 +16354,7 @@ class Fl {
   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;
@@ -16489,7 +16502,7 @@ class Fl {
   }
 }
 class ad {
-  updateRecipient(t, e, a, n, i, s, o, l, c) {
+  updateRecipient(t, e, a, n, i, s, o, l, c, d) {
     throw new Error("Method not implemented.");
   }
   approveTransaction(t) {
@@ -17255,7 +17268,7 @@ const md = async (r) => {
       ids: r
     }
   })).data) == null ? void 0 : e.addressValidationJobs;
-}, fd = async (r) => {
+}, pd = async (r) => {
   var e, a;
   return (e = r.getWorkflowManager().getTransaction().recipient) != null && e.id ? (a = (await b.getShadowGraphqlClient().mutate({
     mutation: Hl,
@@ -17265,7 +17278,7 @@ const md = async (r) => {
       id: r.getWorkflowManager().getTransaction().recipient.id
     }
   })).data) == null ? void 0 : a.recipientValidate : void 0;
-}, pd = async (r) => {
+}, fd = async (r) => {
   const t = r.map((a) => {
     var n;
     return (n = a.getWorkflowManager().getTransaction().recipient) == null ? void 0 : n.id;
@@ -17295,7 +17308,7 @@ export {
   Gc as BringForwardCommand,
   zc as BringToBackCommand,
   Vc as BringToFrontCommand,
-  pr as BundleDesignCreationCartAddMode,
+  fr as BundleDesignCreationCartAddMode,
   O as CanvasCommand,
   le as CollectionProduct,
   qa as ColorOptionGlobalPropertyHandle,
@@ -17321,7 +17334,7 @@ export {
   $ as GroupCommand,
   co as IllustrationStepHandle,
   Te as InformationMessageType,
-  po as InformationStepHandle,
+  fo as InformationStepHandle,
   Ya as IntegrationProduct,
   wr as IntegrationType,
   Rc as LayoutElementFactory,
@@ -17335,9 +17348,9 @@ export {
   wo as ModuleStepHandle,
   Oc as MoveCommand,
   tr as ObjectInput,
-  fl as ObjectInputType,
+  pl as ObjectInputType,
   Xn as OptionGlobalPropertyHandle,
-  pe as OptionNotFoundError,
+  fe as OptionNotFoundError,
   Pt as ParseError,
   ho as PictureStepHandle,
   yr as ProductCameraRig,
@@ -17356,15 +17369,15 @@ export {
   go as ShapeStepHandle,
   Cr as ShareActionType,
   _c as SpiffCommerceClient,
-  fe as StakeholderType,
-  fr as StepAspectType,
+  pe as StakeholderType,
+  pr as StepAspectType,
   rt as StepHandle,
   D as StepType,
   Mt as TextAlgorithm,
   os as TextChangeCommand,
   _o as TextGlobalPropertyHandle,
   Yc as TextInput,
-  fo as TextStepHandle,
+  po as TextStepHandle,
   ol as Transform,
   sl as TransformCollection,
   z as UnhandledBehaviorError,
@@ -17432,7 +17445,7 @@ export {
   rl as metafieldManager,
   Tc as mmPerPixel,
   Gn as modelStepService,
-  fa as modifySVGColors,
+  pa as modifySVGColors,
   Wn as moduleStepService,
   nd as nameBundle,
   rd as nameTransaction,
@@ -17444,7 +17457,7 @@ export {
   yc as pmsToRgb,
   Hn as questionStepService,
   Cc as registerFetchImplementation,
-  pc as registerWindowImplementation,
+  fc as registerWindowImplementation,
   La as rehydrateSerializedLayout,
   Gr as rgbToPms,
   se as rotateAroundPoint,
@@ -17460,8 +17473,8 @@ export {
   Aa as svgToDataUrl,
   H as textStepService,
   ws as toast,
-  fd as validateWorkflowExperienceRecipient,
-  pd as validateWorkflowExperienceRecipients,
+  pd as validateWorkflowExperienceRecipient,
+  fd as validateWorkflowExperienceRecipients,
   Bt as xmlSerializer
 };
 //# sourceMappingURL=index.mjs.map