@spiffcommerce/core 26.32.0-beta.d85ee52e-8aba-574e-973b-cb79d29568db → 26.32.0-beta.e77c2646-2e10-55be-9b18-ad67d5cbfd54

package/dist/index.mjs

@@ -7,11 +7,11 @@ import { orientation as dr } from "exifr/dist/mini.umd.cjs";
 import { parse as an } from "css";
 import Ar from "fuse.js";
 import { Pith as ca } from "pith";
-import Ft from "lodash.clonedeep";
+import xt from "lodash.clonedeep";
 import { toString as nn } from "qrcode";
 import ur from "svg-path-bbox";
 import { parse as Je } from "opentype.js";
-import { jsx as x, jsxs as ct, Fragment as zt } from "preact/jsx-runtime";
+import { jsx as F, jsxs as ct, Fragment as zt } from "preact/jsx-runtime";
 import { dataUriToBuffer as hr } from "data-uri-to-buffer";
 import Da from "lodash.chunk";
 import rn from "lodash.isequal";
@@ -179,8 +179,8 @@ function nt(r, t) {
   }
   return Xe(r, t);
 }
-const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), cn = async (r) => {
-  const t = Fa.get(r);
+const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), cn = async (r) => {
+  const t = xa.get(r);
   if (t)
     return t;
   const a = (async () => {
@@ -188,13 +188,13 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
     const n = await nt(r);
     return ln.set(r, ((i = n.headers) == null ? void 0 : i.get("content-type")) || ""), await n.arrayBuffer();
   })();
-  return Fa.set(r, a), a;
+  return xa.set(r, a), a;
 }, Er = async (r) => {
-  const t = xa.get(r);
+  const t = Fa.get(r);
   if (t)
     return t;
   const a = (async () => await (await nt(r)).text())();
-  return xa.set(r, a), a;
+  return Fa.set(r, a), a;
 }, Tt = (r) => r.every((t) => t !== "undefined"), ne = (r) => Tt([typeof document]) ? document.createElement(r) : Kt().document.createElement(r), Br = (r, t) => {
   if (Tt([typeof document]))
     return document.createElementNS(r, t);
@@ -258,7 +258,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   return e || "image/svg+xml";
 }, Ac = async (r) => {
   const t = await cn(r), e = ln.get(r) || Pe(t);
-  return await Fr(new Blob([t], { type: e }));
+  return await xr(new Blob([t], { type: e }));
 }, Dr = (r) => {
   let t = "";
   const e = r.byteLength;
@@ -280,7 +280,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   return n ? new Uint8Array(
     atob(i).split("").map((o) => o.charCodeAt(0))
   ).buffer : new Uint8Array(i.split("").map((o) => o.charCodeAt(0))).buffer;
-}, Fr = (r) => new Promise((t, e) => {
+}, xr = (r) => new Promise((t, e) => {
   const a = new FileReader();
   a.onload = function(n) {
     const i = n.target;
@@ -292,7 +292,7 @@ const Ma = (r) => {
   un = r;
 };
 let ua;
-const xr = (r) => {
+const Fr = (r) => {
   ua = r;
 }, kr = () => ua;
 let hn;
@@ -453,7 +453,7 @@ const Or = (r) => new Promise((t) => {
       break;
   }
   return d.drawImage(e, 0, 0, o, l), c;
-}, Fe = async (r) => {
+}, xe = async (r) => {
   const t = await Lr(r);
   return Pe(r) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
@@ -1806,7 +1806,7 @@ const Or = (r) => new Promise((t) => {
   "Black 5 C",
   "Black 6 C",
   "Black 7 C"
-], xt = [
+], Ft = [
   "FEDD00",
   "FFD700",
   "FE5000",
@@ -3148,17 +3148,17 @@ const Or = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Re = xt.map((r) => [
+], Re = Ft.map((r) => [
   parseInt(r.substring(0, 2), 16),
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
 function uc(r) {
   const t = Ht.indexOf(r);
-  return t >= 0 ? xt[t] : "";
+  return t >= 0 ? Ft[t] : "";
 }
 function Vr(r) {
-  const t = xt.indexOf(r);
+  const t = Ft.indexOf(r);
   return t >= 0 ? Ht[t] : "";
 }
 function hc(r, t = 64) {
@@ -3170,16 +3170,16 @@ function hc(r, t = 64) {
   });
   const i = parseInt(r.substring(0, 2), 16), s = parseInt(r.substring(2, 4), 16), o = parseInt(r.substring(4, 6), 16);
   let l, c, d;
-  for (let A = 0; A < xt.length; A++) {
+  for (let A = 0; A < Ft.length; A++) {
     l = Re[A][0], c = Re[A][1], d = Re[A][2];
     const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - d, 2));
     a.push(u);
   }
   for (let A = 0; A < a.length; A++)
-    a[A] <= t && !e.some((u) => u.pms === Ht[A]) && e.push({ pms: Ht[A], hex: xt[A], distance: a[A] });
+    a[A] <= t && !e.some((u) => u.pms === Ht[A]) && e.push({ pms: Ht[A], hex: Ft[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const zr = Ht.map((r, t) => ({ pms: r, hex: xt[t] })), Gr = new Ar(zr, { keys: ["pms"] });
+const zr = Ht.map((r, t) => ({ pms: r, hex: Ft[t] })), Gr = new Ar(zr, { keys: ["pms"] });
 function mc(r, t) {
   return Gr.search(r, t ? { limit: t } : void 0);
 }
@@ -3531,7 +3531,7 @@ const ie = (r) => {
 class ri {
   constructor() {
     this.cache = /* @__PURE__ */ new Map(), this.bgrmProcessCache = /* @__PURE__ */ new Map(), this.materialCache = /* @__PURE__ */ new Map(), this.loadImageAsFileInfo = async (t) => {
-      const e = await t.arrayBuffer(), a = await Fe(e), n = (i, s) => {
+      const e = await t.arrayBuffer(), a = await xe(e), n = (i, s) => {
         const o = atob(i.split(",")[1]), l = [];
         for (let c = 0; c < o.length; c++)
           l.push(o.charCodeAt(c));
@@ -3958,7 +3958,7 @@ const _ = new di(), vn = y`
             activeAddons
         }
     }
-`, xe = y`
+`, Fe = y`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -3977,7 +3977,7 @@ const _ = new di(), vn = y`
         }
     }
 `, Ai = y`
-    ${xe}
+    ${Fe}
     mutation CreateTransactions(
         $inputs: [TransactionCreateInput]!
         $marketplaceThemeInstallId: String
@@ -4081,7 +4081,7 @@ const _ = new di(), vn = y`
         url
     }
 `, ui = y`
-    ${xe}
+    ${Fe}
     ${En}
     ${Bn}
     ${vn}
@@ -4331,7 +4331,7 @@ const _ = new di(), vn = y`
         }
     }
 `, In = (r) => y`
-    ${xe}
+    ${Fe}
     fragment IntegrationProductFields on IntegrationProduct {
         id
         externalProductId
@@ -5089,7 +5089,7 @@ const _ = new di(), vn = y`
             ...MarketplaceThemeInstallConfigurationFields
         }
     }
-`, Fi = y`
+`, xi = y`
     ${vn}
     ${ke}
     query GetCurrentIntegration($themeConfigurationId: String) {
@@ -5102,7 +5102,7 @@ const _ = new di(), vn = y`
             ...ActiveIntegrationFields
         }
     }
-`, xi = y`
+`, Fi = y`
     ${ke}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
@@ -5310,9 +5310,9 @@ const N = () => {
   width: u
 }) => {
   var E;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = N(), C = a.purpose === Wt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((B, I) => (
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = N(), C = a.purpose === Wt.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (E = a.colorProfiles) == null ? void 0 : E.map((B, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ x("color-profile", { name: B.name, xlinkHref: B.key, children: " " }, I)
+    /* @__PURE__ */ F("color-profile", { name: B.name, xlinkHref: B.key, children: " " }, I)
   )), v = n.map((B) => ({
     ...B,
     _renderingConfiguration: a,
@@ -5339,7 +5339,7 @@ const N = () => {
       children: [
         w,
         C,
-        !!r && /* @__PURE__ */ x(
+        !!r && /* @__PURE__ */ F(
           "rect",
           {
             id: "layout-background",
@@ -5349,7 +5349,7 @@ const N = () => {
             rx: h
           }
         ),
-        /* @__PURE__ */ x(
+        /* @__PURE__ */ F(
           "g",
           {
             id: "element-group",
@@ -5357,7 +5357,7 @@ const N = () => {
             children: S.map((B) => Qn(B)).filter((B) => !!B)
           }
         ),
-        l && /* @__PURE__ */ x(
+        l && /* @__PURE__ */ F(
           "rect",
           {
             x: l.x,
@@ -5371,7 +5371,7 @@ const N = () => {
           }
         ),
         l && /* @__PURE__ */ ct("mask", { id: `viewmask-${p}`, children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "rect",
             {
               x: g.x,
@@ -5381,7 +5381,7 @@ const N = () => {
               fill: "black"
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ F(
             "rect",
             {
               x: l.x,
@@ -5473,9 +5473,9 @@ const N = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, bc = 0.352778, Ic = 0.035277, Fn = (r) => {
+}, bc = 0.352778, Ic = 0.035277, xn = (r) => {
   const t = r.rotation || 0, e = ft(t), a = Math.cos(e), n = -Math.sin(e);
-  return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
     "g",
     {
       transform: `
@@ -5484,7 +5484,7 @@ const N = () => {
                 matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ F(
         "image",
         {
           xlinkHref: r.src,
@@ -5495,11 +5495,11 @@ const N = () => {
       )
     }
   ) });
-}, xn = (r) => {
+}, Fn = (r) => {
   var l;
   const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = ft(e), n = Math.cos(a), i = -Math.sin(a), s = ya(r.children);
   return /* @__PURE__ */ ct(zt, { children: [
-    /* @__PURE__ */ x("defs", { children: (() => /* @__PURE__ */ x("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ x("path", { d: r.clipPath }) : /* @__PURE__ */ x("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
+    /* @__PURE__ */ F("defs", { children: (() => /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ F("path", { d: r.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ ct(
       "g",
       {
@@ -5510,7 +5510,7 @@ const N = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
         children: [
-          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ x(
+          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ F(
             "rect",
             {
               stroke: "red",
@@ -5522,7 +5522,7 @@ const N = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ x("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5538,9 +5538,9 @@ const N = () => {
     return r.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ x(zt, {});
-  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ x(zt, { children: r.useThreshold && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
-    /* @__PURE__ */ x(
+    return /* @__PURE__ */ F(zt, {});
+  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ F(zt, { children: r.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ ct("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    /* @__PURE__ */ F(
       "feColorMatrix",
       {
         type: "matrix",
@@ -5554,14 +5554,14 @@ const N = () => {
       }
     ),
     /* @__PURE__ */ ct("feComponentTransfer", { in: "greyscale", children: [
-      /* @__PURE__ */ x("feFuncR", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ x("feFuncG", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
+      /* @__PURE__ */ F("feFuncR", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ F("feFuncG", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ F("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, v, S, E, B, I, P, F, k, Q;
+    var w, v, S, E, B, I, P, x, k, Q;
     const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((E = r.pattern) == null ? void 0 : E.height) || 0, g = ((B = r.pattern) == null ? void 0 : B.scaleX) || 1, f = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, p = ((P = r.pattern) == null ? void 0 : P.rotation) || 0;
-    return [(F = r.pattern) != null && F.svg ? {
+    return [(x = r.pattern) != null && x.svg ? {
       id: `${t}-contents`,
       type: T.Illustration,
       x: A,
@@ -5585,13 +5585,13 @@ const N = () => {
   };
   return /* @__PURE__ */ ct(zt, { children: [
     i(),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ F(
       "g",
       {
         opacity: r.opacity,
         mask: r.stepName ? void 0 : r.mask,
         filter: r.useThreshold ? `url(#${e})` : void 0,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ F(
           "g",
           {
             transform: `
@@ -5601,8 +5601,8 @@ const N = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 matrix(${r.scaleX}, 0, 0, ${r.scaleY}, 0, 0)
                 `,
-            children: /* @__PURE__ */ x(
-              xn,
+            children: /* @__PURE__ */ F(
+              Fn,
               {
                 id: t,
                 x: 0,
@@ -5730,8 +5730,8 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     B.fill = f, B.stroke = p, B.strokeWidth = parseFloat(C ?? "0");
-    const I = B.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
-    h.appendChild(F);
+    const I = B.toSVG(2), x = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    h.appendChild(x);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
 }, we = (r, t, e, a) => Math.max(ji(r.join(`
@@ -5878,7 +5878,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   };
   return /* @__PURE__ */ ct(zt, { children: [
     /* @__PURE__ */ ct("defs", { children: [
-      r.textFillImage && /* @__PURE__ */ x(
+      r.textFillImage && /* @__PURE__ */ F(
         "pattern",
         {
           id: s,
@@ -5887,7 +5887,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           height: r.textFillImage.scale * r.textFillImage.height,
           x: 0,
           y: 0,
-          children: /* @__PURE__ */ x(
+          children: /* @__PURE__ */ F(
             "image",
             {
               href: r.textFillImage.src,
@@ -5898,7 +5898,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           )
         }
       ),
-      /* @__PURE__ */ x(
+      /* @__PURE__ */ F(
         "style",
         {
           type: "text/css",
@@ -5912,10 +5912,10 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           }
         }
       ),
-      r.curved && r.paths ? /* @__PURE__ */ x("path", { id: i, d: r.paths[0] }) : void 0
+      r.curved && r.paths ? /* @__PURE__ */ F("path", { id: i, d: r.paths[0] }) : void 0
     ] }),
-    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ x("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
-    /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ x(
+    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ F("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
+    /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ F(
       "text",
       {
         xmlSpace: "preserve",
@@ -5930,7 +5930,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         },
         stroke: d,
         strokeWidth: A,
-        children: r.curved ? /* @__PURE__ */ x(Ki, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ x(
+        children: r.curved ? /* @__PURE__ */ F(Ki, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ F(
           Ji,
           {
             align: r.vertical ? "center" : r.align,
@@ -5961,10 +5961,10 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     const s = (r.amountLines - 1) / 2;
     return (r.thisLineIdx - s) * n + r.fontSize / 4;
   };
-  return /* @__PURE__ */ x("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ F("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, Ki = (r) => {
   const t = `#${r.curvedPathId}`;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ F(
     "textPath",
     {
       startOffset: (() => r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%")(),
@@ -5977,8 +5977,8 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, _i = (r) => {
   var s, o;
   if (r.cachedObjectURL && !((s = r._renderingConfiguration) != null && s.omitCachedFields))
-    return /* @__PURE__ */ x(
-      Fn,
+    return /* @__PURE__ */ F(
+      xn,
       {
         id: r.id,
         src: r.cachedObjectURL,
@@ -6002,7 +6002,7 @@ const Li = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     throw new Error(
       `Illustration element ${r.id} (stepName ${r.stepName}) lacked svg from src ${r.src} at render time.`
     );
-  return /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F(
     "g",
     {
       transform: i,
@@ -6110,9 +6110,9 @@ class Xi {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ x(Fn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x($i, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(_i, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(Yi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(xn, { ...r }, r.id) : null, wa = (r, t, e) => {
+const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ F(xn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ F($i, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ F(_i, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ F(Yi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ F(Fn, { ...r }, r.id) : null, wa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ F(
     Oi,
     {
       preserveAspectRatio: void 0,
@@ -6254,7 +6254,7 @@ const te = (r) => {
     };
     return At.set(r, s), s;
   } else {
-    const a = await De(r, !0), n = await Fe(a), i = {
+    const a = await De(r, !0), n = await xe(a), i = {
       src: r,
       width: n.width,
       height: n.height,
@@ -6340,7 +6340,7 @@ const te = (r) => {
     o.height = o.width / p, o.top += (h - o.height) / 2;
   }
   if (e && t === T.Image) {
-    const l = o.height, c = await De(e), d = await Fe(c), A = d.width / d.height;
+    const l = o.height, c = await De(e), d = await xe(c), A = d.width / d.height;
     o.height = o.width / A, o.top += (l - o.height) / 2;
   }
   if (e && t === T.Textbox && (a != null && a.text) && (a != null && a.fontScale)) {
@@ -6596,7 +6596,7 @@ class La extends O {
     };
   }
 }
-class Fc extends O {
+class xc extends O {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -6619,7 +6619,7 @@ class Fc extends O {
     };
   }
 }
-class xc extends O {
+class Fc extends O {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -7614,7 +7614,7 @@ class Se {
       };
       At.set(t, A), e.setPatternData(A, a);
     } else {
-      const s = await De(t, !0), o = await Fe(s), l = {
+      const s = await De(t, !0), o = await xe(s), l = {
         src: t,
         width: o.width,
         height: o.height,
@@ -8017,7 +8017,7 @@ class cs {
           const S = {};
           (((v = o.assetConfiguration) == null ? void 0 : v.channelNumbers) || []).forEach((B) => {
             var P;
-            const I = C.find((F) => F.channelNumber === B.number);
+            const I = C.find((x) => x.channelNumber === B.number);
             I && (S[`${B.id.replace(/\W/g, "")}`] = { browserValue: ((P = I == null ? void 0 : I.variant) == null ? void 0 : P.color) || "" });
           }), await this.changeColors(
             t,
@@ -8033,7 +8033,7 @@ class cs {
             const I = S[0], P = E[0];
             await this.changeColors(
               t,
-              u.map((F) => F.regionElement),
+              u.map((x) => x.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
               /* @__PURE__ */ new Map([[P, I.variant.color]])
@@ -9213,10 +9213,10 @@ class ws {
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
         E.set(v.id, I), B.set(v.id, P);
-        const F = a.curved || a.vertical ? l : (P || []).join(`
+        const x = a.curved || a.vertical ? l : (P || []).join(`
 `);
         S.push(
-          this.generateTextChangeCommandsForRegion(I, a, v.id, F)
+          this.generateTextChangeCommandsForRegion(I, a, v.id, x)
         );
         const k = new G(v, h);
         return {
@@ -9520,7 +9520,7 @@ const ee = y`
             }
         }
     }
-`, Fs = y`
+`, xs = y`
     ${ee}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -9530,7 +9530,7 @@ const ee = y`
             }
         }
     }
-`, xs = y`
+`, Fs = y`
     ${ee}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
@@ -9553,7 +9553,7 @@ y`
     }
 `;
 const ks = y`
-    ${xe}
+    ${Fe}
     fragment ProductFields on Product {
         id
         basePrice
@@ -10560,7 +10560,7 @@ class so {
     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 = xt(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -11575,7 +11575,7 @@ class oe {
       case D.Model:
         return new co(t, e, t.getStepTags(e.stepName));
       case D.Frame:
-        return new Fl(t, e, t.getStepTags(e.stepName));
+        return new xl(t, e, t.getStepTags(e.stepName));
       case D.Module:
         return new po(t, e, t.getStepTags(e.stepName));
       default:
@@ -11790,13 +11790,13 @@ const yo = async (r) => {
     if (c !== void 0)
       return c;
     await r.outstandingRequestsPromise();
-    const F = (M.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), Q = await b.getShadowGraphqlClient().query({
+    const x = (M.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), Q = await b.getShadowGraphqlClient().query({
       query: bn,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
       errorPolicy: "all",
       context: {
-        transactionOwnerId: F
+        transactionOwnerId: x
       }
     }), it = (R = Q.data) == null ? void 0 : R.transactions[0].workflowState;
     return Q.errors ? (Q.errors.forEach((Z) => {
@@ -11804,7 +11804,7 @@ const yo = async (r) => {
     }), null) : it ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
   const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && oa(l, t, !0), f = l && oa(l, t, !1), p = async (P) => {
-    const F = {};
+    const x = {};
     let k = 0;
     if (Object.keys(i).length > 0)
       for (const Q of Object.keys(i)) {
@@ -11813,11 +11813,11 @@ const yo = async (r) => {
           const W = it.selections[Z];
           if (R && (!P || R.option && (R.option.variants || []).length > 1 && !R.data.hideSelectionInCart && !R.data.hideSelectionsInCart)) {
             const pt = R.stepTitle;
-            F[pt] ? F[pt].push({
+            x[pt] ? x[pt].push({
               id: W.id || "",
               name: W.name,
               priceModifier: W.priceModifier
-            }) : F[pt] = [
+            }) : x[pt] = [
               {
                 id: W.id || "",
                 name: W.name,
@@ -11828,13 +11828,13 @@ const yo = async (r) => {
           k += W.priceModifier;
         }
       }
-    return [F, k];
+    return [x, k];
   }, [C] = await p(!0), w = Object.fromEntries(
-    Object.keys(C).map((P) => [P, C[P].map((F) => F.id)])
+    Object.keys(C).map((P) => [P, C[P].map((x) => x.id)])
   ), [v] = await p(!1), S = Object.fromEntries(
     Object.keys(v).map((P) => [
       P,
-      v[P].map((F) => F.id)
+      v[P].map((x) => x.id)
     ])
   );
   let E = await o(m, n.id);
@@ -11851,9 +11851,9 @@ const yo = async (r) => {
     designDetails: (() => {
       const P = {
         name: s,
-        layouts: e.map((F) => ({
-          index: F.index,
-          panelId: F.panelId
+        layouts: e.map((x) => ({
+          index: x.index,
+          panelId: x.panelId
         })),
         workflowId: t.id,
         transactionId: n.id,
@@ -11861,16 +11861,16 @@ const yo = async (r) => {
         previewImage: E
       };
       if (f) {
-        const F = [];
+        const x = [];
         for (const [k, Q] of Object.entries(f))
-          F.push({ key: k, value: Q });
-        P.metadata = F;
+          x.push({ key: k, value: Q });
+        P.metadata = x;
       }
       if (w) {
-        const F = [];
+        const x = [];
         for (const [k, Q] of Object.entries(S))
-          F.push({ key: k, ids: Q });
-        P.selectedVariants = F;
+          x.push({ key: k, ids: Q });
+        P.selectedVariants = x;
       }
       return P;
     })(),
@@ -12067,8 +12067,8 @@ const je = new bo(), Io = y`
         }
     }
 `;
-var Fo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(Fo || {});
-class xo {
+var xo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.PriceBreakChanged = "PriceBreakChanged", r))(xo || {});
+class Fo {
   constructor(t, e) {
     var n;
     if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = sn(async () => {
@@ -12391,7 +12391,7 @@ class xo {
   }
   async copy() {
     var s;
-    const t = Ft(this.getCommandContext().getState());
+    const t = xt(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;
@@ -12615,13 +12615,13 @@ const ko = [
     ko.includes(B.tagName) && !B.attributes.getNamedItem("fill") && B.setAttribute("fill", "#000000");
     const I = B.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
-      const F = I.value, Q = `spiff-fill-${F.replace(/\W/g, "")}`;
-      B.classList.add(Q), g[Q] = { browserValue: F };
+      const x = I.value, Q = `spiff-fill-${x.replace(/\W/g, "")}`;
+      B.classList.add(Q), g[Q] = { browserValue: x };
     }
     const P = B.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const F = P.value, Q = `spiff-stroke-${F.replace(/\W/g, "")}`;
-      B.classList.add(Q), g[Q] = { browserValue: F };
+      const x = P.value, Q = `spiff-stroke-${x.replace(/\W/g, "")}`;
+      B.classList.add(Q), g[Q] = { browserValue: x };
     }
   });
   const p = Bt().serializeToString(m), C = n.colors;
@@ -12634,7 +12634,7 @@ const ko = [
         }
   }
   const w = (B) => {
-    const I = r.find((F) => F.panelId === B.panelId);
+    const I = r.find((x) => x.panelId === B.panelId);
     if (!I)
       throw new q(B);
     const P = N();
@@ -13085,7 +13085,7 @@ class jo {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = Ft(t);
+    const e = xt(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13753,7 +13753,7 @@ class Xo {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = Ft(this.globalPropertyState);
+    const e = xt(this.globalPropertyState);
     this.globalPropertyState = { ...t, id: e.id }, await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspect(t, e) {
@@ -13777,7 +13777,7 @@ class Xo {
     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 = xt(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);
@@ -13818,7 +13818,7 @@ class Xo {
     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 = xt(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);
@@ -13842,7 +13842,7 @@ class Xo {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
     const t = await b.getShadowGraphqlClient().mutate({
-      mutation: xs,
+      mutation: Fs,
       variables: {
         id: this.globalPropertyState.id,
         aspects: this.globalPropertyState.aspects.map((n) => {
@@ -13886,7 +13886,7 @@ class Xo {
   async createGlobalPropertyState() {
     var e, a;
     const t = await b.getShadowGraphqlClient().mutate({
-      mutation: Fs,
+      mutation: xs,
       variables: {
         bundleId: this.bundleId
       },
@@ -14133,6 +14133,7 @@ class Xn {
       query: Ns,
       errorPolicy: "all",
       fetchPolicy: "cache-first",
+      returnPartialData: !0,
       variables: {
         id: this.getId(),
         filters: t ? {
@@ -14182,6 +14183,10 @@ class Xn {
           link: "And",
           metafields: a
         } : void 0,
+        tags: n ? {
+          include: n.include ?? [],
+          exclude: n.exclude ?? []
+        } : void 0,
         sortKey: i,
         sortDescending: s
       },
@@ -15578,7 +15583,7 @@ class Gc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.32.0-beta.da91d0ca-288a-5f12-952f-8c9487cbcbb1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.32.0-beta.d85ee52e-8aba-574e-973b-cb79d29568db"), 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 && Mr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15885,7 +15890,7 @@ class Gc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var f, p, C, w, v, S, E, B, I, P, F;
+    var f, p, C, w, v, S, E, B, I, P, x;
     const i = M.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([k, Q]) => k.startsWith("CognitoIdentityServiceProvider") && k.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
     c && !Be(c) && (d.Authorization = `Bearer ${c}`);
     const A = {
@@ -15908,7 +15913,7 @@ class Gc {
     m.set(h.id, h.partner.id), M.setMap("bundlePartnerIds", m);
     const g = new He(this, h, e, a, s, {
       additionalHeaders: (I = n == null ? void 0 : n.graphql) == null ? void 0 : I.additionalHeaders,
-      eagerFetchProducts: (F = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : F.eagerFetchProducts,
+      eagerFetchProducts: (x = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : x.eagerFetchProducts,
       existingGlobalPropertyState: u.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -16023,7 +16028,7 @@ class Gc {
     if (t.length === 0)
       throw new ut("No options provided!");
     const a = b.getShadowGraphqlClient(), n = async (S) => {
-      var P, F, k;
+      var P, x, k;
       if (S.length === 0)
         return [];
       const E = S.map((Q) => Q.option.transactionId), B = await a.query({
@@ -16035,7 +16040,7 @@ class Gc {
         fetchPolicy: "no-cache"
       }), I = B.data.transactions;
       if (I.length !== S.length) {
-        const Q = ((F = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
+        const Q = ((x = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${Q}`);
       }
       return !this.activeIntegration && ((k = I[0].integrationProduct) != null && k.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((Q, it) => {
@@ -16048,7 +16053,7 @@ class Gc {
         };
       });
     }, i = async (S) => {
-      var I, P, F;
+      var I, P, x;
       if (S.length === 0)
         return [];
       const E = await a.mutate({
@@ -16069,7 +16074,7 @@ class Gc {
         fetchPolicy: "no-cache"
       }), B = (I = E.data) == null ? void 0 : I.transactionCreateMany;
       if (!B || B.length === 0) {
-        const k = ((F = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
+        const k = ((x = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${k}`);
       }
       return B.map((k, Q) => ({
@@ -16085,7 +16090,7 @@ class Gc {
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await tr(u, e), m = new Map(h.map((S) => [S.id, S])), g = M.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (S) => {
       var Z;
-      const { transaction: E, workflowId: B, readOnly: I, index: P } = S, F = m.get(B), k = t[P];
+      const { transaction: E, workflowId: B, readOnly: I, index: P } = S, x = m.get(B), k = t[P];
       !g.get(E.id) && E.transactionOwnerId && g.set(E.id, E.transactionOwnerId);
       const Q = g.get(E.id) || void 0, it = new yl({
         onMutate: () => ({ context: { transactionOwnerId: Q, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId } }),
@@ -16103,7 +16108,7 @@ class Gc {
         }),
         graphQlClient: () => it,
         readOnly: I,
-        workflow: F,
+        workflow: x,
         isReloadedTransaction: k.type === "transaction"
       };
       if (k.type === "transaction" && E.workflowState) {
@@ -16123,7 +16128,7 @@ class Gc {
     }), p = await Promise.all(f);
     M.setMap("transactionOwnerIds", g);
     const w = p.sort((S, E) => S.index - E.index).map(async (S) => {
-      const { experienceOptions: E, options: B } = S, I = new xo(this, E);
+      const { experienceOptions: E, options: B } = S, I = new Fo(this, E);
       return await I.getWorkflowManager().getInitializationPromise(), B.type !== "transaction" && this.customer && await I.attachCustomerDetails({ email: this.customer.emailAddress }), I;
     }), v = await Promise.all(w);
     return v.forEach((S) => S.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), v;
@@ -16198,7 +16203,7 @@ class Gc {
   }
 }
 const bl = async (r, t) => (await b.getShadowGraphqlClient().query({
-  query: Fi,
+  query: xi,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   context: {
@@ -16242,7 +16247,7 @@ const bl = async (r, t) => (await b.getShadowGraphqlClient().query({
 }, qc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
-    query: xi,
+    query: Fi,
     errorPolicy: "all",
     variables: {
       id: r
@@ -16648,7 +16653,7 @@ class Yc {
   }
 }
 var Pl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Pl || {});
-class Fl extends rt {
+class xl extends rt {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
@@ -16821,7 +16826,7 @@ class Fl extends rt {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const xl = y`
+const Fl = y`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -16969,7 +16974,7 @@ const xl = y`
     template: t
   }
 }), Zc = async (r) => (await b.getShadowGraphqlClient().query({
-  query: xl,
+  query: Fl,
   errorPolicy: "all",
   variables: {
     email: r
@@ -17187,7 +17192,7 @@ export {
   Va as FontSourceCommand,
   Dl as FrameService,
   Pl as FrameStep,
-  Fl as FrameStepHandle,
+  xl as FrameStepHandle,
   Ba as GlobalPropertyHandle,
   $ as GroupCommand,
   oo as IllustrationStepHandle,
@@ -17204,7 +17209,7 @@ export {
   Yc as MockWorkflowManager,
   co as ModelStepHandle,
   po as ModuleStepHandle,
-  Fc as MoveCommand,
+  xc as MoveCommand,
   Zn as ObjectInput,
   ml as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
@@ -17221,7 +17226,7 @@ export {
   Dn as QueueablePromise,
   kc as ResizeCommand,
   jt as ResourceNotFoundError,
-  xc as RotateCommand,
+  Fc as RotateCommand,
   j as ScaleAxis,
   Rc as SendBackwardsCommand,
   ho as ShapeStepHandle,
@@ -17242,8 +17247,8 @@ export {
   wr as UnitOfMeasurement,
   Mc as UpdateImageSourceCommand,
   st as Variant,
-  Fo as WorkflowExperienceEventType,
-  xo as WorkflowExperienceImpl,
+  xo as WorkflowExperienceEventType,
+  Fo as WorkflowExperienceImpl,
   U as assetService,
   Wr as browserColorToHex,
   Ic as cmPerPixel,
@@ -17266,7 +17271,7 @@ export {
   Vo as generateCommands,
   lt as generateSVGWithUnknownColors,
   $c as generateStateFromDesignInputSteps,
-  Fe as getAttributesFromArrayBuffer,
+  xe as getAttributesFromArrayBuffer,
   gc as getAxisAlignedBoundingBox,
   Il as getBoundedOffsets,
   Hc as getBundleThemeConfiguration,