@spiffcommerce/core 27.2.1-beta.53daa97c-6932-5a12-a2b0-5f55ecb6f4c7 → 27.2.1-beta.7511abac-e002-517f-be28-38477f8184a4

package/dist/index.mjs

@@ -21,7 +21,7 @@ import { split as Ze } from "unicode-default-word-boundary";
 import ln from "lodash.debounce";
 import "fs";
 import "path";
-var Ce = /* @__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))(Ce || {}), G = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(G || {}), 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 || {}), wr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(wr || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), M = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(M || {}), yr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(yr || {}), Sr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Sr || {}), vr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(vr || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Er = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Er || {}), we = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(we || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), q = /* @__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))(q || {}), Br = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Br || {});
+var Ce = /* @__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))(Ce || {}), G = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(G || {}), 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 || {}), wr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(wr || {}), qt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(qt || {}), M = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(M || {}), yr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(yr || {}), Sr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Sr || {}), vr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(vr || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Er = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Er || {}), we = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(we || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), H = /* @__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))(H || {}), Br = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Br || {});
 class cn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -47,7 +47,7 @@ class vt extends _t {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
 }
-class qt extends _t {
+class Ht extends _t {
   constructor(t) {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
@@ -296,18 +296,18 @@ const Rr = (r) => {
 let mn;
 const $r = (r) => {
   mn = r;
-}, Ur = () => new Promise((r) => {
+}, Lr = () => new Promise((r) => {
   const t = mt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
-}), Lr = async () => {
+}), Ur = async () => {
   const r = {
     applicationKey: ma,
     customerToken: Qr,
     bearer: mn
   };
-  return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Ur(), ...r } : r;
+  return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Lr(), ...r } : r;
 };
 async function Vr(r, t) {
   const e = mt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
@@ -331,7 +331,7 @@ class Gr {
       uri: `${mt.getServerUrl()}/graphql`,
       fetch: Vr
     }), e = lr(async (i, s) => {
-      const { headers: o } = s, l = o || {}, c = await Lr();
+      const { headers: o } = s, l = o || {}, c = await Ur();
       let d = s.bearer ?? c.bearer;
       if (this.spiffClient)
         try {
@@ -427,7 +427,7 @@ const zr = (r) => new Promise((t) => {
 }, jr = (r) => {
   const e = r.naturalWidth / r.naturalHeight;
   return r.naturalHeight <= 8192 && r.naturalWidth <= 8192 ? [r.naturalWidth, r.naturalHeight] : r.naturalHeight > r.naturalWidth ? [e * 8192, 8192] : [8192, 8192 / e];
-}, Hr = async (r) => {
+}, qr = async (r) => {
   var A;
   const t = await Tr(r), e = await Zt(t), [a, n] = jr(e);
   if (!await Wr()) {
@@ -460,7 +460,7 @@ const zr = (r) => new Promise((t) => {
   }
   return d.drawImage(e, 0, 0, o, l), c;
 }, Me = async (r) => {
-  const t = await Hr(r);
+  const t = await qr(r);
   return ke(r) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
     height: t.height,
@@ -3154,7 +3154,7 @@ const zr = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Ue = Ft.map((r) => [
+], Le = Ft.map((r) => [
   parseInt(r.substring(0, 2), 16),
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
@@ -3163,12 +3163,12 @@ function Ic(r) {
   const t = Yt.indexOf(r);
   return t >= 0 ? Ft[t] : "";
 }
-function qr(r) {
+function Hr(r) {
   const t = Ft.indexOf(r);
   return t >= 0 ? Yt[t] : "";
 }
 function Pc(r, t = 64) {
-  const e = [], a = [], n = qr(r);
+  const e = [], a = [], n = Hr(r);
   n && e.push({
     pms: n,
     hex: r,
@@ -3177,7 +3177,7 @@ function Pc(r, t = 64) {
   const i = parseInt(r.substring(0, 2), 16), s = parseInt(r.substring(2, 4), 16), o = parseInt(r.substring(4, 6), 16);
   let l, c, d;
   for (let A = 0; A < Ft.length; A++) {
-    l = Ue[A][0], c = Ue[A][1], d = Ue[A][2];
+    l = Le[A][0], c = Le[A][1], d = Le[A][2];
     const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - d, 2));
     a.push(u);
   }
@@ -3799,7 +3799,7 @@ class K {
     N.setMap($a, t);
   }
 }
-const U = new di();
+const L = new di();
 class Ai {
   constructor() {
     this.cache = {}, this.disabled = !1;
@@ -3887,8 +3887,8 @@ const Jt = new Ai(), vn = v`
   });
   return t.data.options.forEach((e) => {
     var a, n;
-    (a = e.defaultVariant) != null && a.asset && U.cacheAsset(e.defaultVariant.asset), e.colorProfile && U.cacheAsset(e.colorProfile), (n = e.variants) == null || n.forEach((i) => {
-      i.asset && U.cacheAsset(i.asset), i.thumbnail && U.cacheAsset(i.thumbnail), i.material && U.cacheMaterial(i.material);
+    (a = e.defaultVariant) != null && a.asset && L.cacheAsset(e.defaultVariant.asset), e.colorProfile && L.cacheAsset(e.colorProfile), (n = e.variants) == null || n.forEach((i) => {
+      i.asset && L.cacheAsset(i.asset), i.thumbnail && L.cacheAsset(i.thumbnail), i.material && L.cacheMaterial(i.material);
     });
   }), t.data.options;
 }, mi = async (r, t) => (await t).find((a) => a.id === r), gi = async (r) => {
@@ -5134,7 +5134,7 @@ const Y = new pi(), En = v`
             internalId
         }
     }
-`, Ot = [P.SilentIllustration, P.ProductOverlay], Ui = async (r) => {
+`, Ot = [P.SilentIllustration, P.ProductOverlay], Li = async (r) => {
   const t = [];
   r.introduction && t.push({
     name: "Introduction",
@@ -5152,7 +5152,7 @@ const Y = new pi(), En = v`
     silentSteps: []
   });
   for (const a of r.steps) {
-    const n = Li(a.stepName, r.stepGroups);
+    const n = Ui(a.stepName, r.stepGroups);
     if (!n)
       t.push({
         name: a.stepName,
@@ -5189,7 +5189,7 @@ const Y = new pi(), En = v`
     ],
     silentSteps: []
   }), t;
-}, Li = (r, t) => t.find((e) => e.stepNames.includes(r)), yt = (r, t) => (r.conditions || []).every((e) => {
+}, Ui = (r, t) => t.find((e) => e.stepNames.includes(r)), yt = (r, t) => (r.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -5317,7 +5317,7 @@ const Q = () => {
   width: u
 }) => {
   var E;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Ht.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("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 = Q(), C = a.purpose === qt.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((B, I) => (
     /* @ts-ignore */
     /* @__PURE__ */ F("color-profile", { name: B.name, xlinkHref: B.key, children: " " }, I)
   )), S = n.map((B) => ({
@@ -5360,7 +5360,7 @@ const Q = () => {
           "g",
           {
             id: "element-group",
-            clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
+            clipPath: a.purpose === qt.FreeDesign ? "url(#viewboxClip)" : void 0,
             children: y.map((B) => Qn(B)).filter((B) => !!B)
           }
         ),
@@ -5433,22 +5433,22 @@ const Q = () => {
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), Pt = (r) => {
   switch (r) {
-    case q.North:
-      return q.East;
-    case q.East:
-      return q.South;
-    case q.South:
-      return q.West;
-    case q.West:
-      return q.North;
-    case q.Northwest:
-      return q.Northeast;
-    case q.Northeast:
-      return q.Southeast;
-    case q.Southeast:
-      return q.Southwest;
-    case q.Southwest:
-      return q.Northwest;
+    case H.North:
+      return H.East;
+    case H.East:
+      return H.South;
+    case H.South:
+      return H.West;
+    case H.West:
+      return H.North;
+    case H.Northwest:
+      return H.Northeast;
+    case H.Northeast:
+      return H.Southeast;
+    case H.Southeast:
+      return H.Southwest;
+    case H.Southwest:
+      return H.Northwest;
   }
 }, Oc = (r, t) => t > 45 && t <= 135 ? Pt(r) : t > 135 && t <= 225 ? Pt(Pt(r)) : t > 225 && t <= 315 ? Pt(Pt(Pt(r))) : r, $c = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = pt(r.rotation), n = {
@@ -5480,7 +5480,7 @@ const Q = () => {
     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
   };
-}, Uc = 0.352778, Lc = 0.035277, Fn = (r) => {
+}, Lc = 0.352778, Uc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = pt(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
     "g",
@@ -5677,14 +5677,14 @@ class ji {
     }), a - n;
   }
 }
-const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @__PURE__ */ new Map(), Nt = async (r) => {
-  if (Le.has(r))
-    return Le.get(r);
+const qi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ue = /* @__PURE__ */ new Map(), Nt = async (r) => {
+  if (Ue.has(r))
+    return Ue.get(r);
   const e = (async () => {
     try {
       return Et(r).getFont();
     } catch {
-      if (Hi(r)) {
+      if (qi(r)) {
         const a = hn(r), n = Xe(a);
         return ra(r, n), n;
       } else {
@@ -5693,8 +5693,8 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       }
     }
   })();
-  return Le.set(r, e), e;
-}, qi = (r) => {
+  return Ue.set(r, e), e;
+}, Hi = (r) => {
   const t = hn(r), e = Xe(t);
   return ra(r, e), e;
 }, Et = (r) => {
@@ -5742,7 +5742,7 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), bt().serializeToString(a);
 }, Ee = (r, t, e, a) => Math.max(_i(r.join(`
-`), e, a), t), Ua = (r, t, e, a, n, i) => {
+`), e, a), t), La = (r, t, e, a, n, i) => {
   const s = (i || ya) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
@@ -5800,7 +5800,7 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   var c;
   const n = Et(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
-    return Ua(t, r, t.fontSize, s, n, a);
+    return La(t, r, t.fontSize, s, n, a);
   let o;
   if (t.text ? o = t.text.split(`
 `) : o = ((c = t.input) == null ? void 0 : c.split(`
@@ -5817,7 +5817,7 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     requiredHeight: t.height,
     requiredWidth: Ee(o, t.width, s, n),
     fontSize: Yi(o, n, i, t.width, t.height, a)
-  } : Ua(t, r, t.fontSize, s, n, a);
+  } : La(t, r, t.fontSize, s, n, a);
 }, Ki = (r, t, e, a, n) => {
   const s = Et(t.assetUrl).getFont();
   let o = { ...r };
@@ -5846,12 +5846,12 @@ const Hi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
   return r.forEach((n) => {
     a = Math.max(a, ht(n, t, e));
   }), a;
-}, La = {
+}, Ua = {
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Be = (r, t = La) => {
-  const e = { ...La, ...t };
+}, Be = (r, t = Ua) => {
+  const e = { ...Ua, ...t };
   let a = r || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
 `)), a;
@@ -6046,7 +6046,7 @@ class rs {
     return this.state;
   }
   runStateCallbacks() {
-    console.log("LOG: running callbacks"), this.stateCallbacks.forEach((t) => t());
+    this.stateCallbacks.forEach((t) => t());
   }
   apply(t, e) {
     if (!this.state)
@@ -6114,7 +6114,7 @@ class rs {
       layouts: {}
     };
     t.forEach((n) => {
-      a = new Un(n).apply(a);
+      a = new Ln(n).apply(a);
     }), this.runStateCallbacks(), this.state = {
       transaction: a
     };
@@ -6332,7 +6332,7 @@ const ae = (r) => {
     return await A.render(), await t(c);
   })();
   return ze.set(r, a), a;
-}, Ut = async (r, t, e, a) => {
+}, Lt = async (r, t, e, a) => {
   const n = r.layoutState.layout.useEditableArea && r.layoutState.layout.editableArea || {
     width: r.layoutState.layout.width,
     height: r.layoutState.layout.height,
@@ -6366,7 +6366,7 @@ const ae = (r) => {
 };
 class Gc {
   static async getFrame(t, e) {
-    const a = await Rn(e.region, e.src), n = await Qe(a), i = e.region || await Ut(t, M.Frame);
+    const a = await Rn(e.region, e.src), n = await Qe(a), i = e.region || await Lt(t, M.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -6392,7 +6392,7 @@ class Gc {
     };
   }
   static async getImage(t, e) {
-    const a = e.region || await Ut(t, M.Image, e.src);
+    const a = e.region || await Lt(t, M.Image, e.src);
     return {
       id: Q(),
       src: e.src,
@@ -6416,7 +6416,7 @@ class Gc {
     }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Be(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), A = e.region || await Ut(t, M.Textbox, n, {
+    }), A = e.region || await Lt(t, M.Textbox, n, {
       text: d,
       fontScale: a.size ? a.size / s.unitsPerEm : void 0
     }), u = ee(
@@ -6482,7 +6482,7 @@ class Gc {
                     </svg>
                 `, n = {};
     n["spiff-fill-shape"] = { browserValue: e.color };
-    const i = e.region || await Ut(t, M.Illustration), s = Q();
+    const i = e.region || await Lt(t, M.Illustration), s = Q();
     return {
       stepRegion: e.region,
       colors: n,
@@ -6500,7 +6500,7 @@ class Gc {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region || await Ut(t, M.Illustration, e.src), n = await lt(await $n(e.src)), i = await Kt(n.svg), s = Q();
+    const a = e.region || await Lt(t, M.Illustration, e.src), n = await lt(await $n(e.src)), i = await Kt(n.svg), s = Q();
     return {
       cachedObjectURL: i,
       stepRegion: e.region,
@@ -6525,7 +6525,7 @@ class V extends Error {
     super("Element not found!"), Object.setPrototypeOf(this, V.prototype);
   }
 }
-const L = (r, t) => X(r, t).elements.find((n) => n.id === r), X = (r, t) => {
+const U = (r, t) => X(r, t).elements.find((n) => n.id === r), X = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
     throw new V();
@@ -6616,7 +6616,7 @@ class zc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6639,7 +6639,7 @@ class Wc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6661,7 +6661,7 @@ class jc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     let a = {
@@ -6694,7 +6694,7 @@ class $ extends O {
     return this.oldState = t, this.commands.reduce((e, a) => a.apply(e), t);
   }
 }
-class Un extends O {
+class Ln extends O {
   constructor(t) {
     super(), this.layout = t;
   }
@@ -6800,7 +6800,7 @@ class ss extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6824,7 +6824,7 @@ class We extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6846,7 +6846,7 @@ class os extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6868,7 +6868,7 @@ class Wa extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6890,7 +6890,7 @@ class ls extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6948,7 +6948,7 @@ class ds extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6967,13 +6967,13 @@ class ds extends O {
     };
   }
 }
-class Hc extends O {
+class qc extends O {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -6995,7 +6995,7 @@ class As extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = X(e.id, Object.values(t.layouts)), n = Z(ee(e, this.text, e), a);
@@ -7014,7 +7014,7 @@ class je extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -7037,7 +7037,7 @@ class oa extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = e.colors || {}, n = a[this.className];
@@ -7069,7 +7069,7 @@ class us extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = {
@@ -7086,7 +7086,7 @@ class us extends O {
     };
   }
 }
-class qc extends O {
+class Hc extends O {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7094,7 +7094,7 @@ class qc extends O {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
       throw new V();
     const a = Object.values(t.layouts).find((s) => s.elements.find((o) => o.id === this.id));
     if (!a)
@@ -7124,7 +7124,7 @@ class Yc extends O {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
@@ -7154,7 +7154,7 @@ class Jc extends O {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
       throw new V();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7181,7 +7181,7 @@ class Kc extends O {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
       throw new V();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7315,7 +7315,7 @@ const hs = async (r) => {
     throw console.error(e), new xe("Failed to shorten URL, see console.");
   }
 };
-class Ln {
+class Un {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7362,12 +7362,12 @@ class ms {
       const h = (await ve([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(
+      new Un(
         async () => !!(await i()).link,
         async () => {
           const g = await i();
           if (!g.link || !g.link)
-            throw new qt(g.asset);
+            throw new Ht(g.asset);
           h({
             rel: "mpeg4",
             href: g.link
@@ -7442,7 +7442,7 @@ class be {
       const n = a.fileLink;
       if (n)
         return at(n, !0);
-      throw new qt(a);
+      throw new Ht(a);
     };
   }
   async init(t, e, a) {
@@ -7456,7 +7456,7 @@ class be {
     const s = e.getWorkflowExperience().getBundle();
     if (s && t.globalPropertyAspectConfigurations) {
       const o = s.getGlobalPropertyStateManager(), l = t.globalPropertyAspectConfigurations[0], c = o.getAspectStorage(l.aspectName);
-      c && c.originalAssetKey && (i = (await U.getLocalOrFromServer(c.originalAssetKey)).fileLink);
+      c && c.originalAssetKey && (i = (await L.getLocalOrFromServer(c.originalAssetKey)).fileLink);
     }
     if (t.option && t.option.variants && t.option.variants.length > 0) {
       const o = t.option, l = Y.getDefaultVariant(o);
@@ -7552,14 +7552,14 @@ class be {
     const o = e.fileLink || "";
     return o.endsWith(".pdf") || o.endsWith(".eps") || o.endsWith(".ai") ? new Promise((c) => {
       a.addPoller(
-        new Ln(
+        new Un(
           async () => {
             var h;
-            const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
+            const A = (h = (await L.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
             return A ? (await rt(A.link)).status === 200 : !1;
           },
           () => {
-            U.getLocalOrFromServer(e.key || "").then((d) => {
+            L.getLocalOrFromServer(e.key || "").then((d) => {
               this.loadPatternFromAsset(d, t, a, n).then(
                 c
               );
@@ -7786,7 +7786,7 @@ class be {
     const a = t.fileLink;
     if (a)
       return a;
-    throw new qt(t);
+    throw new Ht(t);
   }
   async loadPatternFromAsset(t, e, a, n) {
     var c, d;
@@ -7854,7 +7854,7 @@ class gs {
     if (a.length === 0)
       return [];
     try {
-      return L(
+      return U(
         a[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -7939,7 +7939,7 @@ class gs {
     var h, m;
     if (e.length === 0)
       return;
-    const s = L(
+    const s = U(
       e[0].id,
       n().map((g) => g.layoutState)
     ), o = { ...s.colors }, l = {};
@@ -7991,7 +7991,7 @@ class gs {
       throw new vt(e);
     const l = o.fileLink;
     if (!l)
-      throw new qt(o);
+      throw new Ht(o);
     const c = await lt(await this.getIllustrationBody(l)), d = await Kt(c.svg), A = (C) => {
       const w = i.getLayouts().find((y) => y.panelId === C.panelId);
       if (!w)
@@ -8472,31 +8472,31 @@ class ys {
     }
   }
   async selectVariant(t, e, a) {
-    await a.getInitializationPromise();
+    console.log("LOG: q select variant"), await a.getInitializationPromise();
     const n = await this.selectVariantLambda(t, e, a);
-    n && (n.command && a.getCommandDispatcher()(n.command), n.followup && await n.followup());
+    n && (console.log("LOG: q select variant result"), n.command && a.getCommandDispatcher()(n.command), n.followup && await n.followup());
   }
   async selectVariantLambda(t, e, a) {
     const n = t.option;
     if (!n)
-      return null;
+      return console.log("LOG: q select variant no option"), null;
     const i = n.variants;
     if (!i)
-      return null;
+      return console.log("LOG: q select variant no variants"), null;
     const s = i.length > 1 ? i.find((o) => o.id === e) : i[0];
     if (!s)
-      throw new Error(`Failed to find selected variant ${e} in option ${n.id} of step ${t.stepName} (${t.stepTitle})`);
+      throw console.log("LOG: q select variant no variant"), new Error(`Failed to find selected variant ${e} in option ${n.id} of step ${t.stepName} (${t.stepTitle})`);
     return {
       command: void 0,
       followup: async () => {
-        await a.setSelectionsAndElements(t.stepName, [s], [], async () => {
+        console.log("LOG: q select variant follow up"), await a.setSelectionsAndElements(t.stepName, [s], [], async () => {
           a.setMandatoryFulfilled(t.stepName, !0);
         });
       }
     };
   }
 }
-const Hn = new ys();
+const qn = new ys();
 class Ss {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
@@ -8695,7 +8695,7 @@ class vs {
     );
   }
 }
-const Es = new vs(), He = (r, t, e, a, n) => {
+const Es = new vs(), qe = (r, t, e, a, n) => {
   if (t.some((d) => d == null))
     throw new Error(`Failed to autosize lines: ${t.join(", ")}`);
   let i = t.map((d) => d.split(`
@@ -8727,19 +8727,19 @@ const Es = new vs(), He = (r, t, e, a, n) => {
   const o = Et(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
-    return [i, s] = He(e, a, r, u, o), [n.size, i, s];
+    return [i, s] = qe(e, a, r, u, o), [n.size, i, s];
   }
   const c = 6;
   let d = c - Ve;
   if (a.length > 0) {
     let u = a, h = 0;
     for (; (!n.maxSize || d <= n.maxSize) && u; )
-      d += Ve, h = d / l.unitsPerEm, [u, s] = He(e, a, d, h, o);
+      d += Ve, h = d / l.unitsPerEm, [u, s] = qe(e, a, d, h, o);
   }
   d > c && (d -= Ve), n.minSize && d < n.minSize && (d = n.minSize);
   const A = d / l.unitsPerEm;
-  return [i, s] = He(e, a, d, A, o), [d, i, s];
-}, qe = 30;
+  return [i, s] = qe(e, a, d, A, o), [d, i, s];
+}, He = 30;
 class Ie extends Error {
   constructor(t) {
     super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Ie.name;
@@ -8786,12 +8786,14 @@ class bs {
   }
   async init(t, e, a) {
     var i, s, o, l;
+    console.log(`LOG: t (${t.stepName}) init`);
     const n = t.option;
     if (!n)
-      return null;
+      return console.log(`LOG: t (${t.stepName}) no option`), null;
     if (a)
-      await this.reload(t, e, a);
+      console.log(`LOG: t (${t.stepName}) reload`), await this.reload(t, e, a);
     else {
+      console.log(`LOG: t (${t.stepName}) no reload`);
       const c = this.getDefaultImageFillVariant(t.data), d = (i = c == null ? void 0 : c.asset) == null ? void 0 : i.fileLink, A = d ? await sa(d) : void 0, u = A ? {
         src: A.src,
         height: A.height,
@@ -8827,7 +8829,7 @@ class bs {
       });
       const f = Y.getDefaultVariant(n);
       if (f)
-        return this.selectVariantCommand(
+        return console.log(`LOG: t (${t.stepName}) variant`), this.selectVariantCommand(
           t,
           f,
           { text: g },
@@ -8841,10 +8843,10 @@ class bs {
           m
         );
     }
-    return null;
+    return console.log(`LOG: t (${t.stepName}) end`), null;
   }
   findLayoutElements(t, e) {
-    return t.getRegionElements(e.stepName).map((i) => L(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => U(i.id, t.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -9040,10 +9042,12 @@ class bs {
       a.serializableWorkflow.steps
     ), o = Object.values(a.layouts).map((m) => m.elements).flat().filter((m) => m.stepName === t.stepName), l = t.option;
     if (n != null && n.selectedVariants) {
+      console.log(`LOG: text (${t.stepName}) reload selections`);
       const m = n.selectedVariants[0].id;
       if (l && m) {
         const g = (c = l.variants) == null ? void 0 : c.find((p) => p.id === m);
         if (g) {
+          console.log(`LOG: text (${t.stepName}) reload selections variant`);
           const p = await this.fontDataFromVariant(g), f = o.map((y) => ({ id: y.id, region: y.stepRegion })), C = (d = n.storage) == null ? void 0 : d.color;
           let w = (A = n.storage) == null ? void 0 : A.text;
           const S = e.getWorkflowExperience().getBundle();
@@ -9067,8 +9071,10 @@ class bs {
               e.getCommandDispatcher()(E);
             }
           ), o.length === 0 && l) {
+            console.log(`LOG: text (${t.stepName})  reload cond`);
             const y = Y.getDefaultVariant(l);
             if (y) {
+              console.log(`LOG: text (${t.stepName})  reload cond default`);
               const E = await this.selectVariantCommand(
                 t,
                 y,
@@ -9083,6 +9089,7 @@ class bs {
               e.getCommandDispatcher()(E.command);
             }
           } else {
+            console.log(`LOG: text (${t.stepName})  reload noncond`);
             const { command: y } = j.updateInputText(
               w || "",
               o,
@@ -9094,6 +9101,7 @@ class bs {
         }
       }
     } else {
+      console.log(`LOG: text (${t.stepName}) reload else`);
       const m = e.getWorkflowExperience().getBundle();
       if (m && t.globalPropertyAspectConfigurations) {
         const g = (h = m.getGlobalPropertyConfiguration()) == null ? void 0 : h.aspects, p = g == null ? void 0 : g.find((f) => {
@@ -9101,9 +9109,11 @@ class bs {
           return f.type === G.Text && ((C = t.globalPropertyAspectConfigurations) == null ? void 0 : C.map((w) => w.aspectName).includes(f.name));
         });
         if (p) {
+          console.log(`LOG: text (${t.stepName}) reload else aspect`);
           const C = m.getGlobalPropertyStateManager().getAspect(p.name);
           if (C)
             if (o.length === 0 && l) {
+              console.log(`LOG: text (${t.stepName}) reload else aspect text a`);
               const w = Y.getDefaultVariant(l);
               if (w) {
                 const S = await this.selectVariantCommand(
@@ -9120,6 +9130,7 @@ class bs {
                 e.getCommandDispatcher()(S.command);
               }
             } else {
+              console.log(`LOG: text (${t.stepName}) reload else aspect text b`);
               const { command: w } = j.updateInputText(
                 C,
                 o,
@@ -9160,7 +9171,7 @@ class bs {
       throw new vt(t);
     const a = e.fileLink;
     if (!a)
-      throw new qt(e);
+      throw new Ht(e);
     const n = await Nt(a);
     return {
       assetUrl: a,
@@ -9184,7 +9195,7 @@ class bs {
       }
       const m = await this.changeInputTextWithRegion(
         t,
-        t.data.size || qe,
+        t.data.size || He,
         A,
         a.text || "",
         a,
@@ -9209,7 +9220,7 @@ class bs {
         i
       ), m = await this.changeInputTextWithRegion(
         t,
-        t.data.size || qe,
+        t.data.size || He,
         A,
         ((u = h[0]) == null ? void 0 : u.newElement.input) || a.text || t.data.defaultText || "",
         a,
@@ -9271,7 +9282,7 @@ class bs {
           stepName: t,
           align: this.textAlign(a),
           fill: i.color ? i.color : w,
-          fontSize: a.size || qe,
+          fontSize: a.size || He,
           fontData: n,
           id: m,
           layer: A.layer,
@@ -9326,7 +9337,7 @@ class bs {
     }, d = await Promise.all(a.regions.map(c)).catch((A) => {
       throw A instanceof Ie ? (Es.setLatestToast("Failed to load font.", Re.Error), A) : A instanceof Pe ? A : new Error(A);
     });
-    return await s.setSelectionsAndElements(
+    return console.log(`LOG: step (${t}) created ${d.length} new text elements for ${a.regions.length} regions`), await s.setSelectionsAndElements(
       t,
       [e],
       d.map((A) => A.regionElement),
@@ -9436,7 +9447,7 @@ function Ms(r, t, e, a) {
   const n = e / r, i = a / t;
   return n > 1 && i > 1 ? Math.min(n, i) : n > 1 && i < 1 ? i : n < 1 && i > 1 ? n : Math.min(n, i);
 }
-const Ha = {
+const qa = {
   m: ["x", "y"],
   z: [],
   l: ["x", "y"],
@@ -9466,7 +9477,7 @@ class Ts {
     const n = (i) => {
       const s = [], o = i.relative ? i.type : i.type.toUpperCase();
       let l = e !== o;
-      const c = Ha[i.type];
+      const c = qa[i.type];
       l && (s.push(o), e = o);
       for (const d of c) {
         const A = i[d];
@@ -9491,7 +9502,7 @@ class Ts {
     const e = /([mzlhvcsqta])([^mzlhvcsqta]*)/gi, a = /-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi, n = [];
     let i;
     for (e.lastIndex = 0; i = e.exec(t); ) {
-      const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = Ha[s];
+      const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = qa[s];
       if (o.length < c.length)
         throw new xt(
           `Path type "${s}" given ${o.length} arguments, expected ${c.length}.`
@@ -9557,7 +9568,7 @@ class Ns extends Is {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = qi(Ps), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
+    const a = Hi(Ps), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
       const w = et("g");
       w.classList.add("module-text-group");
       const S = et("defs");
@@ -9588,7 +9599,7 @@ class Ns extends Is {
     return ks(p, C, e.height, e.width, 0.35, 0.65), Fs(u.outerHTML);
   }
 }
-async function qn(r) {
+async function Hn(r) {
   if (r === "Vegemite")
     return new Ns();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
@@ -9765,7 +9776,7 @@ const ne = v`
             }
         }
     }
-`, Us = (r) => v`
+`, Ls = (r) => v`
     ${ne}
     ${re(r)}
     query GetBundle($id: String!) {
@@ -9809,7 +9820,7 @@ const ne = v`
             quoteId
         }
     }
-`, qa = v`
+`, Ha = v`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -9854,7 +9865,7 @@ const ne = v`
             }
         }
     }
-`, Ls = v`
+`, Us = v`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -10015,7 +10026,7 @@ const ne = v`
             }
         }
     }
-`, Hs = v`
+`, qs = v`
     mutation UpdateBundle(
         $id: String!
         $name: String
@@ -10035,7 +10046,7 @@ const ne = v`
             id
         }
     }
-`, qs = v`
+`, Hs = v`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
@@ -10283,11 +10294,10 @@ class mo {
     var w;
     this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var E;
-      if (console.log("LOG: render layouts"), !this.previewService)
+      if (!this.previewService)
         return;
-      console.log("LOG: render layouts: service exists");
       const S = this.getCommandContext().getAllLayouts(), y = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
-      if (console.log(`LOG: render layouts: ${y == null ? void 0 : y.size} handles`), !!y)
+      if (y)
         for (const [, B] of y)
           B.render(S);
     }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, (w = this.renderableContextService) == null || w.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((S) => {
@@ -10394,7 +10404,7 @@ class mo {
     };
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
-    }), this.allScenes = await Ui(t);
+    }), this.allScenes = await Li(t);
     const n = Dt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new $(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
@@ -10850,6 +10860,9 @@ class mo {
       })
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
+  unsetInitialized() {
+    this.stepInitialised = {};
+  }
   async setSelectionsAndElements(t, e, a, n) {
     var y;
     const i = this.stepSelections;
@@ -10895,8 +10908,9 @@ class mo {
   }
   async ensureStepsAreLoaded() {
     const e = Dt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
+    console.log(`LOG: ensure ${n.length} steps loaded`);
     for (const l of n)
-      if (!this.stepInitialised[l.stepName])
+      if (l.stepTitle === "Top Card Message" && console.log(`LOG: is ${l.stepTitle} (${l.stepName}) inited? ${this.stepInitialised[l.stepName]}`), !this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
           case P.DigitalContent:
             a.push(
@@ -10925,7 +10939,7 @@ class mo {
             break;
           case P.Module:
             this.stepSpecificServices[l.stepName] = {
-              module: await qn(l.data.module)
+              module: await Hn(l.data.module)
             }, a.push(
               Wn.init(l, this, this.reloadedState)
             );
@@ -10937,14 +10951,14 @@ class mo {
             break;
           case P.Question:
             a.push(
-              Hn.init(l, this, this.reloadedState)
+              qn.init(l, this, this.reloadedState)
             );
             break;
           case P.Shape:
             a.push(Gt.init(l, this, this.reloadedState));
             break;
           case P.Text:
-            a.push(j.init(l, this, this.reloadedState));
+            console.log("LOG: ensure text loaded"), a.push(j.init(l, this, this.reloadedState));
             break;
         }
     const i = (await Promise.allSettled(a)).map((l) => {
@@ -11251,7 +11265,7 @@ class go extends it {
     const t = this.manager.getRegionElements(this.step.stepName) || [];
     if (t.length === 0)
       return;
-    const a = L(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
+    const a = U(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
     if (s.length !== 0) {
       const l = {};
       return s.forEach((c) => {
@@ -11352,7 +11366,7 @@ class wo extends it {
   async selectVariant(t) {
     if (!t.getId())
       throw new Error("Unable to select variant with a null ID");
-    await Hn.selectVariant(this.step, t.getId(), this.manager);
+    await qn.selectVariant(this.step, t.getId(), this.manager);
   }
   /**
    * The way that this step expects to be rendered.
@@ -11985,22 +11999,22 @@ const Po = async (r, t) => {
       for (const T of Object.keys(i)) {
         const nt = i[T], R = t.steps.find((tt) => tt.stepName === T);
         for (let tt = 0; tt < nt.selections.length; ++tt) {
-          const H = nt.selections[tt];
+          const q = nt.selections[tt];
           if (R && (!D || R.option && (R.option.variants || []).length > 1 && !R.data.hideSelectionInCart && !R.data.hideSelectionsInCart)) {
             const ft = R.stepTitle;
             x[ft] ? x[ft].push({
-              id: H.id || "",
-              name: H.name,
-              priceModifier: H.priceModifier
+              id: q.id || "",
+              name: q.name,
+              priceModifier: q.priceModifier
             }) : x[ft] = [
               {
-                id: H.id || "",
-                name: H.name,
-                priceModifier: H.priceModifier
+                id: q.id || "",
+                name: q.name,
+                priceModifier: q.priceModifier
               }
             ];
           }
-          k += H.priceModifier;
+          k += q.priceModifier;
         }
       }
     return [x, k];
@@ -12015,7 +12029,7 @@ const Po = async (r, t) => {
   let E = await o(m, n.id);
   if (E) {
     const D = await (await rt(E)).blob();
-    E = (await U.uploadAsset(
+    E = (await L.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: D },
       Ce.Image,
       !0,
@@ -12373,7 +12387,7 @@ class Oo {
       throw new xe("Failed to obtain 2D context for preview image creation");
     const m = Sa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
-        purpose: Ht.Print,
+        purpose: qt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: this.workflowManager.getTemplatingContext()
       }
@@ -12683,7 +12697,7 @@ const $o = [
   "textPath",
   "tref",
   "tspan"
-], Uo = async (r, t, e) => {
+], Lo = async (r, t, e) => {
   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", Qa(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${Qa(await sn(l, { type: "svg" }))}`, A = (h) => {
@@ -12710,7 +12724,7 @@ const $o = [
   } catch (h) {
     return console.error(h), [];
   }
-}, Lo = async (r, t, e, a) => {
+}, Uo = async (r, t, e, a) => {
   const n = e.data, i = n.assetUrl, s = await sa(i);
   try {
     const o = is(n, a.option);
@@ -12838,7 +12852,7 @@ const $o = [
     return console.error(B), [];
   }
 }, Go = async (r, t, e) => {
-  const a = await qn(e.data.module), n = t.data, i = (o, l) => {
+  const a = await Hn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
       throw new J(l);
@@ -13033,7 +13047,7 @@ const $o = [
     });
   }
   return a;
-}, Ho = async (r, t, e, a) => {
+}, qo = async (r, t, e, a) => {
   const n = [], i = e.data, s = 30, o = (p) => p.vertical ? "center" : p.textAlign || "center", l = () => {
     var w;
     const p = a.option;
@@ -13122,7 +13136,7 @@ const $o = [
       n.push(new W(C, f));
   }
   return n;
-}, qo = (r, t) => r.conditions ? r.conditions.every((e) => {
+}, Ho = (r, t) => r.conditions ? r.conditions.every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -13139,13 +13153,13 @@ const $o = [
       switch (o.type) {
         case P.DigitalContent:
           n.push(
-            ...await Uo(e, s, o)
+            ...await Lo(e, s, o)
           );
           break;
         case P.Frame:
         case P.Photo:
           n.push(
-            ...await Lo(e, i, s, o)
+            ...await Uo(e, i, s, o)
           );
           break;
         case P.Illustration:
@@ -13173,13 +13187,13 @@ const $o = [
           break;
         case P.Text:
           n.push(
-            ...await Ho(e, i, s, o)
+            ...await qo(e, i, s, o)
           );
           break;
       }
   }
   for (const s of t.steps)
-    s.type !== P.SilentIllustration && s.type !== P.ProductOverlay || qo(s, i) && n.push(
+    s.type !== P.SilentIllustration && s.type !== P.ProductOverlay || Ho(s, i) && n.push(
       ...await jo(e, s, a)
     );
   return n;
@@ -13347,7 +13361,7 @@ class Zo extends Dn {
       l = i.width, c = i.height;
     const d = Sa(t.layoutState.layout, e, {
       renderingConfiguration: {
-        purpose: Ht.ThreeD,
+        purpose: qt.ThreeD,
         templatingContext: (m = (h = this.getWorkflowManager) == null ? void 0 : h.call(this)) == null ? void 0 : m.getTemplatingContext()
       }
     }), A = un(d), u = await Aa.from(this.ctx, A, {
@@ -13381,7 +13395,7 @@ const Xc = (r, t) => {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  n = new $(e.map((l) => new Un(l))).apply(n);
+  n = new $(e.map((l) => new Ln(l))).apply(n);
   const s = await Yo(r, t, e, a);
   return new $(s).apply(n);
 };
@@ -13486,18 +13500,16 @@ class Ia {
    * Returns all steps that share this property.
    * @param targetExperiences Optionally filter the steps to only those in the given experiences.
    */
-  getSharedSteps(t) {
-    return (t ?? this.bundle.getWorkflowExperiences()).flatMap(
-      (n) => n.getStepsConditionallyActive().filter((i) => {
-        var s;
-        return i.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (s = i.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : s.some(
-          (o) => {
-            var l, c;
-            return o.globalPropertyConfigurationId === ((c = (l = this.bundle.getProductCollection()) == null ? void 0 : l.getResource().globalPropertyConfiguration) == null ? void 0 : c.id) && o.aspectName === this.property.name;
-          }
-        );
-      })
-    );
+  getSharedSteps(t, e) {
+    return (t ?? this.bundle.getWorkflowExperiences()).flatMap((i) => (e ? i.getSteps() : i.getStepsConditionallyActive()).filter((o) => {
+      var l;
+      return o.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (l = o.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : l.some(
+        (c) => {
+          var d, A;
+          return c.globalPropertyConfigurationId === ((A = (d = this.bundle.getProductCollection()) == null ? void 0 : d.getResource().globalPropertyConfiguration) == null ? void 0 : A.id) && c.aspectName === this.property.name;
+        }
+      );
+    }));
   }
   getStateValue() {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
@@ -13569,7 +13581,7 @@ class el extends Ia {
     const e = await this.getOriginalImage();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = this.bundle.getGlobalPropertyStateManager(), n = await U.removeBackgroundFromAsset(e), s = {
+    const a = this.bundle.getGlobalPropertyStateManager(), n = await L.removeBackgroundFromAsset(e), s = {
       ...a.getAspectStorage(this.property.name),
       backgroundRemovedAssetKey: n.key,
       useOriginalAsset: !t
@@ -13589,7 +13601,7 @@ class el extends Ia {
   async getImage() {
     const t = this.getStateValue();
     if (t)
-      return U.getLocalOrFromServer(t);
+      return L.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
     var t, e;
@@ -13602,7 +13614,7 @@ class el extends Ia {
   async getOriginalImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t != null && t.originalAssetKey)
-      return U.getLocalOrFromServer(t.originalAssetKey);
+      return L.getLocalOrFromServer(t.originalAssetKey);
   }
   /**
    * Retrieves the version of the image selection that has the background removed, if one exists.
@@ -13611,7 +13623,7 @@ class el extends Ia {
   async getBackgroundRemovedImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t != null && t.backgroundRemovedAssetKey)
-      return U.getLocalOrFromServer(t.backgroundRemovedAssetKey);
+      return L.getLocalOrFromServer(t.backgroundRemovedAssetKey);
   }
   getUseOriginalImage() {
     var t;
@@ -13643,26 +13655,26 @@ class el extends Ia {
     }
     o.push(this.loadImageData()), await Promise.all(o), this.updateSharedStepStorage(i);
   }
-  async applyGlobalState(t) {
-    const e = this.getStateValue();
-    if (!e)
-      return;
-    const a = await U.getLocalOrFromServer(e);
+  async applyGlobalState(t, e) {
+    const a = this.getStateValue();
     if (!a)
       return;
-    await this.applyImageSelection(a, t, !1, !0);
-    const n = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
-    if (n) {
-      if (this.updateSharedStepStorage({ ...n }), n.colors) {
-        const i = new Map(
-          n.colors.map((s) => [s.key, { browserValue: s.browserValue, pmsValue: s.pmsValue }]) ?? []
+    const n = await L.getLocalOrFromServer(a);
+    if (!n)
+      return;
+    await this.applyImageSelection(n, t, !1, !0);
+    const i = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
+    if (i) {
+      if (this.updateSharedStepStorage({ ...i }), i.colors) {
+        const s = new Map(
+          i.colors.map((o) => [o.key, { browserValue: o.browserValue, pmsValue: o.pmsValue }]) ?? []
         );
-        this.getSharedSteps(t).forEach((s) => {
-          s.changeColors(i);
+        this.getSharedSteps(t, e).forEach((o) => {
+          o.changeColors(s);
         });
       }
     } else
-      this.updateSharedStepStorage({ originalAssetKey: e }), await this.bundle.getGlobalPropertyStateManager().setAspectStorage(this.property.name, { originalAssetKey: e });
+      this.updateSharedStepStorage({ originalAssetKey: a }), await this.bundle.getGlobalPropertyStateManager().setAspectStorage(this.property.name, { originalAssetKey: a });
   }
   getAvailableColors() {
     var t, e, a, n;
@@ -13689,22 +13701,22 @@ class el extends Ia {
     var e;
     return (e = this.imageData) != null && e.svg ? (await lt(this.imageData.svg)).colors : void 0;
   }
-  async changeColors(t) {
-    var i;
-    if (!((i = this.imageData) != null && i.svg))
+  async changeColors(t, e) {
+    var s;
+    if (!((s = this.imageData) != null && s.svg))
       return;
-    const e = this.getSharedSteps(), a = new Map(Object.entries(t));
-    e.forEach((s) => {
-      s.changeColors(a);
+    const a = this.getSharedSteps(void 0, e), n = new Map(Object.entries(t));
+    a.forEach((o) => {
+      o.changeColors(n);
     });
-    const n = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
+    const i = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     await Promise.all([
       this.bundle.getGlobalPropertyStateManager().setAspectStorage(this.property.name, {
-        ...n,
-        colors: Object.entries(t).map(([s, o]) => ({
-          key: s,
-          browserValue: o.browserValue,
-          pmsValue: o.pmsValue
+        ...i,
+        colors: Object.entries(t).map(([o, l]) => ({
+          key: o,
+          browserValue: l.browserValue,
+          pmsValue: l.pmsValue
         }))
       }),
       await this.loadImageData()
@@ -13754,10 +13766,10 @@ class al extends Ia {
   /**
    * Set the text.
    */
-  async setText(t) {
+  async setText(t, e) {
     await Promise.all([
       this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t),
-      this.applyTextSelection(t)
+      this.applyTextSelection(t, void 0, e)
     ]);
   }
   async applyGlobalState(t) {
@@ -13766,13 +13778,11 @@ class al extends Ia {
       return Promise.resolve();
     await this.applyTextSelection(e, t);
   }
-  async applyTextSelection(t, e) {
-    const a = this.getSharedSteps(e);
-    console.log(`LOG: ${a.length} shared steps`);
-    const n = a.map((i) => {
-      i.setText(t);
+  async applyTextSelection(t, e, a) {
+    const i = this.getSharedSteps(e, a).map((s) => {
+      s.setText(t);
     });
-    await Promise.all(n);
+    await Promise.all(i);
   }
 }
 class Xn extends Ia {
@@ -13831,10 +13841,10 @@ class Xn extends Ia {
    * Select a given variant on the option for all shared steps.
    * @param variant The variant to select.
    */
-  async selectVariant(t, e) {
+  async selectVariant(t, e, a) {
     await Promise.all([
       this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t.getId(), void 0, e),
-      this.applyVariantSelection(t)
+      this.applyVariantSelection(t, void 0, a)
     ]);
   }
   async applyGlobalState(t) {
@@ -13845,9 +13855,9 @@ class Xn extends Ia {
     const a = (i = (n = this.optionResource) == null ? void 0 : n.variants) == null ? void 0 : i.find((s) => s.id === e);
     return a ? this.applyVariantSelection(new st(a), t) : Promise.resolve();
   }
-  async applyVariantSelection(t, e) {
-    const n = this.getSharedSteps(e).map((i) => i.selectVariant(t));
-    await Promise.all(n);
+  async applyVariantSelection(t, e, a) {
+    const i = this.getSharedSteps(e, a).map((s) => s.selectVariant(t));
+    await Promise.all(i);
   }
 }
 class Ja extends Xn {
@@ -13896,8 +13906,8 @@ class Ja extends Xn {
   /**
    * Sets a custom color on the global state.
    */
-  setCustomColor(t) {
-    this.getSharedSteps().forEach((a) => a.setCustomColor(t)), this.bundle.getGlobalPropertyStateManager().setAspectStorage(this.property.name, { customColor: t });
+  setCustomColor(t, e) {
+    this.getSharedSteps(void 0, e).forEach((n) => n.setCustomColor(t)), this.bundle.getGlobalPropertyStateManager().setAspectStorage(this.property.name, { customColor: t });
   }
   /**
    * Gets the custom color used by the global state.
@@ -14859,10 +14869,11 @@ class Je {
   async applyGlobalPropertyState(t) {
     var a;
     const e = await this.globalPropertyHandleService.getHandles();
-    console.log(`LOG: ${e.length} handles`);
     for (const n of t.aspects) {
+      for (const o of this.workflowExperiences)
+        o.getWorkflowManager().unsetInitialized();
       const i = n == null ? void 0 : n.name, s = e.find((o) => o.getName() === i);
-      if (console.log(`LOG: handle for ${i}? ${s}`), s)
+      if (s)
         switch (n.type) {
           case G.FileUpload: {
             const o = s, l = await ve([n.value]);
@@ -14872,7 +14883,7 @@ class Je {
               const d = Object.fromEntries(
                 c.map((A) => [A.key, { browserValue: A.browserValue, pmsValue: A.pmsValue }]) ?? []
               );
-              await o.changeColors(d);
+              await o.changeColors(d, !0);
             }
             break;
           }
@@ -14882,16 +14893,16 @@ class Je {
               const c = o.getAllVariants().find((d) => d.getId() === n.value);
               c && await o.selectVariant(c);
             } else
-              o.setCustomColor(n.value);
+              o.setCustomColor(n.value, !0);
             break;
           }
           case G.Option: {
             const o = s, c = o.getAllVariants().find((d) => d.getId() === n.value);
-            console.log(`LOG: variant for ${n.value}: ${c}`), c && await o.selectVariant(c);
+            console.log(`LOG: variant for ${n.value}: ${c}`), c && await o.selectVariant(c, void 0, !0);
             break;
           }
           case G.Text: {
-            console.log(`LOG: text ${n.value}`), await s.setText(n.value);
+            console.log(`LOG: text ${n.value}`), await s.setText(n.value, !0);
             break;
           }
         }
@@ -14988,7 +14999,7 @@ class Je {
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const s = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a);
     await b.getShadowGraphqlClient().mutate({
-      mutation: qs,
+      mutation: Hs,
       variables: {
         id: this.id,
         transactionId: a
@@ -15171,7 +15182,7 @@ class Je {
   }
   async getAllStakeholders() {
     const t = await b.getShadowGraphqlClient().query({
-      query: qa,
+      query: Ha,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15188,7 +15199,7 @@ class Je {
   }
   async getCurrentStakeholder() {
     const t = await b.getShadowGraphqlClient().query({
-      query: qa,
+      query: Ha,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15343,7 +15354,7 @@ class Je {
   async updateBundle() {
     var e;
     if (!((e = (await b.getShadowGraphqlClient().mutate({
-      mutation: Hs,
+      mutation: qs,
       variables: {
         id: this.id,
         name: this.name,
@@ -15843,7 +15854,7 @@ class Il {
     ));
   }
 }
-const Lt = new Il(), Pl = async (r, t) => {
+const Ut = new Il(), Pl = async (r, t) => {
   var n;
   const e = await b.getShadowGraphqlClient().query({
     query: ki(((n = t == null ? void 0 : t.assets) == null ? void 0 : n.metadata) || !1),
@@ -15862,8 +15873,8 @@ const Lt = new Il(), Pl = async (r, t) => {
   return a.forEach((i) => {
     i.steps.forEach((s) => {
       var o, l, c;
-      delete s.data.__typename, (o = s.option) != null && o.id && ((l = s.option.defaultVariant) != null && l.asset && U.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && U.cacheAsset(s.option.colorProfile), (c = s.option.variants) == null || c.forEach((d) => {
-        d.asset && U.cacheAsset(d.asset), d.thumbnail && U.cacheAsset(d.thumbnail), d.material && U.cacheMaterial(d.material);
+      delete s.data.__typename, (o = s.option) != null && o.id && ((l = s.option.defaultVariant) != null && l.asset && L.cacheAsset(s.option.defaultVariant.asset), s.option.colorProfile && L.cacheAsset(s.option.colorProfile), (c = s.option.variants) == null || c.forEach((d) => {
+        d.asset && L.cacheAsset(d.asset), d.thumbnail && L.cacheAsset(d.thumbnail), d.material && L.cacheMaterial(d.material);
       }), Jt.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), i.finalizeStepConfig || (i.finalizeStepConfig = {}), i.finalizeStepConfig.termsMarkdown = i.finalizeStepConfig.termsMarkdown || i.partner.termsMarkdown;
   }), a;
@@ -15909,17 +15920,17 @@ class rd {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.2.1-beta.dabb7794-c627-5751-8578-07b1311c272c"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Rr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 27.2.1-beta.0994c120-6a24-5eff-b92b-5baef3c4caf9"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && $r(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && $r(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Ut.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
    * and the Spiff Commerce platform.
    */
   getAssetManager() {
-    return U;
+    return L;
   }
   getCurrencyCode() {
     if (this.currencyCode === void 0)
@@ -16119,7 +16130,7 @@ class rd {
       return !1;
     const n = JSON.parse(e), i = (/* @__PURE__ */ new Date()).getTime() / 1e3;
     if (!n.ExpiresIn || n.ExpiresIn < i - parseInt(t)) {
-      const l = await Lt.refreshTokens();
+      const l = await Ut.refreshTokens();
       if (l != null && l.AuthenticationResult)
         localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), n.AccessToken = l.AuthenticationResult.AccessToken, localStorage.setItem("cognito-tokens", JSON.stringify(n));
       else
@@ -16144,14 +16155,14 @@ class rd {
       variables: {
         emailAddress: t
       }
-    }), await Lt.generateCode(t);
+    }), await Ut.generateCode(t);
   }
   /**
    * Verify an email code to log in as a Spiff user.
    * Always returns true if it doesn't throw.
    */
   async verifyCode(t, e) {
-    const a = (await this.getIntegration()).partner.id || "", n = await Lt.verifyCode(t, e, a);
+    const a = (await this.getIntegration()).partner.id || "", n = await Ut.verifyCode(t, e, a);
     if (n != null && n.AuthenticationResult) {
       localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), localStorage.setItem("cognito-tokens", JSON.stringify(n.AuthenticationResult)), localStorage.setItem("cognito-email", t);
       const s = (await b.getShadowGraphqlClient().query({
@@ -16181,7 +16192,7 @@ class rd {
       throw new Error("No token data in storage.");
     const a = JSON.parse(e), n = (/* @__PURE__ */ new Date()).getTime() / 1e3, i = !(a != null && a.AccessToken) || Wt(a.AccessToken);
     if (!a.ExpiresIn || a.ExpiresIn < n - parseInt(t) || i) {
-      const s = await Lt.refreshTokens();
+      const s = await Ut.refreshTokens();
       if (s != null && s.AuthenticationResult)
         localStorage.setItem("last-refreshed-cognito-tokens", `${(/* @__PURE__ */ new Date()).getTime() / 1e3}`), a.AccessToken = s.AuthenticationResult.AccessToken, localStorage.setItem("cognito-tokens", JSON.stringify(a));
       else
@@ -16252,7 +16263,7 @@ class rd {
       ...o,
       ...(m = n == null ? void 0 : n.graphql) == null ? void 0 : m.additionalHeaders
     }, c = await b.getShadowGraphqlClient().query({
-      query: Us(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
+      query: Ls(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -16351,7 +16362,7 @@ class rd {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const t = await b.getShadowGraphqlClient().query({
-      query: Ls,
+      query: Us,
       variables: {
         id: this.customer.id
       },
@@ -16462,8 +16473,8 @@ class rd {
         singleVariantsRenderable: (tt = k == null ? void 0 : k.workflowConfiguration) == null ? void 0 : tt.singleVariantsRenderable,
         stateMutationFunc: I ? async () => {
           throw new z("State mutation is forbidden in read only mode!");
-        } : async (H) => this.updateTransactionState({
-          ...H,
+        } : async (q) => this.updateTransactionState({
+          ...q,
           context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         }),
         graphQlClient: () => nt,
@@ -16472,11 +16483,11 @@ class rd {
         isReloadedTransaction: k.type === "transaction"
       };
       if (k.type === "transaction" && E.workflowState) {
-        const H = JSON.parse(E.workflowState);
-        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await Ga(H), R.reloadedState = H;
+        const q = JSON.parse(E.workflowState);
+        R.layouts = Object.values(q.layouts || {}).map((ft) => ft.layout), await Ga(q), R.reloadedState = q;
       } else if (!I && k.workflowState) {
-        const H = JSON.parse(k.workflowState);
-        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await Ga(H), R.reloadedState = H;
+        const q = JSON.parse(k.workflowState);
+        R.layouts = Object.values(q.layouts || {}).map((ft) => ft.layout), await Ga(q), R.reloadedState = q;
       } else
         R.layouts = Fl(
           R.transaction,
@@ -17081,7 +17092,7 @@ class Ql extends it {
     const e = await this.getOriginalImageSelection();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = await U.removeBackgroundFromAsset(e);
+    const a = await L.removeBackgroundFromAsset(e);
     t && await wt.selectImage(this.step, a, this.manager, !1);
     const n = ((i = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : i.framePatternData) || {};
     return this.manager.updateStorage(this.step.stepName, {
@@ -17140,13 +17151,13 @@ class Ql extends it {
     var e, a;
     const t = (a = (e = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : e.framePatternData) == null ? void 0 : a.originalAssetKey;
     if (t)
-      return U.getLocalOrFromServer(t);
+      return L.getLocalOrFromServer(t);
   }
   async getBackgroundRemovedImageSelection() {
     var e, a;
     const t = (a = (e = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : e.framePatternData) == null ? void 0 : a.backgroundRemovedAssetKey;
     if (t)
-      return U.getLocalOrFromServer(t);
+      return L.getLocalOrFromServer(t);
   }
   hasOriginalImageSelection() {
     var t, e;
@@ -17243,7 +17254,7 @@ const Rl = v`
             workflowViewerLink
         }
     }
-`, Ul = v`
+`, Ll = v`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -17258,7 +17269,7 @@ const Rl = v`
             total
         }
     }
-`, Ll = v`
+`, Ul = v`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -17342,7 +17353,7 @@ const Rl = v`
     email: r
   }
 })).data.customer, gd = async (r, t, e) => await b.getShadowGraphqlClient().query({
-  query: Ul,
+  query: Ll,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17351,7 +17362,7 @@ const Rl = v`
     limit: t
   }
 }), pd = async (r, t) => await b.getShadowGraphqlClient().query({
-  query: Ll,
+  query: Ul,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17463,7 +17474,7 @@ _ = { __e: function(r, t, e, a) {
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var ot, Ke, _a, ar = [], _e = [], Xa = _.__b, Za = _.__r, tn = _.diffed, en = _.__c, an = _.unmount;
-function Hl() {
+function ql() {
   for (var r; r = ar.shift(); )
     if (r.__P && r.__H)
       try {
@@ -17483,7 +17494,7 @@ _.__b = function(r) {
 }, _.diffed = function(r) {
   tn && tn(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (ar.push(t) !== 1 && _a === _.requestAnimationFrame || ((_a = _.requestAnimationFrame) || ql)(Hl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (ar.push(t) !== 1 && _a === _.requestAnimationFrame || ((_a = _.requestAnimationFrame) || Hl)(ql)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== _e && (e.__ = e.__V), e.i = void 0, e.__V = _e;
   })), Ke = ot = null;
 }, _.__c = function(r, t) {
@@ -17510,7 +17521,7 @@ _.__b = function(r) {
   }), e.__H = void 0, t && _.__e(t, e.__v));
 };
 var nn = typeof requestAnimationFrame == "function";
-function ql(r) {
+function Hl(r) {
   var t, e = function() {
     clearTimeout(a), nn && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -17658,7 +17669,7 @@ export {
   Ce as AssetType,
   Jc as BringForwardCommand,
   Yc as BringToBackCommand,
-  qc as BringToFrontCommand,
+  Hc as BringToFrontCommand,
   yr as BundleDesignCreationCartAddMode,
   O as CanvasCommand,
   de as CollectionProduct,
@@ -17667,7 +17678,7 @@ export {
   jl as ConversionDataType,
   Wl as ConversionLocation,
   W as CreateElementCommand,
-  Un as CreateLayoutCommand,
+  Ln as CreateLayoutCommand,
   Bt as DeleteElementCommand,
   Eo as DigitalContentStepHandle,
   el as FileUploadGlobalPropertyHandle,
@@ -17691,7 +17702,7 @@ export {
   Gc as LayoutElementFactory,
   M as LayoutElementType,
   J as LayoutNotFoundError,
-  Ht as LayoutRenderingPurpose,
+  qt as LayoutRenderingPurpose,
   po as MaterialStepHandle,
   Se as MisconfigurationError,
   cd as MockWorkflowManager,
@@ -17713,9 +17724,9 @@ export {
   wo as QuestionStepHandle,
   Dn as QueueablePromise,
   jc as ResizeCommand,
-  qt as ResourceNotFoundError,
+  Ht as ResourceNotFoundError,
   Wc as RotateCommand,
-  q as ScaleAxis,
+  H as ScaleAxis,
   Kc as SendBackwardsCommand,
   yo as ShapeStepHandle,
   Sr as ShareActionType,
@@ -17733,13 +17744,13 @@ export {
   Al as TransformCollection,
   z as UnhandledBehaviorError,
   Br as UnitOfMeasurement,
-  Hc as UpdateImageSourceCommand,
+  qc as UpdateImageSourceCommand,
   st as Variant,
   Ro as WorkflowExperienceEventType,
   Oo as WorkflowExperienceImpl,
-  U as assetService,
+  L as assetService,
   Kr as browserColorToHex,
-  Lc as cmPerPixel,
+  Uc as cmPerPixel,
   Fo as createDesign,
   Oc as currentDirection,
   bc as dataUrlFromExternalUrl,
@@ -17751,7 +17762,7 @@ export {
   hd as duplicateTransaction,
   at as fetchAsString,
   Fc as findAngle,
-  L as findElement,
+  U as findElement,
   Dc as findPmsColors,
   Vt as frameDataCache,
   wt as frameStepService,
@@ -17795,7 +17806,7 @@ export {
   Pc as matchHexToPms,
   Gn as materialStepService,
   cl as metafieldManager,
-  Uc as mmPerPixel,
+  Lc as mmPerPixel,
   zn as modelStepService,
   Ca as modifySVGColors,
   Wn as moduleStepService,
@@ -17807,11 +17818,11 @@ export {
   N as persistenceService,
   jn as pictureStepService,
   Ic as pmsToRgb,
-  Hn as questionStepService,
+  qn as questionStepService,
   Bc as registerFetchImplementation,
   Ec as registerWindowImplementation,
   Ga as rehydrateSerializedLayout,
-  qr as rgbToPms,
+  Hr as rgbToPms,
   le as rotateAroundPoint,
   pa as sanitizeSvgTree,
   $r as setBearerAuthenticationToken,