@spiffcommerce/core 26.26.1-beta.5514dc7e-680a-53bf-8556-17b54be9d2ae → 26.27.0-beta.176e93f6-6744-565a-908b-e1616c48500c

package/dist/index.mjs

@@ -158,10 +158,10 @@ class Sr {
 }
 const wt = new Sr();
 let _e, Xe;
-function ac(r) {
+function nc(r) {
   _e = r;
 }
-function nc(r) {
+function rc(r) {
   Xe = r;
 }
 function Jt() {
@@ -256,7 +256,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, rc = async (r) => {
+}, ic = async (r) => {
   const t = await cn(r), e = ln.get(r) || Ie(t);
   return await Pr(new Blob([t], { type: e }));
 }, Ir = (r) => {
@@ -3145,16 +3145,16 @@ const Nr = (r) => new Promise((t) => {
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
-function ic(r) {
+function sc(r) {
   const t = jt.indexOf(r);
   return t >= 0 ? Ft[t] : "";
 }
-function Lr(r) {
+function $r(r) {
   const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
-function sc(r, t = 64) {
-  const e = [], a = [], n = Lr(r);
+function oc(r, t = 64) {
+  const e = [], a = [], n = $r(r);
   n && e.push({
     pms: n,
     hex: r,
@@ -3171,8 +3171,8 @@ function sc(r, t = 64) {
     a[A] <= t && !e.some((u) => u.pms === jt[A]) && e.push({ pms: jt[A], hex: Ft[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const $r = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr($r, { keys: ["pms"] });
-function oc(r, t) {
+const Lr = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr(Lr, { keys: ["pms"] });
+function lc(r, t) {
   return Vr.search(r, t ? { limit: t } : void 0);
 }
 let Qt = null;
@@ -5374,7 +5374,7 @@ const Q = () => {
       ]
     }
   );
-}, lc = (r, t, e, a, n) => {
+}, cc = (r, t, e, a, n) => {
   const i = gt(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, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(f), Math.abs(p)), S = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - v,
@@ -5382,25 +5382,25 @@ const Q = () => {
     minY: c - S,
     maxY: c + S
   };
-}, cc = (r, t, e) => {
+}, dc = (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));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, gt = (r) => r * (Math.PI / 180), dc = (r, t, e) => Math.abs(r - t) < e, Ac = (r, t, e) => {
+}, gt = (r) => r * (Math.PI / 180), Ac = (r, t, e) => Math.abs(r - t) < e, uc = (r, t, e) => {
   const a = Math.sin(gt(e)), n = Math.cos(gt(e));
   return {
     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
   };
-}, uc = (r, t) => ({
+}, hc = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
-}), hc = (r, t, e, a) => ({
+}), mc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), mc = (r, t, e, a) => ({
+}), gc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), gc = (r, t, e, a) => ({
+}), fc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), bt = (r) => {
@@ -5422,7 +5422,7 @@ const Q = () => {
     case H.Southwest:
       return H.Northwest;
   }
-}, fc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, pc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, pc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, Cc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = gt(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
@@ -5452,7 +5452,7 @@ const Q = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, Cc = 0.352778, wc = 0.035277, Fn = (r) => {
+}, wc = 0.352778, yc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = gt(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(
     "g",
@@ -5666,7 +5666,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     }
   })();
   return Oe.set(r, e), e;
-}, Li = (r) => {
+}, $i = (r) => {
   const t = An(r), e = Je(t);
   return aa(r, e), e;
 }, St = (r) => {
@@ -5677,7 +5677,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, aa = (r, t) => {
   const e = new Oi(t);
   return kn.set(r, e), e;
-}, yc = async (r) => {
+}, Sc = async (r) => {
   const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     var u;
@@ -5765,7 +5765,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   if (l < 0)
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: l };
-}, $i = (r, t, e, a, n, i) => {
+}, Li = (r, t, e, a, n, i) => {
   const s = (i ?? Ca) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Mn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
   return Math.min(A, d);
 }, Vi = (r, t, e, a) => {
@@ -5788,7 +5788,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     lines: o,
     requiredHeight: t.height,
     requiredWidth: pe(o, t.width, s, n),
-    fontSize: $i(o, n, i, t.width, t.height, a)
+    fontSize: Li(o, n, i, t.width, t.height, a)
   } : Ra(t, r, t.fontSize, s, n, a);
 }, zi = (r, t, e, a, n) => {
   const s = St(t.assetUrl).getFont();
@@ -6139,7 +6139,7 @@ const Zt = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, At = /* @__PURE__ */ new Map(), Lt = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map(), Nn = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), $t = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Map(), Nn = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6163,11 +6163,11 @@ const Zt = (r) => {
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
 }, xe = async (r) => {
-  if (Le.has(r))
-    return Le.get(r);
+  if ($e.has(r))
+    return $e.get(r);
   const e = (async () => {
-    if (Lt.has(r))
-      return Lt.get(r);
+    if ($t.has(r))
+      return $t.get(r);
     await new Promise((u) => setTimeout(u, 0));
     const n = dt().parseFromString(r, "image/svg+xml"), i = n.querySelector("svg");
     if (!i)
@@ -6185,7 +6185,7 @@ const Zt = (r) => {
         width: c,
         height: l
       };
-      return Lt.set(u, h), h;
+      return $t.set(u, h), h;
     }
     if (A) {
       const u = A.getAttribute("d");
@@ -6196,11 +6196,11 @@ const Zt = (r) => {
         width: c,
         height: l
       };
-      return Lt.set(u, h), h;
+      return $t.set(u, h), h;
     }
     throw new Error("Malformed frame SVG");
   })();
-  return Le.set(r, e), e;
+  return $e.set(r, e), e;
 }, Sa = (r, t, e, a) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
@@ -6262,9 +6262,9 @@ const Zt = (r) => {
   at(r).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), $e = /* @__PURE__ */ new Map(), qt = async (r) => {
-  if ($e.has(r))
-    return $e.get(r);
+}), Le = /* @__PURE__ */ new Map(), qt = async (r) => {
+  if (Le.has(r))
+    return Le.get(r);
   const t = async (n) => new Promise((i, s) => {
     try {
       if (!(!!URL && !!URL.createObjectURL))
@@ -6296,7 +6296,7 @@ const Zt = (r) => {
       A.resize(m, m);
     return await A.render(), await t(c);
   })();
-  return $e.set(r, a), a;
+  return Le.set(r, a), a;
 }, Ut = async (r, t, e, a) => {
   const n = r.layoutState.layout.useEditableArea && r.layoutState.layout.editableArea || {
     width: r.layoutState.layout.width,
@@ -6329,7 +6329,7 @@ const Zt = (r) => {
   }
   return o;
 };
-class Sc {
+class vc {
   static async getFrame(t, e) {
     const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
     return {
@@ -6485,15 +6485,15 @@ class Sc {
     };
   }
 }
-class $ extends Error {
+class L extends Error {
   constructor() {
-    super("Element not found!"), Object.setPrototypeOf(this, $.prototype);
+    super("Element not found!"), Object.setPrototypeOf(this, L.prototype);
   }
 }
-const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
+const $ = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
-    throw new $();
+    throw new L();
   return e;
 }, Z = (r, t) => {
   const e = [...t.elements.filter((n) => n.id !== r.id), r], a = ya(e);
@@ -6502,7 +6502,7 @@ const L = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
     elements: a,
     modificationID: Q()
   };
-}, La = async (r) => {
+}, $a = async (r) => {
   var a;
   const t = [...Object.keys(r.layouts)], e = [...new Set(t)];
   for (let n = 0; n < e.length; n++) {
@@ -6564,7 +6564,7 @@ class R {
     this.oldState = t;
   }
 }
-class $a extends R {
+class La extends R {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6575,15 +6575,15 @@ class $a extends R {
     };
   }
 }
-class vc extends R {
+class Ec extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       x: this.x,
@@ -6598,15 +6598,15 @@ class vc extends R {
     };
   }
 }
-class Ec extends R {
+class Bc extends R {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       rotation: this.angle
@@ -6620,15 +6620,15 @@ class Ec extends R {
     };
   }
 }
-class Bc extends R {
+class bc extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(a);
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     let a = {
       ...e,
       width: this.width,
@@ -6765,9 +6765,9 @@ class Xi extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       fill: this.color,
@@ -6789,9 +6789,9 @@ class Ve extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       textFillImage: this.imageFill
@@ -6811,9 +6811,9 @@ class Zi extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       fontSize: this.size
@@ -6833,9 +6833,9 @@ class Va extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       fontData: this.fontData
@@ -6855,9 +6855,9 @@ class ts extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       align: this.align
@@ -6913,9 +6913,9 @@ class as extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       useThreshold: this.useThreshold,
@@ -6932,15 +6932,15 @@ class as extends R {
     };
   }
 }
-class bc extends R {
+class Ic extends R {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       src: this.src
@@ -6960,9 +6960,9 @@ class ns extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = _(e.id, Object.values(t.layouts)), n = Z(Xt(e, this.text, e), a);
     return {
       ...t,
@@ -6979,9 +6979,9 @@ class ze extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       strokeColor: this.strokeColor,
@@ -7002,9 +7002,9 @@ class ia extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = e.colors || {}, n = a[this.className];
     typeof this.fill == "string" ? a[this.className] = {
       browserValue: this.fill,
@@ -7034,9 +7034,9 @@ class rs extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = {
       ...e,
       svg: this.svgBody,
@@ -7051,7 +7051,7 @@ class rs extends R {
     };
   }
 }
-class Ic extends R {
+class Dc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7059,8 +7059,8 @@ class Ic extends R {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
-      throw new $();
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
+      throw new L();
     const a = Object.values(t.layouts).find((s) => s.elements.find((o) => o.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7080,7 +7080,7 @@ class Ic extends R {
     };
   }
 }
-class Dc extends R {
+class Pc extends R {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7089,9 +7089,9 @@ class Dc extends R {
   }
   apply(t) {
     this.oldState = t;
-    const e = L(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new $();
+      throw new L();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7111,7 +7111,7 @@ class Dc extends R {
     };
   }
 }
-class Pc extends R {
+class Fc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7119,8 +7119,8 @@ class Pc extends R {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
-      throw new $();
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
+      throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7138,7 +7138,7 @@ class Pc extends R {
     };
   }
 }
-class Fc extends R {
+class xc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7146,8 +7146,8 @@ class Fc extends R {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !L(this.id, Object.values(t.layouts)).id)
-      throw new $();
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
+      throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7280,7 +7280,7 @@ const is = async (r) => {
     throw console.error(e), new Be("Failed to shorten URL, see console.");
   }
 };
-class Ln {
+class $n {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7327,7 +7327,7 @@ class ss {
       const h = (await ea([e]))[0], m = (f = (g = h == null ? void 0 : h.versions) == null ? void 0 : g.find((p) => p.name === "mpeg4")) == null ? void 0 : f.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
-      new Ln(
+      new $n(
         async () => !!(await i()).link,
         async () => {
           const g = await i();
@@ -7395,7 +7395,7 @@ class ss {
     } };
   }
 }
-const $n = new ss();
+const Ln = new ss();
 class we {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7517,7 +7517,7 @@ class we {
     const o = e.fileLink || "";
     return o.endsWith(".pdf") || o.endsWith(".eps") || o.endsWith(".ai") ? new Promise((c) => {
       a.addPoller(
-        new Ln(
+        new $n(
           async () => {
             var h;
             const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
@@ -7819,7 +7819,7 @@ class os {
     if (a.length === 0)
       return [];
     try {
-      return L(
+      return $(
         a[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -7904,7 +7904,7 @@ class os {
     var h, m;
     if (e.length === 0)
       return;
-    const s = L(
+    const s = $(
       e[0].id,
       n().map((g) => g.layoutState)
     ), o = { ...s.colors }, l = {};
@@ -8631,7 +8631,7 @@ class hs {
     }
   }
 }
-const $t = new hs();
+const Lt = new hs();
 class ms {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -8794,7 +8794,7 @@ class ps {
     return null;
   }
   findLayoutElements(t, e) {
-    return t.getRegionElements(e.stepName).map((i) => L(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => $(i.id, t.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -9441,7 +9441,7 @@ class Is extends Cs {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = Li(ws), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
+    const a = $i(ws), i = t !== "" ? ((w) => w.charAt(0).toUpperCase() + w.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, d = s.toPathData(3), A = () => {
       const w = tt("g");
       w.classList.add("module-text-group");
       const v = tt("defs");
@@ -9768,12 +9768,19 @@ const Fs = y`
 `, Ts = y`
     query GetProductCollectionForFilteredProducts(
         $id: String!
-        $filters: ProductCollectionProductFilterInput!
+        $filters: ProductCollectionProductFilterInput
         $tags: ProductCollectionProductTagFilterInput
+        $sortKey: ProductCollectionProductSortKey
+        $sortDescending: Boolean
     ) {
         productCollections(ids: [$id]) {
             id
-            productCollectionProducts(filters: $filters, tags: $tags) {
+            productCollectionProducts(
+                filters: $filters
+                tags: $tags
+                sortKey: $sortKey
+                sortDescending: $sortDescending
+            ) {
                 id
                 product {
                     id
@@ -9789,10 +9796,19 @@ const Fs = y`
         $offset: Int
         $filters: ProductCollectionProductFilterInput
         $tags: ProductCollectionProductTagFilterInput
+        $sortKey: ProductCollectionProductSortKey
+        $sortDescending: Boolean
     ) {
         productCollections(ids: [$id]) {
             id
-            productCollectionProductsFeed(filters: $filters, tags: $tags, limit: $limit, offset: $offset) {
+            productCollectionProductsFeed(
+                filters: $filters
+                tags: $tags
+                limit: $limit
+                offset: $offset
+                sortKey: $sortKey
+                sortDescending: $sortDescending
+            ) {
                 items {
                     ...ProductCollectionProductFields
                 }
@@ -9882,13 +9898,13 @@ const Fs = y`
             id
         }
     }
-`, Ls = y`
+`, $s = y`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, $s = y`
+`, Ls = y`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -10338,7 +10354,7 @@ class eo {
     };
     if (!rn(a, this.storage)) {
       this.storage = a;
-      const n = new $a(this.constructSerializableWorkflow());
+      const n = new La(this.constructSerializableWorkflow());
       this.commandContext.apply(n, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -10553,7 +10569,7 @@ class eo {
       const B = (S = this.getWorkflowExperience().getStepById(g.stepName)) == null ? void 0 : S.frameService;
       B == null || B.setTargetElements(a.map((E) => E.id));
     }
-    const f = u.map((B) => new vt(B.id)), p = new $a(this.constructSerializableWorkflow()), C = [...m, ...f, p];
+    const f = u.map((B) => new vt(B.id)), p = new La(this.constructSerializableWorkflow()), C = [...m, ...f, p];
     C.length > 0 && this.commandContext.apply(new O(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const w = this.getInvalidModelVariants(), v = this.modelContainer;
     if (v) {
@@ -10577,7 +10593,7 @@ class eo {
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
           case D.DigitalContent:
             a.push(
-              $n.init(
+              Ln.init(
                 l,
                 this,
                 this.reloadedState
@@ -10620,7 +10636,7 @@ class eo {
             );
             break;
           case D.Shape:
-            a.push($t.init(l, this, this.reloadedState));
+            a.push(Lt.init(l, this, this.reloadedState));
             break;
           case D.Text:
             a.push(q.init(l, this, this.reloadedState));
@@ -10930,7 +10946,7 @@ class ao extends rt {
     const t = this.manager.getRegionElements(this.step.stepName) || [];
     if (t.length === 0)
       return;
-    const a = L(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
+    const a = $(t[0].id, this.manager.getAllLayoutData()).colors, n = (o = this.getCurrentVariant()) == null ? void 0 : o.getAssetResource(), i = n == null ? void 0 : n.assetConfiguration, s = (i == null ? void 0 : i.defaultColorVariants) || [];
     if (s.length !== 0) {
       const l = {};
       return s.forEach((c) => {
@@ -11047,7 +11063,7 @@ class oo extends rt {
   }
   selectVariant(t) {
     const e = t.getResource();
-    return $t.selectVariant(
+    return Lt.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -11065,7 +11081,7 @@ class oo extends rt {
    * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
    */
   setColor(t) {
-    return $t.selectVariant(
+    return Lt.selectVariant(
       this.step,
       t,
       this.manager.getRegionElements(this.step.stepName) || [],
@@ -11077,7 +11093,7 @@ class oo extends rt {
    * @returns A list of color definitions that are currently applied to the illustration.
    */
   getColors() {
-    return $t.availableColours(this.step);
+    return Lt.availableColours(this.step);
   }
   /**
    * Allows for setting a custom color when the custom variant is selected. Will
@@ -11085,7 +11101,7 @@ class oo extends rt {
    */
   setCustomColor(t) {
     var e, a;
-    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), $t.setCustomColor(t, this.step, this.manager);
+    return ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) !== "#custom" && console.warn(`setting custom color for step ${this.step.stepName} but color is ${(a = this.getCurrentVariant()) == null ? void 0 : a.getColor()}`), Lt.setCustomColor(t, this.step, this.manager);
   }
   getCustomColor() {
     var e, a, n;
@@ -11329,7 +11345,7 @@ class Ao extends rt {
    * @returns The final URL string for the QR code.
    */
   async selectVideo(t) {
-    return $n.regenerateQRCode(
+    return Ln.regenerateQRCode(
       this.manager.getRegionElements(this.step.stepName),
       t.key,
       this.manager,
@@ -11407,7 +11423,7 @@ class ie {
       case D.Model:
         return new ro(t, e, t.getStepTags(e.stepName));
       case D.Frame:
-        return new vl(t, e, t.getStepTags(e.stepName));
+        return new El(t, e, t.getStepTags(e.stepName));
       case D.Module:
         return new uo(t, e, t.getStepTags(e.stepName));
       default:
@@ -12866,7 +12882,7 @@ class Oo {
     t.forEach(
       (a) => e.set(
         a.id,
-        new $o(a.id, a.name, this, { width: a.width, height: a.height })
+        new Lo(a.id, a.name, this, { width: a.width, height: a.height })
       )
     ), this.layouts = e;
   }
@@ -12887,8 +12903,8 @@ const Uo = () => new Promise((r, t) => {
   } catch {
     r(!1);
   }
-}), Lo = Uo();
-class $o {
+}), $o = Uo();
+class Lo {
   constructor(t, e, a, n) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Pn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n;
   }
@@ -12947,7 +12963,7 @@ class $o {
       new Vo(
         this.getID(),
         a,
-        await Lo,
+        await $o,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -13024,7 +13040,7 @@ class Vo extends Dn {
     u.resize(l, c), await u.render(), this.onRender();
   }
 }
-const xc = (r, t) => {
+const kc = (r, t) => {
   const e = [];
   return r.forEach((a) => {
     const n = t.steps.find((i) => i.stepName === a.stepName);
@@ -13035,7 +13051,7 @@ const xc = (r, t) => {
       }
     });
   }), e;
-}, kc = async (r, t, e, a) => {
+}, Mc = async (r, t, e, a) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -13917,7 +13933,8 @@ class Ko {
   }
 }
 const _o = new Ko();
-class Xo {
+var Xo = /* @__PURE__ */ ((r) => (r.Default = "Default", r.Name = "Name", r.Price = "Price", r))(Xo || {});
+class Zo {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
     const e = this.collection.productCollectionProducts;
@@ -13972,50 +13989,54 @@ class Xo {
     return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new se(a));
   }
   /**
-   * Returns a list of collections products matching the associated metafield filters.
-   * @param filters A list of filters to apply.
+   * Returns a list of collections products matching the associated metafield/tag filters.
+   * @param filters A list of metafield filters to apply.
+   * @param tags An object of tag filters to apply.
    */
-  async filterProducts(t, e) {
-    var s, o;
-    const a = await b.getShadowGraphqlClient().query({
+  async filterProducts(t, e, a, n) {
+    var l, c;
+    const i = await b.getShadowGraphqlClient().query({
       query: Ts,
       errorPolicy: "all",
       variables: {
         id: this.getId(),
-        filters: {
+        filters: t ? {
           link: "And",
           metafields: t
-        },
+        } : void 0,
         tags: e ? {
           include: e.include ?? [],
           exclude: e.exclude ?? []
-        } : void 0
+        } : void 0,
+        sortKey: a,
+        sortDescending: n
       }
     });
-    if (!((s = a.data) != null && s.productCollections) || ((o = a.data) == null ? void 0 : o.productCollections.length) === 0)
+    if (!((l = i.data) != null && l.productCollections) || ((c = i.data) == null ? void 0 : c.productCollections.length) === 0)
       throw new Error("Failed to filter product collection products.");
-    const n = this.getProducts(), i = a.data.productCollections[0].productCollectionProducts.map(
-      (l) => l.product.id
+    const s = this.getProducts(), o = i.data.productCollections[0].productCollectionProducts.map(
+      (d) => d.product.id
     );
-    return n.filter((l) => i.includes(l.getId()));
+    return s.filter((d) => o.includes(d.getId()));
   }
   /**
    * 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 filters to apply to the query.
+   * @param filters Optional metafield filters to apply to the query.
+   * @param tags Optional object of tag filters to apply.
    * @returns
    */
-  async fetchProductsFeed(t, e, a, n) {
-    var o, l, c, d, A, u;
+  async fetchProductsFeed(t, e, a, n, i, s) {
+    var c, d, A, u, h, m;
     if (this.fullFetched) {
-      const h = await (a ? this.filterProducts(a) : this.fetchProducts());
+      const g = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
-        total: h.length,
-        items: h.slice(t, t + e)
+        total: g.length,
+        items: g.slice(t, t + e)
       };
     }
-    const i = await b.getShadowGraphqlClient().query({
+    const o = await b.getShadowGraphqlClient().query({
       query: Qs,
       variables: {
         id: this.getId(),
@@ -14028,18 +14049,20 @@ class Xo {
         tags: n ? {
           include: n.include ?? [],
           exclude: n.exclude ?? []
-        } : void 0
+        } : void 0,
+        sortKey: i,
+        sortDescending: s
       },
       errorPolicy: "all"
     });
     return {
-      items: ((c = (l = (o = i == null ? void 0 : i.data) == null ? void 0 : o.productCollections) == null ? void 0 : l[0].productCollectionProductsFeed) == null ? void 0 : c.items.filter((h) => !!h.product).map((h) => new se(h))) || [],
-      total: ((u = (A = (d = i == null ? void 0 : i.data) == null ? void 0 : d.productCollections) == null ? void 0 : A[0].productCollectionProductsFeed) == null ? void 0 : u.total) ?? 0
+      items: ((A = (d = (c = o == null ? void 0 : o.data) == null ? void 0 : c.productCollections) == null ? void 0 : d[0].productCollectionProductsFeed) == null ? void 0 : A.items.filter((g) => !!g.product).map((g) => new se(g))) || [],
+      total: ((m = (h = (u = o == null ? void 0 : o.data) == null ? void 0 : u.productCollections) == null ? void 0 : h[0].productCollectionProductsFeed) == null ? void 0 : m.total) ?? 0
     };
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Zo(this.collection.transformCollection);
+      return new tl(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -14208,7 +14231,7 @@ class zt {
     return this.workflow.imageUrl;
   }
 }
-class Zo {
+class tl {
   constructor(t) {
     this.collection = t;
   }
@@ -14228,10 +14251,10 @@ class Zo {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new tl(t));
+    return this.collection.transforms.map((t) => new el(t));
   }
 }
-class tl {
+class el {
   constructor(t) {
     this.transform = t;
   }
@@ -14258,7 +14281,7 @@ class tl {
     };
   }
 }
-class el {
+class al {
   constructor() {
     this.listeners = {};
   }
@@ -14285,7 +14308,7 @@ class el {
         delete this.listeners[e];
   }
 }
-const al = y`
+const nl = y`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14307,13 +14330,13 @@ const al = y`
             id
         }
     }
-`, nl = y`
+`, rl = y`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, rl = y`
+`, il = y`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
@@ -14324,7 +14347,7 @@ const al = y`
 class He {
   constructor(t, e, a, n, i, s) {
     var c, d, A;
-    this.workflowExperiences = [], this.eventEmitter = new el(), this.client = t, this.id = e.id, this.name = e.name || "", this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Yo(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new al(), this.client = t, this.id = e.id, this.name = e.name || "", this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Yo(e.bundleStateData);
     const o = (d = this.productCollection) == null ? void 0 : d.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new qo(
       this.id,
@@ -14363,7 +14386,7 @@ class He {
   async generateQuoteId() {
     var a, n;
     const e = (n = (a = (await b.getShadowGraphqlClient().mutate({
-      mutation: rl,
+      mutation: il,
       variables: {
         id: this.id
       },
@@ -14375,7 +14398,7 @@ class He {
   }
   async attachAddress(t, e, a, n, i, s) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: al,
+      mutation: nl,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14392,7 +14415,7 @@ class He {
   }
   async attachOrganization(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: nl,
+      mutation: rl,
       variables: {
         bundleId: this.id,
         organizationName: t
@@ -14465,7 +14488,7 @@ class He {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new Xo(this.productCollection) : void 0;
+    return this.productCollection ? new Zo(this.productCollection) : void 0;
   }
   async initializeAdditionalRequiredColorChannels(t) {
     var e, a, n, i;
@@ -14511,7 +14534,7 @@ class He {
       );
     const n = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), i = e.map((o) => n.get(o));
     await b.getShadowGraphqlClient().mutate({
-      mutation: Ls,
+      mutation: $s,
       variables: {
         id: this.id,
         transactionIds: e,
@@ -14578,7 +14601,7 @@ class He {
         (i) => i.getWorkflowManager().getTransaction().id === e.id
       );
       if (n.setBundle(void 0), this.previewService && n.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await b.getShadowGraphqlClient().mutate({
-        mutation: $s,
+        mutation: Ls,
         variables: {
           id: this.id,
           transactionId: e.id,
@@ -14984,14 +15007,14 @@ class He {
     };
   }
 }
-const il = y`
+const sl = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class sl {
+class ol {
   /**
    *
    * @param id
@@ -15002,7 +15025,7 @@ class sl {
   async execute(t, e, a) {
     var A, u, h;
     const i = (u = (A = (await b.getShadowGraphqlClient().mutate({
-      mutation: il,
+      mutation: sl,
       variables: {
         processFlowId: t,
         inputs: [...e.map((m) => m.getValueForTransmission())]
@@ -15044,7 +15067,7 @@ class sl {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new ol(m);
+        o = !0, d = new ll(m);
         break;
       }
       l += 1;
@@ -15058,7 +15081,7 @@ class sl {
     return Promise.resolve(d);
   }
 }
-class ol {
+class ll {
   constructor(t) {
     this.execution = t;
   }
@@ -15143,8 +15166,8 @@ class ba {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var ll = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(ll || {});
-class Mc extends ba {
+var cl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(cl || {});
+class Tc extends ba {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -15159,7 +15182,7 @@ class Xn extends ba {
     return t.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class Tc extends ba {
+class Qc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15217,7 +15240,7 @@ const Ya = y`
             }
         }
     }
-`, cl = y`
+`, dl = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15227,7 +15250,7 @@ const Ya = y`
             }
         }
     }
-`, dl = y`
+`, Al = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -15257,11 +15280,11 @@ const Ya = y`
             }
         }
     }
-`, Al = y`
+`, ul = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, ul = y`
+`, hl = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15292,7 +15315,7 @@ const Ya = y`
             }
         }
     }
-`, hl = y`
+`, ml = y`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15310,7 +15333,7 @@ const Ya = y`
             }
         }
     }
-`, ml = async (r, t) => {
+`, gl = async (r, t) => {
   var n;
   const e = await b.getShadowGraphqlClient().query({
     query: Ei(((n = t == null ? void 0 : t.assets) == null ? void 0 : n.metadata) || !1),
@@ -15334,7 +15357,7 @@ const Ya = y`
       }), Ht.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), i.finalizeStepConfig || (i.finalizeStepConfig = {}), i.finalizeStepConfig.termsMarkdown = i.finalizeStepConfig.termsMarkdown || i.partner.termsMarkdown;
   }), a;
-}, gl = async (r, t) => {
+}, fl = async (r, t) => {
   const a = (await t).find((n) => n.id === r);
   if (!a)
     throw new Error(`Workflow not found: ${r}`);
@@ -15343,11 +15366,11 @@ const Ya = y`
   const e = r.map((o) => Ht.get({ id: o, options: t })), a = r.filter((o, l) => e[l] === void 0);
   if (a.length === 0)
     return Promise.all(e);
-  const n = ml(a, t), i = a.map(
-    (o) => Ht.set({ id: o, options: t }, gl(o, n))
+  const n = gl(a, t), i = a.map(
+    (o) => Ht.set({ id: o, options: t }, fl(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Qc = async (r, t) => (await Zn([r], t))[0], fl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, Nc = async (r, t) => (await Zn([r], t))[0], pl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -15361,11 +15384,11 @@ const Ya = y`
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), pl = (r, t) => {
+})), Cl = (r, t) => {
   const e = r.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((n) => n.layout) : fl(t.panels);
+  return a ? Object.values(a.layouts).map((n) => n.layout) : pl(t.panels);
 };
-class Nc {
+class Rc {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -15376,7 +15399,7 @@ class Nc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.26.1"), 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.27.0-beta.3bd46806-87c5-56d2-ab3a-5867e86c509d"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && kr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15396,14 +15419,14 @@ class Nc {
   getFlowService() {
     if (!xr())
       throw new Error("Application key required to use Flow Service.");
-    return new sl();
+    return new ol();
   }
   async getIntegration() {
     if (this.activeIntegration)
       return this.activeIntegration;
     if (!this.options.applicationKey)
       throw new Error("Cannot get current Integration without specifying an Application Key.");
-    return this.activeIntegration = Cl(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = wl(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     var e;
@@ -15552,7 +15575,7 @@ class Nc {
     })).data.customer;
     if (!n.id) {
       const l = (s = (await e.mutate({
-        mutation: cl,
+        mutation: dl,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -15587,7 +15610,7 @@ class Nc {
     if (!n)
       return !1;
     const s = (o = (await e.mutate({
-      mutation: dl,
+      mutation: Al,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15602,7 +15625,7 @@ class Nc {
    */
   async generateVerificationCode(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: Al,
+      mutation: ul,
       variables: {
         emailAddress: t
       }
@@ -15617,7 +15640,7 @@ class Nc {
   async verifyCode(t, e) {
     var i, s;
     const n = (i = (await b.getShadowGraphqlClient().mutate({
-      mutation: ul,
+      mutation: hl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15641,7 +15664,7 @@ class Nc {
     if (!((e = this.customer) != null && e.id))
       throw new Error("Customer must be logged in before calling this function.");
     return (await b.getShadowGraphqlClient().query({
-      query: hl,
+      query: ml,
       variables: {
         id: this.customer.id
       }
@@ -15902,12 +15925,12 @@ class Nc {
       };
       if (M.type === "transaction" && B.workflowState) {
         const G = JSON.parse(B.workflowState);
-        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await La(G), V.reloadedState = G;
+        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await $a(G), V.reloadedState = G;
       } else if (!I && M.workflowState) {
         const G = JSON.parse(M.workflowState);
-        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await La(G), V.reloadedState = G;
+        V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await $a(G), V.reloadedState = G;
       } else
-        V.layouts = pl(
+        V.layouts = Cl(
           V.transaction,
           V.workflow
         );
@@ -15991,7 +16014,7 @@ class Nc {
     };
   }
 }
-const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
+const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
   query: Di,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -16003,7 +16026,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
   variables: {
     themeConfigurationId: t
   }
-})).data.currentIntegration, Rc = async (r) => {
+})).data.currentIntegration, Oc = async (r) => {
   const e = await b.getShadowGraphqlClient().query({
     query: hi,
     errorPolicy: "all",
@@ -16014,7 +16037,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, Oc = async (r, t) => {
+}, Uc = async (r, t) => {
   var a;
   return (a = (await b.getShadowGraphqlClient().query({
     query: Ii,
@@ -16024,7 +16047,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, Uc = async (r) => {
+}, $c = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Fi,
@@ -16043,7 +16066,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
     }
   })).data) == null ? void 0 : e.transactions) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
 };
-function wl(r, t, e, a) {
+function yl(r, t, e, a) {
   const n = e.width * r.zoom, i = e.height * r.zoom;
   if (a) {
     const o = r, l = Math.max(t.width / e.width, t.height / e.height);
@@ -16057,7 +16080,7 @@ function wl(r, t, e, a) {
 function le(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class yl {
+class Sl {
   constructor(t, e) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = sn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
@@ -16114,7 +16137,7 @@ class yl {
       return;
     }
     t.forEach((e, a) => {
-      const n = Lt.get(e);
+      const n = $t.get(e);
       n && (this.frameData || (this.frameData = new Array(t.length)), this.frameData[a] = n);
     });
   }
@@ -16200,7 +16223,7 @@ class yl {
       return;
     }
     (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((s, o) => {
-      this.offsets[o] = wl(t[o], s, this.imageData, this.forceImageCover);
+      this.offsets[o] = yl(t[o], s, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       n,
@@ -16279,7 +16302,7 @@ class yl {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class $c {
+class Vc {
   approveTransaction(t) {
     throw new Error("Method not implemented.");
   }
@@ -16438,12 +16461,12 @@ class $c {
     return [];
   }
 }
-var Sl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Sl || {});
-class vl extends rt {
+var vl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(vl || {});
+class El extends rt {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new yl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new Sl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -16612,7 +16635,7 @@ class vl extends rt {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const El = y`
+const Bl = y`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -16655,21 +16678,21 @@ const El = y`
             total
         }
     }
-`, Bl = y`
+`, bl = y`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, bl = y`
+`, Il = y`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Il = y`
+`, Dl = y`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -16682,7 +16705,7 @@ const El = y`
             total
         }
     }
-`, Dl = y`
+`, Pl = y`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -16703,21 +16726,21 @@ const El = y`
             }
         }
     }
-`, Pl = y`
+`, Fl = y`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, Fl = y`
+`, xl = y`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, xl = y`
+`, kl = y`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -16730,43 +16753,43 @@ const El = y`
             total
         }
     }
-`, Vc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
-  mutation: Pl,
+`, zc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
+  mutation: Fl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   },
   context: e
-}), zc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Bl,
+}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: bl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   }
-}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Fl,
+}), Wc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: xl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), Wc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: bl,
+}), jc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Il,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), jc = async (r) => (await b.getShadowGraphqlClient().query({
-  query: El,
+}), Hc = async (r) => (await b.getShadowGraphqlClient().query({
+  query: Bl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, Hc = async (r, t, e) => await b.getShadowGraphqlClient().query({
-  query: Il,
+})).data.customer, qc = async (r, t, e) => await b.getShadowGraphqlClient().query({
+  query: Dl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -16774,15 +16797,15 @@ const El = y`
     offset: e,
     limit: t
   }
-}), qc = async (r, t) => await b.getShadowGraphqlClient().query({
-  query: Dl,
+}), Yc = async (r, t) => await b.getShadowGraphqlClient().query({
+  query: Pl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: r
   },
   context: t
-}), Yc = async (r, t, e) => {
+}), Jc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16806,7 +16829,7 @@ const El = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Jc = async (r, t, e) => {
+}, Kc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16830,7 +16853,7 @@ const El = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Kc = async (r, t, e) => {
+}, _c = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16850,10 +16873,10 @@ const El = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, _c = async (r, t, e) => {
+}, Xc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
-    query: xl,
+    query: kl,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -16874,7 +16897,7 @@ const El = y`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var kl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(kl || {}), Ml = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(Ml || {}), K;
+var Ml = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Ml || {}), Tl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(Tl || {}), K;
 K = { __e: function(r, t, e, a) {
   for (var n, i, s; t = t.__; )
     if ((n = t.__c) && !n.__)
@@ -16887,7 +16910,7 @@ K = { __e: function(r, t, e, a) {
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var st, qe, Ja, tr = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
-function Tl() {
+function Ql() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
@@ -16907,7 +16930,7 @@ K.__b = function(r) {
 }, K.diffed = function(r) {
   Xa && Xa(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Ql)(Tl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Nl)(Ql)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ye && (e.__ = e.__V), e.i = void 0, e.__V = Ye;
   })), qe = st = null;
 }, K.__c = function(r, t) {
@@ -16934,7 +16957,7 @@ K.__b = function(r) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function Ql(r) {
+function Nl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -16950,35 +16973,35 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  Tc as ArrayInput,
+  Qc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
   he as AssetType,
-  Pc as BringForwardCommand,
-  Dc as BringToBackCommand,
-  Ic as BringToFrontCommand,
+  Fc as BringForwardCommand,
+  Pc as BringToBackCommand,
+  Dc as BringToFrontCommand,
   mr as BundleDesignCreationCartAddMode,
   R as CanvasCommand,
   se as CollectionProduct,
   Ha as ColorOptionGlobalPropertyHandle,
   Ki as CommandContext,
-  Ml as ConversionDataType,
-  kl as ConversionLocation,
+  Tl as ConversionDataType,
+  Ml as ConversionLocation,
   W as CreateElementCommand,
   Un as CreateLayoutCommand,
   vt as DeleteElementCommand,
   Ao as DigitalContentStepHandle,
   Go as FileUploadGlobalPropertyHandle,
   oe as FlowExecutionNodeResult,
-  ol as FlowExecutionResult,
-  sl as FlowService,
+  ll as FlowExecutionResult,
+  ol as FlowService,
   ts as FontAlignmentCommand,
   Xi as FontColorCommand,
   Zi as FontSizeCommand,
   Va as FontSourceCommand,
-  yl as FrameService,
-  Sl as FrameStep,
-  vl as FrameStepHandle,
+  Sl as FrameService,
+  vl as FrameStep,
+  El as FrameStepHandle,
   Ba as GlobalPropertyHandle,
   O as GroupCommand,
   ao as IllustrationStepHandle,
@@ -16986,37 +17009,38 @@ export {
   co as InformationStepHandle,
   qa as IntegrationProduct,
   fr as IntegrationType,
-  Sc as LayoutElementFactory,
+  vc as LayoutElementFactory,
   T as LayoutElementType,
   Y as LayoutNotFoundError,
   Gt as LayoutRenderingPurpose,
   no as MaterialStepHandle,
   fe as MisconfigurationError,
-  $c as MockWorkflowManager,
+  Vc as MockWorkflowManager,
   ro as ModelStepHandle,
   uo as ModuleStepHandle,
-  vc as MoveCommand,
+  Ec as MoveCommand,
   Xn as ObjectInput,
-  ll as ObjectInputType,
+  cl as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
   ge as OptionNotFoundError,
   Dt as ParseError,
   io as PictureStepHandle,
   pr as ProductCameraRig,
-  Xo as ProductCollection,
+  Zo as ProductCollection,
+  Xo as ProductCollectionProductSortKey,
   zt as ProductWorkflow,
   Ht as PromiseCache,
   Pn as PromiseQueue,
   so as QuestionStepHandle,
   Dn as QueueablePromise,
-  Bc as ResizeCommand,
+  bc as ResizeCommand,
   Wt as ResourceNotFoundError,
-  Ec as RotateCommand,
+  Bc as RotateCommand,
   H as ScaleAxis,
-  Fc as SendBackwardsCommand,
+  xc as SendBackwardsCommand,
   oo as ShapeStepHandle,
   gr as ShareActionType,
-  Nc as SpiffCommerceClient,
+  Rc as SpiffCommerceClient,
   me as StakeholderType,
   hr as StepAspectType,
   rt as StepHandle,
@@ -17024,95 +17048,95 @@ export {
   kt as TextAlgorithm,
   ns as TextChangeCommand,
   Wo as TextGlobalPropertyHandle,
-  Mc as TextInput,
+  Tc as TextInput,
   lo as TextStepHandle,
-  tl as Transform,
-  Zo as TransformCollection,
+  el as Transform,
+  tl as TransformCollection,
   z as UnhandledBehaviorError,
   Cr as UnitOfMeasurement,
-  bc as UpdateImageSourceCommand,
+  Ic as UpdateImageSourceCommand,
   it as Variant,
   Bo as WorkflowExperienceEventType,
   bo as WorkflowExperienceImpl,
   U as assetService,
   zr as browserColorToHex,
-  wc as cmPerPixel,
+  yc as cmPerPixel,
   Co as createDesign,
-  fc as currentDirection,
-  rc as dataUrlFromExternalUrl,
+  pc as currentDirection,
+  ic as dataUrlFromExternalUrl,
   je as designService,
   Ae as determineCorrectFontSizeAndLines,
-  $n as digitalContentStepService,
+  Ln as digitalContentStepService,
   dt as domParser,
-  Gc as duplicateBundle,
-  Wc as duplicateTransaction,
+  Wc as duplicateBundle,
+  jc as duplicateTransaction,
   at as fetchAsString,
-  cc as findAngle,
-  L as findElement,
-  oc as findPmsColors,
-  Lt as frameDataCache,
+  dc as findAngle,
+  $ as findElement,
+  lc as findPmsColors,
+  $t as frameDataCache,
   pt as frameStepService,
   Q as generate,
   Ro as generateCommands,
   ot as generateSVGWithUnknownColors,
-  kc as generateStateFromDesignInputSteps,
+  Mc as generateStateFromDesignInputSteps,
   De as getAttributesFromArrayBuffer,
-  lc as getAxisAlignedBoundingBox,
-  wl as getBoundedOffsets,
-  Uc as getBundleThemeConfiguration,
-  jc as getCustomer,
-  Hc as getCustomerBundles,
-  pc as getElementVertices,
+  cc as getAxisAlignedBoundingBox,
+  yl as getBoundedOffsets,
+  $c as getBundleThemeConfiguration,
+  Hc as getCustomer,
+  qc as getCustomerBundles,
+  Cc as getElementVertices,
   xe as getFrameData,
-  Cl as getIntegration,
-  mc as getNEPoint,
-  hc as getNWPoint,
-  Jc as getOrderedTransactions,
-  Oc as getOverrideThemeConfiguration,
-  uc as getPointOfRotation,
-  gc as getSEPoint,
+  wl as getIntegration,
+  gc as getNEPoint,
+  mc as getNWPoint,
+  Kc as getOrderedTransactions,
+  Uc as getOverrideThemeConfiguration,
+  hc as getPointOfRotation,
+  fc as getSEPoint,
   wa as getSvgElement,
-  _c as getTemplateBundles,
-  Kc as getTemplateTransactions,
-  Rc as getTransaction,
+  Xc as getTemplateBundles,
+  _c as getTemplateTransactions,
+  Oc as getTransaction,
   Lc as getTransactionThemeConfiguration,
-  qc as getTransactionsForBundle,
-  Ac as getTrueCoordinates,
-  Yc as getUnorderedTransactions,
-  Qc as getWorkflow,
+  Yc as getTransactionsForBundle,
+  uc as getTrueCoordinates,
+  Jc as getUnorderedTransactions,
+  Nc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,
-  dc as isCloseToValue,
+  Ac as isCloseToValue,
   Tt as loadFont,
-  sc as matchHexToPms,
+  oc as matchHexToPms,
   Vn as materialStepService,
   _o as metafieldManager,
-  Cc as mmPerPixel,
+  wc as mmPerPixel,
   zn as modelStepService,
   fa as modifySVGColors,
   Gn as moduleStepService,
-  Vc as nameBundle,
-  zc as nameTransaction,
+  zc as nameBundle,
+  Gc as nameTransaction,
   X as optionService,
-  yc as outlineFontsInSvg,
+  Sc as outlineFontsInSvg,
   At as patternImageDataCache,
   k as persistenceService,
   Wn as pictureStepService,
-  ic as pmsToRgb,
+  sc as pmsToRgb,
   jn as questionStepService,
-  nc as registerFetchImplementation,
-  ac as registerWindowImplementation,
-  La as rehydrateSerializedLayout,
-  Lr as rgbToPms,
+  rc as registerFetchImplementation,
+  nc as registerWindowImplementation,
+  $a as rehydrateSerializedLayout,
+  $r as rgbToPms,
   re as rotateAroundPoint,
   ma as sanitizeSvgTree,
   kr as setBearerAuthenticationToken,
   mn as setCanvasModule,
-  $t as shapeStepService,
+  Lt as shapeStepService,
   is as shortenUrl,
   wt as spiffCoreConfiguration,
-  xc as stepAspectValuesToDesignInputSteps,
+  kc as stepAspectValuesToDesignInputSteps,
   Qa as svgColorValueToDefinition,
   Rn as svgStringDimensions,
   Aa as svgToDataUrl,