@spiffcommerce/core 30.0.0-beta.98669a48-b3f6-5dd5-9ae9-1eb262832b66 → 30.0.0-beta.c50ef448-756b-5f0a-bbae-9e768d08ebf4

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { split as ta } from "unicode-default-word-boundary";
 import An from "lodash.debounce";
 import "fs";
 import "path";
-var we = /* @__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))(we || {}), z = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(z || {}), I = /* @__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))(I || {}), Ir = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Ir || {}), jt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(jt || {}), M = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(M || {}), Pr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Pr || {}), Dr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Dr || {}), Fr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Fr || {}), ha = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ha || {}), xr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(xr || {}), ye = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(ye || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), H = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(H || {}), kr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(kr || {});
+var we = /* @__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))(we || {}), z = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(z || {}), I = /* @__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))(I || {}), Ir = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(Ir || {}), 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 || {}), Pr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Pr || {}), Dr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Dr || {}), Fr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Fr || {}), ha = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ha || {}), xr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(xr || {}), ye = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(ye || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), kr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(kr || {});
 class un extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -49,7 +49,7 @@ class vt extends Xt {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
 }
-class Ht extends Xt {
+class jt extends Xt {
   constructor(t) {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
@@ -298,18 +298,18 @@ const Gr = (r) => {
 let fn;
 const qr = (r) => {
   fn = r;
-}, jr = () => new Promise((r) => {
+}, Hr = () => new Promise((r) => {
   const t = mt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
-}), Hr = async () => {
+}), jr = async () => {
   const r = {
     applicationKey: ga,
     customerToken: zr,
     bearer: fn
   };
-  return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await jr(), ...r } : r;
+  return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Hr(), ...r } : r;
 };
 async function Yr(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";
@@ -333,7 +333,7 @@ class Jr {
       uri: `${mt.getServerUrl()}/graphql`,
       fetch: Yr
     }), e = mr(async (i, s) => {
-      const { headers: o } = s, l = o || {}, c = await Hr();
+      const { headers: o } = s, l = o || {}, c = await jr();
       let d = s.bearer ?? c.bearer;
       if (this.spiffClient)
         try {
@@ -4050,6 +4050,7 @@ const Y = new Ei(), In = v`
                         mandatory
                         title
                         uniqueIdentifier
+                        customFieldIndex
                     }
                     mandatory
                 }
@@ -4156,6 +4157,7 @@ const Y = new Ei(), In = v`
                 customField3
                 customField4
                 customField5
+                conversionConfigurationId
             }
             product {
                 id
@@ -4228,6 +4230,7 @@ const Y = new Ei(), In = v`
                         mandatory
                         title
                         uniqueIdentifier
+                        customFieldIndex
                     }
                     mandatory
                 }
@@ -4281,6 +4284,7 @@ const Y = new Ei(), In = v`
                 mandatory
                 title
                 uniqueIdentifier
+                customFieldIndex
             }
             mandatory
         }
@@ -4314,6 +4318,7 @@ const Y = new Ei(), In = v`
                         mandatory
                         title
                         uniqueIdentifier
+                        customFieldIndex
                     }
                     mandatory
                 }
@@ -5075,6 +5080,7 @@ const Y = new Ei(), In = v`
                     mandatory
                     title
                     uniqueIdentifier
+                    customFieldIndex
                 }
                 mandatory
             }
@@ -5165,14 +5171,14 @@ const Y = new Ei(), In = v`
             }
         }
     }
-`, ji = v`
+`, Hi = v`
     mutation CreateOrder($orderItems: [OrderItemInput]!) {
         orderCreate(orderItems: $orderItems, paid: false, generateInternalId: true) {
             id
             internalId
         }
     }
-`, Hi = v`
+`, ji = v`
     query CurrencyConversion($from: String!, $to: String!) {
         currencyConversion(from: $from, to: $to) {
             rateFrom
@@ -5363,7 +5369,7 @@ const Q = () => {
   width: u
 }) => {
   var E;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = Q(), C = a.purpose === jt.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, P) => (
+  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, P) => (
     /* @ts-ignore */
     /* @__PURE__ */ x("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, P)
   )), S = n.map((b) => ({
@@ -5406,7 +5412,7 @@ const Q = () => {
           "g",
           {
             id: "element-group",
-            clipPath: a.purpose === jt.FreeDesign ? "url(#viewboxClip)" : void 0,
+            clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
             children: y.map((b) => Un(b)).filter((b) => !!b)
           }
         ),
@@ -5465,10 +5471,10 @@ const Q = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, jc = (r, t) => ({
+}, Hc = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
-}), Hc = (r, t, e, a) => ({
+}), jc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
 }), Yc = (r, t, e, a) => ({
@@ -5479,22 +5485,22 @@ const Q = () => {
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), Pt = (r) => {
   switch (r) {
-    case H.North:
-      return H.East;
-    case H.East:
-      return H.South;
-    case H.South:
-      return H.West;
-    case H.West:
-      return H.North;
-    case H.Northwest:
-      return H.Northeast;
-    case H.Northeast:
-      return H.Southeast;
-    case H.Southeast:
-      return H.Southwest;
-    case H.Southwest:
-      return H.Northwest;
+    case j.North:
+      return j.East;
+    case j.East:
+      return j.South;
+    case j.South:
+      return j.West;
+    case j.West:
+      return j.North;
+    case j.Northwest:
+      return j.Northeast;
+    case j.Northeast:
+      return j.Southeast;
+    case j.Southeast:
+      return j.Southwest;
+    case j.Southwest:
+      return j.Northwest;
   }
 }, Kc = (r, t) => t > 45 && t <= 135 ? Pt(r) : t > 135 && t <= 225 ? Pt(Pt(r)) : t > 225 && t <= 315 ? Pt(Pt(Pt(r))) : r, _c = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = pt(r.rotation), n = {
@@ -6913,7 +6919,7 @@ class ps extends $ {
     };
   }
 }
-class ja extends $ {
+class Ha extends $ {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -7059,7 +7065,7 @@ class ys extends $ {
     };
   }
 }
-class je extends $ {
+class He extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.strokeColor = e, this.strokeThickness = a;
   }
@@ -7251,7 +7257,7 @@ class cd extends $ {
     };
   }
 }
