@spiffcommerce/core 26.38.0-beta.f1ade417-8ebc-5b59-89d7-49e43b4ff28f → 26.38.0-beta.f8c7765d-9b97-5bb1-b23f-04f257a5f0da

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { orientation as ur } from "exifr/dist/mini.umd.cjs";
 import { parse as nn } from "css";
 import hr from "fuse.js";
 import { Pith as ca } from "pith";
-import Ft from "lodash.clonedeep";
+import St from "lodash.clonedeep";
 import { toString as rn } from "qrcode";
 import mr from "svg-path-bbox";
 import { parse as Je } from "opentype.js";
@@ -40,7 +40,7 @@ class q extends Jt {
     super(`Panel not Found: ${t.panelId}`), this.panelId = (t == null ? void 0 : t.panelId) || "N/A";
   }
 }
-class St extends Jt {
+class vt extends Jt {
   constructor(t) {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
@@ -65,7 +65,7 @@ class z extends be {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
 }
-class Pt extends be {
+class Ft extends be {
   constructor(t) {
     super(`Parsing Error: ${t}`);
   }
@@ -224,7 +224,7 @@ const cn = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), ka = /* @_
     const n = a.load();
     return Qe.set(t, n), n;
   }
-}, Bt = () => {
+}, bt = () => {
   if (Tt([typeof XMLSerializer]))
     return new XMLSerializer();
   const r = Kt();
@@ -347,8 +347,9 @@ class $r {
         headers: l
       };
     }), a = cr(({ operation: i, graphQLErrors: s, networkError: o }) => {
-      const l = s || [];
-      o && console.log("GraphQL Network error"), l.forEach(() => console.log("GraphQL Error: " + i.operationName));
+      var d, A;
+      const l = s || [], c = i.getContext();
+      o && !((A = (d = c == null ? void 0 : c.fetchOptions) == null ? void 0 : d.signal) != null && A.aborted) && console.log("GraphQL Network error"), l.forEach(() => console.log("GraphQL Error: " + i.operationName));
     }), n = Ar();
     return new ir({
       link: sr([n, a, e, t]),
@@ -3328,7 +3329,7 @@ const ie = (r) => {
       }
     });
   });
-}, yn = (r) => Bt().serializeToString(r), ga = (r, t, e, a, n) => {
+}, yn = (r) => bt().serializeToString(r), ga = (r, t, e, a, n) => {
   const i = Cn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
@@ -3360,7 +3361,7 @@ const ie = (r) => {
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
-  const i = Bt().serializeToString(e);
+  const i = bt().serializeToString(e);
   return {
     colors: a,
     svg: i
@@ -3609,7 +3610,7 @@ class si {
         d.lengthComputable && a(d.loaded * 100 / d.total);
       }, c.onload = () => {
         const d = s.assetResponse.asset;
-        bt.add(s.assetResponse.asset), o(d);
+        It.add(s.assetResponse.asset), o(d);
       }, c.onerror = l, this.postProcessFileUpload(t, s.mimeType).then((d) => c.send(d.blob)).catch(l);
     }), this.cacheAsset(s.assetResponse.asset), s.assetResponse.asset;
   }
@@ -3641,7 +3642,7 @@ class si {
       });
       if (this.bgrmProcessCache.delete(e), !((o = (s = i.data) == null ? void 0 : s.assetRemoveBackground) != null && o.key))
         throw new Error("Failed to remove background from image");
-      return bt.add(i.data.assetRemoveBackground), Y.add(e, i.data.assetRemoveBackground.key), this.cache.set(
+      return It.add(i.data.assetRemoveBackground), Y.add(e, i.data.assetRemoveBackground.key), this.cache.set(
         i.data.assetRemoveBackground.key,
         Promise.resolve(i.data.assetRemoveBackground)
       ), i.data.assetRemoveBackground;
@@ -3649,16 +3650,16 @@ class si {
     return this.bgrmProcessCache.set(e, n), n;
   }
   removePersistedAsset(t) {
-    bt.remove(t), Y.delete(t), Y.deleteForBgRemovedKey(t);
+    It.remove(t), Y.delete(t), Y.deleteForBgRemovedKey(t);
   }
   getPersistedAssets() {
-    return bt.list();
+    return It.list();
   }
   registerPersistedAssetListener(t) {
-    bt.addCallback(t);
+    It.addCallback(t);
   }
   unRegisterPersistedAssetListener(t) {
-    bt.removeCallback(t);
+    It.removeCallback(t);
   }
   isRaster(t) {
     return !(t.type === "image/svg+xml" || t.type === "application/pdf" || t.type === "application/postscript");
@@ -3667,9 +3668,9 @@ class si {
     if (e === "image/svg+xml") {
       const a = await t.blob.text(), s = new window.DOMParser().parseFromString(a, "image/svg+xml").documentElement;
       if (!s)
-        throw new Pt("Failed to read SVG.");
+        throw new Ft("Failed to read SVG.");
       Kr(s);
-      const l = Bt().serializeToString(s);
+      const l = bt().serializeToString(s);
       return {
         name: t.name,
         blob: new Blob([l], { type: "image/svg+xml" })
@@ -3756,7 +3757,7 @@ const Rt = "persistentAssets", Sn = class Ct {
   }
 };
 Sn.callbacks = [];
-let bt = Sn;
+let It = Sn;
 const Ra = "bgrmPersistentAssets";
 class Y {
   static has(t) {
@@ -5197,9 +5198,9 @@ const _ = new ui(), En = y`
     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) => Oi(e, t)).filter((e) => e !== null), $i = async (r, t, e = !1) => {
+}, Pt = (r, t) => r.map((e) => Oi(e, t)).filter((e) => e !== null), $i = async (r, t, e = !1) => {
   var s;
-  const a = Dt(r, t), n = [];
+  const a = Pt(r, t), n = [];
   for (const o of a)
     for (const l of o.renderableSteps) {
       const c = (((s = l.option) == null ? void 0 : s.variants) || []).length;
@@ -5422,7 +5423,7 @@ const N = () => {
 }), xc = (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) => {
+}), Dt = (r) => {
   switch (r) {
     case j.North:
       return j.East;
@@ -5441,7 +5442,7 @@ const N = () => {
     case j.Southwest:
       return j.Northwest;
   }
-}, kc = (r, t) => t > 45 && t <= 135 ? It(r) : t > 135 && t <= 225 ? It(It(r)) : t > 225 && t <= 315 ? It(It(It(r))) : r, Mc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, kc = (r, t) => t > 45 && t <= 135 ? Dt(r) : t > 135 && t <= 225 ? Dt(Dt(r)) : t > 225 && t <= 315 ? Dt(Dt(Dt(r))) : r, Mc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = pt(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
@@ -5673,7 +5674,7 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     return Oe.get(r);
   const e = (async () => {
     try {
-      return vt(r).getFont();
+      return Et(r).getFont();
     } catch {
       if (zi(r)) {
         const a = un(r), n = Je(a);
@@ -5688,7 +5689,7 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, Gi = (r) => {
   const t = un(r), e = Je(t);
   return aa(r, e), e;
-}, vt = (r) => {
+}, Et = (r) => {
   const t = Mn.get(r);
   if (t)
     return t;
@@ -5731,7 +5732,7 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     const I = B.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
     h.appendChild(F);
   }
-  return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
+  return e.querySelectorAll("text").forEach((d) => d.remove()), bt().serializeToString(a);
 }, we = (r, t, e, a) => Math.max(qi(r.join(`
 `), e, a), t), Oa = (r, t, e, a, n, i) => {
   const s = (i || Ca) * n.getApproximateHeight(), o = t.split(`
@@ -5789,7 +5790,7 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   return Math.min(A, d);
 }, ji = (r, t, e, a) => {
   var c;
-  const n = vt(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
+  const n = Et(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
     return Oa(t, r, t.fontSize, s, n, a);
   let o;
@@ -5810,9 +5811,9 @@ const zi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     fontSize: Wi(o, n, i, t.width, t.height, a)
   } : Oa(t, r, t.fontSize, s, n, a);
 }, Hi = (r, t, e, a, n) => {
-  const s = vt(t.assetUrl).getFont();
+  const s = Et(t.assetUrl).getFont();
   let o = { ...r };
-  const l = { ...r }, c = Tn(a, e / s.unitsPerEm, vt(t.assetUrl));
+  const l = { ...r }, c = Tn(a, e / s.unitsPerEm, Et(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && Yi(a, a).every(([d, A]) => d === A) && (o = l)), o;
 }, $e = 1, ht = (r, t, e) => {
   let a = 0;
@@ -6300,7 +6301,7 @@ const te = (r) => {
     const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(s), c = gt(), d = c.getContext("2d"), A = await ca.from(d, l, {
+    const l = bt().serializeToString(s), c = gt(), d = c.getContext("2d"), A = await ca.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: gt,
@@ -6343,7 +6344,7 @@ const te = (r) => {
   }
   if (e && t === T.Textbox && (a != null && a.text) && (a != null && a.fontScale)) {
     await Qt(e);
-    const l = vt(e), c = ht(a.text, a == null ? void 0 : a.fontScale, l);
+    const l = Et(e), c = ht(a.text, a == null ? void 0 : a.fontScale, l);
     o.width = Math.min(c, n.width * 0.85), o.left = n.x + n.width / 2 - o.width / 2;
   }
   return o;
@@ -6756,7 +6757,7 @@ class G extends O {
     return a !== void 0 ? a + 1 : 0;
   }
 }
-class Et extends O {
+class Bt extends O {
   constructor(t) {
     super(), this.id = t;
   }
@@ -7364,7 +7365,7 @@ class ds {
         40
       );
     });
-    t.forEach((h) => a.getCommandDispatcher()(new Et(h.id)));
+    t.forEach((h) => a.getCommandDispatcher()(new Bt(h.id)));
     const o = n.data.baseUrl.slice(0, 4) === "http" ? "" : "https://", l = new URL(o + n.data.baseUrl);
     l.searchParams.append("video", btoa(JSON.stringify([s]))), l.pathname = l.pathname + (l.pathname.slice(-1) === "/" ? "" : "/");
     const c = l.toString();
@@ -7422,7 +7423,7 @@ class Se {
         return na(e);
       const a = t.asset;
       if (!a)
-        throw new St(t);
+        throw new vt(t);
       const n = a.fileLink;
       if (n)
         return at(n, !0);
@@ -7706,7 +7707,7 @@ class Se {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const p = await Me(l[g]), f = o.getImageData(), C = a.map((I) => new Et(I.id)), w = f ? Sa(
+        const p = await Me(l[g]), f = o.getImageData(), C = a.map((I) => new Bt(I.id)), w = f ? Sa(
           f,
           p,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7968,11 +7969,11 @@ class As {
     if (!t.data || !t.data.regions)
       throw new Ce(t, "Missing regions.");
     n(!0);
-    const s = a.map((C) => new Et(C.id));
+    const s = a.map((C) => new Bt(C.id));
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
     const o = e.asset;
     if (!o)
-      throw new St(e);
+      throw new vt(e);
     const l = o.fileLink;
     if (!l)
       throw new jt(o);
@@ -8110,7 +8111,7 @@ class us {
     n(!0);
     const s = e.material;
     if (!s)
-      throw n(!1), new St(e);
+      throw n(!1), new vt(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8165,7 +8166,7 @@ class hs {
               if (h && t.option) {
                 const g = (m = A.asset) == null ? void 0 : m.fileLink;
                 if (!g)
-                  throw new St(A);
+                  throw new vt(A);
                 await h.applyModelVariant(
                   t.stepName || "",
                   {
@@ -8190,7 +8191,7 @@ class hs {
     n(!0);
     const i = (s = e.asset) == null ? void 0 : s.fileLink;
     if (!i)
-      throw new St(e);
+      throw new vt(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8253,7 +8254,7 @@ class ms {
       if (!p)
         return console.error(`Can not find layout for region: ${u.panelId}`), null;
       const f = [];
-      return h && f.push(new Et(m)), f.push(
+      return h && f.push(new Bt(m)), f.push(
         new G(
           {
             stepRegion: u,
@@ -8370,12 +8371,12 @@ class gs {
   async selectVariantCommand(t, e, a, n) {
     const i = e.asset;
     if (!i)
-      throw new St(e);
+      throw new vt(e);
     const s = i == null ? void 0 : i.fileLink;
     if (!s)
       return console.error("No URL for picture!"), null;
     n(!0), t.mandatory && a.setMandatoryFulfilled(t.stepName, !1);
-    const l = a.getRegionElements(t.stepName).map((A) => new Et(A.id)), c = (A) => {
+    const l = a.getRegionElements(t.stepName).map((A) => new Bt(A.id)), c = (A) => {
       const h = a.getLayouts().find((g) => g.panelId === A.panelId);
       if (!h)
         throw new q(A);
@@ -8705,7 +8706,7 @@ const ws = new Cs(), Ge = (r, t, e, a, n) => {
   return [null, null];
 }, he = (r, t, e, a, n) => {
   let i, s;
-  const o = vt(t.assetUrl), l = o.getFont();
+  const o = Et(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
     return [i, s] = Ge(e, a, r, u, o), [n.size, i, s];
@@ -8740,7 +8741,7 @@ class Ss {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const n = [], i = e ? vt(e.assetUrl) : void 0;
+      const n = [], i = e ? Et(e.assetUrl) : void 0;
       if (i) {
         const s = a.split("").filter((l) => !ys.includes(l)).join(""), o = s.split("").map((l) => i.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
@@ -9060,7 +9061,7 @@ class Ss {
   async fontDataFromVariant(t) {
     const e = t.asset;
     if (!e)
-      throw new St(t);
+      throw new vt(t);
     const a = e.fileLink;
     if (!a)
       throw new jt(e);
@@ -9382,7 +9383,7 @@ class Fs {
             u = (A * 100 | 0) / 100;
             break;
           default:
-            throw new Pt("Failed to encode path.");
+            throw new Ft("Failed to encode path.");
         }
         l || s.push(" "), s.push(u), l = !1;
       }
@@ -9396,12 +9397,12 @@ class Fs {
     for (e.lastIndex = 0; i = e.exec(t); ) {
       const s = i[1].toLowerCase(), o = (i[2].match(a) || []).map(parseFloat), l = s === i[1], c = Wa[s];
       if (o.length < c.length)
-        throw new Pt(
+        throw new Ft(
           `Path type "${s}" given ${o.length} arguments, expected ${c.length}.`
         );
       if (c.length > 0) {
         if (o.length % c.length !== 0)
-          throw new Pt(
+          throw new Ft(
             `Path type "${s}" given ${o.length} arguments, not divisible by ${c.length}`
           );
         for (let d = 0; d < o.length / c.length; d++) {
@@ -9426,7 +9427,7 @@ class Fs {
         if (o in i && l in i) {
           const c = [i[o], i[l]], d = e(c);
           if (d.length < 2)
-            throw new Pt("Transformer must return at least 2 points.");
+            throw new Ft("Transformer must return at least 2 points.");
           i[o] = d[0], i[l] = d[1];
         }
       }
@@ -10261,7 +10262,7 @@ class lo {
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
     }), this.allScenes = await Ni(t);
-    const n = Dt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
+    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();
   }
   getWorkflowExperience() {
@@ -10467,7 +10468,7 @@ class lo {
       },
       { refocusCamera: e }
     );
-    this.setModelContainer(a), Dt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === D.Model || s.type === D.Material).forEach((s) => {
+    this.setModelContainer(a), Pt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === D.Model || s.type === D.Material).forEach((s) => {
       var c, d, A;
       if (!((c = s.option) != null && c.id)) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
@@ -10579,7 +10580,7 @@ class lo {
     const t = this.getCommandContext().getState();
     if (!t)
       throw new z("Attempted to serialize state before it was initialized.");
-    const e = Ft(t.transaction), a = this.dehydrateState(e);
+    const e = St(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -10712,7 +10713,7 @@ class lo {
   async reset() {
     this.commandContext.getAllLayouts().forEach(
       (e) => e.layoutState.elements.forEach((a) => {
-        this.getCommandDispatcher()(new Et(a.id));
+        this.getCommandDispatcher()(new Bt(a.id));
       })
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
@@ -10725,7 +10726,7 @@ class lo {
     }, this.selectionCost = Object.values(this.stepSelections).reduce((E, B) => E + B.selectedVariants.map((I) => I.priceModifier || 0).reduce((I, P) => I + P, 0), 0), this.workflow.steps.forEach((E) => {
       yt(E, this.stepSelections) || (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 = Dt(s, i), l = Dt(s, this.stepSelections), c = o.map((E) => E.silentSteps).flat(), A = l.map((E) => E.silentSteps).flat().filter(
+    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)
     );
     c.forEach((E) => {
@@ -10742,7 +10743,7 @@ class lo {
       const E = (S = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : S.frameService;
       E == null || E.setTargetElements(a.map((B) => B.id));
     }
-    const p = u.map((E) => new Et(E.id)), f = new Va(this.constructSerializableWorkflow()), C = [...m, ...p, f];
+    const p = u.map((E) => new Bt(E.id)), f = new Va(this.constructSerializableWorkflow()), C = [...m, ...p, f];
     C.length > 0 && this.commandContext.apply(new $(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), v = this.modelContainer;
     if (v) {
@@ -10760,7 +10761,7 @@ class lo {
     await this.onSelectionChange(), n && await n();
   }
   async ensureStepsAreLoaded() {
-    const e = Dt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
+    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) {
@@ -12410,7 +12411,7 @@ class Mo {
   }
   async copy() {
     var s;
-    const t = Ft(this.getCommandContext().getState());
+    const t = St(this.getCommandContext().getState());
     if (!t)
       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;
@@ -12643,7 +12644,7 @@ const To = [
       B.classList.add(Q), g[Q] = { browserValue: F };
     }
   });
-  const f = Bt().serializeToString(m), C = n.colors;
+  const f = bt().serializeToString(m), C = n.colors;
   if (C) {
     for (const [B, I] of Object.entries(g))
       for (const P of Object.keys(C))
@@ -12846,8 +12847,8 @@ const To = [
     const c = await at(i, !0), d = (A) => {
       const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = (h == null ? void 0 : h.length) > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
-        throw new Pt("Failed to read SVG.");
-      return ma(f), Bt().serializeToString(f);
+        throw new Ft("Failed to read SVG.");
+      return ma(f), bt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -13104,7 +13105,7 @@ class qo {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = Ft(t);
+    const e = St(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13772,7 +13773,7 @@ class tl {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = Ft(this.globalPropertyState);
+    const e = St(this.globalPropertyState);
     this.globalPropertyState = { ...t, id: e.id }, await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspect(t, e) {
@@ -13796,7 +13797,7 @@ class tl {
     const i = this.configuration.aspects.find((l) => l.name === t);
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const s = Ft(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const s = St(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
       if (n) {
         const l = o.find((c) => c.channel === n);
@@ -13837,7 +13838,7 @@ class tl {
     const n = this.configuration.aspects.find((o) => o.name === t);
     if (!n)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = Ft(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const i = St(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
     if (s.length > 0)
       if (a) {
         const o = s.find((l) => l.channel === a);
@@ -14180,15 +14181,14 @@ class Zn {
    * @returns
    */
   async fetchProductsFeed(t, e, a, n, i, s) {
-    var c, d, A, u, h, m;
     if (this.fullFetched) {
-      const g = await (a ? this.filterProducts(a) : this.fetchProducts());
+      const d = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
-        total: g.length,
-        items: g.slice(t, t + e)
+        total: d.length,
+        items: d.slice(t, t + e)
       };
     }
-    const o = await b.getShadowGraphqlClient().query({
+    const o = new AbortController(), { signal: l } = o, c = b.getShadowGraphqlClient().watchQuery({
       query: $s,
       variables: {
         id: this.getId(),
@@ -14207,12 +14207,33 @@ class Zn {
       },
       errorPolicy: "all",
       fetchPolicy: "cache-first",
-      returnPartialData: !0
+      returnPartialData: !0,
+      context: {
+        fetchOptions: {
+          signal: l
+        }
+      }
+    });
+    return new Promise((d) => {
+      let A = !1;
+      const u = c.subscribe({
+        next(h) {
+          var g, p, f, C, w, v;
+          if (h.partial && (!h.data.productCollections || h.data.productCollections.length === 0 || !((g = h.data.productCollections[0].productCollectionProductsFeed) != null && g.items) || ((p = h.data.productCollections[0].productCollectionProductsFeed) == null ? void 0 : p.items.length) === 0))
+            return;
+          o.abort(), A = !0, u.unsubscribe();
+          const m = ((C = (f = h.data.productCollections) == null ? void 0 : f[0].productCollectionProductsFeed) == null ? void 0 : C.items.filter((S) => !!S.product).map((S) => new le(S))) || [];
+          d({
+            items: St(m),
+            // Clone items because it could be cached data (immutable)
+            total: ((v = (w = h.data.productCollections) == null ? void 0 : w[0].productCollectionProductsFeed) == null ? void 0 : v.total) ?? 0
+          });
+        },
+        error() {
+          A || (A = !0, u.unsubscribe(), d({ items: [], total: 0 }));
+        }
+      });
     });
-    return {
-      items: ((A = (d = (c = o == null ? void 0 : o.data) == null ? void 0 : c.productCollections) == null ? void 0 : d[0].productCollectionProductsFeed) == null ? void 0 : A.items.filter((g) => !!g.product).map((g) => new le(g))) || [],
-      total: ((m = (h = (u = o == null ? void 0 : o.data) == null ? void 0 : u.productCollections) == null ? void 0 : h[0].productCollectionProductsFeed) == null ? void 0 : m.total) ?? 0
-    };
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
@@ -15600,7 +15621,7 @@ class _c {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Mr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.38.0-beta.086120bb-2716-5d55-859d-f71980f25fb6"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Mr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.38.0-beta.95db9919-4320-51f8-986e-5467ea068975"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     mt.setHubUrl(t.hubUrl), mt.setServerUrl(t.serverUrl), mt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && Qr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -17309,7 +17330,7 @@ export {
   Yl as AddressValidationResultConfirmationLevel,
   Jc as ArrayInput,
   et as AspectType,
-  St as AssetNotFoundError,
+  vt as AssetNotFoundError,
   ge as AssetType,
   Gc as BringForwardCommand,
   zc as BringToBackCommand,
@@ -17323,7 +17344,7 @@ export {
   Ll as ConversionLocation,
   G as CreateElementCommand,
   Un as CreateLayoutCommand,
-  Et as DeleteElementCommand,
+  Bt as DeleteElementCommand,
   Co as DigitalContentStepHandle,
   Ko as FileUploadGlobalPropertyHandle,
   ce as FlowExecutionNodeResult,
@@ -17357,7 +17378,7 @@ export {
   pl as ObjectInputType,
   Xn as OptionGlobalPropertyHandle,
   fe as OptionNotFoundError,
-  Pt as ParseError,
+  Ft as ParseError,
   ho as PictureStepHandle,
   yr as ProductCameraRig,
   Zn as ProductCollection,
@@ -17481,6 +17502,6 @@ export {
   ws as toast,
   pd as validateWorkflowExperienceRecipient,
   fd as validateWorkflowExperienceRecipients,
-  Bt as xmlSerializer
+  bt as xmlSerializer
 };
 //# sourceMappingURL=index.mjs.map