@spiffcommerce/core 28.0.1-beta.ac9a049c-ad73-555a-adbf-f7557a7cdbde → 28.0.1-beta.bfc4858f-0e0f-569a-aec4-7fcae31d702c

package/dist/index.mjs

@@ -11,7 +11,7 @@ import yt from "lodash.clonedeep";
 import { toString as on } from "qrcode";
 import gr from "svg-path-bbox";
 import { parse as Xe } from "opentype.js";
-import { jsx as x, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
+import { jsx as x, jsxs as ct, Fragment as zt } from "preact/jsx-runtime";
 import pr from "handlebars";
 import { dataUriToBuffer as fr } from "data-uri-to-buffer";
 import xa from "lodash.chunk";
@@ -23,7 +23,7 @@ import { split as Ze } from "unicode-default-word-boundary";
 import cn 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 || {}), z = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(z || {}), 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 || {}), Sr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Sr || {}), 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 || {}), vr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(vr || {}), Er = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Er || {}), br = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(br || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Br = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Br || {}), we = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(we || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), 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 || {}), Ir = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Ir || {});
+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 || {}), Sr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Sr || {}), 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 || {}), vr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(vr || {}), Er = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Er || {}), br = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(br || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Br = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Br || {}), we = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(we || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), 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 || {}), Ir = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Ir || {});
 class dn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -64,7 +64,7 @@ class De extends dn {
     super(`ImplementationError - ${t}`);
   }
 }