-class Ha {
+class ja {
   constructor(t, e, a) {
     this.processRegion = async (n) => {
       var l, c, d, A;
@@ -7418,7 +7424,7 @@ class Es {
         async () => {
           const g = await i();
           if (!g.link || !g.link)
-            throw new Ht(g.asset);
+            throw new jt(g.asset);
           h({
             rel: "mpeg4",
             href: g.link
@@ -7493,7 +7499,7 @@ class Ie {
       const n = a.fileLink;
       if (n)
         return at(n, !0);
-      throw new Ht(a);
+      throw new jt(a);
     };
   }
   async init(t, e, a) {
@@ -7837,7 +7843,7 @@ class Ie {
     const a = t.fileLink;
     if (a)
       return a;
-    throw new Ht(t);
+    throw new jt(t);
   }
   async loadPatternFromAsset(t, e, a, n) {
     var c, d;
@@ -8042,7 +8048,7 @@ class bs {
       throw new vt(e);
     const l = o.fileLink;
     if (!l)
-      throw new Ht(o);
+      throw new jt(o);
     const c = await lt(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (C) => {
       const w = i.getLayouts().find((y) => y.panelId === C.panelId);
       if (!w)
@@ -8194,7 +8200,7 @@ class Bs {
     };
   }
 }
-const jn = new Bs();
+const Hn = new Bs();
 class Is {
   async init(t, e, a) {
     const n = t.option;
@@ -8280,7 +8286,7 @@ class Is {
     };
   }
 }
-const Hn = new Is();
+const jn = new Is();
 class Ps {
   async init(t, e, a) {
     if (a)
@@ -8743,7 +8749,7 @@ class ks {
     );
   }
 }
-const Ms = new ks(), He = (r, t, e, a, n) => {
+const Ms = new ks(), je = (r, t, e, a, n) => {
   if (t.some((d) => d == null))
     throw new Error(`Failed to autosize lines: ${t.join(", ")}`);
   let i = t.map((d) => d.split(`
@@ -8775,18 +8781,18 @@ const Ms = new ks(), He = (r, t, e, a, n) => {
   const o = Et(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
-    return [i, s] = He(e, a, r, u, o), [n.size, i, s];
+    return [i, s] = je(e, a, r, u, o), [n.size, i, s];
   }
   const c = 6;
   let d = c - ze;
   if (a.length > 0) {
     let u = a, h = 0;
     for (; (!n.maxSize || d <= n.maxSize) && u; )
-      d += ze, h = d / l.unitsPerEm, [u, s] = He(e, a, d, h, o);
+      d += ze, h = d / l.unitsPerEm, [u, s] = je(e, a, d, h, o);
   }
   d > c && (d -= ze), n.minSize && d < n.minSize && (d = n.minSize);
   const A = d / l.unitsPerEm;
-  return [i, s] = He(e, a, d, A, o), [d, i, s];
+  return [i, s] = je(e, a, d, A, o), [d, i, s];
 }, Ye = 30;
 class Pe extends Error {
   constructor(t) {
@@ -9019,7 +9025,7 @@ class Ns {
       strokeColor: s
     });
     for (const l of a) {
-      const c = new je(l.id, s, (o = t.data) == null ? void 0 : o.strokeThickness);
+      const c = new He(l.id, s, (o = t.data) == null ? void 0 : o.strokeThickness);
       i(c);
     }
   }
@@ -9115,7 +9121,7 @@ class Ns {
             f,
             async () => {
               e.updateMetadata(t.stepName, { color: C, text: w }), e.updateStorage(t.stepName, { text: w, inputText: w });
-              const y = o.map((b) => new ja(b.id, p)), E = new O(y);
+              const y = o.map((b) => new Ha(b.id, p)), E = new O(y);
               e.getCommandDispatcher()(E);
             }
           ), o.length === 0 && l) {
@@ -9214,7 +9220,7 @@ class Ns {
       throw new vt(t);
     const a = e.fileLink;
     if (!a)
-      throw new Ht(e);
+      throw new jt(e);
     const n = await Nt(a);
     return {
       assetUrl: a,
@@ -9225,14 +9231,14 @@ class Ns {
     var u;
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (n.length > 0) {
-      const h = n.map((p) => new ja(p.id, A));
+      const h = n.map((p) => new Ha(p.id, A));
       if (l) {
         const p = n.map((f) => new qe(f.id, l));
         h.push(...p);
       }
       if (c) {
         const p = n.map(
-          (f) => new je(f.id, c, t.data.strokeThickness)
+          (f) => new He(f.id, c, t.data.strokeThickness)
         );
         h.push(...p);
       }
@@ -9280,7 +9286,7 @@ class Ns {
       }
       if (c) {
         const f = n.map(
-          (C) => new je(C.id, c, t.data.strokeThickness)
+          (C) => new He(C.id, c, t.data.strokeThickness)
         );
         g.push(...f);
       }
@@ -9690,7 +9696,7 @@ const re = v`
             }
         }
     }
-`, js = v`
+`, Hs = v`
     ${re}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
@@ -9701,13 +9707,13 @@ const re = v`
         }
     }
 `, dd = async (r) => (await B.getShadowGraphqlClient().query({
-  query: js,
+  query: Hs,
   fetchPolicy: "cache-first",
   errorPolicy: "all",
   variables: {
     bundleId: r
   }
-})).data.globalPropertyState, Hs = v`
+})).data.globalPropertyState, js = v`
     ${Ne}
     fragment ProductFields on Product {
         id
@@ -9753,7 +9759,7 @@ const re = v`
         }
     }
 `, Ia = v`
-    ${Hs}
+    ${js}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -10482,7 +10488,8 @@ class Eo {
           customField2: h,
           customField3: m,
           customField4: g,
-          customField5: p
+          customField5: p,
+          conversionConfigurationId: f
         }
       });
       this.transaction.recipient = {
@@ -10502,7 +10509,8 @@ class Eo {
         customField2: h,
         customField3: m,
         customField4: g,
-        customField5: p
+        customField5: p,
+        conversionConfigurationId: f
       }, await this.graphQlClient().mutate({
         mutation: So,
         errorPolicy: "all",
@@ -10898,10 +10906,10 @@ class Eo {
       return Promise.resolve({ stepElements: {}, commands: [] });
     const n = async (c, d, A) => {
       if (c.type === I.SilentIllustration) {
-        const u = await new Ha(c, d).trigger();
+        const u = await new ja(c, d).trigger();
         return { step: c, results: u };
       } else if (c.type === I.ProductOverlay) {
-        const u = await new Ha(
+        const u = await new ja(
           c,
           d,
           A
@@ -11052,11 +11060,11 @@ class Eo {
             break;
           case I.Material:
             a.push(
-              jn.init(l, this, this.reloadedState)
+              Hn.init(l, this, this.reloadedState)
             );
             break;
           case I.Model:
-            a.push(Hn.init(l, this, this.reloadedState));
+            a.push(jn.init(l, this, this.reloadedState));
             break;
           case I.Module:
             this.stepSpecificServices[l.stepName] = {
@@ -11441,7 +11449,7 @@ class Bo extends it {
     super(t, e, a);
   }
   selectVariant(t) {
-    return jn.selectVariant(
+    return Hn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -11454,7 +11462,7 @@ class Io extends it {
     super(t, e, a);
   }
   selectVariant(t) {
-    return Hn.selectVariant(
+    return jn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -12118,22 +12126,22 @@ const Ro = async (r, t) => {
       for (const T of Object.keys(i)) {
         const nt = i[T], R = t.steps.find((tt) => tt.stepName === T);
         for (let tt = 0; tt < nt.selections.length; ++tt) {
-          const j = nt.selections[tt];
+          const H = nt.selections[tt];
           if (R && (!D || R.option && (R.option.variants || []).length > 1 && !R.data.hideSelectionInCart && !R.data.hideSelectionsInCart)) {
             const ft = R.stepTitle;
             F[ft] ? F[ft].push({
-              id: j.id || "",
-              name: j.name,
-              priceModifier: j.priceModifier
+              id: H.id || "",
+              name: H.name,
+              priceModifier: H.priceModifier
             }) : F[ft] = [
               {
-                id: j.id || "",
-                name: j.name,
-                priceModifier: j.priceModifier
+                id: H.id || "",
+                name: H.name,
+                priceModifier: H.priceModifier
               }
             ];
           }
-          k += j.priceModifier;
+          k += H.priceModifier;
         }
       }
     return [F, k];
@@ -12376,7 +12384,7 @@ const Je = new Vo(), zo = v`
     }
 `;
 var qo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(qo || {});
-class jo {
+class Ho {
   constructor(t, e) {
     var n;
     if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = An(async () => {
@@ -12506,7 +12514,7 @@ class jo {
       throw new xe("Failed to obtain 2D context for preview image creation");
     const m = await this.workflowManager.getTemplatingContext(), g = va(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
-        purpose: jt.Print,
+        purpose: Ht.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
@@ -12854,7 +12862,7 @@ class jo {
     (this.eventCallbacks.get(t) || []).forEach((e) => e(this));
   }
 }
-const Ho = (r) => {
+const jo = (r) => {
   if ([
     I.Question,
     I.Frame,
@@ -12870,7 +12878,7 @@ const Ho = (r) => {
   }
   return !1;
 }, Yo = (r, t) => {
-  if (!Ho(r))
+  if (!jo(r))
     return !1;
   if (r.option && (r.option.variants || []).length > 1) {
     const e = t[r.stepName];
@@ -13553,7 +13561,7 @@ class dl extends kn {
       l = i.width, c = i.height;
     const d = await ((g = (m = this.getWorkflowManager) == null ? void 0 : m.call(this)) == null ? void 0 : g.getTemplatingContext()), A = va(t.layoutState.layout, e, {
       renderingConfiguration: {
-        purpose: jt.ThreeD,
+        purpose: Ht.ThreeD,
         templatingContext: d
       }
     }), u = gn(A), h = await ua.from(this.ctx, u, {
@@ -15123,7 +15131,6 @@ class Ke {
   async applyGlobalPropertyState(t) {
     var a;
     const e = await this.globalPropertyHandleService.getHandles();
-    console.error("applyGlobalPropertyState called");
     for (const n of t.aspects) {
       const i = n == null ? void 0 : n.name;
       this.getGlobalPropertyStateManager().setAspect(i, n.value);
@@ -15167,6 +15174,7 @@ class Ke {
           }
         }
     }
+    this.checkMandatoryHandlesChanged(void 0, e);
   }
   getGlobalPropertyStateManager() {
     return this.globalPropertyStateManager;
@@ -16273,7 +16281,7 @@ class fd {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Gr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 30.0.0-beta.4762e809-a0f9-52f2-8d89-42808391835e"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Gr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 30.0.0-beta.98669a48-b3f6-5dd5-9ae9-1eb262832b66"), 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 && qr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16292,7 +16300,7 @@ class fd {
   }
   async getCurrencyContext(t) {
     const a = (await this.getIntegration()).partner.currencyCode, i = await B.getShadowGraphqlClient().query({
-      query: Hi,
+      query: ji,
       errorPolicy: "all",
       fetchPolicy: "cache-first",
       variables: {
@@ -16835,8 +16843,8 @@ class fd {
         singleVariantsRenderable: (tt = k == null ? void 0 : k.workflowConfiguration) == null ? void 0 : tt.singleVariantsRenderable,
         stateMutationFunc: P ? async () => {
           throw new G("State mutation is forbidden in read only mode!");
-        } : async (j) => this.updateTransactionState({
-          ...j,
+        } : async (H) => this.updateTransactionState({
+          ...H,
           context: { transactionOwnerId: T, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         }),
         graphQlClient: () => nt,
@@ -16845,11 +16853,11 @@ class fd {
         isReloadedTransaction: k.type === "transaction"
       };
       if (k.type === "transaction" && E.workflowState) {
-        const j = JSON.parse(E.workflowState);
-        R.layouts = Object.values(j.layouts || {}).map((ft) => ft.layout), await Wa(j), R.reloadedState = j;
+        const H = JSON.parse(E.workflowState);
+        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await Wa(H), R.reloadedState = H;
       } else if (!P && k.workflowState) {
-        const j = JSON.parse(k.workflowState);
-        R.layouts = Object.values(j.layouts || {}).map((ft) => ft.layout), await Wa(j), R.reloadedState = j;
+        const H = JSON.parse(k.workflowState);
+        R.layouts = Object.values(H.layouts || {}).map((ft) => ft.layout), await Wa(H), R.reloadedState = H;
       } else
         R.layouts = Gl(
           R.transaction,
@@ -16861,7 +16869,7 @@ class fd {
     }), 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, P = new jo(this, E);
+      const { experienceOptions: E, options: b } = y, P = new Ho(this, E);
       return await P.getWorkflowManager().getInitializationPromise(), b.type !== "transaction" && this.customer && await P.attachCustomerDetails({ email: this.customer.emailAddress }), P;
     }), S = await Promise.all(w);
     return S.forEach((y) => y.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), S;
@@ -16920,7 +16928,7 @@ class fd {
   }
   async placeOrder(t) {
     const e = await B.getShadowGraphqlClient().mutate({
-      mutation: ji,
+      mutation: Hi,
       variables: {
         orderItems: t
       }
@@ -17001,7 +17009,7 @@ function ql(r, t, e, a) {
 function me(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class jl {
+class Hl {
   constructor(t, e) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = An(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
@@ -17385,12 +17393,12 @@ class vd {
     return [];
   }
 }
-var Hl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Hl || {});
+var jl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(jl || {});
 class Yl extends it {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new jl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new Hl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -18052,9 +18060,9 @@ export {
   fs as FontAlignmentCommand,
   gs as FontColorCommand,
   ps as FontSizeCommand,
-  ja as FontSourceCommand,
-  jl as FrameService,
-  Hl as FrameStep,
+  Ha as FontSourceCommand,
+  Hl as FrameService,
+  jl as FrameStep,
   Yl as FrameStepHandle,
   Pa as GlobalPropertyHandle,
   O as GroupCommand,
@@ -18066,7 +18074,7 @@ export {
   ed as LayoutElementFactory,
   M as LayoutElementType,
   J as LayoutNotFoundError,
-  jt as LayoutRenderingPurpose,
+  Ht as LayoutRenderingPurpose,
   Bo as MaterialStepHandle,
   ve as MisconfigurationError,
   vd as MockWorkflowManager,
@@ -18088,9 +18096,9 @@ export {
   Do as QuestionStepHandle,
   kn as QueueablePromise,
   rd as ResizeCommand,
-  Ht as ResourceNotFoundError,
+  jt as ResourceNotFoundError,
   nd as RotateCommand,
-  H as ScaleAxis,
+  j as ScaleAxis,
   cd as SendBackwardsCommand,
   Fo as ShapeStepHandle,
   Dr as ShareActionType,
@@ -18111,7 +18119,7 @@ export {
   id as UpdateImageSourceCommand,
   st as Variant,
   qo as WorkflowExperienceEventType,
-  jo as WorkflowExperienceImpl,
+  Ho as WorkflowExperienceImpl,
   U as assetService,
   ni as browserColorToHex,
   Zc as cmPerPixel,
@@ -18146,10 +18154,10 @@ export {
   dd as getGlobalPropertyStateForBundle,
   Wl as getIntegration,
   Yc as getNEPoint,
-  Hc as getNWPoint,
+  jc as getNWPoint,
   kd as getOrderedTransactions,
   wd as getOverrideThemeConfiguration,
-  jc as getPointOfRotation,
+  Hc as getPointOfRotation,
   hd as getProductCollections,
   Jc as getSEPoint,
   va as getSvgElement,
@@ -18168,10 +18176,10 @@ export {
   Wc as isCloseToValue,
   Nt as loadFont,
   Lc as matchHexToPms,
-  jn as materialStepService,
+  Hn as materialStepService,
   yl as metafieldManager,
   Xc as mmPerPixel,
-  Hn as modelStepService,
+  jn as modelStepService,
   wa as modifySVGColors,
   Yn as moduleStepService,
   Ed as nameBundle,