@spiffcommerce/core 27.2.1-beta.18d38888-19ca-5144-b378-0ea4ef812e79 → 27.2.1-beta.53daa97c-6932-5a12-a2b0-5f55ecb6f4c7

package/dist/index.mjs

@@ -11,7 +11,7 @@ import St from "lodash.clonedeep";
 import { toString as sn } from "qrcode";
 import mr from "svg-path-bbox";
 import { parse as Xe } from "opentype.js";
-import { jsx as F, jsxs as ct, Fragment as Gt } from "preact/jsx-runtime";
+import { jsx as F, jsxs as ct, Fragment as zt } from "preact/jsx-runtime";
 import gr from "handlebars";
 import { dataUriToBuffer as pr } from "data-uri-to-buffer";
 import Fa from "lodash.chunk";
@@ -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 || {}), 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 || {}), 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 || {}), 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 || {});
 class cn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -62,7 +62,7 @@ class De extends cn {
     super(`ImplementationError - ${t}`);
   }
 }
-class G extends De {
+class z extends De {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
@@ -314,7 +314,7 @@ async function Vr(r, t) {
   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;
 }
-class zr {
+class Gr {
   constructor() {
     this.shadowGraphqlClient = this.constructShadowGraphqlClient(), mt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
@@ -366,7 +366,7 @@ class zr {
     });
   }
 }
-const b = new zr();
+const b = new Gr();
 let aa, na;
 const gt = (r, t, e) => {
   if (aa !== void 0)
@@ -415,7 +415,7 @@ function ga() {
   return $e === void 0 && ($e = Fr()), $e;
 }
 let se = null;
-const Gr = (r) => new Promise((t) => {
+const zr = (r) => new Promise((t) => {
   if (ke(r) !== "image/jpeg")
     return t(1);
   ur(r).then((a) => t(a || 1)).catch(() => t(1));
@@ -434,7 +434,7 @@ const Gr = (r) => new Promise((t) => {
     const u = gt(a, n);
     return (A = u.getContext("2d")) == null || A.drawImage(e, 0, 0, a, n), u;
   }
-  const s = await Gr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = gt(o, l), d = c.getContext("2d");
+  const s = await zr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = gt(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -3556,7 +3556,7 @@ class di {
     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])();
@@ -3583,7 +3583,7 @@ class di {
    */
   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));
   }
   /**
@@ -3591,7 +3591,7 @@ class di {
    */
   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));
   }
   /**
@@ -3709,7 +3709,7 @@ class di {
       case "mkv":
         return "video/x-matroska";
       default:
-        throw new G("Unexpected mimetype: " + e);
+        throw new z("Unexpected mimetype: " + e);
     }
   }
 }
@@ -5206,7 +5206,7 @@ const Y = new pi(), En = v`
     silentSteps: r.silentSteps.filter((a) => yt(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, Dt = (r, t) => r.map((e) => Vi(e, t)).filter((e) => e !== null), zi = async (r, t, e = !1) => {
+}, Dt = (r, t) => r.map((e) => Vi(e, t)).filter((e) => e !== null), Gi = async (r, t, e = !1) => {
   var s;
   const a = Dt(r, t), n = [];
   for (const o of a)
@@ -5301,7 +5301,7 @@ class xn {
 const Q = () => {
   const r = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return r() + r() + "-" + r() + "-" + r() + "-" + r() + "-" + r() + r() + r();
-}, Gi = ({
+}, zi = ({
   backgroundColor: r,
   outlineColor: t,
   borderRadius: e,
@@ -5505,7 +5505,7 @@ const Q = () => {
 }, kn = (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__ */ F("defs", { children: (() => /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ F("path", { d: r.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ ct(
       "g",
@@ -5545,8 +5545,8 @@ const Q = () => {
     return r.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ F(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__ */ F(Gt, { children: r.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    return /* @__PURE__ */ F(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__ */ F(zt, { children: r.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
     /* @__PURE__ */ F(
       "feColorMatrix",
       {
@@ -5590,7 +5590,7 @@ const Q = () => {
       src: a()
     }];
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ ct(zt, { children: [
     i(),
     /* @__PURE__ */ F(
       "g",
@@ -5890,7 +5890,7 @@ const Hi = (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} ${fn(r.fillSpotColorDefinition)}` : r.fill;
   };
-  return /* @__PURE__ */ ct(Gt, { children: [
+  return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
       r.textFillImage && /* @__PURE__ */ F(
         "pattern",
@@ -6046,7 +6046,7 @@ class rs {
     return this.state;
   }
   runStateCallbacks() {
-    this.stateCallbacks.forEach((t) => t());
+    console.log("LOG: running callbacks"), this.stateCallbacks.forEach((t) => t());
   }
   apply(t, e) {
     if (!this.state)
@@ -6127,7 +6127,7 @@ class rs {
 const Qn = (r) => r.type === M.Image ? /* @__PURE__ */ F(Fn, { ...r }, r.id) : r.type === M.Frame ? /* @__PURE__ */ F(Wi, { ...r }, r.id) : r.type === M.Illustration ? /* @__PURE__ */ F(ns, { ...r }, r.id) : r.type === M.Textbox ? /* @__PURE__ */ F(ts, { ...r }, r.id) : r.type === M.Group ? /* @__PURE__ */ F(kn, { ...r }, r.id) : null, Sa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ F(
-    Gi,
+    zi,
     {
       preserveAspectRatio: void 0,
       elements: n,
@@ -6174,7 +6174,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(), Rn = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), Vt = /* @__PURE__ */ new Map(), Ge = /* @__PURE__ */ new Map(), Rn = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6198,8 +6198,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);
@@ -6235,7 +6235,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;
@@ -6297,9 +6297,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))
@@ -6331,7 +6331,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,
@@ -6364,7 +6364,7 @@ const ae = (r) => {
   }
   return o;
 };
-class zc {
+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);
     return {
@@ -6537,7 +6537,7 @@ const L = (r, t) => X(r, t).elements.find((n) => n.id === r), X = (r, t) => {
     elements: a,
     modificationID: Q()
   };
-}, za = async (r) => {
+}, Ga = async (r) => {
   var a;
   const t = [...Object.keys(r.layouts)], e = [...new Set(t)];
   for (let n = 0; n < e.length; n++) {
@@ -6599,7 +6599,7 @@ class O {
     this.oldState = t;
   }
 }
-class Ga extends O {
+class za extends O {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6610,7 +6610,7 @@ class Ga extends O {
     };
   }
 }
-class Gc extends O {
+class zc extends O {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -8143,7 +8143,7 @@ class ps {
     };
   }
 }
-const zn = new ps();
+const Gn = new ps();
 class fs {
   async init(t, e, a) {
     const n = t.option;
@@ -8229,7 +8229,7 @@ class fs {
     };
   }
 }
-const Gn = new fs();
+const zn = new fs();
 class Cs {
   async init(t, e, a) {
     if (a)
@@ -8437,14 +8437,17 @@ class ws {
 const jn = new ws();
 class ys {
   async init(t, e, a) {
+    console.log("LOG: q init");
     const n = t.option;
     if (!n)
-      return null;
+      return console.log("LOG: q no option"), null;
     if (a)
-      await this.reload(t, e, a);
+      console.log("LOG: q reload"), await this.reload(t, e, a);
     else {
+      console.log("LOG: q no reload");
       const i = n.variants;
       if (Y.getDefaultVariant(n)) {
+        console.log("LOG: q default");
         const o = i == null ? void 0 : i.find((l) => {
           var c;
           return l.id === ((c = n.defaultVariant) == null ? void 0 : c.id);
@@ -8452,7 +8455,7 @@ class ys {
         return this.selectVariantLambda(t, (o == null ? void 0 : o.id) || "", e);
       }
     }
-    return null;
+    return console.log("LOG: q end"), null;
   }
   async reload(t, e, a) {
     var s;
@@ -8666,7 +8669,7 @@ class Ss {
     }
   }
 }
-const zt = new Ss();
+const Gt = new Ss();
 class vs {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8803,7 +8806,7 @@ class bs {
       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((E) => E.aspectName).includes(S.name));
         });
         if (w) {
           const y = p.getGlobalPropertyStateManager().getAspect(w.name);
@@ -8989,7 +8992,7 @@ class bs {
     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,
@@ -9047,7 +9050,7 @@ class bs {
           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));
+              return B.type === G.Text && ((I = t.globalPropertyAspectConfigurations) == null ? void 0 : I.map((D) => D.aspectName).includes(B.name));
             });
             if (E) {
               const I = S.getGlobalPropertyStateManager().getAspect(E.name);
@@ -9095,7 +9098,7 @@ class bs {
       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);
@@ -9289,7 +9292,7 @@ class bs {
           fillSpotColorDefinition: f
         }, y = [], E = /* @__PURE__ */ new Map(), B = /* @__PURE__ */ new Map();
         if (!S.fontData)
-          throw new G("Failed to resolve font data for text.");
+          throw new z("Failed to resolve font data for text.");
         const [I, D] = pe(
           S.fontSize,
           S.fontData,
@@ -9588,7 +9591,7 @@ class Ns extends Is {
 async function qn(r) {
   if (r === "Vegemite")
     return new Ns();
-  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 {
@@ -9890,7 +9893,7 @@ const ne = v`
             }
         }
     }
-`, zs = v`
+`, Gs = v`
     query GetProductCollectionForFilteredProducts(
         $id: String!
         $filters: ProductCollectionProductFilterInput
@@ -9913,7 +9916,7 @@ const ne = v`
             }
         }
     }
-`, Gs = v`
+`, zs = v`
     ${ba}
     query GetProductCollectionForProductsFeed(
         $id: String!
@@ -10280,10 +10283,11 @@ 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 (!this.previewService)
+      if (console.log("LOG: render layouts"), !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 (y)
+      if (console.log(`LOG: render layouts: ${y == null ? void 0 : y.size} handles`), !!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) => {
@@ -10609,7 +10613,7 @@ class mo {
       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;
@@ -10634,7 +10638,7 @@ class mo {
         }
         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);
@@ -10657,7 +10661,7 @@ class mo {
     };
     if (!on(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();
     }
   }
@@ -10708,7 +10712,7 @@ class mo {
   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 = St(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
@@ -10872,7 +10876,7 @@ class mo {
       const E = (y = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : y.frameService;
       E == null || E.setTargetElements(a.map((B) => B.id));
     }
-    const p = u.map((E) => new Bt(E.id)), f = new Ga(this.constructSerializableWorkflow()), C = [...m, ...p, f];
+    const p = u.map((E) => new Bt(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) {
@@ -10913,11 +10917,11 @@ class mo {
             break;
           case P.Material:
             a.push(
-              zn.init(l, this, this.reloadedState)
+              Gn.init(l, this, this.reloadedState)
             );
             break;
           case P.Model:
-            a.push(Gn.init(l, this, this.reloadedState));
+            a.push(zn.init(l, this, this.reloadedState));
             break;
           case P.Module:
             this.stepSpecificServices[l.stepName] = {
@@ -10937,7 +10941,7 @@ class mo {
             );
             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));
@@ -11000,7 +11004,7 @@ class mo {
     this.validationCallbacks.forEach((t) => t(this.validationErrors));
   }
   traversableScenes() {
-    return zi(this.allScenes, this.stepSelections, this.singleVariantsRenderable);
+    return Gi(this.allScenes, this.stepSelections, this.singleVariantsRenderable);
   }
 }
 class st {
@@ -11302,7 +11306,7 @@ class po extends it {
     super(t, e, a);
   }
   selectVariant(t) {
-    return zn.selectVariant(
+    return Gn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -11315,7 +11319,7 @@ class fo extends it {
     super(t, e, a);
   }
   selectVariant(t) {
-    return Gn.selectVariant(
+    return zn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -11364,7 +11368,7 @@ class yo extends it {
   }
   selectVariant(t) {
     const e = t.getResource();
-    return zt.selectVariant(
+    return Gt.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -11382,7 +11386,7 @@ class yo 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) || [],
@@ -11394,7 +11398,7 @@ class yo 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
@@ -11402,7 +11406,7 @@ class yo 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;
@@ -11510,7 +11514,9 @@ class So extends it {
       helperData: {}
     }, a = j.findLayoutElements(this.manager, this.step), n = j.filterUnsupportedCharacters(t, (d = a[0]) == null ? void 0 : d.fontData), i = !!this.step.data && !!this.step.data.maxLength && n.length > this.step.data.maxLength;
     i || (e.input = n);
-    const s = a.length <= 0, o = s ? { inputText: n, text: n } : { inputText: n };
+    const s = a.length <= 0;
+    console.log(`LOG: setting text ${t} to ${a.length} regions`);
+    const o = s ? { inputText: n, text: n } : { inputText: n };
     this.manager.updateStorage(this.step.stepName, o);
     const l = this.manager.getStepStorage(this.step.stepName), c = j.getProcessedInput(
       n,
@@ -11728,7 +11734,7 @@ class ce {
       case P.Module:
         return new Bo(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`);
     }
   }
 }
@@ -12150,7 +12156,7 @@ class Mo {
       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.
@@ -12190,7 +12196,7 @@ class Mo {
       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 Mo(), To = v`
@@ -12540,7 +12546,7 @@ class Oo {
   }
   async save(t) {
     if (!this.getCommandContext().getState())
-      throw new G("State undefined!");
+      throw new z("State undefined!");
     const n = {
       title: await (async () => {
         var l;
@@ -12563,10 +12569,10 @@ class Oo {
     var s;
     const t = St(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,
@@ -12831,7 +12837,7 @@ const $o = [
   } catch (B) {
     return console.error(B), [];
   }
-}, zo = async (r, t, e) => {
+}, Go = async (r, t, e) => {
   const a = await qn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
@@ -12861,7 +12867,7 @@ const $o = [
   } catch (o) {
     return console.error(o), [];
   }
-}, Go = async (r, t, e, a) => {
+}, zo = async (r, t, e, a) => {
   var d, A;
   const n = e.data, i = a.option;
   if (!i)
@@ -13153,11 +13159,11 @@ const $o = [
           );
           break;
         case P.Module:
-          n.push(...await zo(e, s, o));
+          n.push(...await Go(e, s, o));
           break;
         case P.Picture:
           n.push(
-            ...await Go(e, i, s, o)
+            ...await zo(e, i, s, o)
           );
           break;
         case P.Shape:
@@ -13423,19 +13429,19 @@ class tl {
   }
   async createHandle(t) {
     switch (t.type) {
-      case z.FileUpload:
+      case G.FileUpload:
         return new el(this.bundle, t).initialize();
-      case z.ColorOption:
+      case G.ColorOption:
         return new Ja(
           this.bundle,
           t,
           t.entityId ? await Y.getOption(t.entityId) : void 0
         );
-      case z.Option: {
+      case G.Option: {
         const e = t.entityId ? await Y.getOption(t.entityId) : void 0;
         return (e == null ? void 0 : e.type) === "Color" ? new Ja(this.bundle, t, e) : new Xn(this.bundle, t, e);
       }
-      case z.Text:
+      case G.Text:
         return new al(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
@@ -13761,7 +13767,9 @@ class al extends Ia {
     await this.applyTextSelection(e, t);
   }
   async applyTextSelection(t, e) {
-    const n = this.getSharedSteps(e).map((i) => {
+    const a = this.getSharedSteps(e);
+    console.log(`LOG: ${a.length} shared steps`);
+    const n = a.map((i) => {
       i.setText(t);
     });
     await Promise.all(n);
@@ -14035,15 +14043,15 @@ class il {
           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;
               }
@@ -14315,7 +14323,7 @@ class Zn {
   async filterProducts(t, e, a, n) {
     var l, c;
     const i = await b.getShadowGraphqlClient().query({
-      query: zs,
+      query: Gs,
       errorPolicy: "all",
       variables: {
         id: this.getId(),
@@ -14355,7 +14363,7 @@ class Zn {
       };
     }
     const o = new AbortController(), { signal: l } = o, c = b.getShadowGraphqlClient().watchQuery({
-      query: Gs,
+      query: zs,
       variables: {
         id: this.getId(),
         limit: e,
@@ -14721,7 +14729,7 @@ class Je {
       }
       console.log("Setting default global variants."), this.globalPropertyHandleService.getHandles().then((m) => {
         const g = m.map((p) => {
-          if (p.getType() === z.ColorOption || p.getType() === z.Option) {
+          if (p.getType() === G.ColorOption || p.getType() === G.Option) {
             const f = p;
             if (this.globalPropertyStateManager.getGlobalPropertyState())
               return f.initDefaultVariant();
@@ -14851,11 +14859,12 @@ 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) {
       const i = n == null ? void 0 : n.name, s = e.find((o) => o.getName() === i);
-      if (s)
+      if (console.log(`LOG: handle for ${i}? ${s}`), 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;
@@ -14867,22 +14876,22 @@ 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);
+            console.log(`LOG: variant for ${n.value}: ${c}`), c && await o.selectVariant(c);
             break;
           }
-          case z.Text: {
-            await s.setText(n.value);
+          case G.Text: {
+            console.log(`LOG: text ${n.value}`), await s.setText(n.value);
             break;
           }
         }
@@ -14892,7 +14901,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);
@@ -14911,7 +14920,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 = rl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
@@ -15900,7 +15909,7 @@ 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.0b62fc5b-7391-5211-9c59-10f72e60bfae"), 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.dabb7794-c627-5751-8578-07b1311c272c"), 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);
@@ -16452,7 +16461,7 @@ class rd {
         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!");
+          throw new z("State mutation is forbidden in read only mode!");
         } : async (H) => this.updateTransactionState({
           ...H,
           context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
@@ -16464,10 +16473,10 @@ class rd {
       };
       if (k.type === "transaction" && E.workflowState) {
         const H = JSON.parse(E.workflowState);
-        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await za(H), R.reloadedState = H;
+        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await Ga(H), R.reloadedState = H;
       } else if (!I && k.workflowState) {
         const H = JSON.parse(k.workflowState);
-        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await za(H), R.reloadedState = H;
+        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await Ga(H), R.reloadedState = H;
       } else
         R.layouts = Fl(
           R.transaction,
@@ -16754,7 +16763,7 @@ class Tl {
     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) {
@@ -16798,9 +16807,9 @@ class Tl {
    */
   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(
@@ -17277,14 +17286,14 @@ const Rl = v`
             name
         }
     }
-`, zl = v`
+`, Gl = v`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Gl = v`
+`, zl = v`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -17313,7 +17322,7 @@ const Rl = v`
     name: t
   }
 }), ud = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: zl,
+  mutation: Gl,
   errorPolicy: "all",
   variables: {
     id: r,
@@ -17420,7 +17429,7 @@ const Rl = v`
 }, yd = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
-    query: Gl,
+    query: zl,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -17644,7 +17653,7 @@ export {
   Zl as AddressValidationJobStatus,
   Xl as AddressValidationResultConfirmationLevel,
   ad as ArrayInput,
-  z as AspectType,
+  G as AspectType,
   vt as AssetNotFoundError,
   Ce as AssetType,
   Jc as BringForwardCommand,
@@ -17679,7 +17688,7 @@ export {
   vo as InformationStepHandle,
   Ka as IntegrationProduct,
   vr as IntegrationType,
-  zc as LayoutElementFactory,
+  Gc as LayoutElementFactory,
   M as LayoutElementType,
   J as LayoutNotFoundError,
   Ht as LayoutRenderingPurpose,
@@ -17688,7 +17697,7 @@ export {
   cd as MockWorkflowManager,
   fo as ModelStepHandle,
   Bo as ModuleStepHandle,
-  Gc as MoveCommand,
+  zc as MoveCommand,
   tr as ObjectInput,
   Sl as ObjectInputType,
   Xn as OptionGlobalPropertyHandle,
@@ -17722,7 +17731,7 @@ export {
   So as TextStepHandle,
   ul as Transform,
   Al as TransformCollection,
-  G as UnhandledBehaviorError,
+  z as UnhandledBehaviorError,
   Br as UnitOfMeasurement,
   Hc as UpdateImageSourceCommand,
   st as Variant,
@@ -17784,10 +17793,10 @@ export {
   kc as isCloseToValue,
   Nt as loadFont,
   Pc as matchHexToPms,
-  zn as materialStepService,
+  Gn as materialStepService,
   cl as metafieldManager,
   Uc as mmPerPixel,
-  Gn as modelStepService,
+  zn as modelStepService,
   Ca as modifySVGColors,
   Wn as moduleStepService,
   dd as nameBundle,
@@ -17801,13 +17810,13 @@ export {
   Hn as questionStepService,
   Bc as registerFetchImplementation,
   Ec as registerWindowImplementation,
-  za as rehydrateSerializedLayout,
+  Ga as rehydrateSerializedLayout,
   qr as rgbToPms,
   le as rotateAroundPoint,
   pa as sanitizeSvgTree,
   $r as setBearerAuthenticationToken,
   gn as setCanvasModule,
-  zt as shapeStepService,
+  Gt as shapeStepService,
   hs as shortenUrl,
   mt as spiffCoreConfiguration,
   Xc as stepAspectValuesToDesignInputSteps,