@spiffcommerce/core 31.2.3-beta.a0b3db5e-f507-543a-83fc-22e82e769276 → 31.2.4-beta.16471a59-8ca0-5e4a-9c5b-62bee464c78e

package/dist/index.mjs

@@ -336,12 +336,12 @@ class jr {
           d = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, p = s.applicationKey ?? c.applicationKey, g = s.bundleOwnerId;
+      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
-          const C = window.__SENTRY__.hub;
-          if (C) {
-            const S = C.traceHeaders();
+          const f = window.__SENTRY__.hub;
+          if (f) {
+            const S = f.traceHeaders();
             Object.entries(S).forEach(([b, I]) => {
               l[b] = I;
             });
@@ -349,7 +349,7 @@ class jr {
         }
       } catch {
       }
-      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), p && (l["X-Application-Key"] = p), g && (l.bundleOwnerId = g), l["Allow-Moonlight-Redirect"] = "true", {
+      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
         headers: l
       };
     }), a = ur(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -5339,14 +5339,14 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: i }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, C = M(), S = a.purpose === Ht.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: p.width, height: p.height, rx: h }) }) }), b = a.colorProfiles?.map((E, P) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === Ht.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), b = a.colorProfiles?.map((E, P) => (
     /* @ts-ignore */
     /* @__PURE__ */ D("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, P)
   )), I = n.map((E) => ({
     ...E,
     _renderingConfiguration: a,
-    mask: l ? `url(#viewmask-${C})` : void 0
-  })), f = Sa(I);
+    mask: l ? `url(#viewmask-${f})` : void 0
+  })), C = Sa(I);
   return /* @__PURE__ */ ct(
     "svg",
     {
@@ -5364,7 +5364,7 @@ const M = () => {
         maxHeight: s,
         position: c
       },
-      viewBox: g,
+      viewBox: p,
       children: [
         b,
         S,
@@ -5372,8 +5372,8 @@ const M = () => {
           "rect",
           {
             id: "layout-background",
-            width: p.width,
-            height: p.height,
+            width: g.width,
+            height: g.height,
             fill: r,
             rx: h
           }
@@ -5383,7 +5383,7 @@ const M = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: f.map((E) => $n(E)).filter((E) => !!E)
+            children: C.map((E) => $n(E)).filter((E) => !!E)
           }
         ),
         l && /* @__PURE__ */ D(
@@ -5399,14 +5399,14 @@ const M = () => {
             strokeDasharray: `${m * 2} ${m}`
           }
         ),
-        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${C}`, children: [
+        l && /* @__PURE__ */ ct("mask", { id: `viewmask-${f}`, children: [
           /* @__PURE__ */ D(
             "rect",
             {
-              x: p.x,
-              y: p.y,
-              width: p.width,
-              height: p.height,
+              x: g.x,
+              y: g.y,
+              width: g.width,
+              height: g.height,
               fill: "black"
             }
           ),
@@ -5425,12 +5425,12 @@ const M = () => {
     }
   );
 }, Uc = (r, t, e, a, n) => {
-  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, p = o, g = u * A - m * d, C = h * A - p * d, S = u * d + m * A, b = h * d + p * A, I = Math.max(Math.abs(g), Math.abs(C)), f = Math.max(Math.abs(S), Math.abs(b));
+  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, b = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(b));
   return {
     minX: l - I,
     maxX: l + I,
-    minY: c - f,
-    maxY: c + f
+    minY: c - C,
+    maxY: c + C
   };
 }, Lc = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
@@ -5587,15 +5587,15 @@ const M = () => {
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, p = r.pattern?.scaleX || 1, g = r.pattern?.scaleY || 1, C = r.pattern?.rotation || 0;
+    const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, g = r.pattern?.scaleX || 1, p = r.pattern?.scaleY || 1, f = r.pattern?.rotation || 0;
     return [r.pattern?.svg ? {
       id: `${t}-contents`,
       type: x.Illustration,
       x: A,
       y: u,
-      rotation: C,
-      width: h * p,
-      height: m * g,
+      rotation: f,
+      width: h * g,
+      height: m * p,
       src: a(),
       svg: r.pattern?.svg,
       colors: r.pattern?.colors
@@ -5604,9 +5604,9 @@ const M = () => {
       type: x.Image,
       x: A,
       y: u,
-      rotation: C,
-      width: h * p,
-      height: m * g,
+      rotation: f,
+      width: h * g,
+      height: m * p,
       src: a()
     }];
   };
@@ -5730,37 +5730,36 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     on(d.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
         const h = u.declarations.find(
-          (g) => g.property === "font-family"
-        )?.value, p = u.declarations.find((g) => g.property === "src")?.value?.match(/'(https.*?)'/)?.[1];
-        h && p && n.set(h, p);
+          (p) => p.property === "font-family"
+        )?.value, g = u.declarations.find((p) => p.property === "src")?.value?.match(/'(https.*?)'/)?.[1];
+        h && g && n.set(h, g);
       }
     });
   });
   const s = e.querySelectorAll("tspan");
   for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), p = await Nt(n.get(m)), g = u.getAttribute("fill"), C = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = p.getPath(
+    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Nt(n.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), b = g.getPath(
       A.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
     ), I = b.getBoundingBox().x2 - b.getBoundingBox().x1;
-    let f = 0;
+    let C = 0;
     const E = A.getAttribute("text-anchor");
-    E === "middle" ? f = I / 2 : E === "end" && (f = I);
-    const P = p.getPath(
+    E === "middle" ? C = I / 2 : E === "end" && (C = I);
+    const P = g.getPath(
       A.innerHTML,
-      parseFloat(A.getAttribute("x") ?? "0") - f,
+      parseFloat(A.getAttribute("x") ?? "0") - C,
       parseFloat(A.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
-    P.fill = g, P.stroke = C, P.strokeWidth = parseFloat(S ?? "0");
+    P.fill = p, P.stroke = f, P.strokeWidth = parseFloat(S ?? "0");
     const B = P.toSVG(2), Q = t.parseFromString(B, "image/svg+xml").firstElementChild;
     h.appendChild(Q);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
 }, Be = (r, t, e, a) => Math.max(ns(r.join(`
 `), e, a), t), Ua = (r, t, e, a, n, i) => {
-  console.log("LOG: getLines");
   const s = (i || Rn) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
@@ -5781,7 +5780,6 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     };
   }
 }, ge = (r, t, e, a) => {
-  console.log("LOG: splitLineUntilFit");
   const n = mt(r, e, a);
   if (n <= t)
     return { lines: [r], width: n };
@@ -5803,8 +5801,8 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
       l = Math.max(l, mt(d, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], p = mt(`${A.join(" ")} ${m}`, e, a);
-        p <= t ? (A.push(m), l = Math.max(l, p), u++) : h = !1;
+        const m = s[u], g = mt(`${A.join(" ")} ${m}`, e, a);
+        g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
       }
       o.push(A.join(" ")), c = u;
     }
@@ -5813,11 +5811,9 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: l };
 }, ts = (r, t, e, a, n, i) => {
-  console.log("LOG: calcFontSize");
   const s = (i ?? Rn) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Nn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
   return Math.min(A, d);
 }, es = (r, t, e, a) => {
-  console.log("LOG: refit");
   const n = Ct(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
     return Ua(t, r, t.fontSize, s, n, a);
@@ -5839,7 +5835,6 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     fontSize: ts(o, n, i, t.width, t.height, a)
   } : Ua(t, r, t.fontSize, s, n, a);
 }, as = (r, t, e, a, n) => {
-  console.log("LOG: recalc");
   const s = Ct(t.assetUrl).getFont();
   let o = { ...r };
   const l = { ...r }, c = Nn(a, e / s.unitsPerEm, Ct(t.assetUrl));
@@ -5966,12 +5961,12 @@ const ss = (r) => {
         },
         stroke: A,
         strokeWidth: u,
-        children: r.curved ? /* @__PURE__ */ D(ls, { text: c, curvedPathId: i, align: r.align }) : d.map((m, p) => /* @__PURE__ */ D(
+        children: r.curved ? /* @__PURE__ */ D(ls, { text: c, curvedPathId: i, align: r.align }) : d.map((m, g) => /* @__PURE__ */ D(
           os,
           {
             align: r.vertical ? "center" : r.align,
             fontSize: r.fontSize,
-            thisLineIdx: p,
+            thisLineIdx: g,
             amountLines: d.length,
             text: m,
             textboxHeight: r.height,
@@ -5981,7 +5976,7 @@ const ss = (r) => {
             verticalAlign: r.verticalAlign,
             fontData: r.fontData
           },
-          p
+          g
         ))
       }
     ) }) })
@@ -5993,9 +5988,7 @@ const ss = (r) => {
     const n = Ct(r.fontData.assetUrl), i = n.getFont(), s = r.fontSize / i.unitsPerEm;
     return n.getApproximateHeight() * s;
   }, e = () => r.align === "left" ? -r.textboxWidth / 2 : r.align === "right" ? r.textboxWidth / 2 : 0, a = () => {
-    const n = t();
-    console.log(`LOG: text span. line height: ${n}`);
-    const i = r.textboxHeight / 2;
+    const n = t(), i = r.textboxHeight / 2;
     if (r.verticalAlign === "top")
       return -i + r.fontSize * 3 / 4 + r.thisLineIdx * n;
     if (r.verticalAlign === "bottom") {
@@ -6346,8 +6339,8 @@ const ne = (r) => {
       fetch: rt
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
-      const p = parseFloat(h), C = parseFloat(u) / p;
-      C > 1 ? A.resize(m, m / C) : A.resize(m * C, m);
+      const g = parseFloat(h), f = parseFloat(u) / g;
+      f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
     } else
       A.resize(m, m);
     return await A.render(), await t(c);
@@ -6370,8 +6363,8 @@ const ne = (r) => {
   if (e && t === x.Illustration) {
     const l = await ot(await Vn(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u) throw new Error("SVG missing viewBox.");
-    const h = o.height, m = u.split(" "), p = parseFloat(m[2]) || 1, g = parseFloat(m[3]) || 1, C = p / g;
-    o.height = o.width / C, o.top += (h - o.height) / 2;
+    const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, p = parseFloat(m[3]) || 1, f = g / p;
+    o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === x.Image) {
     const l = o.height, c = await Me(e), d = await Ne(c), A = d.width / d.height;
@@ -7370,18 +7363,18 @@ class ys {
   }
   async regenerateQRCode(t, e, a, n) {
     const i = async () => {
-      const h = (await be([e]))[0], m = h?.versions?.find((p) => p.name === "mpeg4")?.link;
+      const h = (await be([e]))[0], m = h?.versions?.find((g) => g.name === "mpeg4")?.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
       new Gn(
         async () => !!(await i()).link,
         async () => {
-          const p = await i();
-          if (!p.link || !p.link)
-            throw new Yt(p.asset);
+          const g = await i();
+          if (!g.link || !g.link)
+            throw new Yt(g.asset);
           h({
             rel: "mpeg4",
-            href: p.link
+            href: g.link
           });
         },
         () => {
@@ -7716,18 +7709,18 @@ class Pe {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const p = await Oe(l[m]), g = o.getImageData(), C = a.map((P) => new bt(P.id)), S = g ? va(
-          g,
+        const g = await Oe(l[m]), p = o.getImageData(), f = a.map((P) => new bt(P.id)), S = p ? va(
           p,
+          g,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
-        ) : void 0, b = g ? {
+        ) : void 0, b = p ? {
           id: M(),
-          src: g.src,
+          src: p.src,
           x: S?.x || 0,
           y: S?.y || 0,
-          width: g.width,
-          height: g.height,
+          width: p.width,
+          height: p.height,
           scaleX: S?.zoom || 1,
           scaleY: S?.zoom || 1,
           rotation: 0
@@ -7736,7 +7729,7 @@ class Pe {
           throw new Y(h);
         return {
           command: this.getCreateElementCommand(I, h, E, {
-            frameData: p,
+            frameData: g,
             pattern: b,
             disablePlaceholder: t.data.disablePlaceholder,
             stepName: t.stepName
@@ -7745,7 +7738,7 @@ class Pe {
             id: I,
             region: h
           },
-          removeExistingCommands: C
+          removeExistingCommands: f
         };
       })
     ), A = d.map((h) => h.command), u = d.map((h) => h.removeExistingCommands).flat();
@@ -7928,12 +7921,12 @@ class Ss {
       n().map((h) => h.layoutState)
     ), o = { ...s.colors }, l = {};
     Object.entries(o).forEach(([h, m]) => {
-      const p = { browserValue: m.browserValue, pmsValue: m.pmsValue }, g = m.spotColor;
-      g && (p.spotColor = { profileName: g.profileName, namedColor: g.namedColor }), l[h] = p;
+      const g = { browserValue: m.browserValue, pmsValue: m.pmsValue }, p = m.spotColor;
+      p && (g.spotColor = { profileName: p.profileName, namedColor: p.namedColor }), l[h] = g;
     });
     for (const [h, m] of i.entries()) {
-      const p = typeof m == "string" ? m : m.browserValue, g = typeof m == "string" ? void 0 : m.pmsValue;
-      o[h] = { browserValue: p, spotColor: o[h]?.spotColor, pmsValue: g }, l[h] = { browserValue: p };
+      const g = typeof m == "string" ? m : m.browserValue, p = typeof m == "string" ? void 0 : m.pmsValue;
+      o[h] = { browserValue: g, spotColor: o[h]?.spotColor, pmsValue: p }, l[h] = { browserValue: g };
     }
     let c = Array.from(Object.values(o)).map((h) => h.browserValue);
     const d = t.data.colorOption;
@@ -7964,7 +7957,7 @@ class Ss {
     if (!t.data || !t.data.regions)
       throw new Ee(t, "Missing regions.");
     n(!0);
-    const s = a.map((C) => new bt(C.id));
+    const s = a.map((f) => new bt(f.id));
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
     const o = e.asset;
     if (!o)
@@ -7972,26 +7965,26 @@ class Ss {
     const l = o.fileLink;
     if (!l)
       throw new Yt(o);
-    const c = await ot(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (C) => {
-      const S = i.getLayouts().find((I) => I.panelId === C.panelId);
+    const c = await ot(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (f) => {
+      const S = i.getLayouts().find((I) => I.panelId === f.panelId);
       if (!S)
-        throw new Y(C);
+        throw new Y(f);
       const b = M();
       return {
-        regionElement: { id: b, region: C },
-        command: this.getCreateElementCommand(b, C, S, {
+        regionElement: { id: b, region: f },
+        command: this.getCreateElementCommand(b, f, S, {
           stepName: t.stepName,
           src: l,
           objectURL: d,
           svg: c
         })
       };
-    }, u = t.data.regions.map(A), m = [...u.map((C) => C.command), ...s];
-    let p = Array.from(Object.values(c.colors)).map((C) => C.browserValue);
-    const g = t.data.colorOption;
-    return g && g.variants?.forEach((C) => {
-      p = p.map((S) => S.toLowerCase() === C.color?.toLowerCase() ? C.name : S);
-    }), i.updateMetadata(t.stepName, { colors: p }), {
+    }, u = t.data.regions.map(A), m = [...u.map((f) => f.command), ...s];
+    let g = Array.from(Object.values(c.colors)).map((f) => f.browserValue);
+    const p = t.data.colorOption;
+    return p && p.variants?.forEach((f) => {
+      g = g.map((S) => S.toLowerCase() === f.color?.toLowerCase() ? f.name : S);
+    }), i.updateMetadata(t.stepName, { colors: g }), {
       command: new R(m),
       followup: async () => {
         await i.setSelectionsAndElements(
@@ -8002,12 +7995,12 @@ class Ss {
             i.setMandatoryFulfilled(t.stepName, !0), n(!1);
           }
         );
-        const C = o.assetConfiguration?.defaultColorVariants || [];
-        if (C.length !== 0) {
+        const f = o.assetConfiguration?.defaultColorVariants || [];
+        if (f.length !== 0) {
           const S = {};
           (o.assetConfiguration?.channelNumbers || []).forEach((I) => {
-            const f = C.find((E) => E.channelNumber === I.number);
-            f && (S[`${I.id.replace(/\W/g, "")}`] = { browserValue: f?.variant?.color || "" });
+            const C = f.find((E) => E.channelNumber === I.number);
+            C && (S[`${I.id.replace(/\W/g, "")}`] = { browserValue: C?.variant?.color || "" });
           }), await this.changeColors(
             t,
             u.map((I) => I.regionElement),
@@ -8019,18 +8012,18 @@ class Ss {
         if (t.data.colorPickerEnabled) {
           const S = await this.availableColors(t, i) || [], b = Object.keys(c.colors), I = S.length === 1 && b.length === 1;
           if (I) {
-            const f = S[0], E = b[0];
+            const C = S[0], E = b[0];
             await this.changeColors(
               t,
               u.map((P) => P.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
-              /* @__PURE__ */ new Map([[E, f.variant.color]])
+              /* @__PURE__ */ new Map([[E, C.variant.color]])
             );
           }
-          !I && C.length === 0 && await this.changeColors(
+          !I && f.length === 0 && await this.changeColors(
             t,
-            u.map((f) => f.regionElement),
+            u.map((C) => C.regionElement),
             i,
             () => i.getCommandContext().getAllLayouts(),
             /* @__PURE__ */ new Map()
@@ -8075,8 +8068,8 @@ class vs {
             async () => {
               const h = e.getModelContainer();
               if (h) {
-                const m = t.data.targetMaterials.map((p) => h.applyMaterialVariant(
-                  p,
+                const m = t.data.targetMaterials.map((g) => h.applyMaterialVariant(
+                  g,
                   l.id || "",
                   A || {}
                 ));
@@ -8231,11 +8224,11 @@ class bs {
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
     const c = (d, A, u) => {
-      const h = u || M(), p = a.getLayouts().find((C) => C.panelId === A.panelId);
-      if (!p)
+      const h = u || M(), g = a.getLayouts().find((f) => f.panelId === A.panelId);
+      if (!g)
         return console.error(`Can not find layout for region: ${A.panelId}`), null;
-      const g = [];
-      return u && g.push(new bt(h)), g.push(
+      const p = [];
+      return u && p.push(new bt(h)), p.push(
         new z(
           {
             stepRegion: A,
@@ -8253,12 +8246,12 @@ class bs {
             layerIndex: A.layerIndex,
             immutable: A.immutable
           },
-          p
+          g
         )
       ), {
         id: h,
         region: A,
-        command: new R(g)
+        command: new R(p)
       };
     };
     if (i.length > 0) {
@@ -8357,7 +8350,7 @@ class Bs {
       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 bt(A.id)), c = (A) => {
-      const h = a.getLayouts().find((p) => p.panelId === A.panelId);
+      const h = a.getLayouts().find((g) => g.panelId === A.panelId);
       if (!h)
         throw new Y(A);
       const m = M();
@@ -8555,7 +8548,7 @@ class Ps {
         const h = i.find((S) => S.panelId === u.panelId);
         if (!h)
           throw new Y(u);
-        const m = o(), p = `
+        const m = o(), g = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -8575,19 +8568,19 @@ class Ps {
                             fill="${m}"
                         />
                     </svg>
-                `, g = {};
-        g[this.shapeFillId] = { browserValue: m };
-        const C = M();
+                `, p = {};
+        p[this.shapeFillId] = { browserValue: m };
+        const f = M();
         return {
-          id: C,
+          id: f,
           region: u,
           command: new z(
             {
               stepRegion: u,
               stepName: t.stepName,
-              colors: g,
-              id: C,
-              svg: p,
+              colors: p,
+              id: f,
+              svg: g,
               type: x.Illustration,
               y: u.top,
               x: u.left,
@@ -8651,23 +8644,21 @@ const Fs = new Ds(), Ye = (r, t, e, a, n) => {
   let i = t.map((d) => d.split(`
 `)).flat(), s = i.length, o = i.map((d) => mt(d, a, n));
   const l = n.getApproximateHeight() * a;
-  console.log(`LOG: lines that fit. calced line height: ${l}`);
   let c = !0;
   for (; c; ) {
-    const d = l + (s - 1) * e;
-    if (console.log(`LOG: textbox height for size ${e}: ${d}`), d > r.height)
+    if (l + (s - 1) * e > r.height)
       return [null, null];
     const A = Math.max(...o);
     if (A <= r.width)
       return [i, A];
-    const u = o.reduce((g, C, S, b) => C > b[g] ? S : g, 0), h = i[u];
-    let m = !1, p = h.length;
-    for (; !m && p > -1; ) {
-      p = h.lastIndexOf(" ", p - 1);
-      const g = [h.slice(0, p), h.slice(p + 1)], C = g.map((b) => mt(b, a, n));
-      C[0] <= r.width && (i = [...i.slice(0, u), ...g, ...i.slice(u + 1)], o = [
+    const u = o.reduce((p, f, S, b) => f > b[p] ? S : p, 0), h = i[u];
+    let m = !1, g = h.length;
+    for (; !m && g > -1; ) {
+      g = h.lastIndexOf(" ", g - 1);
+      const p = [h.slice(0, g), h.slice(g + 1)], f = p.map((b) => mt(b, a, n));
+      f[0] <= r.width && (i = [...i.slice(0, u), ...p, ...i.slice(u + 1)], o = [
         ...o.slice(0, u),
-        ...C,
+        ...f,
         ...o.slice(u + 1)
       ], s += 1, m = !0);
     }
@@ -8675,23 +8666,22 @@ const Fs = new Ds(), Ye = (r, t, e, a, n) => {
   }
   return [null, null];
 }, fe = (r, t, e, a, n) => {
-  console.log(`LOG: determineCorrectFontSize, region height ${e.height}`);
   let i, s;
   const o = Ct(t.assetUrl), l = o.getFont();
   if (n.size) {
     const u = r / l.unitsPerEm;
-    return [i, s] = Ye(e, a, r, u, o), console.log(`LOG: fixed mode returning ${n.size, s}`), [n.size, i, s];
+    return [i, s] = Ye(e, a, r, u, o), [n.size, i, s];
   }
   const c = 6;
   let d = c - Ge;
   if (a.length > 0) {
     let u = a, h = 0;
     for (; (!n.maxSize || d <= n.maxSize) && u; )
-      d += Ge, h = d / l.unitsPerEm, [u, s] = Ye(e, a, d, h, o), console.log(`LOG: intermediate result ${[u, s]}`);
+      d += Ge, h = d / l.unitsPerEm, [u, s] = Ye(e, a, d, h, o);
   }
   d > c && (d -= Ge), n.minSize && d < n.minSize && (d = n.minSize);
   const A = d / l.unitsPerEm;
-  return [i, s] = Ye(e, a, d, A, o), console.log(`LOG: var mode returning ${[d, i, s]}`), [d, i, s];
+  return [i, s] = Ye(e, a, d, A, o), [d, i, s];
 }, Je = 30;
 class De extends Error {
   constructor(t) {
@@ -8756,12 +8746,12 @@ class ks {
       let A = t.data.defaultText || "";
       const u = e.getWorkflowExperience().getBundle();
       if (u && t.globalPropertyAspectConfigurations) {
-        const p = u.getGlobalPropertyConfiguration()?.aspects?.find(
-          (g) => g.type === L.Text && t.globalPropertyAspectConfigurations?.map((C) => C.aspectName).includes(g.name)
+        const g = u.getGlobalPropertyConfiguration()?.aspects?.find(
+          (p) => p.type === L.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
         );
-        if (p) {
-          const C = u.getGlobalPropertyStateManager().getAspect(p.name);
-          C && (A = C);
+        if (g) {
+          const f = u.getGlobalPropertyStateManager().getAspect(g.name);
+          f && (A = f);
         }
       }
       e.updateStorage(t.stepName, {
@@ -8939,9 +8929,9 @@ class ks {
         { size: a.data.size, minSize: a.data.minSize, maxSize: a.data.maxSize }
       );
       d.set(u.id, h), A.set(u.id, m);
-      const p = a.data.curved ? s : (m || []).join(`
+      const g = a.data.curved ? s : (m || []).join(`
 `);
-      c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, p));
+      c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, g));
     }
     return !a.data.curved && e.length > 0 && !Array.from(A.values()).every((h) => h) ? (l.errorData || (l.errorData = {}), l.errorData.doesNotFit = !0, l) : (n.updateStorage(a.stepName, { text: t }), n.updateMetadata(a.stepName, {
       text: s
@@ -8980,15 +8970,15 @@ class ks {
       if (l && c) {
         const d = l.variants?.find((A) => A.id === c);
         if (d) {
-          const A = await this.fontDataFromVariant(d), u = o.map((g) => ({ id: g.id, region: g.stepRegion })), h = n.storage?.color;
+          const A = await this.fontDataFromVariant(d), u = o.map((p) => ({ id: p.id, region: p.stepRegion })), h = n.storage?.color;
           let m = n.storage?.text;
-          const p = e.getWorkflowExperience().getBundle();
-          if (p && t.globalPropertyAspectConfigurations) {
-            const C = p.getGlobalPropertyConfiguration()?.aspects?.find(
+          const g = e.getWorkflowExperience().getBundle();
+          if (g && t.globalPropertyAspectConfigurations) {
+            const f = g.getGlobalPropertyConfiguration()?.aspects?.find(
               (S) => S.type === L.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
             );
-            if (C) {
-              const b = p.getGlobalPropertyStateManager().getAspect(C.name);
+            if (f) {
+              const b = g.getGlobalPropertyStateManager().getAspect(f.name);
               b && (m = b);
             }
           }
@@ -8998,15 +8988,15 @@ class ks {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = o.map((S) => new Wa(S.id, A)), C = new R(g);
-              e.getCommandDispatcher()(C);
+              const p = o.map((S) => new Wa(S.id, A)), f = new R(p);
+              e.getCommandDispatcher()(f);
             }
           ), o.length === 0 && l) {
-            const g = H.getDefaultVariant(l);
-            if (g) {
-              const C = await this.selectVariantCommand(
+            const p = H.getDefaultVariant(l);
+            if (p) {
+              const f = await this.selectVariantCommand(
                 t,
-                g,
+                p,
                 { text: m },
                 [],
                 e,
@@ -9015,16 +9005,16 @@ class ks {
                 () => {
                 }
               );
-              e.getCommandDispatcher()(C.command);
+              e.getCommandDispatcher()(f.command);
             }
           } else {
-            const { command: g } = G.updateInputText(
+            const { command: p } = G.updateInputText(
               m || "",
               o,
               t,
               e
             );
-            g && e.getCommandDispatcher()(g);
+            p && e.getCommandDispatcher()(p);
           }
         }
       }
@@ -9040,7 +9030,7 @@ class ks {
             if (o.length === 0 && l) {
               const m = H.getDefaultVariant(l);
               if (m) {
-                const p = await this.selectVariantCommand(
+                const g = await this.selectVariantCommand(
                   t,
                   m,
                   { text: h },
@@ -9051,7 +9041,7 @@ class ks {
                   () => {
                   }
                 );
-                e.getCommandDispatcher()(p.command);
+                e.getCommandDispatcher()(g.command);
               }
             } else {
               const { command: m } = G.updateInputText(
@@ -9101,16 +9091,16 @@ class ks {
   async selectVariantCommand(t, e, a, n, i, s, o, l, c) {
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (n.length > 0) {
-      const u = n.map((p) => new Wa(p.id, A));
+      const u = n.map((g) => new Wa(g.id, A));
       if (l) {
-        const p = n.map((g) => new je(g.id, l));
-        u.push(...p);
+        const g = n.map((p) => new je(p.id, l));
+        u.push(...g);
       }
       if (c) {
-        const p = n.map(
-          (g) => new He(g.id, c, t.data.strokeThickness)
+        const g = n.map(
+          (p) => new He(p.id, c, t.data.strokeThickness)
         );
-        u.push(...p);
+        u.push(...g);
       }
       const h = await this.changeInputTextWithRegion(
         t,
@@ -9147,18 +9137,18 @@ class ks {
         a?.customiseAllText ?? !1,
         s,
         o
-      ), m = u.flatMap((g) => g.commands);
+      ), m = u.flatMap((p) => p.commands);
       if (l) {
-        const g = u.map(
-          (C) => new je(C.regionElement.id, l)
+        const p = u.map(
+          (f) => new je(f.regionElement.id, l)
         );
-        m.push(...g);
+        m.push(...p);
       }
       if (c) {
-        const g = n.map(
-          (C) => new He(C.id, c, t.data.strokeThickness)
+        const p = n.map(
+          (f) => new He(f.id, c, t.data.strokeThickness)
         );
-        m.push(...g);
+        m.push(...p);
       }
       return h && m.push(h), {
         command: new R(m),
@@ -9180,16 +9170,16 @@ class ks {
     if (!a || !a.regions)
       throw new Error("Step data not supplied");
     const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = Ft(l, s), d = async (u) => {
-      const m = s.getLayouts().find((g) => g.panelId === u.panelId), p = M();
+      const m = s.getLayouts().find((p) => p.panelId === u.panelId), g = M();
       try {
         if (!m)
           throw new Fe("Failed to find layout for region: " + u.panelId);
-        const g = a.colorOption;
-        let C;
-        if (g && g.variants) {
-          const tt = g.variants.find((et) => et.id === g.defaultVariant?.id) || g.variants[0];
-          C = this.createTextFillSpotColor(g, tt), s.updateStorage(t, {
-            colorProfileAssetKey: g.colorProfile?.key
+        const p = a.colorOption;
+        let f;
+        if (p && p.variants) {
+          const tt = p.variants.find((et) => et.id === p.defaultVariant?.id) || p.variants[0];
+          f = this.createTextFillSpotColor(p, tt), s.updateStorage(t, {
+            colorProfileAssetKey: p.colorProfile?.key
           });
         }
         const S = await this.getDefaultColor(a), b = S || "#000000", I = {
@@ -9199,7 +9189,7 @@ class ks {
           fill: i.color ? i.color : b,
           fontSize: a.size || Je,
           fontData: n,
-          id: p,
+          id: g,
           layer: u.layer,
           layerIndex: u.layerIndex,
           rotation: u.rotation,
@@ -9215,8 +9205,8 @@ class ks {
           verticalAlign: a.verticalAlign || "middle",
           curved: a.curved,
           paths: a.paths,
-          fillSpotColorDefinition: C
-        }, f = [], E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
+          fillSpotColorDefinition: f
+        }, C = [], E = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Map();
         if (!I.fontData) throw new V("Failed to resolve font data for text.");
         const [B, F] = fe(
           I.fontSize,
@@ -9235,18 +9225,18 @@ class ks {
         E.set(I.id, B), P.set(I.id, F);
         const Q = a.curved || a.vertical ? l : (F || []).join(`
 `);
-        f.push(
+        C.push(
           this.generateTextChangeCommandsForRegion(B, a, I.id, Q)
         );
         const T = new z(I, m);
         return {
-          regionElement: { id: p, region: u },
-          commands: [T, ...f],
+          regionElement: { id: g, region: u },
+          commands: [T, ...C],
           newElement: I,
           fontData: n
         };
-      } catch (g) {
-        throw console.log(g), new De("Error adding font to region");
+      } catch (p) {
+        throw console.log(p), new De("Error adding font to region");
       }
     }, A = await Promise.all(a.regions.map(d)).catch((u) => {
       throw u instanceof De ? (Fs.setLatestToast("Failed to load font.", $e.Error), u) : u instanceof Fe ? u : new Error(u);
@@ -9276,30 +9266,30 @@ class ks {
    * @deprecated
    */
   async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, d) {
-    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = Ft(u, s), m = s.getRegionElements(t.stepName), p = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-    for (const f of m)
-      if (f.region) {
+    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = Ft(u, s), m = s.getRegionElements(t.stepName), g = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+    for (const C of m)
+      if (C.region) {
         const [E, P] = fe(
           e,
           a,
-          f.region,
+          C.region,
           [h],
           { size: t.data.size, minSize: t.data.minSize, maxSize: t.data.maxSize }
         );
-        p.set(f.id, E), g.set(f.id, P);
+        g.set(C.id, E), p.set(C.id, P);
       }
     const S = (() => {
       if (t.data && t.data.maxLength && h.length > t.data.maxLength)
         return d && d(!0), { info: "0" };
-      const f = s.getProfanities(), E = ea(u.toLowerCase());
+      const C = s.getProfanities(), E = ea(u.toLowerCase());
       for (const P of E)
-        for (const B in f) {
-          const F = f[B].toLowerCase().replace(/\s/g, "");
+        for (const B in C) {
+          const F = C[B].toLowerCase().replace(/\s/g, "");
           if (P === F)
             return l(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (u.includes(`
-`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(g.values()).every((B) => B) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
+`) || u.includes("\r")) ? (l(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(p.values()).every((B) => B) ? (l(!0), { error: "Does not fit." }) : (l(!1), { info: (t.data.maxLength - h.length).toString() });
     })();
     if (S.error) {
       c(S.error);
@@ -9311,14 +9301,14 @@ class ks {
       text: this.injectReplaceableText(A, t.data)
     }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const b = [];
-    for (const f of m) {
-      const E = t.data.curved ? u : (g.get(f.id) || []).join(`
+    for (const C of m) {
+      const E = t.data.curved ? u : (p.get(C.id) || []).join(`
 `);
       b.push(
         this.generateTextChangeCommandsForRegion(
-          p.get(f.id) || 1,
+          g.get(C.id) || 1,
           t.data,
-          f.id,
+          C.id,
           E
         )
       );
@@ -9487,10 +9477,10 @@ class Ls extends Ms {
       b.classList.add("module-text-group");
       const I = at("defs");
       b.appendChild(I), I.appendChild(Qs(0, 2, 2, "shadow"));
-      const f = at("path");
-      f.setAttribute("d", d), f.setAttribute("stroke", "black"), f.setAttribute("stroke-width", "3"), I.appendChild(f);
+      const C = at("path");
+      C.setAttribute("d", d), C.setAttribute("stroke", "black"), C.setAttribute("stroke-width", "3"), I.appendChild(C);
       const E = at("g");
-      E.classList.add("module-layer0"), b.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = f.outerHTML;
+      E.classList.add("module-layer0"), b.appendChild(E), E.setAttribute("filter", "url(#shadow)"), E.innerHTML = C.outerHTML;
       const P = at("g");
       P.classList.add("module-layer1"), b.appendChild(P), P.setAttribute("stroke-width", "3"), P.setAttribute("stroke", "rgb(45,41,38)"), P.setAttribute("fill", "rgb(45,41,38)"), P.setAttribute("transform", "translate(0.5,0)"), P.innerHTML = o;
       const B = at("g");
@@ -9503,14 +9493,14 @@ class Ls extends Ms {
     u.appendChild(h);
     const m = at("g");
     m.classList.add("module-bounds"), u.appendChild(m);
-    const p = Ns(e.height, e.width);
-    p.setAttribute("opacity", "0"), m.appendChild(p);
-    const g = at("g");
-    g.classList.add("module-text-enclosure"), u.appendChild(g);
-    const C = A();
-    g.appendChild(C);
+    const g = Ns(e.height, e.width);
+    g.setAttribute("opacity", "0"), m.appendChild(g);
+    const p = at("g");
+    p.classList.add("module-text-enclosure"), u.appendChild(p);
+    const f = A();
+    p.appendChild(f);
     const S = fr(d);
-    return Os(g, S, e.height, e.width, 0.35, 0.65), Rs(u.outerHTML);
+    return Os(p, S, e.height, e.width, 0.35, 0.65), Rs(u.outerHTML);
   }
 }
 async function Kn(r) {
@@ -9577,7 +9567,7 @@ const re = w`
   variables: {
     bundleId: r
   }
-})).data.globalPropertyState, Ws = w`
+})).data.globalPropertyState, Ws = (r) => w`
     ${Qe}
     fragment ProductFields on Product {
         id
@@ -9609,7 +9599,7 @@ const re = w`
         preloadImageUrl
         sku
         skuCode
-        workflows {
+        workflows${r ? "(filters: $productWorkflowFilters)" : ""} {
             id
             index
             friendlyName
@@ -9622,8 +9612,8 @@ const re = w`
             name
         }
     }
-`, ba = w`
-    ${Ws}
+`, ba = (r) => w`
+    ${Ws(r)}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9632,8 +9622,8 @@ const re = w`
             ...ProductFields
         }
     }
-`, ie = (r) => w`
-    ${r ? ba : ""}
+`, ie = (r, t = !1) => w`
+    ${r ? ba(t) : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
         name
@@ -9821,7 +9811,7 @@ const re = w`
         }
     }
 `, Hs = w`
-    ${ba}
+    ${ba(!1)}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
             id
@@ -9854,12 +9844,13 @@ const re = w`
         }
     }
 `, Js = w`
-    ${ba}
+    ${ba(!0)}
     query GetProductCollectionForProductsFeed(
         $id: String!
         $limit: Int
         $offset: Int
-        $filters: ProductCollectionProductFilterInput
+        $productFilters: ProductCollectionProductFilterInput
+        $productWorkflowFilters: MetafieldFilterListInput
         $tags: ProductCollectionProductTagFilterInput
         $sortKey: ProductCollectionProductSortKey
         $sortDescending: Boolean
@@ -9868,7 +9859,8 @@ const re = w`
         productCollections(ids: [$id]) {
             id
             productCollectionProductsFeed(
-                filters: $filters
+                filters: $productFilters
+                workflowFilters: $productWorkflowFilters
                 tags: $tags
                 limit: $limit
                 offset: $offset
@@ -10248,14 +10240,14 @@ class Ya extends Fn {
   }
 }
 class yo {
-  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, p, g = !1, C = !1, S = !1) {
+  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, S = !1) {
     this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       if (!this.previewService) return;
       const b = this.getCommandContext().getAllLayouts(), I = this.getLayoutPreviewService()?.getAll();
       if (I)
-        for (const [, f] of I)
-          f.render(b);
-    }, 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 = C, 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 = p, 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, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = g, this.workflow.steps.forEach((b) => {
+        for (const [, C] of I)
+          C.render(b);
+    }, 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, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((b) => {
       this.stepTags[b.stepName] = b.tags ?? [];
     }), S && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
@@ -10274,7 +10266,7 @@ class yo {
       a.type === Ce.FirstName ? e[n] = t?.firstName : a.type === Ce.LastName ? e[n] = t?.lastName : a.type === Ce.Custom && (a.customFieldIndex === 1 ? e[n] = t?.customField1 : a.customFieldIndex === 2 ? e[n] = t?.customField2 : a.customFieldIndex === 3 ? e[n] = t?.customField3 : a.customFieldIndex === 4 ? e[n] = t?.customField4 : a.customFieldIndex === 5 && (e[n] = t?.customField5));
     }), e;
   }
-  async updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, p, g, C) {
+  async updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
     if (this.transaction.recipient?.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
@@ -10292,9 +10284,9 @@ class yo {
         customField1: u || this.transaction.recipient.customField1,
         customField2: h || this.transaction.recipient.customField2,
         customField3: m || this.transaction.recipient.customField3,
-        customField4: p || this.transaction.recipient.customField4,
-        customField5: g || this.transaction.recipient.customField5,
-        conversionConfigurationId: C || this.transaction.recipient.conversionConfigurationId
+        customField4: g || this.transaction.recipient.customField4,
+        customField5: p || this.transaction.recipient.customField5,
+        conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
       }, await this.graphQlClient().mutate({
         mutation: fo,
         errorPolicy: "all",
@@ -10315,9 +10307,9 @@ class yo {
           customField1: u || this.transaction.recipient.customField1,
           customField2: h || this.transaction.recipient.customField2,
           customField3: m || this.transaction.recipient.customField3,
-          customField4: p || this.transaction.recipient.customField4,
-          customField5: g || this.transaction.recipient.customField5,
-          conversionConfigurationId: C || this.transaction.recipient.conversionConfigurationId
+          customField4: g || this.transaction.recipient.customField4,
+          customField5: p || this.transaction.recipient.customField5,
+          conversionConfigurationId: f || this.transaction.recipient.conversionConfigurationId
         }
       });
     else {
@@ -10340,9 +10332,9 @@ class yo {
           customField1: u,
           customField2: h,
           customField3: m,
-          customField4: p,
-          customField5: g,
-          conversionConfigurationId: C
+          customField4: g,
+          customField5: p,
+          conversionConfigurationId: f
         }
       });
       this.transaction.recipient = {
@@ -10361,9 +10353,9 @@ class yo {
         customField1: u,
         customField2: h,
         customField3: m,
-        customField4: p,
-        customField5: g,
-        conversionConfigurationId: C
+        customField4: g,
+        customField5: p,
+        conversionConfigurationId: f
       }, await this.graphQlClient().mutate({
         mutation: Co,
         errorPolicy: "all",
@@ -10855,14 +10847,14 @@ class yo {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((f, E) => f + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((f) => {
-      St(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1, delete this.stepMetadata[f.stepName], delete this.stepSelections[f.stepName], delete this.storage[f.stepName]);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
+      St(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
-    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((f) => f.silentSteps).flat(), A = l.map((f) => f.silentSteps).flat().filter(
-      (f) => !c.some((E) => E.stepName === f.stepName)
+    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+      (C) => !c.some((E) => E.stepName === C.stepName)
     );
-    c.forEach((f) => {
-      St(f, this.stepSelections) || (this.stepInitialised[f.stepName] = !1);
+    c.forEach((C) => {
+      St(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10870,13 +10862,13 @@ class yo {
       ...h,
       [t]: a
     }, this.removeElements(u);
-    const p = this.workflow.steps.find((f) => f.stepName === t);
-    p?.type === v.Frame && this.getWorkflowExperience().getStepById(p.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
-    const g = u.map((f) => new bt(f.id)), C = new Ga(this.constructSerializableWorkflow()), S = [...m, ...g, C];
+    const g = this.workflow.steps.find((C) => C.stepName === t);
+    g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
+    const p = u.map((C) => new bt(C.id)), f = new Ga(this.constructSerializableWorkflow()), S = [...m, ...p, f];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const b = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
-      const f = b.map(
+      const C = b.map(
         (E) => I.applyModelVariant(
           E,
           {
@@ -10885,7 +10877,7 @@ class yo {
           !1
         )
       );
-      await Promise.all(f);
+      await Promise.all(C);
     }
     await this.onSelectionChange(), n && await n();
   }
@@ -11931,7 +11923,7 @@ const To = async (r, t) => {
       T.errors && console.log("Server Error:", et.message);
     }), null) : tt ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
-  const u = r.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, p = l && Ja(l, t, !0), g = l && Ja(l, t, !1), C = async (B) => {
+  const u = r.getPreviewService(), h = t?.finalizeStepConfig?.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && Ja(l, t, !0), p = l && Ja(l, t, !1), f = async (B) => {
     const F = {};
     let Q = 0;
     if (Object.keys(i).length > 0)
@@ -11957,9 +11949,9 @@ const To = async (r, t) => {
         }
       }
     return [F, Q];
-  }, [S] = await C(!0), b = Object.fromEntries(
+  }, [S] = await f(!0), b = Object.fromEntries(
     Object.keys(S).map((B) => [B, S[B].map((F) => F.id)])
-  ), [I] = await C(!1), f = Object.fromEntries(
+  ), [I] = await f(!1), C = Object.fromEntries(
     Object.keys(I).map((B) => [
       B,
       I[B].map((F) => F.id)
@@ -11988,22 +11980,22 @@ const To = async (r, t) => {
         useThreeDimPreview: !!m,
         previewImage: E
       };
-      if (g) {
+      if (p) {
         const F = [];
-        for (const [Q, T] of Object.entries(g))
+        for (const [Q, T] of Object.entries(p))
           F.push({ key: Q, value: T });
         B.metadata = F;
       }
       if (b) {
         const F = [];
-        for (const [Q, T] of Object.entries(f))
+        for (const [Q, T] of Object.entries(C))
           F.push({ key: Q, ids: T });
         B.selectedVariants = F;
       }
       return B;
     })(),
     cartSelectionsWithPrices: S,
-    cartMetadata: p
+    cartMetadata: g
   };
 }, Ro = async (r, t, e, a, n, i, s, o, l, c, d) => {
   l("workflow.steps.finish.finalize.buildingLayouts");
@@ -12019,19 +12011,19 @@ const To = async (r, t) => {
     d
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await To(A), p = m?.transaction?.previewImageLink;
+  const m = await To(A), g = m?.transaction?.previewImageLink;
   if (!m?.transaction)
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
-  const g = m.transaction;
+  const p = m.transaction;
   return Xn(
-    g,
+    p,
     n,
     t,
     u,
     m?.sku,
     h,
-    p,
+    g,
     m?.processExecution?.id
   );
 }, Oo = async (r, t, e) => {
@@ -12316,14 +12308,14 @@ class Go {
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new ke("Failed to obtain 2D context for preview image creation");
-    const m = this.workflowManager.getTemplatingContext(), p = ya(u.layoutState.layout, u.layoutState.elements, {
+    const m = this.workflowManager.getTemplatingContext(), g = ya(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Ht.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
-    }), g = mn(p);
-    await (await Aa.from(h, g, {
+    }), p = mn(g);
+    await (await Aa.from(h, p, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
@@ -12425,14 +12417,14 @@ class Go {
       A !== void 0 && (A.forEach((u) => d.add(JSON.stringify(u))), o.forEach((u) => {
         const h = u.getRaw().globalPropertyAspectConfigurations;
         h !== void 0 && h.forEach((m) => {
-          const p = l(m), g = d.has(JSON.stringify(m));
-          if (g && p?.getType() === "Option") {
-            const C = u.getCurrentVariant();
-            if (!C) return;
-            c.selectVariant(C), d.delete(JSON.stringify(m));
-          } else if (g && p?.getType() === "Text") {
-            const C = u.getText();
-            c.setText(C), d.delete(JSON.stringify(m));
+          const g = l(m), p = d.has(JSON.stringify(m));
+          if (p && g?.getType() === "Option") {
+            const f = u.getCurrentVariant();
+            if (!f) return;
+            c.selectVariant(f), d.delete(JSON.stringify(m));
+          } else if (p && g?.getType() === "Text") {
+            const f = u.getText();
+            c.setText(f), d.delete(JSON.stringify(m));
           }
         });
       }));
@@ -12689,13 +12681,13 @@ const Wo = (r) => {
   const a = t.data, n = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = n.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + n);
   o.searchParams.append("video", Qa(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const l = o.toString(), d = `data:image/svg+xml;base64,${Qa(await ln(l, { type: "svg" }))}`, A = (h) => {
-    const m = r.find((g) => g.panelId === h.panelId);
+    const m = r.find((p) => p.panelId === h.panelId);
     if (!m)
       throw new Y(h);
-    const p = M();
+    const g = M();
     return new z(
       {
-        id: p,
+        id: g,
         src: d,
         type: x.Image,
         y: h.top,
@@ -12718,7 +12710,7 @@ const Wo = (r) => {
     const o = As(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      const d = await Un(c, o?.asset?.fileLink), A = await Oe(d), u = M(), h = r.find((p) => p.panelId === c.panelId);
+      const d = await Un(c, o?.asset?.fileLink), A = await Oe(d), u = M(), h = r.find((g) => g.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = va(
@@ -12773,7 +12765,7 @@ const Wo = (r) => {
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = i.variants?.find((f) => f.id === n.illustrationVariantId) || ne(i);
+  const s = i.variants?.find((C) => C.id === n.illustrationVariantId) || ne(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12786,56 +12778,56 @@ const Wo = (r) => {
   if (!m)
     return console.error("Failed to read SVG."), [];
   pa(m);
-  const p = {};
-  kt(m, (f) => {
-    jo.includes(f.tagName) && !f.attributes.getNamedItem("fill") && f.setAttribute("fill", "#000000");
-    const E = f.attributes.getNamedItem("fill");
+  const g = {};
+  kt(m, (C) => {
+    jo.includes(C.tagName) && !C.attributes.getNamedItem("fill") && C.setAttribute("fill", "#000000");
+    const E = C.attributes.getNamedItem("fill");
     if (E && E.value !== "none") {
       const B = E.value, Q = `spiff-fill-${B.replace(/\W/g, "")}`;
-      f.classList.add(Q), p[Q] = { browserValue: B };
+      C.classList.add(Q), g[Q] = { browserValue: B };
     }
-    const P = f.attributes.getNamedItem("stroke");
+    const P = C.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
       const B = P.value, Q = `spiff-stroke-${B.replace(/\W/g, "")}`;
-      f.classList.add(Q), p[Q] = { browserValue: B };
+      C.classList.add(Q), g[Q] = { browserValue: B };
     }
   });
-  const C = Bt().serializeToString(m), S = n.colors;
+  const f = Bt().serializeToString(m), S = n.colors;
   if (S) {
-    for (const [f, E] of Object.entries(p))
+    for (const [C, E] of Object.entries(g))
       for (const P of Object.keys(S))
         if (E.browserValue === P) {
-          p[f] = { browserValue: S[P] };
+          g[C] = { browserValue: S[P] };
           break;
         }
   }
-  const b = (f) => {
-    const E = r.find((B) => B.panelId === f.panelId);
+  const b = (C) => {
+    const E = r.find((B) => B.panelId === C.panelId);
     if (!E)
-      throw new Y(f);
+      throw new Y(C);
     const P = M();
     return new z(
       {
-        colors: p,
+        colors: g,
         id: P,
-        svg: C,
+        svg: f,
         type: x.Illustration,
-        y: f.top,
-        x: f.left,
-        rotation: f.rotation,
-        width: f.width,
-        height: f.height,
-        layer: f.layer,
-        layerIndex: f.layerIndex,
-        immutable: f.immutable
+        y: C.top,
+        x: C.left,
+        rotation: C.rotation,
+        width: C.width,
+        height: C.height,
+        layer: C.layer,
+        layerIndex: C.layerIndex,
+        immutable: C.immutable
       },
       E
     );
   }, I = a.data.regions;
   try {
     return I.map(b);
-  } catch (f) {
-    return console.error(f), [];
+  } catch (C) {
+    return console.error(C), [];
   }
 }, Ko = async (r, t, e) => {
   const a = await Kn(e.data.module), n = t.data, i = (o, l) => {
@@ -12917,7 +12909,7 @@ const Wo = (r) => {
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
   const o = (c) => {
-    const d = r.find((p) => p.panelId === c.panelId);
+    const d = r.find((g) => g.panelId === c.panelId);
     if (!d)
       throw new Y(c);
     const A = `
@@ -12996,10 +12988,10 @@ const Wo = (r) => {
     }
   else {
     const c = await nt(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", C = dt().parseFromString(m, "image/svg+xml").firstElementChild;
-      if (!C)
+      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
+      if (!f)
         throw new Dt("Failed to read SVG.");
-      return pa(C), Bt().serializeToString(C);
+      return pa(f), Bt().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -13029,36 +13021,36 @@ const Wo = (r) => {
   }
   return a;
 }, tl = async (r, t, e, a) => {
-  const n = [], i = e.data, s = 30, o = (g) => g.vertical ? "center" : g.textAlign || "center", l = () => {
-    const g = a.option;
-    if (!g)
+  const n = [], i = e.data, s = 30, o = (p) => p.vertical ? "center" : p.textAlign || "center", l = () => {
+    const p = a.option;
+    if (!p)
       return;
-    const C = g.variants?.find((b) => b.id === i.fontVariantId) || ne(g);
-    if (!C || !C.asset)
+    const f = p.variants?.find((b) => b.id === i.fontVariantId) || ne(p);
+    if (!f || !f.asset)
       return;
-    t[a.stepName] = { selectedVariants: [C] };
-    const S = C.asset.fileLink;
+    t[a.stepName] = { selectedVariants: [f] };
+    const S = f.asset.fileLink;
     if (S)
       return S;
   }, d = await (async () => {
-    const g = l();
-    if (!g)
+    const p = l();
+    if (!p)
       return;
-    const C = await Nt(g);
+    const f = await Nt(p);
     return {
-      assetUrl: g,
-      name: C.names.fullName.en
+      assetUrl: p,
+      name: f.names.fullName.en
     };
   })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Ie(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
-  }), h = async (g) => {
-    const C = g.colorOption;
-    return C ? H.getDefaultVariant(C)?.color : void 0;
-  }, m = i.color || await h(a.data), p = a.data.regions;
-  for (const g of p) {
-    const C = r.find((b) => b.panelId === g.panelId);
-    if (!C)
+  }), h = async (p) => {
+    const f = p.colorOption;
+    return f ? H.getDefaultVariant(f)?.color : void 0;
+  }, m = i.color || await h(a.data), g = a.data.regions;
+  for (const p of g) {
+    const f = r.find((b) => b.panelId === p.panelId);
+    if (!f)
       continue;
     const S = {
       stepName: e.name,
@@ -13068,24 +13060,24 @@ const Wo = (r) => {
       fill: i.color || m || "#000000",
       fontData: d,
       fontSize: a.data.size || s,
-      height: g.height,
-      layer: g.layer,
-      layerIndex: g.layerIndex,
+      height: p.height,
+      layer: p.layer,
+      layerIndex: p.layerIndex,
       paths: a.data.paths,
-      rotation: g.rotation,
+      rotation: p.rotation,
       text: u,
       type: x.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
-      width: g.width,
-      x: g.left,
-      y: g.top
+      width: p.width,
+      x: p.left,
+      y: p.top
     };
     if (d) {
       const [b, I] = fe(
         a.data.size || s,
         d,
-        g,
+        p,
         [
           Ie(u, {
             vertical: a.data.vertical,
@@ -13106,11 +13098,11 @@ const Wo = (r) => {
             text: S.curved ? S.text : (I || []).join(`
 `)
           },
-          C
+          f
         )
       );
     } else
-      n.push(new z(S, C));
+      n.push(new z(S, f));
   }
   return n;
 }, el = (r, t) => r.conditions ? r.conditions.every((e) => {
@@ -13331,8 +13323,8 @@ class ol extends Fn {
     if (this.nonPOTSupport) {
       const m = s / o;
       a / n < m ? (l = s, c = n * (s / a)) : (l = a * (o / n), c = o);
-      const g = this.resizeFit({ width: l, height: c });
-      l = g.width, c = g.height;
+      const p = this.resizeFit({ width: l, height: c });
+      l = p.width, c = p.height;
     } else
       l = i.width, c = i.height;
     const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = ya(t.layoutState.layout, e, {
@@ -14342,31 +14334,36 @@ class ar {
    * Fetches a paginated feed of products.
    * @param offset The zero-based start index.
    * @param limit The maximum number of products to return.
-   * @param filters Optional metafield filters to apply to the query.
+   * @param productFilters Optional product metafields to filter the products by.
    * @param tags Optional object of tag filters to apply.
    * @param sortKey Optional field of the products to sort by.
    * @param sortDescending Optional boolean to indicate if the sort should be in descending order.
    * @param quickSearch Optional string to filter products by name.
+   * @param workflowFilters Optional workflow metafields to filter the products and their workflows by.
    * @returns
    */
-  async fetchProductsFeed(t, e, a, n, i, s, o) {
+  async fetchProductsFeed(t, e, a, n, i, s, o, l) {
     if (this.fullFetched) {
-      const A = await (a ? this.filterProducts(a) : this.fetchProducts());
+      const u = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
-        total: A.length,
-        items: A.slice(t, t + e)
+        total: u.length,
+        items: u.slice(t, t + e)
       };
     }
-    const l = new AbortController(), { signal: c } = l, d = y.getShadowGraphqlClient().watchQuery({
+    const c = new AbortController(), { signal: d } = c, A = y.getShadowGraphqlClient().watchQuery({
       query: Js,
       variables: {
         id: this.getId(),
         limit: e,
         offset: t,
-        filters: a ? {
+        productFilters: a ? {
           link: "And",
           metafields: a
         } : void 0,
+        productWorkflowFilters: l ? {
+          link: "And",
+          metafields: l
+        } : void 0,
         tags: n ? {
           include: n.include ?? [],
           exclude: n.exclude ?? []
@@ -14380,26 +14377,26 @@ class ar {
       returnPartialData: !0,
       context: {
         fetchOptions: {
-          signal: c
+          signal: d
         }
       }
     });
-    return new Promise((A) => {
-      let u = !1;
-      const h = d.subscribe({
-        next(m) {
-          if (u || m.partial && (!m.data.productCollections || m.data.productCollections.length === 0 || !m.data.productCollections[0].productCollectionProductsFeed?.items || m.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
+    return new Promise((u) => {
+      let h = !1;
+      const m = A.subscribe({
+        next(g) {
+          if (h || g.partial && (!g.data.productCollections || g.data.productCollections.length === 0 || !g.data.productCollections[0].productCollectionProductsFeed?.items || g.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
-          l.abort(), u = !0, h.unsubscribe();
-          const p = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((g) => !!g.product).map((g) => new Ae(vt(g))) || [];
-          A({
+          c.abort(), h = !0, m.unsubscribe();
+          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(vt(f))) || [];
+          u({
             items: p,
             // Clone items because it could be cached data (immutable)
-            total: m.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
+            total: g.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
           });
         },
         error() {
-          u || (u = !0, h.unsubscribe(), A({ items: [], total: 0 }));
+          h || (h = !0, m.unsubscribe(), u({ items: [], total: 0 }));
         }
       });
     });
@@ -14707,9 +14704,9 @@ class _e {
       A ? this.globalPropertyHandleService.getHandles().then((u) => {
         const h = u.map((m) => {
           if (m.getType() === L.ColorOption || m.getType() === L.Option) {
-            const p = m;
-            if (!A.aspects.find((C) => C.name === p.getName()))
-              return p.initDefaultVariant();
+            const g = m;
+            if (!A.aspects.find((f) => f.name === g.getName()))
+              return g.initDefaultVariant();
           }
         });
         Promise.all(h).then(c).catch(d);
@@ -14905,7 +14902,7 @@ class _e {
           ), d = [...new Set(o.map((u) => u.number))];
           if (d.length > c)
             for (const u of d) {
-              const h = this.getGlobalPropertyStateManager(), m = l.find((p) => p.channelNumber === u);
+              const h = this.getGlobalPropertyStateManager(), m = l.find((g) => g.channelNumber === u);
               m && await h.setAspect(n, m.variant.id || "", void 0, m.channelNumber);
             }
         }
@@ -15965,7 +15962,7 @@ class md {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.2.3-beta.026ad90d-92e9-500b-a212-bd6dfa71283c"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.2.4-beta.deb69c8f-1db2-5c9d-aec1-f3e61315a90a"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.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 && zr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16284,8 +16281,8 @@ class md {
       const h = await this.loggedInBearerToken();
       o.Authorization = `Bearer ${h}`;
     } catch {
-      const p = Object.entries(localStorage).find(([C, S]) => C.startsWith("CognitoIdentityServiceProvider") && C.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(p);
-      g && !Wt(g) && (o.Authorization = `Bearer ${g}`);
+      const g = Object.entries(localStorage).find(([f, S]) => f.startsWith("CognitoIdentityServiceProvider") && f.endsWith("idToken"))?.[0] || "", p = localStorage.getItem(g);
+      p && !Wt(p) && (o.Authorization = `Bearer ${p}`);
     }
     const l = {
       bundleOwnerId: s,
@@ -16325,8 +16322,8 @@ class md {
       const u = await this.loggedInBearerToken();
       s.Authorization = `Bearer ${u}`;
     } catch {
-      const m = Object.entries(localStorage).find(([g, C]) => g.startsWith("CognitoIdentityServiceProvider") && g.endsWith("idToken"))?.[0] || "", p = localStorage.getItem(m);
-      p && !Wt(p) && (s.Authorization = `Bearer ${p}`);
+      const m = Object.entries(localStorage).find(([p, f]) => p.startsWith("CognitoIdentityServiceProvider") && p.endsWith("idToken"))?.[0] || "", g = localStorage.getItem(m);
+      g && !Wt(g) && (s.Authorization = `Bearer ${g}`);
     }
     const o = {
       bundleOwnerId: i,
@@ -16424,10 +16421,10 @@ class md {
   async getWorkflowExperiences(t, e) {
     if (t.length === 0)
       throw new ht("No options provided!");
-    const a = y.getShadowGraphqlClient(), n = async (f) => {
-      if (f.length === 0)
+    const a = y.getShadowGraphqlClient(), n = async (C) => {
+      if (C.length === 0)
         return [];
-      const E = f.map((F) => F.option.transactionId), P = await a.query({
+      const E = C.map((F) => F.option.transactionId), P = await a.query({
         query: vi,
         variables: {
           ids: E
@@ -16435,23 +16432,23 @@ class md {
         errorPolicy: "all",
         fetchPolicy: "no-cache"
       }), B = P.data.transactions;
-      if (B.length !== f.length) {
+      if (B.length !== C.length) {
         const F = P.errors?.[0]?.message || "Unknown error";
         throw new ht(`Not all transactions were found: ${F}`);
       }
       return !this.activeIntegration && B[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(B[0].integrationProduct.integration)), B.map((F, Q) => ({
         transaction: F,
         workflowId: F.workflowId,
-        readOnly: f.find((T) => T.option.transactionId === F.id)?.option.readOnly ?? !1,
-        index: f[Q].index
+        readOnly: C.find((T) => T.option.transactionId === F.id)?.option.readOnly ?? !1,
+        index: C[Q].index
       }));
-    }, i = async (f) => {
-      if (f.length === 0)
+    }, i = async (C) => {
+      if (C.length === 0)
         return [];
       const E = await a.mutate({
         mutation: Si,
         variables: {
-          inputs: f.map((B) => ({
+          inputs: C.map((B) => ({
             integrationProductId: B.option.type === "integration" ? B.option.integrationProductId : void 0,
             externalIntegrationId: B.option.type === "external" ? B.option.externalIntegrationId : void 0,
             externalProductId: B.option.type === "external" ? B.option.externalProductId : void 0,
@@ -16473,17 +16470,17 @@ class md {
         transaction: B,
         workflowId: B.workflowId,
         readOnly: !1,
-        index: f[F].index
+        index: C[F].index
       }));
-    }, s = t.map((f, E) => ({ option: f, index: E })), o = s.filter((f) => f.option.type === "transaction"), l = s.filter(
-      (f) => f.option.type === "integration" || f.option.type === "external"
+    }, s = t.map((C, E) => ({ option: C, index: E })), o = s.filter((C) => C.option.type === "transaction"), l = s.filter(
+      (C) => C.option.type === "integration" || C.option.type === "external"
     ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
-    ])).flat(), u = [...new Set(A.map((f) => f.workflowId))], h = await rr(u, e), m = new Map(h.map((f) => [f.id, f])), p = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), g = A.map(async (f) => {
-      const { transaction: E, workflowId: P, readOnly: B, index: F } = f, Q = m.get(P), T = t[F];
-      !p.get(E.id) && E.transactionOwnerId && p.set(E.id, E.transactionOwnerId);
-      const tt = p.get(E.id) || void 0, et = new Tl({
+    ])).flat(), u = [...new Set(A.map((C) => C.workflowId))], h = await rr(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (C) => {
+      const { transaction: E, workflowId: P, readOnly: B, index: F } = C, Q = m.get(P), T = t[F];
+      !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
+      const tt = g.get(E.id) || void 0, et = new Tl({
         onMutate: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: tt, bundleOwnerId: e?.bundleOwnerId } })
       }), W = {
@@ -16516,13 +16513,13 @@ class md {
       return W.renderableContextService = new nl(
         W.layouts
       ), W.delayWorkflowStateSync = !0, { experienceOptions: W, index: F, options: T };
-    }), C = await Promise.all(g);
-    k.setMap("transactionOwnerIds", p);
-    const b = C.sort((f, E) => f.index - E.index).map(async (f) => {
-      const { experienceOptions: E, options: P } = f, B = new Go(this, E);
+    }), f = await Promise.all(p);
+    k.setMap("transactionOwnerIds", g);
+    const b = f.sort((C, E) => C.index - E.index).map(async (C) => {
+      const { experienceOptions: E, options: P } = C, B = new Go(this, E);
       return await B.getWorkflowManager().getInitializationPromise(), P.type !== "transaction" && this.customer && await B.attachCustomerDetails({ email: this.customer.emailAddress }), B;
     }), I = await Promise.all(b);
-    return I.forEach((f) => f.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
+    return I.forEach((C) => C.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), I;
   }
   storeCustomer(t) {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
@@ -16870,7 +16867,7 @@ class Gl {
   }
 }
 class wd {
-  updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, p, g, C) {
+  updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
     throw new Error("Method not implemented.");
   }
   approveTransaction(t) {