-class G extends De {
+class z extends De {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
@@ -303,7 +303,7 @@ const Lr = (r) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
-}), zr = async () => {
+}), Gr = async () => {
   const r = {
     applicationKey: ma,
     customerToken: Or,
@@ -311,7 +311,7 @@ const Lr = (r) => {
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Vr(), ...r } : r;
 };
-async function Gr(r, t) {
+async function zr(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";
   let n = await rt(r, { ...t, redirect: "manual" });
   return n.type === "opaqueredirect" && (typeof r != "string" && "url" in r ? n = await rt({ ...r, url: `${a}/graphql` }, t) : n = await rt(`${a}/graphql`, t)), n;
@@ -331,9 +331,9 @@ class Wr {
   constructShadowGraphqlClient() {
     const t = ir({
       uri: `${mt.getServerUrl()}/graphql`,
-      fetch: Gr
+      fetch: zr
     }), e = cr(async (i, s) => {
-      const { headers: o } = s, l = o || {}, c = await zr();
+      const { headers: o } = s, l = o || {}, c = await Gr();
       let d = s.bearer ?? c.bearer;
       if (this.spiffClient)
         try {
@@ -3558,7 +3558,7 @@ class ui {
     if (this.cache.has(t)) {
       const n = this.cache.get(t);
       if (!n)
-        throw new G("Failed to get asset from cache!");
+        throw new z("Failed to get asset from cache!");
       return n;
     }
     const a = (async () => (await ve([t]))[0])();
@@ -3585,7 +3585,7 @@ class ui {
    */
   cacheAsset(t) {
     if (!t.key)
-      throw new G("Asset has no key!");
+      throw new z("Asset has no key!");
     this.cache.has(t.key) || this.cache.set(t.key, Promise.resolve(t));
   }
   /**
@@ -3593,7 +3593,7 @@ class ui {
    */
   cacheMaterial(t) {
     if (!t.id)
-      throw new G("Material has no id!");
+      throw new z("Material has no id!");
     this.materialCache.has(t.id) || this.materialCache.set(t.id, Promise.resolve(t));
   }
   /**
@@ -3711,7 +3711,7 @@ class ui {
       case "mkv":
         return "video/x-matroska";
       default:
-        throw new G("Unexpected mimetype: " + e);
+        throw new z("Unexpected mimetype: " + e);
     }
   }
 }
@@ -5145,7 +5145,7 @@ const q = new Ci(), bn = v`
             timestamp
         }
     }
-`, Ot = [P.SilentIllustration, P.ProductOverlay], zi = async (r) => {
+`, Ot = [P.SilentIllustration, P.ProductOverlay], Gi = async (r) => {
   const t = [];
   r.introduction && t.push({
     name: "Introduction",
@@ -5163,7 +5163,7 @@ const q = new Ci(), bn = v`
     silentSteps: []
   });
   for (const a of r.steps) {
-    const n = Gi(a.stepName, r.stepGroups);
+    const n = zi(a.stepName, r.stepGroups);
     if (!n)
       t.push({
         name: a.stepName,
@@ -5200,7 +5200,7 @@ const q = new Ci(), bn = v`
     ],
     silentSteps: []
   }), t;
-}, Gi = (r, t) => t.find((e) => e.stepNames.includes(r)), wt = (r, t) => (r.conditions || []).every((e) => {
+}, zi = (r, t) => t.find((e) => e.stepNames.includes(r)), wt = (r, t) => (r.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -5327,10 +5327,10 @@ const Q = () => {
   viewBox: A,
   width: u
 }) => {
-  var E;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === Ht.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((b, I) => (
+  var 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 === Ht.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (I = a.colorProfiles) == null ? void 0 : I.map((b, E) => (
     /* @ts-ignore */
-    /* @__PURE__ */ x("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, I)
+    /* @__PURE__ */ x("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, E)
   )), S = n.map((b) => ({
     ...b,
     _renderingConfiguration: a,
@@ -5436,10 +5436,10 @@ const Q = () => {
 }), Vc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), zc = (r, t, e, a) => ({
+}), Gc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), Gc = (r, t, e, a) => ({
+}), zc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), It = (r) => {
@@ -5516,7 +5516,7 @@ const Q = () => {
 }, Mn = (r) => {
   var l;
   const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = pt(e), n = Math.cos(a), i = -Math.sin(a), s = va(r.children);
-  return /* @__PURE__ */ ct(Gt, { 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(
       "g",
@@ -5556,8 +5556,8 @@ const Q = () => {
     return r.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ x(Gt, {});
-  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ x(Gt, { children: r.useThreshold && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    return /* @__PURE__ */ x(zt, {});
+  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ x(zt, { children: r.useThreshold && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
     /* @__PURE__ */ x(
       "feColorMatrix",
       {
@@ -5577,8 +5577,8 @@ const Q = () => {
       /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = pt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, S, y, E, b, I, D, F, k, T;
-    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((b = r.pattern) == null ? void 0 : b.scaleX) || 1, p = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
+    var w, S, y, I, b, E, D, F, k, T;
+    const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((S = r.pattern) == null ? void 0 : S.y) || 0, h = ((y = r.pattern) == null ? void 0 : y.width) || 0, m = ((I = r.pattern) == null ? void 0 : I.height) || 0, g = ((b = r.pattern) == null ? void 0 : b.scaleX) || 1, p = ((E = r.pattern) == null ? void 0 : E.scaleY) || 1, f = ((D = r.pattern) == null ? void 0 : D.rotation) || 0;
     return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
       type: M.Illustration,
@@ -5601,7 +5601,7 @@ const Q = () => {
       src: a()
     }];
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ ct(zt, { children: [
     i(),
     /* @__PURE__ */ x(
       "g",
@@ -5739,8 +5739,8 @@ const Ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     ), S = w.getBoundingBox().x2 - w.getBoundingBox().x1;
     let y = 0;
-    const E = A.getAttribute("text-anchor");
-    E === "middle" ? y = S / 2 : E === "end" && (y = S);
+    const I = A.getAttribute("text-anchor");
+    I === "middle" ? y = S / 2 : I === "end" && (y = S);
     const b = g.getPath(
       A.innerHTML,
       parseFloat(A.getAttribute("x") ?? "0") - y,
@@ -5748,7 +5748,7 @@ const Ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     b.fill = p, b.stroke = f, b.strokeWidth = parseFloat(C ?? "0");
-    const I = b.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    const E = b.toSVG(2), F = t.parseFromString(E, "image/svg+xml").firstElementChild;
     h.appendChild(F);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), bt().serializeToString(a);
@@ -5901,7 +5901,7 @@ const Ji = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Le = /* @_
     var w;
     return r.textFillImage ? `url("#${s}")` : (w = r._renderingConfiguration) != null && w.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${Cn(r.fillSpotColorDefinition)}` : r.fill;
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
       r.textFillImage && /* @__PURE__ */ x(
         "pattern",
@@ -6185,7 +6185,7 @@ const ae = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), ze = /* @__PURE__ */ new Map(), On = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), Ge = /* @__PURE__ */ new Map(), On = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6209,8 +6209,8 @@ const ae = (r) => {
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
 }, Qe = async (r) => {
-  if (ze.has(r))
-    return ze.get(r);
+  if (Ge.has(r))
+    return Ge.get(r);
   const e = (async () => {
     if (Vt.has(r))
       return Vt.get(r);
@@ -6246,7 +6246,7 @@ const ae = (r) => {
     }
     throw new Error("Malformed frame SVG");
   })();
-  return ze.set(r, e), e;
+  return Ge.set(r, e), e;
 }, Ea = (r, t, e, a) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
@@ -6290,11 +6290,11 @@ const ae = (r) => {
 }, ba = async (r) => {
   const t = await at(r);
   return $n(t);
-}, za = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), $n = (r) => {
+}, Ga = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), $n = (r) => {
   const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
-  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, za(i), za(s)] : n == null ? void 0 : n.split(" ").map((l) => Number(l));
+  const n = a.getAttribute("viewBox"), i = a.getAttribute("width"), s = a.getAttribute("height"), o = s && i ? [0, 0, Ga(i), Ga(s)] : n == null ? void 0 : n.split(" ").map((l) => Number(l));
   if (!o)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6308,9 +6308,9 @@ const ae = (r) => {
   at(r).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), Ge = /* @__PURE__ */ new Map(), Kt = async (r) => {
-  if (Ge.has(r))
-    return Ge.get(r);
+}), ze = /* @__PURE__ */ new Map(), Kt = async (r) => {
+  if (ze.has(r))
+    return ze.get(r);
   const t = async (n) => new Promise((i, s) => {
     try {
       if (!(!!URL && !!URL.createObjectURL))
@@ -6342,7 +6342,7 @@ const ae = (r) => {
       A.resize(m, m);
     return await A.render(), await t(c);
   })();
-  return Ge.set(r, a), a;
+  return ze.set(r, a), a;
 }, Ut = async (r, t, e, a) => {
   const n = r.layoutState.layout.useEditableArea && r.layoutState.layout.editableArea || {
     width: r.layoutState.layout.width,
@@ -6541,7 +6541,7 @@ const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   if (!e)
     throw new V();
   return e;
-}, Z = (r, t) => {
+}, X = (r, t) => {
   const e = [...t.elements.filter((n) => n.id !== r.id), r], a = va(e);
   return {
     layout: t.layout,
@@ -6610,7 +6610,7 @@ class O {
     this.oldState = t;
   }
 }
-class Ga extends O {
+class za extends O {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6634,7 +6634,7 @@ class Kc extends O {
       ...e,
       x: this.x,
       y: this.y
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6656,7 +6656,7 @@ class _c extends O {
     const a = {
       ...e,
       rotation: this.angle
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6687,7 +6687,7 @@ class Xc extends O {
       const s = a, o = (!s.algorithm || s.algorithm === kt.Autosize ? s.text : s.input) ?? "";
       a = ee(s, o, e);
     }
-    const n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    const n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6819,7 +6819,7 @@ class ds extends O {
       fill: this.color,
       fillSpotColorDefinition: this.textFillSpotColor,
       textFillImage: void 0
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6841,7 +6841,7 @@ class We extends O {
     const a = {
       ...e,
       textFillImage: this.imageFill
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6863,7 +6863,7 @@ class As extends O {
     const a = {
       ...e,
       fontSize: this.size
-    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = X(ee(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6885,7 +6885,7 @@ class Wa extends O {
     const a = {
       ...e,
       fontData: this.fontData
-    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(ee(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = X(ee(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6907,7 +6907,7 @@ class us extends O {
     const a = {
       ...e,
       align: this.align
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6968,7 +6968,7 @@ class ms extends O {
       invertThreshold: this.invertThreshold,
       threshold: this.threshold,
       thresholdSaturation: this.thresholdSaturation
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -6990,7 +6990,7 @@ class Zc extends O {
     const a = {
       ...e,
       src: this.src
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -7009,7 +7009,7 @@ class gs extends O {
     const e = L(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new V();
-    const a = _(e.id, Object.values(t.layouts)), n = Z(ee(e, this.text, e), a);
+    const a = _(e.id, Object.values(t.layouts)), n = X(ee(e, this.text, e), a);
     return {
       ...t,
       layouts: {
@@ -7032,7 +7032,7 @@ class je extends O {
       ...e,
       strokeColor: this.strokeColor,
       strokeThickness: this.strokeThickness
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -7064,7 +7064,7 @@ class oa extends O {
     const i = {
       ...e,
       colors: a
-    }, s = _(e.id, Object.values(t.layouts)), o = Z(i, s);
+    }, s = _(e.id, Object.values(t.layouts)), o = X(i, s);
     return {
       ...t,
       layouts: {
@@ -7087,7 +7087,7 @@ class ps extends O {
       ...e,
       svg: this.svgBody,
       cachedObjectURL: this.objectURL
-    }, n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
+    }, n = _(e.id, Object.values(t.layouts)), i = X(a, n);
     return {
       ...t,
       layouts: {
@@ -7441,7 +7441,7 @@ class Cs {
     } };
   }
 }
-const zn = new Cs();
+const Gn = new Cs();
 class Be {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7733,7 +7733,7 @@ class Be {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const p = await Qe(l[g]), f = o.getImageData(), C = a.map((I) => new Et(I.id)), w = f ? Ea(
+        const p = await Qe(l[g]), f = o.getImageData(), C = a.map((E) => new Et(E.id)), w = f ? Ea(
           f,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7748,7 +7748,7 @@ class Be {
           scaleX: (w == null ? void 0 : w.zoom) || 1,
           scaleY: (w == null ? void 0 : w.zoom) || 1,
           rotation: 0
-        } : void 0, y = Q(), b = n.getLayouts().find((I) => I.panelId === m.panelId);
+        } : void 0, y = Q(), b = n.getLayouts().find((E) => E.panelId === m.panelId);
         if (!b)
           throw new Y(m);
         return {
@@ -8042,8 +8042,8 @@ class ws {
           const y = {};
           (((S = o.assetConfiguration) == null ? void 0 : S.channelNumbers) || []).forEach((b) => {
             var D;
-            const I = C.find((F) => F.channelNumber === b.number);
-            I && (y[`${b.id.replace(/\W/g, "")}`] = { browserValue: ((D = I == null ? void 0 : I.variant) == null ? void 0 : D.color) || "" });
+            const E = C.find((F) => F.channelNumber === b.number);
+            E && (y[`${b.id.replace(/\W/g, "")}`] = { browserValue: ((D = E == null ? void 0 : E.variant) == null ? void 0 : D.color) || "" });
           }), await this.changeColors(
             t,
             u.map((b) => b.regionElement),
@@ -8053,20 +8053,20 @@ class ws {
           );
         }
         if (t.data.colorPickerEnabled) {
-          const y = await this.availableColors(t, i) || [], E = Object.keys(c.colors), b = y.length === 1 && E.length === 1;
+          const y = await this.availableColors(t, i) || [], I = Object.keys(c.colors), b = y.length === 1 && I.length === 1;
           if (b) {
-            const I = y[0], D = E[0];
+            const E = y[0], D = I[0];
             await this.changeColors(
               t,
               u.map((F) => F.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
-              /* @__PURE__ */ new Map([[D, I.variant.color]])
+              /* @__PURE__ */ new Map([[D, E.variant.color]])
             );
           }
           !b && C.length === 0 && await this.changeColors(
             t,
-            u.map((I) => I.regionElement),
+            u.map((E) => E.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
             /* @__PURE__ */ new Map()
@@ -8154,7 +8154,7 @@ class ys {
     };
   }
 }
-const Gn = new ys();
+const zn = new ys();
 class Ss {
   async init(t, e, a) {
     const n = t.option;
@@ -8677,7 +8677,7 @@ class Bs {
     }
   }
 }
-const zt = new Bs();
+const Gt = new Bs();
 class Is {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8814,7 +8814,7 @@ class Fs {
       if (p && t.globalPropertyAspectConfigurations) {
         const C = (s = p.getGlobalPropertyConfiguration()) == null ? void 0 : s.aspects, w = C == null ? void 0 : C.find((S) => {
           var y;
-          return S.type === z.Text && ((y = t.globalPropertyAspectConfigurations) == null ? void 0 : y.map((E) => E.aspectName).includes(S.name));
+          return S.type === G.Text && ((y = t.globalPropertyAspectConfigurations) == null ? void 0 : y.map((I) => I.aspectName).includes(S.name));
         });
         if (w) {
           const y = p.getGlobalPropertyStateManager().getAspect(w.name);
@@ -9000,7 +9000,7 @@ class Fs {
     const l = [], c = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
     for (const A of e) {
       if (!A.fontData)
-        throw new G("Failed to resolve font data for text.");
+        throw new z("Failed to resolve font data for text.");
       const [u, h] = pe(
         A.fontSize,
         A.fontData,
@@ -9056,13 +9056,13 @@ class Fs {
           let w = (A = n.storage) == null ? void 0 : A.text;
           const S = e.getWorkflowExperience().getBundle();
           if (S && t.globalPropertyAspectConfigurations) {
-            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, E = y == null ? void 0 : y.find((b) => {
-              var I;
-              return b.type === z.Text && ((I = t.globalPropertyAspectConfigurations) == null ? void 0 : I.map((D) => D.aspectName).includes(b.name));
+            const y = (u = S.getGlobalPropertyConfiguration()) == null ? void 0 : u.aspects, I = y == null ? void 0 : y.find((b) => {
+              var E;
+              return b.type === G.Text && ((E = t.globalPropertyAspectConfigurations) == null ? void 0 : E.map((D) => D.aspectName).includes(b.name));
             });
-            if (E) {
-              const I = S.getGlobalPropertyStateManager().getAspect(E.name);
-              I && (w = I);
+            if (I) {
+              const E = S.getGlobalPropertyStateManager().getAspect(I.name);
+              E && (w = E);
             }
           }
           if (await e.setSelectionsAndElements(
@@ -9071,13 +9071,13 @@ class Fs {
             f,
             async () => {
               e.updateMetadata(t.stepName, { color: C, text: w }), e.updateStorage(t.stepName, { text: w, inputText: w });
-              const y = o.map((b) => new Wa(b.id, p)), E = new $(y);
-              e.getCommandDispatcher()(E);
+              const y = o.map((b) => new Wa(b.id, p)), I = new $(y);
+              e.getCommandDispatcher()(I);
             }
           ), o.length === 0 && l) {
             const y = q.getDefaultVariant(l);
             if (y) {
-              const E = await this.selectVariantCommand(
+              const I = await this.selectVariantCommand(
                 t,
                 y,
                 { text: w },
@@ -9088,7 +9088,7 @@ class Fs {
                 () => {
                 }
               );
-              e.getCommandDispatcher()(E.command);
+              e.getCommandDispatcher()(I.command);
             }
           } else {
             const { command: y } = j.updateInputText(
@@ -9106,7 +9106,7 @@ class Fs {
       if (m && t.globalPropertyAspectConfigurations) {
         const g = (h = m.getGlobalPropertyConfiguration()) == null ? void 0 : h.aspects, p = g == null ? void 0 : g.find((f) => {
           var C;
-          return f.type === z.Text && ((C = t.globalPropertyAspectConfigurations) == null ? void 0 : C.map((w) => w.aspectName).includes(f.name));
+          return f.type === G.Text && ((C = t.globalPropertyAspectConfigurations) == null ? void 0 : C.map((w) => w.aspectName).includes(f.name));
         });
         if (p) {
           const C = m.getGlobalPropertyStateManager().getAspect(p.name);
@@ -9298,10 +9298,10 @@ class Fs {
           curved: a.curved,
           paths: a.paths,
           fillSpotColorDefinition: f
-        }, y = [], E = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
+        }, y = [], I = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map();
         if (!S.fontData)
-          throw new G("Failed to resolve font data for text.");
-        const [I, D] = pe(
+          throw new z("Failed to resolve font data for text.");
+        const [E, D] = pe(
           S.fontSize,
           S.fontData,
           {
@@ -9315,11 +9315,11 @@ class Fs {
           [l],
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
-        E.set(S.id, I), b.set(S.id, D);
+        I.set(S.id, E), b.set(S.id, D);
         const F = a.curved || a.vertical ? l : (D || []).join(`
 `);
         y.push(
-          this.generateTextChangeCommandsForRegion(I, a, S.id, F)
+          this.generateTextChangeCommandsForRegion(E, a, S.id, F)
         );
         const k = new W(S, h);
         return {
@@ -9362,23 +9362,23 @@ class Fs {
     const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const S of h)
       if (S.region) {
-        const [y, E] = pe(
+        const [y, I] = pe(
           e,
           a,
           S.region,
           [u],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        m.set(S.id, y), g.set(S.id, E);
+        m.set(S.id, y), g.set(S.id, I);
       }
     const f = (() => {
       if (t.data && t.data.maxLength && u.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
       const S = s.getProfanities(), y = Ze(u.toLowerCase());
-      for (const E of y)
+      for (const I of y)
         for (const b in S) {
-          const I = S[b].toLowerCase().replace(/\s/g, "");
-          if (E === I)
+          const E = S[b].toLowerCase().replace(/\s/g, "");
+          if (I === E)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
@@ -9572,12 +9572,12 @@ class $s extends xs {
       w.appendChild(S), S.appendChild(Ts(0, 2, 2, "shadow"));
       const y = et("path");
       y.setAttribute("d", d), y.setAttribute("stroke", "black"), y.setAttribute("stroke-width", "3"), S.appendChild(y);
-      const E = et("g");
-      E.classList.add("module-layer0"), w.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = y.outerHTML;
+      const I = et("g");
+      I.classList.add("module-layer0"), w.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = y.outerHTML;
       const b = et("g");
       b.classList.add("module-layer1"), w.appendChild(b), b.setAttribute("stroke-width", "3"), b.setAttribute("stroke", "rgb(45,41,38)"), b.setAttribute("fill", "rgb(45,41,38)"), b.setAttribute("transform", "translate(0.5,0)"), b.innerHTML = o;
-      const I = et("g");
-      I.classList.add("module-layer2"), w.appendChild(I), I.setAttribute("fill", "rgb(255,209,0)"), I.setAttribute("transform", "translate(1,-0.1)"), I.innerHTML = o;
+      const E = et("g");
+      E.classList.add("module-layer2"), w.appendChild(E), E.setAttribute("fill", "rgb(255,209,0)"), E.setAttribute("transform", "translate(1,-0.1)"), E.innerHTML = o;
       const D = et("g");
       return D.classList.add("module-layer3"), w.appendChild(D), D.setAttribute("fill", "white"), D.innerHTML = o, new Os(w).transform(([k, T]) => [k, T + (c / 2 - k) ** 2 / (c * 6)]), w;
     }, u = et("g");
@@ -9599,7 +9599,7 @@ class $s extends xs {
 async function Yn(r) {
   if (r === "Vegemite")
     return new $s();
-  throw new G(`Failed to resolve Module, Module ${r} not found`);
+  throw new z(`Failed to resolve Module, Module ${r} not found`);
 }
 const ne = v`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
@@ -9660,7 +9660,7 @@ const ne = v`
   variables: {
     bundleId: r
   }
-})).data.globalPropertyState, zs = v`
+})).data.globalPropertyState, Gs = v`
     ${Te}
     fragment ProductFields on Product {
         id
@@ -9706,7 +9706,7 @@ const ne = v`
         }
     }
 `, Ba = v`
-    ${zs}
+    ${Gs}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9773,7 +9773,7 @@ const ne = v`
             }
         }
     }
-`, Gs = (r) => v`
+`, zs = (r) => v`
     ${ne}
     ${re(r)}
     query GetBundle($id: String!) {
@@ -10290,10 +10290,10 @@ class Co {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, C = !1) {
     var w;
     this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
-      var E;
+      var I;
       if (!this.previewService)
         return;
-      const S = this.getCommandContext().getAllLayouts(), y = (E = this.getLayoutPreviewService()) == null ? void 0 : E.getAll();
+      const S = this.getCommandContext().getAllLayouts(), y = (I = this.getLayoutPreviewService()) == null ? void 0 : I.getAll();
       if (y)
         for (const [, b] of y)
           b.render(S);
@@ -10391,6 +10391,7 @@ class Co {
     this.recipientCallbacks.forEach((p) => p(this.transaction.recipient));
   }
   async initializeDefaultWorkflowState(t) {
+    console.log("LOG: default workflow state?"), console.trace();
     const e = () => {
       var d, A;
       const o = this.workflow.finalizeStepConfig;
@@ -10401,7 +10402,7 @@ class Co {
     };
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
-    }), this.allScenes = await zi(t);
+    }), this.allScenes = await Gi(t);
     const n = Pt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new $(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
@@ -10620,7 +10621,7 @@ class Co {
       const l = o[0];
       if (s.type === P.Model) {
         if (!this.modelContainer)
-          throw new G(
+          throw new z(
             "We should always have a model container when injecting a preview!"
           );
         const u = (A = l.asset) == null ? void 0 : A.fileLink;
@@ -10645,7 +10646,7 @@ class Co {
         }
         s.data.targetMaterials.forEach((m) => {
           if (!this.modelContainer)
-            throw new G(
+            throw new z(
               "We should always have a model container when injecting a preview!"
             );
           this.modelContainer.applyMaterialVariant(m, s.option.id, u);
@@ -10668,7 +10669,7 @@ class Co {
     };
     if (!ln(a, this.storage)) {
       this.storage = a;
-      const n = new Ga(this.constructSerializableWorkflow());
+      const n = new za(this.constructSerializableWorkflow());
       this.commandContext.apply(n, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -10719,7 +10720,7 @@ class Co {
   serialize() {
     const t = this.getCommandContext().getState();
     if (!t)
-      throw new G("Attempted to serialize state before it was initialized.");
+      throw new z("Attempted to serialize state before it was initialized.");
     const e = yt(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
@@ -10851,26 +10852,27 @@ class Co {
     });
   }
   async reset() {
-    this.commandContext.getAllLayouts().forEach(
+    console.log("LOG: reset?"), this.commandContext.getAllLayouts().forEach(
       (e) => e.layoutState.elements.forEach((a) => {
         this.getCommandDispatcher()(new Et(a.id));
       })
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
   async setSelectionsAndElements(t, e, a, n) {
-    var y;
+    var y, I, b;
+    console.log(`LOG: set selection of step ${t} to variant ${(y = e == null ? void 0 : e[0]) == null ? void 0 : y.name} (${(I = e == null ? void 0 : e[0]) == null ? void 0 : I.id})`), console.trace();
     const i = this.stepSelections;
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, b) => E + b.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, D) => I + D, 0), 0), this.workflow.steps.forEach((E) => {
-      wt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((E, D) => E + D.selectedVariants.map((F) => F.priceModifier || 0).reduce((F, k) => F + k, 0), 0), this.workflow.steps.forEach((E) => {
+      wt(E, this.stepSelections) || (console.log(`LOG: uniniting step ${E.stepTitle} (${E.stepName})`), this.stepInitialised[E.stepName] = !1, delete this.stepMetadata[E.stepName], delete this.stepSelections[E.stepName], delete this.storage[E.stepName]);
     });
     const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((E) => E.silentSteps).flat(), A = l.map((E) => E.silentSteps).flat().filter(
-      (E) => !c.some((b) => b.stepName === E.stepName)
+      (E) => !c.some((D) => D.stepName === E.stepName)
     );
     c.forEach((E) => {
-      wt(E, this.stepSelections) || (this.stepInitialised[E.stepName] = !1);
+      wt(E, this.stepSelections) || (console.log(`LOG: uniniting silent step ${E.stepTitle} (${E.stepName})`), this.stepInitialised[E.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10880,16 +10882,16 @@ class Co {
     }, this.removeElements(u);
     const g = this.workflow.steps.find((E) => E.stepName === t);
     if ((g == null ? void 0 : g.type) === P.Frame) {
-      const E = (y = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : y.frameService;
-      E == null || E.setTargetElements(a.map((b) => b.id));
+      const E = (b = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : b.frameService;
+      E == null || E.setTargetElements(a.map((D) => D.id));
     }
-    const p = u.map((E) => new Et(E.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...m, ...p, f];
+    const p = u.map((E) => new Et(E.id)), f = new za(this.constructSerializableWorkflow()), C = [...m, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), S = this.modelContainer;
     if (S) {
       const E = w.map(
-        (b) => S.applyModelVariant(
-          b,
+        (D) => S.applyModelVariant(
+          D,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -10901,13 +10903,14 @@ class Co {
     await this.onSelectionChange(), n && await n();
   }
   async ensureStepsAreLoaded() {
+    console.log("LOG: ensure steps loaded");
     const e = Pt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
     for (const l of n)
       if (!this.stepInitialised[l.stepName])
-        switch (this.stepInitialised[l.stepName] = !0, l.type) {
+        switch (console.log(`LOG: step ${l.stepTitle} (${l.stepName}) was not inited`), this.stepInitialised[l.stepName] = !0, l.type) {
           case P.DigitalContent:
             a.push(
-              zn.init(
+              Gn.init(
                 l,
                 this,
                 this.reloadedState
@@ -10924,7 +10927,7 @@ class Co {
             break;
           case P.Material:
             a.push(
-              Gn.init(l, this, this.reloadedState)
+              zn.init(l, this, this.reloadedState)
             );
             break;
           case P.Model:
@@ -10948,7 +10951,7 @@ class Co {
             );
             break;
           case P.Shape:
-            a.push(zt.init(l, this, this.reloadedState));
+            a.push(Gt.init(l, this, this.reloadedState));
             break;
           case P.Text:
             a.push(j.init(l, this, this.reloadedState));
@@ -11313,7 +11316,7 @@ class yo extends it {
     super(t, e, a);
   }
   selectVariant(t) {
-    return Gn.selectVariant(
+    return zn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -11375,7 +11378,7 @@ class bo extends it {
   }
   selectVariant(t) {
     const e = t.getResource();
-    return zt.selectVariant(
+    return Gt.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -11393,7 +11396,7 @@ class bo extends it {
    * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
    */
   setColor(t) {
-    return zt.selectVariant(
+    return Gt.selectVariant(
       this.step,
       t,
       this.manager.getRegionElements(this.step.stepName) || [],
@@ -11405,7 +11408,7 @@ class bo extends it {
    * @returns A list of color definitions that are currently applied to the illustration.
    */
   getColors() {
-    return zt.availableColours(this.step);
+    return Gt.availableColours(this.step);
   }
   /**
    * Allows for setting a custom color when the custom variant is selected. Will
@@ -11413,7 +11416,7 @@ class bo extends it {
    */
   setCustomColor(t) {
     var e, a;
-    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), zt.setCustomColor(t, this.step, this.manager);
+    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), Gt.setCustomColor(t, this.step, this.manager);
   }
   getCustomColor() {
     var e, a, n;
@@ -11468,7 +11471,7 @@ class Bo extends it {
    */
   async setFillColor(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    await j.changeFillColor(this.step, t, e, this.manager);
+    console.log(`LOG: changing fill color of step ${this.step.stepTitle} (${this.step.stepName}) with ${e.length} elements to ${t}`), await j.changeFillColor(this.step, t, e, this.manager);
   }
   /**
    * Gets the color currently applied to the element.
@@ -11657,7 +11660,7 @@ class Po extends it {
    * @returns The final URL string for the QR code.
    */
   async selectVideo(t) {
-    return zn.regenerateQRCode(
+    return Gn.regenerateQRCode(
       this.manager.getRegionElements(this.step.stepName),
       t.key,
       this.manager,
@@ -11739,7 +11742,7 @@ class ce {
       case P.Module:
         return new Do(t, e, t.getStepTags(e.stepName));
       default:
-        throw new G(`Step type ${e.type} not yet supported in Core SDK`);
+        throw new z(`Step type ${e.type} not yet supported in Core SDK`);
     }
   }
 }
@@ -11964,7 +11967,7 @@ const ko = async (r, t) => {
   };
   return i && (h.metadata = i), a && (h.selectedVariants = a), n && (h.sku = n), h;
 }, Xn = async (r, t, e, a, n, i, s, o, l, c) => {
-  var I;
+  var E;
   await (async () => {
     var R;
     if (c !== void 0)
@@ -11983,29 +11986,29 @@ const ko = async (r, t) => {
       T.errors && console.log("Server Error:", tt.message);
     }), null) : nt ?? 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 && ca(l, t, !0), p = l && ca(l, t, !1), f = async (D) => {
+  const u = r.getPreviewService(), h = (E = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : E.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && ca(l, t, !0), p = l && ca(l, t, !1), f = async (D) => {
     const F = {};
     let k = 0;
     if (Object.keys(i).length > 0)
       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 X = nt.selections[tt];
+          const Z = nt.selections[tt];
           if (R && (!D || R.option && (R.option.variants || []).length > 1 && !R.data.hideSelectionInCart && !R.data.hideSelectionsInCart)) {
             const Nt = R.stepTitle;
             F[Nt] ? F[Nt].push({
-              id: X.id || "",
-              name: X.name,
-              priceModifier: X.priceModifier
+              id: Z.id || "",
+              name: Z.name,
+              priceModifier: Z.priceModifier
             }) : F[Nt] = [
               {
-                id: X.id || "",
-                name: X.name,
-                priceModifier: X.priceModifier
+                id: Z.id || "",
+                name: Z.name,
+                priceModifier: Z.priceModifier
               }
             ];
           }
-          k += X.priceModifier;
+          k += Z.priceModifier;
         }
       }
     return [F, k];
@@ -12017,10 +12020,10 @@ const ko = async (r, t) => {
       S[D].map((F) => F.id)
     ])
   );
-  let E = await o(m, n.id);
-  if (E) {
-    const D = await (await rt(E)).blob();
-    E = (await U.uploadAsset(
+  let I = await o(m, n.id);
+  if (I) {
+    const D = await (await rt(I)).blob();
+    I = (await U.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: D },
       Ce.Image,
       !0,
@@ -12038,7 +12041,7 @@ const ko = async (r, t) => {
         workflowId: t.id,
         transactionId: n.id,
         useThreeDimPreview: !!m,
-        previewImage: E
+        previewImage: I
       };
       if (p) {
         const F = [];
@@ -12161,7 +12164,7 @@ class Ro {
       const t = N.get(this.localPersistenceKey);
       return t ? JSON.parse(t) : [];
     }
-    throw new G("Unexpected storage method requested");
+    throw new z("Unexpected storage method requested");
   }
   /**
    * Search for a transaction that has been saved.
@@ -12201,7 +12204,7 @@ class Ro {
       N.set(this.localPersistenceKey, JSON.stringify(t));
       return;
     }
-    throw new G("Unexpected storage method requested");
+    throw new z("Unexpected storage method requested");
   }
 }
 const Ye = new Ro(), Oo = v`
@@ -12551,7 +12554,7 @@ class Vo {
   }
   async save(t) {
     if (!this.getCommandContext().getState())
-      throw new G("State undefined!");
+      throw new z("State undefined!");
     const n = {
       title: await (async () => {
         var l;
@@ -12574,10 +12577,10 @@ class Vo {
     var s;
     const t = yt(this.getCommandContext().getState());
     if (!t)
-      throw new G("Internal state is undefined! Cannot copy experience!");
+      throw new z("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflowManager().getWorkflow(), n = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
     if (!n)
-      throw new G("Integration product id is undefined!");
+      throw new z("Integration product id is undefined!");
     return await this.getClient().getWorkflowExperience({
       type: "integration",
       integrationProductId: n,
@@ -12676,7 +12679,7 @@ class Vo {
     (this.eventCallbacks.get(t) || []).forEach((e) => e(this));
   }
 }
-const zo = [
+const Go = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -12688,7 +12691,7 @@ const zo = [
   "textPath",
   "tref",
   "tspan"
-], Go = async (r, t, e) => {
+], zo = 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", Ra(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${Ra(await on(l, { type: "svg" }))}`, A = (h) => {
@@ -12774,7 +12777,7 @@ const zo = [
     return console.error(o), [];
   }
 }, jo = async (r, t, e, a) => {
-  var y, E;
+  var y, I;
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
@@ -12784,7 +12787,7 @@ const zo = [
   if (!s.asset)
     return console.error(`No asset for variant with ID: ${n.illustrationVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
-  const o = (E = s.asset) == null ? void 0 : E.fileLink;
+  const o = (I = s.asset) == null ? void 0 : I.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
   const l = await at(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = (d == null ? void 0 : d.length) > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
@@ -12793,10 +12796,10 @@ const zo = [
   pa(m);
   const g = {};
   xt(m, (b) => {
-    zo.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
-    const I = b.attributes.getNamedItem("fill");
-    if (I && I.value !== "none") {
-      const F = I.value, T = `spiff-fill-${F.replace(/\W/g, "")}`;
+    Go.includes(b.tagName) && !b.attributes.getNamedItem("fill") && b.setAttribute("fill", "#000000");
+    const E = b.attributes.getNamedItem("fill");
+    if (E && E.value !== "none") {
+      const F = E.value, T = `spiff-fill-${F.replace(/\W/g, "")}`;
       b.classList.add(T), g[T] = { browserValue: F };
     }
     const D = b.attributes.getNamedItem("stroke");
@@ -12807,16 +12810,16 @@ const zo = [
   });
   const f = bt().serializeToString(m), C = n.colors;
   if (C) {
-    for (const [b, I] of Object.entries(g))
+    for (const [b, E] of Object.entries(g))
       for (const D of Object.keys(C))
-        if (I.browserValue === D) {
+        if (E.browserValue === D) {
           g[b] = { browserValue: C[D] };
           break;
         }
   }
   const w = (b) => {
-    const I = r.find((F) => F.panelId === b.panelId);
-    if (!I)
+    const E = r.find((F) => F.panelId === b.panelId);
+    if (!E)
       throw new Y(b);
     const D = Q();
     return new W(
@@ -12834,7 +12837,7 @@ const zo = [
         layerIndex: b.layerIndex,
         immutable: b.immutable
       },
-      I
+      E
     );
   }, S = a.data.regions;
   try {
@@ -13144,7 +13147,7 @@ const zo = [
       switch (o.type) {
         case P.DigitalContent:
           n.push(
-            ...await Go(e, s, o)
+            ...await zo(e, s, o)
           );
           break;
         case P.Frame:
@@ -13434,19 +13437,19 @@ class rl {
   }
   async createHandle(t) {
     switch (t.type) {
-      case z.FileUpload:
+      case G.FileUpload:
         return new il(this.bundle, t).initialize();
-      case z.ColorOption:
+      case G.ColorOption:
         return new Ja(
           this.bundle,
           t,
           t.entityId ? await q.getOption(t.entityId) : void 0
         );
-      case z.Option: {
+      case G.Option: {
         const e = t.entityId ? await q.getOption(t.entityId) : void 0;
         return (e == null ? void 0 : e.type) === "Color" ? new Ja(this.bundle, t, e) : new Zn(this.bundle, t, e);
       }
-      case z.Text:
+      case G.Text:
         return new sl(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
@@ -13492,17 +13495,15 @@ class Ia {
    * @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;
-          }
-        );
-      })
-    );
+    return (t ?? this.bundle.getWorkflowExperiences()).flatMap((n) => n.getSteps().filter((s) => {
+      var o;
+      return s.getOverrideGlobalPropertyConfiguration(this.property.type) ? !1 : (o = s.getRaw().globalPropertyAspectConfigurations) == null ? void 0 : o.some(
+        (l) => {
+          var c, d;
+          return l.globalPropertyConfigurationId === ((d = (c = this.bundle.getProductCollection()) == null ? void 0 : c.getResource().globalPropertyConfiguration) == null ? void 0 : d.id) && l.aspectName === this.property.name;
+        }
+      );
+    }));
   }
   getStateValue() {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
@@ -13869,6 +13870,7 @@ class Ja extends Zn {
   }
   async applyGlobalState(t) {
     var i, s, o;
+    console.log(`LOG: applying global state for color ${this.property.name}`);
     const e = this.getStateValue();
     if (!e)
       return Promise.resolve();
@@ -13877,11 +13879,13 @@ class Ja extends Zn {
       return Promise.resolve();
     await this.applyColorVariant(new st(a), t);
     const n = (o = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : o.customColor;
-    n && this.setCustomColor(n);
+    console.log(`LOG: end of apply global state for color ${this.property.name}`), n && this.setCustomColor(n);
   }
   async applyColorVariant(t, e, a) {
-    const i = this.getSharedSteps(e).map((s) => {
-      switch (s.getType()) {
+    const n = this.getSharedSteps(e);
+    console.log(`LOG: applying color variant ${t.getName()} for ${n.length} shared steps`);
+    const i = n.map((s) => {
+      switch (console.log(`LOG: applying to step type ${s.getType()}`), s.getType()) {
         case P.Shape:
           return s.selectVariant(t);
         case P.Text:
@@ -14046,15 +14050,15 @@ class cl {
           let i = n.type && n.storage ? {} : void 0;
           if (i)
             switch (n.type) {
-              case z.FileUpload: {
+              case G.FileUpload: {
                 i.fileUpload = n.storage;
                 break;
               }
-              case z.Option: {
+              case G.Option: {
                 i.option = n.storage;
                 break;
               }
-              case z.ColorOption: {
+              case G.ColorOption: {
                 i = n.storage;
                 break;
               }
@@ -14734,7 +14738,7 @@ class Je {
       const m = this.globalPropertyStateManager.getGlobalPropertyState();
       m ? this.globalPropertyHandleService.getHandles().then((g) => {
         const p = g.map((f) => {
-          if (f.getType() === z.ColorOption || f.getType() === z.Option) {
+          if (f.getType() === G.ColorOption || f.getType() === G.Option) {
             const C = f;
             if (!m.aspects.find((S) => S.name === C.getName()))
               return C.initDefaultVariant();
@@ -14871,7 +14875,7 @@ class Je {
       const i = n == null ? void 0 : n.name, s = e.find((o) => o.getName() === i);
       if (s)
         switch (n.type) {
-          case z.FileUpload: {
+          case G.FileUpload: {
             const o = s, l = await ve([n.value]);
             l.length > 0 && await o.selectImage(l[0]);
             const c = (a = n.storage) == null ? void 0 : a.colors;
@@ -14883,21 +14887,21 @@ class Je {
             }
             break;
           }
-          case z.ColorOption: {
+          case G.ColorOption: {
             const o = s;
-            if (n.type === z.ColorOption) {
+            if (n.type === G.ColorOption) {
               const c = o.getAllVariants().find((d) => d.getId() === n.value);
               c && await o.selectVariant(c);
             } else
               o.setCustomColor(n.value);
             break;
           }
-          case z.Option: {
+          case G.Option: {
             const o = s, c = o.getAllVariants().find((d) => d.getId() === n.value);
             c && await o.selectVariant(c);
             break;
           }
-          case z.Text: {
+          case G.Text: {
             await s.setText(n.value);
             break;
           }
@@ -14908,7 +14912,7 @@ class Je {
     return this.globalPropertyStateManager;
   }
   async getGlobalPropertyTotalSubunits() {
-    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === z.Option).map((a) => {
+    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === G.Option).map((a) => {
       var n;
       return ((n = a.getCurrentVariant()) == null ? void 0 : n.getPrice()) || 0;
     }).reduce((a, n) => a + n, 0);
@@ -14927,7 +14931,7 @@ class Je {
         const c = (e = this.getGlobalPropertyConfiguration()) == null ? void 0 : e.aspects.find(
           (d) => d.name === l
         );
-        if (c && c.type === z.ColorOption) {
+        if (c && c.type === G.ColorOption) {
           const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = ll(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
@@ -15992,7 +15996,7 @@ class Ad {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && $r(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 28.0.1-beta.29d7ea3f-e4d3-5c03-bd48-b02b5e782f5a"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && $r(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 28.0.1-beta.dfd45d89-6b78-5804-8247-b45fe6487531"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Lr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16101,7 +16105,7 @@ class Ad {
       const C = ((h = (u = this.customer) == null ? void 0 : u.bundleStakeholders) == null ? void 0 : h.find(
         (w) => {
           var S, y;
-          return (y = (S = w.bundle) == null ? void 0 : S.transactions) == null ? void 0 : y.some((E) => E.id === t);
+          return (y = (S = w.bundle) == null ? void 0 : S.transactions) == null ? void 0 : y.some((I) => I.id === t);
         }
       )) || ((g = (m = this.customer) == null ? void 0 : m.stakeholders) == null ? void 0 : g.find(
         (w) => {
@@ -16328,11 +16332,11 @@ class Ad {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var h, m, g, p, f, C, w, S, y, E, b;
+    var h, m, g, p, f, C, w, S, y, I, b;
     const i = N.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), o = {};
     try {
-      const I = await this.loggedInBearerToken();
-      o.Authorization = `Bearer ${I}`;
+      const E = await this.loggedInBearerToken();
+      o.Authorization = `Bearer ${E}`;
     } catch {
       const F = ((h = Object.entries(localStorage).find(([T, nt]) => T.startsWith("CognitoIdentityServiceProvider") && T.endsWith("idToken"))) == null ? void 0 : h[0]) || "", k = localStorage.getItem(F);
       k && !Wt(k) && (o.Authorization = `Bearer ${k}`);
@@ -16342,7 +16346,7 @@ class Ad {
       ...o,
       ...(m = n == null ? void 0 : n.graphql) == null ? void 0 : m.additionalHeaders
     }, c = await B.getShadowGraphqlClient().query({
-      query: Gs(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
+      query: zs(((p = (g = n == null ? void 0 : n.graphql) == null ? void 0 : g.productCollection) == null ? void 0 : p.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -16357,7 +16361,7 @@ class Ad {
     A.set(d.id, d.partner.id), N.setMap("bundlePartnerIds", A);
     const u = new Je(this, d, e, a, s, {
       additionalHeaders: (y = n == null ? void 0 : n.graphql) == null ? void 0 : y.additionalHeaders,
-      eagerFetchProducts: (b = (E = n == null ? void 0 : n.graphql) == null ? void 0 : E.productCollection) == null ? void 0 : b.eagerFetchProducts,
+      eagerFetchProducts: (b = (I = n == null ? void 0 : n.graphql) == null ? void 0 : I.productCollection) == null ? void 0 : b.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -16376,7 +16380,7 @@ class Ad {
       const C = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${C}`;
     } catch {
-      const S = ((h = Object.entries(localStorage).find(([E, b]) => E.startsWith("CognitoIdentityServiceProvider") && E.endsWith("idToken"))) == null ? void 0 : h[0]) || "", y = localStorage.getItem(S);
+      const S = ((h = Object.entries(localStorage).find(([I, b]) => I.startsWith("CognitoIdentityServiceProvider") && I.endsWith("idToken"))) == null ? void 0 : h[0]) || "", y = localStorage.getItem(S);
       y && !Wt(y) && (s.Authorization = `Bearer ${y}`);
     }
     const o = {
@@ -16483,19 +16487,19 @@ class Ad {
       var D, F, k;
       if (y.length === 0)
         return [];
-      const E = y.map((T) => T.option.transactionId), b = await a.query({
+      const I = y.map((T) => T.option.transactionId), b = await a.query({
         query: yi,
         variables: {
-          ids: E
+          ids: I
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), I = b.data.transactions;
-      if (I.length !== y.length) {
+      }), E = b.data.transactions;
+      if (E.length !== y.length) {
         const T = ((F = (D = b.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${T}`);
       }
-      return !this.activeIntegration && ((k = I[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((T, nt) => {
+      return !this.activeIntegration && ((k = E[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(E[0].integrationProduct.integration)), E.map((T, nt) => {
         var R;
         return {
           transaction: T,
@@ -16505,10 +16509,10 @@ class Ad {
         };
       });
     }, i = async (y) => {
-      var I, D, F;
+      var E, D, F;
       if (y.length === 0)
         return [];
-      const E = await a.mutate({
+      const I = await a.mutate({
         mutation: wi,
         variables: {
           inputs: y.map((k) => ({
@@ -16524,9 +16528,9 @@ class Ad {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), b = (I = E.data) == null ? void 0 : I.transactionCreateMany;
+      }), b = (E = I.data) == null ? void 0 : E.transactionCreateMany;
       if (!b || b.length === 0) {
-        const k = ((F = (D = E.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
+        const k = ((F = (D = I.errors) == null ? void 0 : D[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${k}`);
       }
       return b.map((k, T) => ({
@@ -16535,37 +16539,37 @@ class Ad {
         readOnly: !1,
         index: y[T].index
       }));
-    }, s = t.map((y, E) => ({ option: y, index: E })), o = s.filter((y) => y.option.type === "transaction"), l = s.filter(
+    }, s = t.map((y, I) => ({ option: y, index: I })), o = s.filter((y) => y.option.type === "transaction"), l = s.filter(
       (y) => y.option.type === "integration" || y.option.type === "external"
     ), c = xa(o, 10), d = xa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((y) => y.workflowId))], h = await ar(u, e), m = new Map(h.map((y) => [y.id, y])), g = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (y) => {
       var tt;
-      const { transaction: E, workflowId: b, readOnly: I, index: D } = y, F = m.get(b), k = t[D];
-      !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
-      const T = g.get(E.id) || void 0, nt = new Fl({
+      const { transaction: I, workflowId: b, readOnly: E, index: D } = y, F = m.get(b), k = t[D];
+      !g.get(I.id) && I.transactionOwnerId && g.set(I.id, I.transactionOwnerId);
+      const T = g.get(I.id) || void 0, nt = new Fl({
         onMutate: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } })
       }), R = {
-        product: E.product,
-        transaction: E,
+        product: I.product,
+        transaction: I,
         layouts: [],
         singleVariantsRenderable: (tt = k == null ? void 0 : k.workflowConfiguration) == null ? void 0 : tt.singleVariantsRenderable,
-        stateMutationFunc: I ? async () => {
-          throw new G("State mutation is forbidden in read only mode!");
-        } : async (X) => (console.log(`LOG: updating transaction with options ${JSON.stringify(X, null, 2)}`), console.trace(), this.updateTransactionState({
-          ...X,
+        stateMutationFunc: E ? async () => {
+          throw new z("State mutation is forbidden in read only mode!");
+        } : async (Z) => (console.log("LOG: updating transaction"), this.updateTransactionState({
+          ...Z,
           context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         })),
         graphQlClient: () => nt,
-        readOnly: I,
+        readOnly: E,
         workflow: F,
         isReloadedTransaction: k.type === "transaction"
       };
-      if (!I && k.workflowState) {
-        const X = JSON.parse(k.workflowState);
-        R.layouts = Object.values(X.layouts || {}).map((Nt) => Nt.layout), await cs(X), R.reloadedState = X;
+      if (!E && k.workflowState) {
+        const Z = JSON.parse(k.workflowState);
+        R.layouts = Object.values(Z.layouts || {}).map((Nt) => Nt.layout), await cs(Z), R.reloadedState = Z;
       } else
         R.layouts = Rl(
           R.transaction,
@@ -16576,9 +16580,9 @@ class Ad {
       ), R.delayWorkflowStateSync = !0, { experienceOptions: R, index: D, options: k };
     }), f = await Promise.all(p);
     N.setMap("transactionOwnerIds", g);
-    const w = f.sort((y, E) => y.index - E.index).map(async (y) => {
-      const { experienceOptions: E, options: b } = y, I = new Vo(this, E);
-      return await I.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
+    const w = f.sort((y, I) => y.index - I.index).map(async (y) => {
+      const { experienceOptions: I, options: b } = y, E = new Vo(this, I);
+      return await E.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await E.attachCustomerDetails({ email: this.customer.emailAddress }), E;
     }), S = await Promise.all(w);
     return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), S;
   }
@@ -16852,7 +16856,7 @@ class Ul {
     if (!n || !this.frameData)
       return;
     if (this.frameData.length !== t.length)
-      throw new G(
+      throw new z(
         "Frame data and offsets are not the same length. This is a bug. Please report it."
       );
     if (!this.offsets.some((s, o) => !(t[o].x === s.x && t[o].y === s.y && t[o].zoom === s.zoom)) && !a) {
@@ -16896,9 +16900,9 @@ class Ul {
    */
   updateFrameOffsets(t, e, a, n, i) {
     if (!a || a.length === 0 || a.some((o) => !o))
-      throw new G("Frame data not set. This is a bug");
+      throw new z("Frame data not set. This is a bug");
     if (!this.workflowManager)
-      throw new G("No workflow manager set, cannot update offsets.");
+      throw new z("No workflow manager set, cannot update offsets.");
     const s = this.workflowManager.getCommandDispatcher();
     this.targetElements.forEach((o, l) => {
       s(
@@ -17275,7 +17279,7 @@ class Vl extends it {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const zl = v`
+const Gl = v`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -17318,7 +17322,7 @@ const zl = v`
             total
         }
     }
-`, Gl = v`
+`, zl = v`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
@@ -17404,7 +17408,7 @@ const zl = v`
   },
   context: e
 }), Cd = async (r, t) => await B.getShadowGraphqlClient().mutate({
-  mutation: Gl,
+  mutation: zl,
   errorPolicy: "all",
   variables: {
     id: r,
@@ -17425,7 +17429,7 @@ const zl = v`
     template: t
   }
 }), Sd = async (r) => (await B.getShadowGraphqlClient().query({
-  query: zl,
+  query: Gl,
   errorPolicy: "all",
   variables: {
     email: r
@@ -17742,7 +17746,7 @@ export {
   ic as AddressValidationJobStatus,
   rc as AddressValidationResultConfirmationLevel,
   cd as ArrayInput,
-  z as AspectType,
+  G as AspectType,
   St as AssetNotFoundError,
   Ce as AssetType,
   ad as BringForwardCommand,
@@ -17822,7 +17826,7 @@ export {
   Bo as TextStepHandle,
   pl as Transform,
   gl as TransformCollection,
-  G as UnhandledBehaviorError,
+  z as UnhandledBehaviorError,
   Ir as UnitOfMeasurement,
   Zc as UpdateImageSourceCommand,
   st as Variant,
@@ -17836,7 +17840,7 @@ export {
   Mc as dataUrlFromExternalUrl,
   Ye as designService,
   pe as determineCorrectFontSizeAndLines,
-  zn as digitalContentStepService,
+  Gn as digitalContentStepService,
   dt as domParser,
   wd as duplicateBundle,
   yd as duplicateTransaction,
@@ -17861,13 +17865,13 @@ export {
   Qe as getFrameData,
   rd as getGlobalPropertyStateForBundle,
   Ol as getIntegration,
-  zc as getNEPoint,
+  Gc as getNEPoint,
   Vc as getNWPoint,
   Bd as getOrderedTransactions,
   hd as getOverrideThemeConfiguration,
   Lc as getPointOfRotation,
   od as getProductCollections,
-  Gc as getSEPoint,
+  zc as getSEPoint,
   Sa as getSvgElement,
   Pd as getTemplateBundles,
   Id as getTemplateTransactions,
@@ -17884,7 +17888,7 @@ export {
   $c as isCloseToValue,
   Tt as loadFont,
   Nc as matchHexToPms,
-  Gn as materialStepService,
+  zn as materialStepService,
   hl as metafieldManager,
   Hc as mmPerPixel,
   Wn as modelStepService,
@@ -17907,7 +17911,7 @@ export {
   pa as sanitizeSvgTree,
   Lr as setBearerAuthenticationToken,
   pn as setCanvasModule,
-  zt as shapeStepService,
+  Gt as shapeStepService,
   fs as shortenUrl,
   mt as spiffCoreConfiguration,
   id as stepAspectValuesToDesignInputSteps,