@spiffcommerce/core 31.0.0 → 31.1.0

package/dist/index.mjs

@@ -330,13 +330,13 @@ class jr {
       fetch: qr
     }), e = Ar(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await Wr();
-      let d = s.bearer ?? c.bearer;
+      let A = s.bearer ?? c.bearer;
       if (this.spiffClient)
         try {
-          d = await this.spiffClient.loggedInBearerToken();
+          A = await this.spiffClient.loggedInBearerToken();
         } catch {
         }
-      const A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
+      const d = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, p = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
           const f = window.__SENTRY__.hub;
@@ -349,7 +349,7 @@ class jr {
         }
       } catch {
       }
-      return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
+      return A && (l.Authorization = `Bearer ${A}`), d && (l.partnerId = d), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), p && (l.bundleOwnerId = p), l["Allow-Moonlight-Redirect"] = "true", {
         headers: l
       };
     }), a = ur(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -426,34 +426,34 @@ const Hr = (r) => new Promise((t) => {
 }, Kr = async (r) => {
   const t = await Or(r), e = await te(t), [a, n] = Jr(e);
   if (!await Yr()) {
-    const A = pt(a, n);
-    return A.getContext("2d")?.drawImage(e, 0, 0, a, n), A;
+    const d = pt(a, n);
+    return d.getContext("2d")?.drawImage(e, 0, 0, a, n), d;
   }
-  const s = await Hr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = pt(o, l), d = c.getContext("2d");
+  const s = await Hr(r), [o, l] = s > 4 ? [n, a] : [a, n], c = pt(o, l), A = c.getContext("2d");
   switch (s) {
     case 2:
-      d.translate(o, 0), d.scale(-1, 1);
+      A.translate(o, 0), A.scale(-1, 1);
       break;
     case 3:
-      d.translate(o, l), d.rotate(Math.PI);
+      A.translate(o, l), A.rotate(Math.PI);
       break;
     case 4:
-      d.translate(0, l), d.scale(1, -1);
+      A.translate(0, l), A.scale(1, -1);
       break;
     case 5:
-      d.rotate(-0.5 * Math.PI), d.scale(-1, 1);
+      A.rotate(-0.5 * Math.PI), A.scale(-1, 1);
       break;
     case 6:
-      d.rotate(-0.5 * Math.PI), d.translate(-o, 0);
+      A.rotate(-0.5 * Math.PI), A.translate(-o, 0);
       break;
     case 7:
-      d.rotate(-0.5 * Math.PI), d.translate(-o, l), d.scale(1, -1);
+      A.rotate(-0.5 * Math.PI), A.translate(-o, l), A.scale(1, -1);
       break;
     case 8:
-      d.rotate(0.5 * Math.PI), d.translate(0, -l);
+      A.rotate(0.5 * Math.PI), A.translate(0, -l);
       break;
   }
-  return d.drawImage(e, 0, 0, o, l), c;
+  return A.drawImage(e, 0, 0, o, l), c;
 }, Te = async (r) => {
   const t = await Kr(r);
   return Me(r) === "image/jpeg" ? {
@@ -3170,15 +3170,15 @@ function Oc(r, t = 64) {
     distance: 0
   });
   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 < Ft.length; A++) {
-    l = Le[A][0], c = Le[A][1], d = Le[A][2];
-    const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - d, 2));
+  let l, c, A;
+  for (let d = 0; d < Ft.length; d++) {
+    l = Le[d][0], c = Le[d][1], A = Le[d][2];
+    const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - A, 2));
     a.push(u);
   }
-  for (let A = 0; A < a.length; A++)
-    a[A] <= t && !e.some((u) => u.pms === Yt[A]) && e.push({ pms: Yt[A], hex: Ft[A], distance: a[A] });
-  return e.sort((A, u) => A.distance - u.distance);
+  for (let d = 0; d < a.length; d++)
+    a[d] <= t && !e.some((u) => u.pms === Yt[d]) && e.push({ pms: Yt[d], hex: Ft[d], distance: a[d] });
+  return e.sort((d, u) => d.distance - u.distance);
 }
 const Xr = Yt.map((r, t) => ({ pms: r, hex: Ft[t] })), Zr = new pr(Xr, { keys: ["pms"] });
 function $c(r, t) {
@@ -3269,8 +3269,8 @@ const le = (r) => {
       n.split(";").forEach((o) => {
         const l = o.trim();
         if (l) {
-          const [c, d] = l.split(":"), A = c.toLowerCase();
-          ai.indexOf(A) > -1 ? a.setAttribute(A, d.trim()) : i.push(l);
+          const [c, A] = l.split(":"), d = c.toLowerCase();
+          ai.indexOf(d) > -1 ? a.setAttribute(d, A.trim()) : i.push(l);
         }
       }), i.length > 0 ? a.setAttribute("style", i.join(";")) : a.removeAttribute("style");
     }
@@ -3351,13 +3351,13 @@ const le = (r) => {
     ei.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
     const o = s.attributes.getNamedItem("fill");
     if (o && o.value !== "none" && !o.value.startsWith("url(")) {
-      const c = Oa(o.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-fill-${d}`;
-      s.setAttribute("fill", c.browserValue), s.classList.add(A), a[d] = c;
+      const c = Oa(o.value), A = c.browserValue.replace(/\W/g, ""), d = `spiff-fill-${A}`;
+      s.setAttribute("fill", c.browserValue), s.classList.add(d), a[A] = c;
     }
     const l = s.attributes.getNamedItem("stroke");
     if (l && l.value !== "none" && !l.value.startsWith("url(")) {
-      const c = Oa(l.value), d = c.browserValue.replace(/\W/g, ""), A = `spiff-stroke-${d}`;
-      s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
+      const c = Oa(l.value), A = c.browserValue.replace(/\W/g, ""), d = `spiff-stroke-${A}`;
+      s.classList.add(d), s.setAttribute("stroke", c.browserValue), a[A] = c;
     }
   });
   const i = Bt().serializeToString(e);
@@ -3599,12 +3599,12 @@ class mi {
       throw new Error("Failed to create asset.");
     return await new Promise((o, l) => {
       const c = new XMLHttpRequest();
-      c.open("PUT", s.assetResponse.uploadUrl, !0), c.setRequestHeader("Content-Type", s.mimeType), c.setRequestHeader("Cache-Control", "public,max-age=31536000,immutable"), c.upload.onprogress = (d) => {
-        d.lengthComputable && a(d.loaded * 100 / d.total);
+      c.open("PUT", s.assetResponse.uploadUrl, !0), c.setRequestHeader("Content-Type", s.mimeType), c.setRequestHeader("Cache-Control", "public,max-age=31536000,immutable"), c.upload.onprogress = (A) => {
+        A.lengthComputable && a(A.loaded * 100 / A.total);
       }, c.onload = () => {
-        const d = s.assetResponse.asset;
-        At.add(s.assetResponse.asset), o(d);
-      }, c.onerror = l, this.postProcessFileUpload(t, s.mimeType).then((d) => c.send(d.blob)).catch(l);
+        const A = s.assetResponse.asset;
+        At.add(s.assetResponse.asset), o(A);
+      }, c.onerror = l, this.postProcessFileUpload(t, s.mimeType).then((A) => c.send(A.blob)).catch(l);
     }), this.cacheAsset(s.assetResponse.asset), s.assetResponse.asset;
   }
   async uploadAsset(t, e, a, n) {
@@ -5335,11 +5335,11 @@ const M = () => {
   maxWidth: o,
   outlineArea: l,
   position: c,
-  preserveAspectRatio: d,
-  viewBox: A,
+  preserveAspectRatio: A,
+  viewBox: d,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), g = A || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), v = a.colorProfiles?.map((b, P) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), g = d || { x: 0, y: 0, width: u, height: i }, p = `${g.x} ${g.y} ${g.width} ${g.height}`, f = M(), S = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: g.width, height: g.height, rx: h }) }) }), v = a.colorProfiles?.map((b, P) => (
     /* @ts-ignore */
     /* @__PURE__ */ D("color-profile", { name: b.name, xlinkHref: b.key, children: " " }, P)
   )), I = n.map((b) => ({
@@ -5354,7 +5354,7 @@ const M = () => {
       xmlnsXlink: "http://www.w3.org/1999/xlink",
       xmlSpace: "preserve",
       version: "1.1",
-      preserveAspectRatio: d,
+      preserveAspectRatio: A,
       width: u,
       height: i,
       style: {
@@ -5425,7 +5425,7 @@ const M = () => {
     }
   );
 }, Uc = (r, t, e, a, n) => {
-  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * A - m * d, f = h * A - g * d, S = u * d + m * A, v = h * d + g * A, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(v));
+  const i = ft(n), s = e / 2, o = a / 2, l = r + s, c = t + o, A = Math.sin(i), d = Math.cos(i), u = s, h = s, m = -o, g = o, p = u * d - m * A, f = h * d - g * A, S = u * A + m * d, v = h * A + g * d, I = Math.max(Math.abs(p), Math.abs(f)), C = Math.max(Math.abs(S), Math.abs(v));
   return {
     minX: l - I,
     maxX: l + I,
@@ -5560,8 +5560,8 @@ const M = () => {
     if (!r.pattern)
       return "";
     if (r.pattern.svg) {
-      const A = fa(r.pattern.svg, r.pattern.colors || {}, !1);
-      return ua(A);
+      const d = fa(r.pattern.svg, r.pattern.colors || {}, !1);
+      return ua(d);
     }
     return r.pattern.src;
   };
@@ -5586,12 +5586,12 @@ const M = () => {
       /* @__PURE__ */ D("feFuncG", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ D("feFuncB", { type: "discrete", tableValues: n() })
     ] })
-  ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    const A = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, g = r.pattern?.scaleX || 1, p = r.pattern?.scaleY || 1, f = r.pattern?.rotation || 0;
+  ] }) }) }), s = r.rotation || 0, o = ft(s), l = Math.cos(o), c = -Math.sin(o), A = () => {
+    const d = r.pattern?.x || 0, u = r.pattern?.y || 0, h = r.pattern?.width || 0, m = r.pattern?.height || 0, g = r.pattern?.scaleX || 1, p = r.pattern?.scaleY || 1, f = r.pattern?.rotation || 0;
     return [r.pattern?.svg ? {
       id: `${t}-contents`,
       type: x.Illustration,
-      x: A,
+      x: d,
       y: u,
       rotation: f,
       width: h * g,
@@ -5602,7 +5602,7 @@ const M = () => {
     } : {
       id: `${t}-contents`,
       type: x.Image,
-      x: A,
+      x: d,
       y: u,
       rotation: f,
       width: h * g,
@@ -5638,7 +5638,7 @@ const M = () => {
                 width: r.width,
                 height: r.height,
                 clipPath: r.path,
-                children: d()
+                children: A()
               }
             )
           }
@@ -5726,8 +5726,8 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ve = /* @_
   return Tn.set(r, e), e;
 }, _c = async (r) => {
   const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
-  a.querySelectorAll("style").forEach((d) => {
-    on(d.innerHTML).stylesheet?.rules.forEach((u) => {
+  a.querySelectorAll("style").forEach((A) => {
+    on(A.innerHTML).stylesheet?.rules.forEach((u) => {
       if (u.type === "font-face" && u.declarations) {
         const h = u.declarations.find(
           (p) => p.property === "font-family"
@@ -5737,36 +5737,36 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ve = /* @_
     });
   });
   const s = e.querySelectorAll("tspan");
-  for (let d = 0; d < s.length; d++) {
-    const A = s.item(d), u = A.closest("text"), h = A.closest("g"), m = u.getAttribute("font-family"), g = await Tt(n.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), v = g.getPath(
-      A.innerHTML,
+  for (let A = 0; A < s.length; A++) {
+    const d = s.item(A), u = d.closest("text"), h = d.closest("g"), m = u.getAttribute("font-family"), g = await Tt(n.get(m)), p = u.getAttribute("fill"), f = u.getAttribute("stroke"), S = u.getAttribute("stroke-width"), v = g.getPath(
+      d.innerHTML,
       0,
       0,
       parseInt(u.getAttribute("font-size") ?? "72")
     ), I = v.getBoundingBox().x2 - v.getBoundingBox().x1;
     let C = 0;
-    const b = A.getAttribute("text-anchor");
+    const b = d.getAttribute("text-anchor");
     b === "middle" ? C = I / 2 : b === "end" && (C = I);
     const P = g.getPath(
-      A.innerHTML,
-      parseFloat(A.getAttribute("x") ?? "0") - C,
-      parseFloat(A.getAttribute("y") ?? "0"),
+      d.innerHTML,
+      parseFloat(d.getAttribute("x") ?? "0") - C,
+      parseFloat(d.getAttribute("y") ?? "0"),
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     P.fill = p, P.stroke = f, P.strokeWidth = parseFloat(S ?? "0");
     const B = P.toSVG(2), Q = t.parseFromString(B, "image/svg+xml").firstElementChild;
     h.appendChild(Q);
   }
-  return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
+  return e.querySelectorAll("text").forEach((A) => A.remove()), Bt().serializeToString(a);
 }, be = (r, t, e, a) => Math.max(ns(r.join(`
 `), e, a), t), Ua = (r, t, e, a, n, i) => {
   const s = (i || wa) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
-    const l = o.flatMap((d) => ge(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
+    const l = o.flatMap((A) => ge(A, r.width, a, n)), c = l.flatMap((A) => A.lines);
     return {
       lines: c,
-      requiredHeight: l.flatMap((d) => d.lines).length * (a * s),
+      requiredHeight: l.flatMap((A) => A.lines).length * (a * s),
       fontSize: e,
       requiredWidth: be(c, r.width, a, n)
     };
@@ -5786,33 +5786,33 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ve = /* @_
   if (!(r.indexOf(" ") > -1)) {
     if (r.length <= 1)
       throw new Error(`Character ${r} is wider than region`);
-    const d = Math.floor(r.length / 2), A = ge(r.slice(0, d), t, e, a), u = ge(r.slice(d), t, e, a);
-    return { lines: [...A.lines, ...u.lines], width: Math.max(A.width, u.width) };
+    const A = Math.floor(r.length / 2), d = ge(r.slice(0, A), t, e, a), u = ge(r.slice(A), t, e, a);
+    return { lines: [...d.lines, ...u.lines], width: Math.max(d.width, u.width) };
   }
   const s = r.split(" "), o = [];
   let l = -1 / 0, c = 0;
   for (; c < s.length; ) {
-    const d = s[c];
-    if (mt(d, e, a) > t) {
-      const A = ge(d, t, e, a);
-      o.push(...A.lines), l = Math.max(l, A.width), c++;
+    const A = s[c];
+    if (mt(A, e, a) > t) {
+      const d = ge(A, t, e, a);
+      o.push(...d.lines), l = Math.max(l, d.width), c++;
     } else {
-      const A = [d];
-      l = Math.max(l, mt(d, e, a));
+      const d = [A];
+      l = Math.max(l, mt(A, e, a));
       let u = c + 1, h = !0;
       for (; u < s.length && h; ) {
-        const m = s[u], g = mt(`${A.join(" ")} ${m}`, e, a);
-        g <= t ? (A.push(m), l = Math.max(l, g), u++) : h = !1;
+        const m = s[u], g = mt(`${d.join(" ")} ${m}`, e, a);
+        g <= t ? (d.push(m), l = Math.max(l, g), u++) : h = !1;
       }
-      o.push(A.join(" ")), c = u;
+      o.push(d.join(" ")), c = u;
     }
   }
   if (l < 0)
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: l };
 }, ts = (r, t, e, a, n, i) => {
-  const s = (i ?? wa) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Nn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
-  return Math.min(A, d);
+  const s = (i ?? wa) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Nn(r, o, t), c = r.length * s * o, A = a / l, d = n / c;
+  return Math.min(d, A);
 }, es = (r, t, e, a) => {
   const n = Et(t.fontData.assetUrl), i = n.getFont(), s = t.fontSize / i.unitsPerEm;
   if (!e)
@@ -5838,7 +5838,7 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Ve = /* @_
   const s = Et(t.assetUrl).getFont();
   let o = { ...r };
   const l = { ...r }, c = Nn(a, e / s.unitsPerEm, Et(t.assetUrl));
-  return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && rs(a, a).every(([d, A]) => d === A) && (o = l)), o;
+  return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && rs(a, a).every(([A, d]) => A === d) && (o = l)), o;
 }, ze = 1, mt = (r, t, e) => {
   let a = 0;
   const n = e.getGlyphs(r);
@@ -5902,8 +5902,8 @@ function Rn(r, t) {
   return r;
 }
 const ss = (r) => {
-  const e = (r.rotation || 0) * Math.PI / 180, a = Math.cos(e), n = -Math.sin(e), i = `text-path-${r.id}`, s = `text-fill-${r.id}`, o = r.x + (r.curved ? 0 : r.width / 2), l = r.y + (r.curved ? 0 : r.height / 2), c = Rn(r.text || "", r._renderingConfiguration?.templatingContext), d = c.split(`
-`), A = r.strokeColor?.browserValue && r.strokeThickness ? r.strokeColor?.browserValue : void 0, u = r.strokeColor?.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
+  const e = (r.rotation || 0) * Math.PI / 180, a = Math.cos(e), n = -Math.sin(e), i = `text-path-${r.id}`, s = `text-fill-${r.id}`, o = r.x + (r.curved ? 0 : r.width / 2), l = r.y + (r.curved ? 0 : r.height / 2), c = Rn(r.text || "", r._renderingConfiguration?.templatingContext), A = c.split(`
+`), d = r.strokeColor?.browserValue && r.strokeThickness ? r.strokeColor?.browserValue : void 0, u = r.strokeColor?.browserValue && r.strokeThickness ? r.strokeThickness : void 0;
   if (r.curved && !r.paths || !r.fontData)
     return null;
   const h = () => r.textFillImage ? `url("#${s}")` : r._renderingConfiguration?.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${wn(r.fillSpotColorDefinition)}` : r.fill;
@@ -5959,15 +5959,15 @@ const ss = (r) => {
           whiteSpace: "pre",
           userSelect: "none"
         },
-        stroke: A,
+        stroke: d,
         strokeWidth: u,
-        children: r.curved ? /* @__PURE__ */ D(ls, { text: c, curvedPathId: i, align: r.align }) : d.map((m, g) => /* @__PURE__ */ D(
+        children: r.curved ? /* @__PURE__ */ D(ls, { text: c, curvedPathId: i, align: r.align }) : A.map((m, g) => /* @__PURE__ */ D(
           os,
           {
             align: r.vertical ? "center" : r.align,
             fontSize: r.fontSize,
             thisLineIdx: g,
-            amountLines: d.length,
+            amountLines: A.length,
             text: m,
             textboxHeight: r.height,
             textboxWidth: r.width,
@@ -6220,9 +6220,9 @@ const ne = (r) => {
     const s = i.getAttribute("viewBox");
     if (!s)
       throw new Error("SVG missing viewBox.");
-    const o = s.split(" "), l = parseFloat(o[3]) || 1, c = parseFloat(o[2]) || 1, d = n.getElementById("target-path"), A = n.getElementsByClassName("st0").item(0);
-    if (d) {
-      const u = d.getAttribute("d");
+    const o = s.split(" "), l = parseFloat(o[3]) || 1, c = parseFloat(o[2]) || 1, A = n.getElementById("target-path"), d = n.getElementsByClassName("st0").item(0);
+    if (A) {
+      const u = A.getAttribute("d");
       if (!u)
         throw new Error("Malformed frame SVG: 'd' attribute not found on target element");
       const h = {
@@ -6232,8 +6232,8 @@ const ne = (r) => {
       };
       return Lt.set(u, h), h;
     }
-    if (A) {
-      const u = A.getAttribute("d");
+    if (d) {
+      const u = d.getAttribute("d");
       if (!u)
         throw new Error("Malformed frame SVG: 'd' attribute not found on target element");
       const h = {
@@ -6250,9 +6250,9 @@ const ne = (r) => {
   const n = t.width / t.height, i = r.width / r.height;
   let s;
   a ? i > n ? s = t.height / r.height : s = t.width / r.width : i > n ? s = t.width / r.width : s = t.height / r.height, e?.scale !== void 0 && (s *= e?.scale);
-  const o = t.width / 2, l = t.height / 2, c = o - r.width / 2 * s, d = e?.left || c, A = l - r.height / 2 * s, u = e?.top || A;
+  const o = t.width / 2, l = t.height / 2, c = o - r.width / 2 * s, A = e?.left || c, d = l - r.height / 2 * s, u = e?.top || d;
   return {
-    x: d,
+    x: A,
     y: u,
     zoom: s
   };
@@ -6324,7 +6324,7 @@ const ne = (r) => {
     const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(s), c = pt(), d = c.getContext("2d"), A = await da.from(d, l, {
+    const l = Bt().serializeToString(s), c = pt(), A = c.getContext("2d"), d = await da.from(A, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
@@ -6334,10 +6334,10 @@ const ne = (r) => {
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
     if (h && u) {
       const g = parseFloat(h), f = parseFloat(u) / g;
-      f > 1 ? A.resize(m, m / f) : A.resize(m * f, m);
+      f > 1 ? d.resize(m, m / f) : d.resize(m * f, m);
     } else
-      A.resize(m, m);
-    return await A.render(), await t(c);
+      d.resize(m, m);
+    return await d.render(), await t(c);
   })();
   return We.set(r, a), a;
 }, $t = async (r, t, e, a) => {
@@ -6361,8 +6361,8 @@ const ne = (r) => {
     o.height = o.width / f, o.top += (h - o.height) / 2;
   }
   if (e && t === x.Image) {
-    const l = o.height, c = await ke(e), d = await Te(c), A = d.width / d.height;
-    o.height = o.width / A, o.top += (l - o.height) / 2;
+    const l = o.height, c = await ke(e), A = await Te(c), d = A.width / A.height;
+    o.height = o.width / d, o.top += (l - o.height) / 2;
   }
   if (e && t === x.Textbox && a?.text && a?.fontScale) {
     await Tt(e);
@@ -6419,38 +6419,38 @@ class Xc {
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Tt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
-    }, l = i?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Be(c, {
+    }, l = i?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, A = Be(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), A = e.region || await $t(t, x.Textbox, n, {
-      text: d,
+    }), d = e.region || await $t(t, x.Textbox, n, {
+      text: A,
       fontScale: a.size ? a.size / s.unitsPerEm : void 0
     }), u = ae(
       {
         id: M(),
         type: x.Textbox,
-        x: A.left,
-        y: A.top,
-        width: A.width,
-        height: A.height,
+        x: d.left,
+        y: d.top,
+        width: d.width,
+        height: d.height,
         align: is(a.textAlign, a.vertical),
         curved: a.curved,
         fill: i?.color || a.colour || "#000000",
         fontData: o,
-        layer: A.layer || 0,
-        layerIndex: A.layerIndex || Ot(t, A.layer || 0),
+        layer: d.layer || 0,
+        layerIndex: d.layerIndex || Ot(t, d.layer || 0),
         paths: a.paths,
-        rotation: A.rotation,
+        rotation: d.rotation,
         vertical: a.vertical,
         verticalAlign: a.verticalAlign || "middle",
         algorithm: kt.Traditional,
-        fontSize: a.size || Math.max(Math.round(A.height * 0.025), 1),
-        text: d,
+        fontSize: a.size || Math.max(Math.round(d.height * 0.025), 1),
+        text: A,
         input: l
       },
-      d
+      A
     ), h = as(
-      { ...A, height: u.height },
+      { ...d, height: u.height },
       o,
       u.fontSize,
       u?.text?.split(`
@@ -6460,7 +6460,7 @@ class Xc {
     return {
       ...u,
       x: h.left,
-      y: h.top + (A.height - h.height) / 2,
+      y: h.top + (d.height - h.height) / 2,
       width: h.width,
       height: h.height
     };
@@ -7245,7 +7245,7 @@ class qa {
           command: new z(c, i)
         };
       } else {
-        const l = this.configuration.type === E.SilentIllustration ? this.configuration.data.asset?.fileLink : s, d = await ot(await (async () => new Promise((u, h) => {
+        const l = this.configuration.type === E.SilentIllustration ? this.configuration.data.asset?.fileLink : s, A = await ot(await (async () => new Promise((u, h) => {
           if (!l) {
             h("Undefined vector silent step source");
             return;
@@ -7253,13 +7253,13 @@ class qa {
           at(l, !0).then((m) => {
             u(m);
           }).catch((m) => console.error(m));
-        }))()), A = {
+        }))()), d = {
           stepName: this.configuration.stepName,
           id: M(),
-          cachedObjectURL: await _t(d.svg),
+          cachedObjectURL: await _t(A.svg),
           src: l,
-          svg: d.svg,
-          colors: d.colors,
+          svg: A.svg,
+          colors: A.colors,
           type: o,
           y: n.top,
           x: n.left,
@@ -7274,10 +7274,10 @@ class qa {
         };
         return {
           regionElement: {
-            id: A.id,
+            id: d.id,
             region: n
           },
-          command: new z(A, i)
+          command: new z(d, i)
         };
       }
     }, this.configuration = t, this.layouts = e, this.product = a || void 0;
@@ -7348,10 +7348,10 @@ class ys {
       a.serializableWorkflow.steps
     ), l = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName).map((c) => ({ id: c.id, region: c.stepRegion }));
     await e.setSelectionsAndElements(t.stepName, [], l, async () => {
-      const c = n?.storage?.videoShortUrl, d = n?.storage?.videoUrl;
+      const c = n?.storage?.videoShortUrl, A = n?.storage?.videoUrl;
       e.updateStorage(t.stepName, {
         videoShortUrl: c,
-        videoUrl: d
+        videoUrl: A
       });
     });
   }
@@ -7384,16 +7384,16 @@ class ys {
     const c = l.toString();
     if (c.length >= 2e3)
       throw new xe("Cannot create QR code, URL too long.");
-    const d = await ws(c);
+    const A = await ws(c);
     if (!n.data || !n.data.regions)
       throw new ve(n, "Missing regions.");
-    const A = await this.regionElements(n), u = await this.command(d, A, a, n.stepName);
-    return u && (u.command && a.getCommandDispatcher()(u.command), u.followup && await u.followup()), await a.setSelectionsAndElements(n.stepName, [], A, async () => {
+    const d = await this.regionElements(n), u = await this.command(A, d, a, n.stepName);
+    return u && (u.command && a.getCommandDispatcher()(u.command), u.followup && await u.followup()), await a.setSelectionsAndElements(n.stepName, [], d, async () => {
       a.updateStorage(n.stepName, {
-        videoShortUrl: d,
+        videoShortUrl: A,
         videoUrl: s.href
       });
-    }), d;
+    }), A;
   }
   async regionElements(t) {
     const e = (a) => ({ id: M(), region: a });
@@ -7401,27 +7401,27 @@ class ys {
   }
   async command(t, e, a, n) {
     const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await ln(t, { type: "svg" }))}`, l = e.map((c) => {
-      const d = c.region, A = i.find((u) => u.panelId === d?.panelId);
-      if (!A && d)
-        throw new Y(d);
-      if (A && !d)
+      const A = c.region, d = i.find((u) => u.panelId === A?.panelId);
+      if (!d && A)
+        throw new Y(A);
+      if (d && !A)
         throw new Error("Region not found");
-      if (!A || !d)
+      if (!d || !A)
         throw new Error("Neither a region or layout found!");
       return new z(
         {
-          stepRegion: d,
+          stepRegion: A,
           stepName: n,
           id: c.id,
           src: o,
           type: x.Image,
-          y: d.top,
-          x: d.left,
-          width: d.width,
-          height: d.height,
+          y: A.top,
+          x: A.left,
+          width: A.width,
+          height: A.height,
           rotation: 0
         },
-        A
+        d
       );
     });
     return { command: new R(l), followup: async () => {
@@ -7482,22 +7482,22 @@ class Ie {
       a.serializableWorkflow.steps
     ), l = Object.values(a.layouts).map((c) => c.elements).flat().filter((c) => c.stepName === t.stepName).map((c) => ({ id: c.id, region: c.stepRegion }));
     if (!t.option || (t.option.variants || []).length === 0) {
-      const c = t.data.regions.map((d) => sa(d));
+      const c = t.data.regions.map((A) => sa(A));
       e.updateStorage(t.stepName, {
         currentFrameSources: c
       });
     }
     if (n) {
       const c = async () => {
-        const d = n.storage?.colors, A = n.storage?.framePatternSrc, u = n.storage?.frameOffsetsList;
+        const A = n.storage?.colors, d = n.storage?.framePatternSrc, u = n.storage?.frameOffsetsList;
         if (e.updateMetadata(t.stepName, {
           frameOffsetsList: u,
-          framePatternSrc: A
-        }), A) {
+          framePatternSrc: d
+        }), d) {
           const h = e.getWorkflowExperience().getStepById(t.stepName)?.frameService;
           if (!h) throw new Error("Frame service unavailable, cannot load pattern!");
-          await this.loadPatternFromString(A, h, !0, d), e.updateMetadata(t.stepName, { image: A }), e.updateStorage(t.stepName, {
-            framePatternSrc: A
+          await this.loadPatternFromString(d, h, !0, A), e.updateMetadata(t.stepName, { image: d }), e.updateStorage(t.stepName, {
+            framePatternSrc: d
           }), this.validateColorCount(t, e);
         }
         if (u?.some((h) => h.zoom)) {
@@ -7508,16 +7508,16 @@ class Ie {
         e.setMandatoryFulfilled(t.stepName, !0);
       };
       if (n.selectedVariants && n.selectedVariants.length > 0) {
-        const d = n.selectedVariants[0].id;
-        if (t.option && d) {
-          const A = t.option.variants?.find((u) => u.id === d);
-          A && await e.setSelectionsAndElements(
+        const A = n.selectedVariants[0].id;
+        if (t.option && A) {
+          const d = t.option.variants?.find((u) => u.id === A);
+          d && await e.setSelectionsAndElements(
             t.stepName,
-            [A],
+            [d],
             l,
             async () => {
               const u = await Promise.all(
-                t.data.regions.map((h) => this.frameSourceSvg(A, h))
+                t.data.regions.map((h) => this.frameSourceSvg(d, h))
               );
               e.updateStorage(t.stepName, { currentFrameSources: u }), await c();
             }
@@ -7545,8 +7545,8 @@ class Ie {
       a.addPoller(
         new zn(
           async () => {
-            const d = (await O.getFromServer(e.key || "")).versions?.find((u) => u.name === "svg");
-            return d ? (await nt(d.link)).status === 200 : !1;
+            const A = (await O.getFromServer(e.key || "")).versions?.find((u) => u.name === "svg");
+            return A ? (await nt(A.link)).status === 200 : !1;
           },
           () => {
             O.getLocalOrFromServer(e.key || "").then((c) => {
@@ -7608,15 +7608,15 @@ class Ie {
             "Vector files may not include images or gradients when a color limit is specified."
           );
       }
-      const d = await ot(c), A = {
+      const A = await ot(c), d = {
         src: t,
         width: o,
         height: l,
         aspect: o / l,
-        svg: d.svg,
-        colors: n ?? d.colors
+        svg: A.svg,
+        colors: n ?? A.colors
       };
-      ut.set(t, A), e.setPatternData(A, a);
+      ut.set(t, d), e.setPatternData(d, a);
     } else {
       const s = await ke(t, !0), o = await Te(s), l = {
         src: t,
@@ -7671,8 +7671,8 @@ class Ie {
       };
     const n = { ...t.getImageData().colors ?? {} }, i = {};
     Object.entries(n).forEach(([l, c]) => {
-      const d = { browserValue: c.browserValue };
-      i[l] = d;
+      const A = { browserValue: c.browserValue };
+      i[l] = A;
     });
     for (const [l, c] of a.entries())
       n[l] = { browserValue: c.browserValue, pmsValue: c.pmsValue }, i[l] = c;
@@ -7701,7 +7701,7 @@ class Ie {
       t.data.regions.map((h) => this.frameSourceSvg(e, h))
     );
     i && i(!0);
-    const c = t.data.initialZoomLevel, d = await Promise.all(
+    const c = t.data.initialZoomLevel, A = await Promise.all(
       t.data.regions.map(async (h, m) => {
         const g = await Re(l[m]), p = o.getImageData(), f = a.map((P) => new bt(P.id)), S = p ? va(
           p,
@@ -7735,14 +7735,14 @@ class Ie {
           removeExistingCommands: f
         };
       })
-    ), A = d.map((h) => h.command), u = d.map((h) => h.removeExistingCommands).flat();
+    ), d = A.map((h) => h.command), u = A.map((h) => h.removeExistingCommands).flat();
     return {
-      command: new R([...A, ...u]),
+      command: new R([...d, ...u]),
       followup: async () => {
         i && i(!1), await n.setSelectionsAndElements(
           t.stepName,
           e ? [e] : [],
-          [...d.map((h) => h.regionEl)],
+          [...A.map((h) => h.regionEl)],
           async () => {
             if (n.updateStorage(t.stepName, { currentFrameSources: l }), s) {
               const h = n.getWorkflowExperience().getStepById(t.stepName)?.frameService;
@@ -7860,13 +7860,13 @@ class Ss {
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
-        const d = l.variants?.find((A) => A.id === c);
-        if (d) {
-          const A = o.map((u) => ({ id: u.id, region: u.stepRegion }));
+        const A = l.variants?.find((d) => d.id === c);
+        if (A) {
+          const d = o.map((u) => ({ id: u.id, region: u.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
-            [d],
-            A,
+            [A],
+            d,
             async () => {
               e.updateMetadata(t.stepName, {
                 colors: n.storage?.colors
@@ -7889,21 +7889,21 @@ class Ss {
   }
   async changeColorsCommand(t, e, a, n, i) {
     const s = {};
-    for (const [d, A] of i.entries())
-      typeof A == "string" ? s[d] = {
-        browserValue: A,
+    for (const [A, d] of i.entries())
+      typeof d == "string" ? s[A] = {
+        browserValue: d,
         spotColor: void 0,
         pmsValue: void 0
-      } : s[d] = {
-        browserValue: A.browserValue,
-        spotColor: A.spotColor,
-        pmsValue: A.pmsValue
+      } : s[A] = {
+        browserValue: d.browserValue,
+        spotColor: d.spotColor,
+        pmsValue: d.pmsValue
       };
     const o = pa(t, e, a, s), l = await _t(o), c = [];
-    for (const d of n) {
-      for (const [A, u] of i.entries())
-        c.push(new la(d, A, u));
-      c.push(new Cs(d, o, l));
+    for (const A of n) {
+      for (const [d, u] of i.entries())
+        c.push(new la(A, d, u));
+      c.push(new Cs(A, o, l));
     }
     return new R(c);
   }
@@ -7923,13 +7923,13 @@ class Ss {
       o[h] = { browserValue: g, spotColor: o[h]?.spotColor, pmsValue: p }, l[h] = { browserValue: g };
     }
     let c = Array.from(Object.values(o)).map((h) => h.browserValue);
-    const d = t.data.colorOption;
-    d && d.variants?.forEach((h) => {
+    const A = t.data.colorOption;
+    A && A.variants?.forEach((h) => {
       c = c.map((m) => m.toLowerCase() === h.color?.toLowerCase() ? h.name : m);
     }), a.updateMetadata(t.stepName, { colors: c });
-    const A = /* @__PURE__ */ new Map();
+    const d = /* @__PURE__ */ new Map();
     if (Object.entries(o).forEach(([h, m]) => {
-      A.set(h, m);
+      d.set(h, m);
     }), !s.svg)
       throw new Error("Colors changed before SVG loaded. This should never happen!");
     const u = await this.changeColorsCommand(
@@ -7937,7 +7937,7 @@ class Ss {
       s.width,
       s.height,
       e.map((h) => h.id),
-      A
+      d
     );
     a.updateStorage(t.stepName, {
       colors: l
@@ -7959,7 +7959,7 @@ class Ss {
     const l = o.fileLink;
     if (!l)
       throw new Ht(o);
-    const c = await ot(await this.getIllustrationBody(l)), d = await _t(c.svg), A = (f) => {
+    const c = await ot(await this.getIllustrationBody(l)), A = await _t(c.svg), d = (f) => {
       const S = i.getLayouts().find((I) => I.panelId === f.panelId);
       if (!S)
         throw new Y(f);
@@ -7969,11 +7969,11 @@ class Ss {
         command: this.getCreateElementCommand(v, f, S, {
           stepName: t.stepName,
           src: l,
-          objectURL: d,
+          objectURL: A,
           svg: c
         })
       };
-    }, u = t.data.regions.map(A), m = [...u.map((f) => f.command), ...s];
+    }, u = t.data.regions.map(d), m = [...u.map((f) => f.command), ...s];
     let g = Array.from(Object.values(c.colors)).map((f) => f.browserValue);
     const p = t.data.colorOption;
     return p && p.variants?.forEach((f) => {
@@ -8052,12 +8052,12 @@ class vs {
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (c) {
-        const d = l.variants?.find((A) => A.id === c);
-        if (d) {
-          const A = d.material, u = o.map((h) => ({ id: h.id, region: h.stepRegion }));
+        const A = l.variants?.find((d) => d.id === c);
+        if (A) {
+          const d = A.material, u = o.map((h) => ({ id: h.id, region: h.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
-            [d],
+            [A],
             u,
             async () => {
               const h = e.getModelContainer();
@@ -8065,7 +8065,7 @@ class vs {
                 const m = t.data.targetMaterials.map((g) => h.applyMaterialVariant(
                   g,
                   l.id || "",
-                  A || {}
+                  d || {}
                 ));
                 Promise.all(m).then(
                   () => e.setMandatoryFulfilled(t.stepName, !0)
@@ -8126,18 +8126,18 @@ class Es {
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
-        const d = l.variants?.find((A) => A.id === c);
-        if (d) {
-          const A = o.map((u) => ({ id: u.id, region: u.stepRegion }));
+        const A = l.variants?.find((d) => d.id === c);
+        if (A) {
+          const d = o.map((u) => ({ id: u.id, region: u.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
-            [d],
-            A,
+            [A],
+            d,
             async () => {
               const u = e.getModelContainer();
               if (u && t.option) {
-                const h = d.asset?.fileLink;
-                if (!h) throw new vt(d);
+                const h = A.asset?.fileLink;
+                if (!h) throw new vt(A);
                 await u.applyModelVariant(
                   t.stepName || "",
                   {
@@ -8217,57 +8217,57 @@ class bs {
     if (a.setMandatoryFulfilled(t.stepName, e !== ""), !t.data || !t.data.regions || t.data.regions.length <= 0)
       return console.error("Missing configuration."), null;
     a.updateStorage(t.stepName, { text: e }), a.updateMetadata(t.stepName, { text: e });
-    const c = (d, A, u) => {
-      const h = u || M(), g = a.getLayouts().find((f) => f.panelId === A.panelId);
+    const c = (A, d, u) => {
+      const h = u || M(), g = a.getLayouts().find((f) => f.panelId === d.panelId);
       if (!g)
-        return console.error(`Can not find layout for region: ${A.panelId}`), null;
+        return console.error(`Can not find layout for region: ${d.panelId}`), null;
       const p = [];
       return u && p.push(new bt(h)), p.push(
         new z(
           {
-            stepRegion: A,
+            stepRegion: d,
             stepName: t.stepName,
             colors: {},
             id: h,
-            svg: d,
+            svg: A,
             type: x.Illustration,
-            y: A.top,
-            x: A.left,
-            rotation: A.rotation,
-            width: A.width,
-            height: A.height,
-            layer: A.layer,
-            layerIndex: A.layerIndex,
-            immutable: A.immutable
+            y: d.top,
+            x: d.left,
+            rotation: d.rotation,
+            width: d.width,
+            height: d.height,
+            layer: d.layer,
+            layerIndex: d.layerIndex,
+            immutable: d.immutable
           },
           g
         )
       ), {
         id: h,
-        region: A,
+        region: d,
         command: new R(p)
       };
     };
     if (i.length > 0) {
-      const A = i.map((u) => {
+      const d = i.map((u) => {
         if (!u.region)
           return null;
         const h = s.svgPrint(e, u.region);
         return c(h, u.region, u.id);
       }).filter((u) => !!u).filter((u) => !!u).map((u) => u && u.command);
       return {
-        command: new R(A),
+        command: new R(d),
         followup: async () => {
         }
       };
     } else {
-      const d = t.data.regions.map(
+      const A = t.data.regions.map(
         (u) => c(s.svgPrint(e, u), u)
-      ), A = d.filter((u) => !!u).map((u) => u && u.command);
+      ), d = A.filter((u) => !!u).map((u) => u && u.command);
       return {
-        command: new R(A),
+        command: new R(d),
         followup: async () => {
-          const u = d.filter((h) => h).map((h) => h && { id: h.id, region: h.region });
+          const u = A.filter((h) => h).map((h) => h && { id: h.id, region: h.region });
           await a.setSelectionsAndElements(
             t.stepName,
             [],
@@ -8316,13 +8316,13 @@ class Bs {
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
-        const d = l.variants?.find((A) => A.id === c);
-        if (d) {
-          const A = o.map((u) => ({ id: u.id, region: u.stepRegion }));
+        const A = l.variants?.find((d) => d.id === c);
+        if (A) {
+          const d = o.map((u) => ({ id: u.id, region: u.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
-            [d],
-            A,
+            [A],
+            d,
             async () => {
               e.setMandatoryFulfilled(t.stepName, !0);
             }
@@ -8343,41 +8343,41 @@ class Bs {
     if (!s)
       return console.error("No URL for picture!"), null;
     n(!0), t.mandatory && a.setMandatoryFulfilled(t.stepName, !1);
-    const l = a.getRegionElements(t.stepName).map((A) => new bt(A.id)), c = (A) => {
-      const h = a.getLayouts().find((g) => g.panelId === A.panelId);
+    const l = a.getRegionElements(t.stepName).map((d) => new bt(d.id)), c = (d) => {
+      const h = a.getLayouts().find((g) => g.panelId === d.panelId);
       if (!h)
-        throw new Y(A);
+        throw new Y(d);
       const m = M();
       return {
-        regionElement: { id: m, region: A },
+        regionElement: { id: m, region: d },
         command: new z(
           {
             stepName: t.stepName,
-            stepRegion: A,
+            stepRegion: d,
             id: m,
             src: s,
             type: x.Image,
-            y: A.top,
-            x: A.left,
-            rotation: A.rotation,
-            width: A.width,
-            height: A.height,
-            layer: A.layer,
-            layerIndex: A.layerIndex,
-            immutable: A.immutable,
+            y: d.top,
+            x: d.left,
+            rotation: d.rotation,
+            width: d.width,
+            height: d.height,
+            layer: d.layer,
+            layerIndex: d.layerIndex,
+            immutable: d.immutable,
             preserveAspectRatio: "none"
           },
           h
         )
       };
-    }, d = t.data.regions.map(c);
+    }, A = t.data.regions.map(c);
     return {
-      command: new R([...l, ...d.map((A) => A.command)]),
+      command: new R([...l, ...A.map((d) => d.command)]),
       followup: async () => {
         await a.setSelectionsAndElements(
           t.stepName,
           [e],
-          d.map((A) => A.regionElement),
+          A.map((d) => d.regionElement),
           async () => {
             a.setMandatoryFulfilled(t.stepName, !0), n(!1);
           }
@@ -8458,7 +8458,7 @@ class Ps {
   setCustomColor(t, e, a) {
     const n = a.getLayouts(), s = (a.getRegionElements(e.stepName) || []).map((o) => {
       const l = o.region;
-      if (!n.find((d) => d.panelId === l?.panelId)) throw new Y(l);
+      if (!n.find((A) => A.panelId === l?.panelId)) throw new Y(l);
       return new la(o.id, this.shapeFillId, t);
     }).filter((o) => !!o);
     a.getCommandDispatcher()(new R(s)), a.updateStorage(e.stepName, { colour: t });
@@ -8496,13 +8496,13 @@ class Ps {
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
-        const d = l.variants?.find((A) => A.id === c);
-        if (d) {
-          const A = o.map((u) => ({ id: u.id, region: u.stepRegion }));
+        const A = l.variants?.find((d) => d.id === c);
+        if (A) {
+          const d = o.map((u) => ({ id: u.id, region: u.stepRegion }));
           await e.setSelectionsAndElements(
             t.stepName,
-            [d],
-            A,
+            [A],
+            d,
             async () => {
               e.updateStorage(t.stepName, {
                 colour: n?.storage?.colour || ""
@@ -8520,13 +8520,13 @@ class Ps {
       throw new Error("Failed to resolve color for shape step.");
     };
     if (a.length > 0) {
-      const l = (d) => {
-        const A = d.region;
-        if (!i.find((m) => m.panelId === A?.panelId))
-          throw new Y(A);
+      const l = (A) => {
+        const d = A.region;
+        if (!i.find((m) => m.panelId === d?.panelId))
+          throw new Y(d);
         const h = o();
-        return new la(d.id, this.shapeFillId, h);
-      }, c = a.map(l).filter((d) => !!d);
+        return new la(A.id, this.shapeFillId, h);
+      }, c = a.map(l).filter((A) => !!A);
       return {
         command: new R(c),
         followup: async () => {
@@ -8589,14 +8589,14 @@ class Ps {
             h
           )
         };
-      }, c = t.data.regions.map(l), d = c.filter((u) => !!u).map((u) => u?.command), A = c.filter((u) => !!u).map((u) => ({ id: u.id, region: u.region }));
+      }, c = t.data.regions.map(l), A = c.filter((u) => !!u).map((u) => u?.command), d = c.filter((u) => !!u).map((u) => ({ id: u.id, region: u.region }));
       return {
-        command: new R(d),
+        command: new R(A),
         followup: async () => {
           await n.setSelectionsAndElements(
             t.stepName,
             e.variant ? [e.variant] : [],
-            A,
+            d,
             async () => {
               n.updateStorage(t.stepName, { colour: o() });
             }
@@ -8633,18 +8633,18 @@ class Ds {
   }
 }
 const Fs = new Ds(), He = (r, t, e, a, n) => {
-  if (t.some((d) => d == null))
+  if (t.some((A) => A == null))
     throw new Error(`Failed to autosize lines: ${t.join(", ")}`);
-  let i = t.map((d) => d.split(`
-`)).flat(), s = i.length, o = i.map((d) => mt(d, a, n));
+  let i = t.map((A) => A.split(`
+`)).flat(), s = i.length, o = i.map((A) => mt(A, a, n));
   const l = n.getApproximateHeight() * a;
   let c = !0;
   for (; c; ) {
     if (l + (s - 1) * e > r.height)
       return [null, null];
-    const A = Math.max(...o);
-    if (A <= r.width)
-      return [i, A];
+    const d = Math.max(...o);
+    if (d <= r.width)
+      return [i, d];
     const u = o.reduce((p, f, S, v) => f > v[p] ? S : p, 0), h = i[u];
     let m = !1, g = h.length;
     for (; !m && g > -1; ) {
@@ -8667,15 +8667,15 @@ const Fs = new Ds(), He = (r, t, e, a, n) => {
     return [i, s] = He(e, a, r, u, o), [n.size, i, s];
   }
   const c = 6;
-  let d = c - ze;
+  let A = c - ze;
   if (a.length > 0) {
     let u = a, h = 0;
-    for (; (!n.maxSize || d <= n.maxSize) && u; )
-      d += ze, h = d / l.unitsPerEm, [u, s] = He(e, a, d, h, o);
+    for (; (!n.maxSize || A <= n.maxSize) && u; )
+      A += ze, h = A / l.unitsPerEm, [u, s] = He(e, a, A, h, o);
   }
-  d > c && (d -= ze), n.minSize && d < n.minSize && (d = n.minSize);
-  const A = d / l.unitsPerEm;
-  return [i, s] = He(e, a, d, A, o), [d, i, s];
+  A > c && (A -= ze), n.minSize && A < n.minSize && (A = n.minSize);
+  const d = A / l.unitsPerEm;
+  return [i, s] = He(e, a, A, d, o), [A, i, s];
 }, Ye = 30;
 class Pe extends Error {
   constructor(t) {
@@ -8710,9 +8710,9 @@ class ks {
       a.data && a.data.maxLength && e.length > a.data.maxLength && (i || (i = {}), i.hitCharacterLimit = !0);
       const s = n.getProfanities(), o = ta(t.toLowerCase());
       for (const c of o)
-        for (const d in s) {
-          const A = s[d].toLowerCase().replace(/\s/g, "");
-          if (c === A) {
+        for (const A in s) {
+          const d = s[A].toLowerCase().replace(/\s/g, "");
+          if (c === d) {
             i || (i = {}), i.blockedProfanity = !0;
             break;
           }
@@ -8733,11 +8733,11 @@ class ks {
         height: o.height,
         width: o.width,
         scale: t.data.imageFillScale || 1
-      } : void 0, c = this.getDefaultStrokeColorVariant(t.data), d = t.data.strokeEnabled && c?.color ? {
+      } : void 0, c = this.getDefaultStrokeColorVariant(t.data), A = t.data.strokeEnabled && c?.color ? {
         browserValue: c.color,
         pmsValue: c.name
       } : void 0;
-      let A = t.data.defaultText || "";
+      let d = t.data.defaultText || "";
       const u = e.getWorkflowExperience().getBundle();
       if (u && t.globalPropertyAspectConfigurations) {
         const g = u.getGlobalPropertyConfiguration()?.aspects?.find(
@@ -8745,17 +8745,17 @@ class ks {
         );
         if (g) {
           const f = u.getGlobalPropertyStateManager().getAspect(g.name);
-          f && (A = f);
+          f && (d = f);
         }
       }
       e.updateStorage(t.stepName, {
-        text: A,
+        text: d,
         inputText: t.data.defaultText || "",
         color: this.getDefaultColorVariant(t.data)?.color || this.getDefaultColor(t.data),
         fillImage: l,
-        strokeColor: d
+        strokeColor: A
       }), e.updateMetadata(t.stepName, {
-        text: A,
+        text: d,
         color: this.getDefaultColorVariant(t.data)?.name || this.getDefaultColor(t.data),
         fillImage: i?.name,
         strokeColor: t.data.strokeEnabled ? c?.color : void 0
@@ -8765,7 +8765,7 @@ class ks {
         return this.selectVariantCommand(
           t,
           h,
-          { text: A },
+          { text: d },
           [],
           e,
           () => {
@@ -8773,7 +8773,7 @@ class ks {
           () => {
           },
           l,
-          d
+          A
         );
     }
     return null;
@@ -8912,7 +8912,7 @@ class ks {
     if (l.errorData)
       return l;
     l.helperData.charactersRemaining = a.data.maxLength - o.length;
-    const c = [], d = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Map();
+    const c = [], A = /* @__PURE__ */ new Map(), d = /* @__PURE__ */ new Map();
     for (const u of e) {
       if (!u.fontData) throw new V("Failed to resolve font data for text.");
       const [h, m] = fe(
@@ -8922,12 +8922,12 @@ class ks {
         [s],
         { size: a.data.size, minSize: a.data.minSize, maxSize: a.data.maxSize }
       );
-      d.set(u.id, h), A.set(u.id, m);
+      A.set(u.id, h), d.set(u.id, m);
       const g = a.data.curved ? s : (m || []).join(`
 `);
       c.push(this.generateTextChangeCommandsForRegion(h, a.data, u.id, g));
     }
-    return !a.data.curved && e.length > 0 && !Array.from(A.values()).every((h) => h) ? (l.errorData || (l.errorData = {}), l.errorData.doesNotFit = !0, l) : (n.updateStorage(a.stepName, { text: t }), n.updateMetadata(a.stepName, {
+    return !a.data.curved && e.length > 0 && !Array.from(d.values()).every((h) => h) ? (l.errorData || (l.errorData = {}), l.errorData.doesNotFit = !0, l) : (n.updateStorage(a.stepName, { text: t }), n.updateMetadata(a.stepName, {
       text: s
     }), (i?.defaultCleared || !a.data.deleteDefaultOnFocus) && s.trim() !== "" && n.setMandatoryFulfilled(a.stepName, !0), l.command = new R(c), l);
   }
@@ -8962,9 +8962,9 @@ class ks {
     if (n?.selectedVariants) {
       const c = n.selectedVariants[0].id;
       if (l && c) {
-        const d = l.variants?.find((A) => A.id === c);
-        if (d) {
-          const A = await this.fontDataFromVariant(d), u = o.map((p) => ({ id: p.id, region: p.stepRegion })), h = n.storage?.color;
+        const A = l.variants?.find((d) => d.id === c);
+        if (A) {
+          const d = await this.fontDataFromVariant(A), u = o.map((p) => ({ id: p.id, region: p.stepRegion })), h = n.storage?.color;
           let m = n.storage?.text;
           const g = e.getWorkflowExperience().getBundle();
           if (g && t.globalPropertyAspectConfigurations) {
@@ -8978,11 +8978,11 @@ class ks {
           }
           if (await e.setSelectionsAndElements(
             t.stepName,
-            [d],
+            [A],
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const p = o.map((S) => new Wa(S.id, A)), f = new R(p);
+              const p = o.map((S) => new Wa(S.id, d)), f = new R(p);
               e.getCommandDispatcher()(f);
             }
           ), o.length === 0 && l) {
@@ -9015,11 +9015,11 @@ class ks {
     } else {
       const c = e.getWorkflowExperience().getBundle();
       if (c && t.globalPropertyAspectConfigurations) {
-        const A = c.getGlobalPropertyConfiguration()?.aspects?.find(
+        const d = c.getGlobalPropertyConfiguration()?.aspects?.find(
           (u) => u.type === L.Text && t.globalPropertyAspectConfigurations?.map((h) => h.aspectName).includes(u.name)
         );
-        if (A) {
-          const h = c.getGlobalPropertyStateManager().getAspect(A.name);
+        if (d) {
+          const h = c.getGlobalPropertyStateManager().getAspect(d.name);
           if (h)
             if (o.length === 0 && l) {
               const m = H.getDefaultVariant(l);
@@ -9083,9 +9083,9 @@ class ks {
     };
   }
   async selectVariantCommand(t, e, a, n, i, s, o, l, c) {
-    const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
+    const A = i.markUpdatePending(), d = await this.fontDataFromVariant(e);
     if (n.length > 0) {
-      const u = n.map((g) => new Wa(g.id, A));
+      const u = n.map((g) => new Wa(g.id, d));
       if (l) {
         const g = n.map((p) => new qe(p.id, l));
         u.push(...g);
@@ -9099,7 +9099,7 @@ class ks {
       const h = await this.changeInputTextWithRegion(
         t,
         t.data.size || Ye,
-        A,
+        d,
         a.text || "",
         a,
         i,
@@ -9110,7 +9110,7 @@ class ks {
       return h && u.push(h), {
         command: new R(u),
         followup: async () => {
-          i.markUpdateCompleted(d), await i.setSelectionsAndElements(t.stepName, [e], n);
+          i.markUpdateCompleted(A), await i.setSelectionsAndElements(t.stepName, [e], n);
         }
       };
     } else {
@@ -9118,13 +9118,13 @@ class ks {
         t.stepName,
         e,
         t.data,
-        A,
+        d,
         a,
         i
       ), h = await this.changeInputTextWithRegion(
         t,
         t.data.size || Ye,
-        A,
+        d,
         u[0]?.newElement.input || a.text || t.data.defaultText || "",
         a,
         i,
@@ -9147,7 +9147,7 @@ class ks {
       return h && m.push(h), {
         command: new R(m),
         followup: async () => {
-          i.markUpdateCompleted(d);
+          i.markUpdateCompleted(A);
         }
       };
     }
@@ -9163,11 +9163,11 @@ class ks {
   async createTextboxRegions(t, e, a, n, i, s) {
     if (!a || !a.regions)
       throw new Error("Step data not supplied");
-    const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = async (A) => {
-      const h = s.getLayouts().find((g) => g.panelId === A.panelId), m = M();
+    const o = i.text || a.defaultText || "", l = this.getProcessedInput(o, a, !1), c = async (d) => {
+      const h = s.getLayouts().find((g) => g.panelId === d.panelId), m = M();
       try {
         if (!h)
-          throw new De("Failed to find layout for region: " + A.panelId);
+          throw new De("Failed to find layout for region: " + d.panelId);
         const g = a.colorOption;
         let p;
         if (g && g.variants) {
@@ -9177,25 +9177,25 @@ class ks {
           });
         }
         const f = await this.getDefaultColor(a), S = f || "#000000", v = {
-          stepRegion: A,
+          stepRegion: d,
           stepName: t,
           align: this.textAlign(a),
           fill: i.color ? i.color : S,
           fontSize: a.size || Ye,
           fontData: n,
           id: m,
-          layer: A.layer,
-          layerIndex: A.layerIndex,
-          rotation: A.rotation,
+          layer: d.layer,
+          layerIndex: d.layerIndex,
+          rotation: d.rotation,
           text: l,
           input: o,
           type: x.Textbox,
           vertical: a.vertical,
-          x: A.left,
-          y: A.top,
-          height: A.height,
-          width: A.width,
-          immutable: A.immutable,
+          x: d.left,
+          y: d.top,
+          height: d.height,
+          width: d.width,
+          immutable: d.immutable,
           verticalAlign: a.verticalAlign || "middle",
           curved: a.curved,
           paths: a.paths,
@@ -9224,7 +9224,7 @@ class ks {
         );
         const Q = new z(v, h);
         return {
-          regionElement: { id: m, region: A },
+          regionElement: { id: m, region: d },
           commands: [Q, ...I],
           newElement: v,
           fontData: n
@@ -9232,13 +9232,13 @@ class ks {
       } catch (g) {
         throw console.log(g), new Pe("Error adding font to region");
       }
-    }, d = await Promise.all(a.regions.map(c)).catch((A) => {
-      throw A instanceof Pe ? (Fs.setLatestToast("Failed to load font.", Oe.Error), A) : A instanceof De ? A : new Error(A);
+    }, A = await Promise.all(a.regions.map(c)).catch((d) => {
+      throw d instanceof Pe ? (Fs.setLatestToast("Failed to load font.", Oe.Error), d) : d instanceof De ? d : new Error(d);
     });
     return await s.setSelectionsAndElements(
       t,
       [e],
-      d.map((A) => A.regionElement),
+      A.map((d) => d.regionElement),
       async () => {
         s.updateMetadata(t, {
           text: o
@@ -9246,7 +9246,7 @@ class ks {
           text: o
         });
       }
-    ), d;
+    ), A;
   }
   generateTextChangeCommandsForRegion(t, e, a, n) {
     const i = [], s = new fs(a, n);
@@ -9259,8 +9259,8 @@ class ks {
   /**
    * @deprecated
    */
-  async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, d) {
-    const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+  async changeInputTextWithRegion(t, e, a, n, i, s, o, l, c, A) {
+    const d = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(d, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const I of h)
       if (I.region) {
         const [C, b] = fe(
@@ -9275,7 +9275,7 @@ class ks {
     const f = (() => {
       const I = Kt(u, s);
       if (t.data && t.data.maxLength && I.length > t.data.maxLength)
-        return d && d(!0), { info: "0" };
+        return A && A(!0), { info: "0" };
       const C = s.getProfanities(), b = ta(u.toLowerCase());
       for (const P of b)
         for (const B in C) {
@@ -9290,11 +9290,11 @@ class ks {
       c(f.error);
       return;
     }
-    if (c(`${f.info} characters remaining` || ""), d)
+    if (c(`${f.info} characters remaining` || ""), A)
       return;
-    s.updateStorage(t.stepName, { text: A }), s.updateMetadata(t.stepName, {
-      text: this.injectReplaceableText(A, t.data)
-    }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && A.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
+    s.updateStorage(t.stepName, { text: d }), s.updateMetadata(t.stepName, {
+      text: this.injectReplaceableText(d, t.data)
+    }), (i.defaultCleared || !t.data.deleteDefaultOnFocus) && d.trim() !== "" && s.setMandatoryFulfilled(t.stepName, !0);
     const S = [];
     for (const I of h) {
       const C = t.data.curved ? u : (g.get(I.id) || []).join(`
@@ -9339,8 +9339,8 @@ function Os(r, t, e, a, n, i) {
   };
   if (l.width <= 0)
     return;
-  const c = $s(l.height, l.width, e * s, a * o), d = (a - c * l.width) / 2 - c * l.x, A = (e - c * l.height) / 2 - c * l.y;
-  r.setAttribute("transform", `translate(${d} ${A}) scale(${c} ${c})`);
+  const c = $s(l.height, l.width, e * s, a * o), A = (a - c * l.width) / 2 - c * l.x, d = (e - c * l.height) / 2 - c * l.y;
+  r.setAttribute("transform", `translate(${A} ${d}) scale(${c} ${c})`);
 }
 function $s(r, t, e, a) {
   const n = e / r, i = a / t;
@@ -9378,15 +9378,15 @@ class Us {
       let l = e !== o;
       const c = ja[i.type];
       l && (s.push(o), e = o);
-      for (const d of c) {
-        const A = i[d];
+      for (const A of c) {
+        const d = i[A];
         let u;
-        switch (typeof A) {
+        switch (typeof d) {
           case "boolean":
-            u = A | 0;
+            u = d | 0;
             break;
           case "number":
-            u = (A * 100 | 0) / 100;
+            u = (d * 100 | 0) / 100;
             break;
           default:
             throw new Dt("Failed to encode path.");
@@ -9411,11 +9411,11 @@ class Us {
           throw new Dt(
             `Path type "${s}" given ${o.length} arguments, not divisible by ${c.length}`
           );
-        for (let d = 0; d < o.length / c.length; d++) {
-          const A = { type: s, relative: l };
+        for (let A = 0; A < o.length / c.length; A++) {
+          const d = { type: s, relative: l };
           for (let u = 0; u < c.length; u++)
-            A[c[u]] = o[d * c.length + u];
-          n.push(A);
+            d[c[u]] = o[A * c.length + u];
+          n.push(d);
         }
       } else
         n.push({ type: s, relative: l });
@@ -9431,10 +9431,10 @@ class Us {
       for (let s = 0; s < a.length; s++) {
         const [o, l] = a[s];
         if (o in i && l in i) {
-          const c = [i[o], i[l]], d = e(c);
-          if (d.length < 2)
+          const c = [i[o], i[l]], A = e(c);
+          if (A.length < 2)
             throw new Dt("Transformer must return at least 2 points.");
-          i[o] = d[0], i[l] = d[1];
+          i[o] = A[0], i[l] = A[1];
         }
       }
       return i;
@@ -9467,13 +9467,13 @@ class Ls extends Ms {
     return this.svgElement(t, e);
   }
   svgElement(t, e) {
-    const a = Zi(Ts), i = t !== "" ? ((v) => v.charAt(0).toUpperCase() + v.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 = Zi(Ts), i = t !== "" ? ((v) => v.charAt(0).toUpperCase() + v.substr(1).toLowerCase())(t) : "", s = a.getPath(i, 0, 72, 72), o = s.toSVG(2), l = s.getBoundingBox(), c = l.x2 - l.x1, A = s.toPathData(3), d = () => {
       const v = et("g");
       v.classList.add("module-text-group");
       const I = et("defs");
       v.appendChild(I), I.appendChild(Qs(0, 2, 2, "shadow"));
       const C = et("path");
-      C.setAttribute("d", d), C.setAttribute("stroke", "black"), C.setAttribute("stroke-width", "3"), I.appendChild(C);
+      C.setAttribute("d", A), C.setAttribute("stroke", "black"), C.setAttribute("stroke-width", "3"), I.appendChild(C);
       const b = et("g");
       b.classList.add("module-layer0"), v.appendChild(b), b.setAttribute("filter", "url(#shadow)"), b.innerHTML = C.outerHTML;
       const P = et("g");
@@ -9492,9 +9492,9 @@ class Ls extends Ms {
     g.setAttribute("opacity", "0"), m.appendChild(g);
     const p = et("g");
     p.classList.add("module-text-enclosure"), u.appendChild(p);
-    const f = A();
+    const f = d();
     p.appendChild(f);
-    const S = fr(d);
+    const S = fr(A);
     return Os(p, S, e.height, e.width, 0.35, 0.65), Rs(u.outerHTML);
   }
 }
@@ -9842,6 +9842,7 @@ const re = w`
         $tags: ProductCollectionProductTagFilterInput
         $sortKey: ProductCollectionProductSortKey
         $sortDescending: Boolean
+        $quickSearch: String
     ) {
         productCollections(ids: [$id]) {
             id
@@ -9852,6 +9853,7 @@ const re = w`
                 offset: $offset
                 sortKey: $sortKey
                 sortDescending: $sortDescending
+                quickSearch: $quickSearch
             ) {
                 items {
                     ...ProductCollectionProductFields
@@ -10225,14 +10227,14 @@ class Ya extends Fn {
   }
 }
 class yo {
-  constructor(t, e, a, n, i, s, o, l, c, d, A, u, h, m = !1, g, p = !1, f = !1, S = !1) {
+  constructor(t, e, a, n, i, s, o, l, c, A, d, u, h, m = !1, g, p = !1, f = !1, S = !1) {
     this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       if (!this.previewService) return;
       const v = this.getCommandContext().getAllLayouts(), I = this.getLayoutPreviewService()?.getAll();
       if (I)
         for (const [, C] of I)
           C.render(v);
-    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = d, this.previewService = A, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((v) => {
+    }, this.experience = t, this.client = e, this.updateTransaction = o, this.graphQlClient = l, this.commandContext = s, this.reloadedState = h, this.transaction = c, this.readOnly = m, this.singleVariantsRenderable = f, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = a, this.stepSpecificServices = {}, this.profanityFilter = n, this.pollers = [], this.allScenes = [], this.layouts = i, this.product = A, this.previewService = d, this.modelContainer = g, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.validationErrors = { steps: /* @__PURE__ */ new Map() }, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.validationCallbacks = [], this.recipientCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = u, this.renderableContextService?.setWorkflowManager(this), this.isReloadedTransaction = p, this.workflow.steps.forEach((v) => {
       this.stepTags[v.stepName] = v.tags ?? [];
     }), S && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(a), this.initializationPromise.then(() => {
       this.initialized = !0;
@@ -10265,7 +10267,7 @@ class yo {
       }
     }), e;
   }
-  async updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
+  async updateRecipient(t, e, a, n, i, s, o, l, c, A, d, u, h, m, g, p, f) {
     if (this.transaction.recipient?.id)
       this.transaction.recipient = {
         id: this.transaction.recipient.id,
@@ -10278,8 +10280,8 @@ class yo {
         postalCode: o || this.transaction.recipient.postalCode,
         country: l || this.transaction.recipient.country,
         mobile: c || this.transaction.recipient.mobile,
-        company: d || this.transaction.recipient.company,
-        apartment: A || this.transaction.recipient.apartment,
+        company: A || this.transaction.recipient.company,
+        apartment: d || this.transaction.recipient.apartment,
         customField1: u || this.transaction.recipient.customField1,
         customField2: h || this.transaction.recipient.customField2,
         customField3: m || this.transaction.recipient.customField3,
@@ -10301,8 +10303,8 @@ class yo {
           postalCode: o || this.transaction.recipient.postalCode,
           country: l || this.transaction.recipient.country,
           mobile: c || this.transaction.recipient.mobile,
-          company: d || this.transaction.recipient.company,
-          apartment: A || this.transaction.recipient.apartment,
+          company: A || this.transaction.recipient.company,
+          apartment: d || this.transaction.recipient.apartment,
           customField1: u || this.transaction.recipient.customField1,
           customField2: h || this.transaction.recipient.customField2,
           customField3: m || this.transaction.recipient.customField3,
@@ -10326,8 +10328,8 @@ class yo {
           postalCode: o,
           country: l,
           mobile: c,
-          company: d,
-          apartment: A,
+          company: A,
+          apartment: d,
           customField1: u,
           customField2: h,
           customField3: m,
@@ -10347,8 +10349,8 @@ class yo {
         postalCode: o,
         country: l,
         mobile: c,
-        company: d,
-        apartment: A,
+        company: A,
+        apartment: d,
         customField1: u,
         customField2: h,
         customField3: m,
@@ -10603,14 +10605,14 @@ class yo {
           console.error(`Failed to read model url from variant: ${l.id} for step: ${s.stepName}`);
           return;
         }
-        const d = s.data;
+        const A = s.data;
         this.modelContainer.applyModelVariant(
           s.stepName,
           {
             model: c,
             contextService: this.getLayoutPreviewService()
           },
-          d.replaceProductModel || !1
+          A.replaceProductModel || !1
         );
       } else {
         const c = l.material;
@@ -10618,12 +10620,12 @@ class yo {
           console.error(`Failed to read material from variant: ${l.id} for step: ${s.stepName}`);
           return;
         }
-        s.data.targetMaterials.forEach((A) => {
+        s.data.targetMaterials.forEach((d) => {
           if (!this.modelContainer)
             throw new V(
               "We should always have a model container when injecting a preview!"
             );
-          this.modelContainer.applyMaterialVariant(A, s.option.id, c);
+          this.modelContainer.applyMaterialVariant(d, s.option.id, c);
         });
       }
     }), await a.getInitializationPromise(), this.renderLayouts();
@@ -10721,7 +10723,7 @@ class yo {
     const e = (a, n) => Object.keys(a).reduce((i, s) => {
       const o = [...a[s] || []];
       return n.forEach((l) => {
-        const c = o.findIndex((d) => d.id === l.id);
+        const c = o.findIndex((A) => A.id === l.id);
         c > -1 && o.splice(c, 1);
       }), i[s] = o, i;
     }, {});
@@ -10739,15 +10741,15 @@ class yo {
     const a = this.product;
     if (!a)
       return Promise.resolve({ stepElements: {}, commands: [] });
-    const n = async (c, d, A) => {
+    const n = async (c, A, d) => {
       if (c.type === E.SilentIllustration) {
-        const u = await new qa(c, d).trigger();
+        const u = await new qa(c, A).trigger();
         return { step: c, results: u };
       } else if (c.type === E.ProductOverlay) {
         const u = await new qa(
           c,
-          d,
-          A
+          A,
+          d
         ).trigger();
         return { step: c, results: u };
       }
@@ -10762,7 +10764,7 @@ class yo {
       this.markStepsAsInitialised([c.stepName]), e || o.push(n(c, this.layouts, a));
     const l = await Promise.all(o);
     for (const c of l)
-      s.stepElements[c.step.stepName] = c.results.map((d) => d.regionElement), s.commands = [...s.commands, ...c.results.map((d) => d.command)];
+      s.stepElements[c.step.stepName] = c.results.map((A) => A.regionElement), s.commands = [...s.commands, ...c.results.map((A) => A.command)];
     return s;
   }
   getStepStorage(t) {
@@ -10835,13 +10837,13 @@ class yo {
     }, this.selectionCost = Object.values(this.stepSelections).reduce((C, b) => C + b.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
       yt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
-    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), d = l.map((C) => C.silentSteps).flat().filter(
       (C) => !c.some((b) => b.stepName === C.stepName)
     );
     c.forEach((C) => {
       yt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
-    const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
+    const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(d, !1);
     this.stepElements = {
       ...this.stepElements,
       ...h,
@@ -11217,10 +11219,10 @@ class So extends Z {
     if (s.length !== 0) {
       const o = {};
       return s.forEach((l) => {
-        const c = i.channelNumbers.find((d) => d.number === l.channelNumber);
+        const c = i.channelNumbers.find((A) => A.number === l.channelNumber);
         if (c) {
-          const d = c.id.replace(/\W/g, "");
-          o[l.channelNumber] = { browserValue: a[d]?.browserValue || "" };
+          const A = c.id.replace(/\W/g, "");
+          o[l.channelNumber] = { browserValue: a[A]?.browserValue || "" };
         }
       }), o;
     }
@@ -11467,24 +11469,24 @@ class Po extends Z {
     s || (e.input = n);
     const o = a.length <= 0, l = o ? { inputText: n, text: n } : { inputText: n };
     this.manager.updateStorage(this.step.stepName, l);
-    const c = this.manager.getStepStorage(this.step.stepName), d = G.getProcessedInput(
+    const c = this.manager.getStepStorage(this.step.stepName), A = G.getProcessedInput(
       n,
       this.step.data,
       c?.customiseAllText ?? !1
     );
     if (o)
       s || this.manager.updateMetadata(this.step.stepName, {
-        text: d
+        text: A
       });
     else {
-      const { command: A, errorData: u, helperData: h } = G.updateInputText(
+      const { command: d, errorData: u, helperData: h } = G.updateInputText(
         n,
         a,
         this.step,
         this.manager
       );
-      A && this.manager.getCommandDispatcher()(A), e.helperData = h, e.errorData = u, !s && !u && this.manager.updateMetadata(this.step.stepName, {
-        text: d
+      d && this.manager.getCommandDispatcher()(d), e.helperData = h, e.errorData = u, !s && !u && this.manager.updateMetadata(this.step.stepName, {
+        text: A
       });
     }
     return e;
@@ -11852,11 +11854,11 @@ const To = async (r, t) => {
   const n = {};
   let i = {};
   a && (i = a);
-  const o = t.steps.map((l) => l.stepTitle).filter((l, c, d) => d.indexOf(l) == c);
+  const o = t.steps.map((l) => l.stepTitle).filter((l, c, A) => A.indexOf(l) == c);
   for (const l of o) {
     if (Object.keys(r).includes(l)) {
-      const c = r[l], d = t.steps.find((A) => A.stepTitle === l);
-      n[`${d?.stepTitle} selection`] = {
+      const c = r[l], A = t.steps.find((d) => d.stepTitle === l);
+      n[`${A?.stepTitle} selection`] = {
         value: c[0].name,
         priceModifier: c[0].priceModifier
       };
@@ -11869,7 +11871,7 @@ const To = async (r, t) => {
   }
   return n;
 }, _n = (r, t, e, a, n, i, s, o) => {
-  const l = t.basePrice || 0, c = r.priceModifierTotal || 0, d = Qo(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
+  const l = t.basePrice || 0, c = r.priceModifierTotal || 0, A = Qo(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
     additionalExternalProductId: r.integrationProduct?.additionalExternalProductId,
     additionalExternalVariantId: r.integrationProduct?.additionalExternalVariantId,
     baseCost: l,
@@ -11877,7 +11879,7 @@ const To = async (r, t) => {
     designProductId: r.externalDesignProductId,
     designProductVariantId: r.externalDesignProductVariantId,
     event: "onComplete",
-    exportedData: d,
+    exportedData: A,
     externalCartProductId: r.externalCartProductId,
     externalCartProductVariantId: r.externalCartProductVariantId,
     lineItemImageUrl: s || "",
@@ -11982,9 +11984,9 @@ const To = async (r, t) => {
     cartSelectionsWithPrices: S,
     cartMetadata: g
   };
-}, Ro = async (r, t, e, a, n, i, s, o, l, c, d) => {
+}, Ro = async (r, t, e, a, n, i, s, o, l, c, A) => {
   l("workflow.steps.finish.finalize.buildingLayouts");
-  const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await Xn(
+  const { designDetails: d, cartSelectionsWithPrices: u, cartMetadata: h } = await Xn(
     r,
     t,
     e,
@@ -11993,10 +11995,10 @@ const To = async (r, t) => {
     s,
     o,
     c,
-    d
+    A
   );
   l("workflow.steps.finish.finalize.creatingDesign");
-  const m = await To(A), g = m?.transaction?.previewImageLink;
+  const m = await To(d), g = m?.transaction?.previewImageLink;
   if (!m?.transaction)
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
@@ -12046,15 +12048,15 @@ const To = async (r, t) => {
   if (!s)
     throw new Error("Failed to create designs");
   return t("workflow.steps.finish.finalize.updatingTransaction"), s.map((o, l) => {
-    const c = r[l], d = i[l], A = o.transaction;
+    const c = r[l], A = i[l], d = o.transaction;
     return _n(
-      A,
+      d,
       c.product,
       c.workflow,
-      d.cartSelectionsWithPrices,
+      A.cartSelectionsWithPrices,
       o.sku,
-      d.cartMetadata,
-      A.previewImageLink,
+      A.cartMetadata,
+      d.previewImageLink,
       o.processExecution?.id
     );
   });
@@ -12280,23 +12282,23 @@ class Go {
     }
     let i = 2048;
     e && e <= 2048 && (i = e);
-    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((v) => v.layoutState?.layout.panelId === c?.name) || o[0], A = d.layoutState.layout.previewRegion ? {
-      x: d.layoutState.layout.previewRegion.left,
-      y: d.layoutState.layout.previewRegion.top,
-      width: d.layoutState.layout.previewRegion.width,
-      height: d.layoutState.layout.previewRegion.height
+    const s = pt(i, i), o = this.commandContext.getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], A = o.find((v) => v.layoutState?.layout.panelId === c?.name) || o[0], d = A.layoutState.layout.previewRegion ? {
+      x: A.layoutState.layout.previewRegion.left,
+      y: A.layoutState.layout.previewRegion.top,
+      width: A.layoutState.layout.previewRegion.width,
+      height: A.layoutState.layout.previewRegion.height
     } : {
       x: 0,
       y: 0,
-      width: d.layoutState.layout.width,
-      height: d.layoutState.layout.height
-    }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
+      width: A.layoutState.layout.width,
+      height: A.layoutState.layout.height
+    }, u = this.commandContext.getLayoutById(A.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
       throw new xe("Failed to obtain 2D context for preview image creation");
     const m = await this.workflowManager.getTemplatingContext(), g = ya(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: jt.Print,
-        region: { left: A.x, top: A.y, width: A.width, height: A.height },
+        region: { left: d.x, top: d.y, width: d.width, height: d.height },
         templatingContext: m
       }
     }), p = mn(g);
@@ -12396,20 +12398,20 @@ class Go {
     );
   }
   async copySelectionsViaGlobalConfiguration(t, e, a) {
-    const n = await t.getGlobalProperties(), i = a?.map((c) => c.getId()), s = this.getSteps().filter((c) => i === void 0 || i.includes(c.getId())), o = e.getSteps(), l = (c) => n.find((d) => d.getRawProperty().name === c.aspectName);
+    const n = await t.getGlobalProperties(), i = a?.map((c) => c.getId()), s = this.getSteps().filter((c) => i === void 0 || i.includes(c.getId())), o = e.getSteps(), l = (c) => n.find((A) => A.getRawProperty().name === c.aspectName);
     s.forEach((c) => {
-      const d = /* @__PURE__ */ new Set(), A = c.getRaw().globalPropertyAspectConfigurations;
-      A !== void 0 && (A.forEach((u) => d.add(JSON.stringify(u))), o.forEach((u) => {
+      const A = /* @__PURE__ */ new Set(), d = c.getRaw().globalPropertyAspectConfigurations;
+      d !== void 0 && (d.forEach((u) => A.add(JSON.stringify(u))), o.forEach((u) => {
         const h = u.getRaw().globalPropertyAspectConfigurations;
         h !== void 0 && h.forEach((m) => {
-          const g = l(m), p = d.has(JSON.stringify(m));
+          const g = l(m), p = A.has(JSON.stringify(m));
           if (p && g?.getType() === "Option") {
             const f = u.getCurrentVariant();
             if (!f) return;
-            c.selectVariant(f), d.delete(JSON.stringify(m));
+            c.selectVariant(f), A.delete(JSON.stringify(m));
           } else if (p && g?.getType() === "Text") {
             const f = u.getText();
-            c.setText(f), d.delete(JSON.stringify(m));
+            c.setText(f), A.delete(JSON.stringify(m));
           }
         });
       }));
@@ -12545,19 +12547,19 @@ class Go {
       switch (i.type) {
         case E.Frame:
           {
-            const d = i.data, A = o;
-            A.image && d.displayImageOnFinishStep && c.properties.push({
+            const A = i.data, d = o;
+            d.image && A.displayImageOnFinishStep && c.properties.push({
               type: "image",
-              value: A.image,
+              value: d.image,
               priceModifier: 0
             });
           }
           break;
         case E.Illustration:
           {
-            const d = i.data, A = o;
-            if (A && A.colors && A.colors.length > 0 && d.displayColorsOnFinishStep) {
-              const u = A.colors.join(", ").toUpperCase();
+            const A = i.data, d = o;
+            if (d && d.colors && d.colors.length > 0 && A.displayColorsOnFinishStep) {
+              const u = d.colors.join(", ").toUpperCase();
               c.properties.push({
                 type: "color",
                 value: u,
@@ -12568,23 +12570,23 @@ class Go {
           break;
         case E.Module:
           {
-            const d = i.data, A = o;
-            A && A.text && d.displayTextOnFinishStep && c.properties.push({
+            const A = i.data, d = o;
+            d && d.text && A.displayTextOnFinishStep && c.properties.push({
               type: "text",
-              value: A.text,
+              value: d.text,
               priceModifier: 0
             });
           }
           break;
         case E.Text: {
-          const d = i.data, A = o;
-          A && A.text && d.displayTextOnFinishStep && c.properties.push({
+          const A = i.data, d = o;
+          d && d.text && A.displayTextOnFinishStep && c.properties.push({
             type: "text",
-            value: A.text,
+            value: d.text,
             priceModifier: 0
-          }), A && A.color && d.displayColorOnFinishStep && c.properties.push({
+          }), d && d.color && A.displayColorOnFinishStep && c.properties.push({
             type: "color",
-            value: A.color,
+            value: d.color,
             priceModifier: 0
           });
         }
@@ -12665,7 +12667,7 @@ const Wo = (r) => {
 ], Ho = async (r, t, e) => {
   const a = t.data, n = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = n.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + n);
   o.searchParams.append("video", Qa(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
-  const l = o.toString(), d = `data:image/svg+xml;base64,${Qa(await ln(l, { type: "svg" }))}`, A = (h) => {
+  const l = o.toString(), A = `data:image/svg+xml;base64,${Qa(await ln(l, { type: "svg" }))}`, d = (h) => {
     const m = r.find((p) => p.panelId === h.panelId);
     if (!m)
       throw new Y(h);
@@ -12673,7 +12675,7 @@ const Wo = (r) => {
     return new z(
       {
         id: g,
-        src: d,
+        src: A,
         type: x.Image,
         y: h.top,
         x: h.left,
@@ -12685,7 +12687,7 @@ const Wo = (r) => {
     );
   }, u = e.data.regions;
   try {
-    return u.map(A);
+    return u.map(d);
   } catch (h) {
     return console.error(h), [];
   }
@@ -12695,12 +12697,12 @@ const Wo = (r) => {
     const o = As(n, a.option);
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
-      const d = await $n(c, o?.asset?.fileLink), A = await Re(d), u = M(), h = r.find((g) => g.panelId === c.panelId);
+      const A = await $n(c, o?.asset?.fileLink), d = await Re(A), u = M(), h = r.find((g) => g.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = va(
         s,
-        A,
+        d,
         {
           scale: n.scale,
           left: n.x,
@@ -12712,7 +12714,7 @@ const Wo = (r) => {
         new z(
           {
             id: u,
-            path: A.path,
+            path: d.path,
             type: x.Frame,
             forceImageCover: a.data.forceImageCover,
             x: c.left,
@@ -12722,8 +12724,8 @@ const Wo = (r) => {
             layer: c.layer,
             layerIndex: c.layerIndex,
             rotation: c.rotation,
-            scaleX: c.width / A.width,
-            scaleY: c.height / A.height,
+            scaleX: c.width / d.width,
+            scaleY: c.height / d.height,
             pattern: {
               id: `${u}-pattern`,
               src: s.src,
@@ -12759,7 +12761,7 @@ const Wo = (r) => {
   const o = s.asset?.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
-  const l = await at(o, !0), c = /<svg.*?<\/svg>/s, d = l.match(c) || [], A = d?.length > 0 ? d[0] : "", m = dt().parseFromString(A, "image/svg+xml").firstElementChild;
+  const l = await at(o, !0), c = /<svg.*?<\/svg>/s, A = l.match(c) || [], d = A?.length > 0 ? A[0] : "", m = dt().parseFromString(d, "image/svg+xml").firstElementChild;
   if (!m)
     return console.error("Failed to read SVG."), [];
   ga(m);
@@ -12816,14 +12818,14 @@ const Wo = (r) => {
   }
 }, Ko = async (r, t, e) => {
   const a = await Jn(e.data.module), n = t.data, i = (o, l) => {
-    const c = r.find((A) => A.panelId === l.panelId);
+    const c = r.find((d) => d.panelId === l.panelId);
     if (!c)
       throw new Y(l);
-    const d = M();
+    const A = M();
     return new z(
       {
         colors: {},
-        id: d,
+        id: A,
         svg: o,
         type: x.Illustration,
         y: l.top,
@@ -12848,7 +12850,7 @@ const Wo = (r) => {
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = i.variants?.find((d) => d.id === n.pictureVariantId) || ne(i);
+  const s = i.variants?.find((A) => A.id === n.pictureVariantId) || ne(i);
   if (!s)
     return console.error(`No variant with ID: ${n.pictureVariantId}`), [];
   if (!s.asset)
@@ -12857,33 +12859,33 @@ const Wo = (r) => {
   const o = s.asset?.fileLink;
   if (!o)
     return console.error(`No asset link for variant with ID: ${n.pictureVariantId}`), [];
-  const l = (d) => {
-    const A = r.find((h) => h.panelId === d.panelId);
-    if (!A)
-      throw new Y(d);
+  const l = (A) => {
+    const d = r.find((h) => h.panelId === A.panelId);
+    if (!d)
+      throw new Y(A);
     const u = M();
     return new z(
       {
         id: u,
         src: o,
         type: x.Image,
-        y: d.top,
-        x: d.left,
-        rotation: d.rotation,
-        width: d.width,
-        height: d.height,
-        layer: d.layer,
-        layerIndex: d.layerIndex,
-        immutable: d.immutable,
+        y: A.top,
+        x: A.left,
+        rotation: A.rotation,
+        width: A.width,
+        height: A.height,
+        layer: A.layer,
+        layerIndex: A.layerIndex,
+        immutable: A.immutable,
         preserveAspectRatio: "none"
       },
-      A
+      d
     );
   }, c = a.data.regions;
   try {
     return c.map(l);
-  } catch (d) {
-    return console.error(d), [];
+  } catch (A) {
+    return console.error(A), [];
   }
 }, Xo = async (r, t, e, a) => {
   const n = e.data, i = a.option;
@@ -12894,10 +12896,10 @@ const Wo = (r) => {
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
   const o = (c) => {
-    const d = r.find((g) => g.panelId === c.panelId);
-    if (!d)
+    const A = r.find((g) => g.panelId === c.panelId);
+    if (!A)
       throw new Y(c);
-    const A = `
+    const d = `
         <svg
             xmlns="http://www.w3.org/2000/svg"
             xmlnsXlink="http://www.w3.org/1999/xlink"
@@ -12922,7 +12924,7 @@ const Wo = (r) => {
       {
         colors: h,
         id: m,
-        svg: A,
+        svg: d,
         type: x.Illustration,
         y: c.top,
         x: c.left,
@@ -12933,7 +12935,7 @@ const Wo = (r) => {
         layerIndex: c.layerIndex,
         immutable: c.immutable
       },
-      d
+      A
     );
   }, l = a.data.regions;
   try {
@@ -12946,10 +12948,10 @@ const Wo = (r) => {
   if (o === "image")
     try {
       l.forEach((c) => {
-        const d = r.find((u) => u.panelId === c.panelId);
-        if (!d)
+        const A = r.find((u) => u.panelId === c.panelId);
+        if (!A)
           throw new Y(c);
-        const A = {
+        const d = {
           id: M(),
           src: i,
           type: o,
@@ -12966,38 +12968,38 @@ const Wo = (r) => {
           excludeFromExport: t.data.excludeFromPrint,
           preserveAspectRatio: "none"
         };
-        a.push(new z(A, d));
+        a.push(new z(d, A));
       });
     } catch (c) {
       console.error(c);
     }
   else {
-    const c = await at(i, !0), d = (A) => {
-      const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
+    const c = await at(i, !0), A = (d) => {
+      const u = /<svg.*?<\/svg>/s, h = d.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new Dt("Failed to read SVG.");
       return ga(f), Bt().serializeToString(f);
     };
-    l.forEach((A) => {
-      const u = r.find((m) => m.panelId === A.panelId);
+    l.forEach((d) => {
+      const u = r.find((m) => m.panelId === d.panelId);
       if (!u)
-        throw new Y(A);
+        throw new Y(d);
       const h = {
         id: M(),
         src: i,
         asset_key: i,
-        svg: d(c),
+        svg: A(c),
         colors: {},
         type: o,
-        y: A.top,
-        x: A.left,
-        width: A.width,
-        height: A.height,
-        layer: A.layer,
-        layerIndex: A.layerIndex,
+        y: d.top,
+        x: d.left,
+        width: d.width,
+        height: d.height,
+        layer: d.layer,
+        layerIndex: d.layerIndex,
         scaleX: 1,
         scaleY: 1,
-        rotation: A.rotation,
+        rotation: d.rotation,
         productOverlay: t.type === E.ProductOverlay ? !0 : void 0,
         excludeFromExport: t.data.excludeFromPrint
       };
@@ -13017,7 +13019,7 @@ const Wo = (r) => {
     const S = f.asset.fileLink;
     if (S)
       return S;
-  }, d = await (async () => {
+  }, A = await (async () => {
     const p = l();
     if (!p)
       return;
@@ -13026,7 +13028,7 @@ const Wo = (r) => {
       assetUrl: p,
       name: f.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Be(A, {
+  })(), d = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Be(d, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (p) => {
@@ -13043,7 +13045,7 @@ const Wo = (r) => {
       align: o(a.data),
       curved: a.data.curved,
       fill: i.color || m || "#000000",
-      fontData: d,
+      fontData: A,
       fontSize: a.data.size || s,
       height: p.height,
       layer: p.layer,
@@ -13058,10 +13060,10 @@ const Wo = (r) => {
       x: p.left,
       y: p.top
     };
-    if (d) {
+    if (A) {
       const [v, I] = fe(
         a.data.size || s,
-        d,
+        A,
         p,
         [
           Be(u, {
@@ -13312,12 +13314,12 @@ class ol extends Fn {
       l = p.width, c = p.height;
     } else
       l = i.width, c = i.height;
-    const d = await this.getWorkflowManager?.()?.getTemplatingContext(), A = ya(t.layoutState.layout, e, {
+    const A = await this.getWorkflowManager?.()?.getTemplatingContext(), d = ya(t.layoutState.layout, e, {
       renderingConfiguration: {
         purpose: jt.ThreeD,
-        templatingContext: d
+        templatingContext: A
       }
-    }), u = mn(A), h = await da.from(this.ctx, u, {
+    }), u = mn(d), h = await da.from(this.ctx, u, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
@@ -13937,7 +13939,7 @@ class hl {
         else {
           if (n === 1) {
             const c = this.globalPropertyState.aspects.findIndex(
-              (d) => !d.channel && d.name === t
+              (A) => !A.channel && A.name === t
             );
             c && c > 0 && this.globalPropertyState.aspects.splice(c, 1);
           }
@@ -14321,9 +14323,12 @@ class er {
    * @param limit The maximum number of products to return.
    * @param filters Optional metafield filters to apply to the query.
    * @param tags Optional object of tag filters to apply.
+   * @param sortKey Optional field of the products to sort by.
+   * @param sortDescending Optional boolean to indicate if the sort should be in descending order.
+   * @param quickSearch Optional string to filter products by name.
    * @returns
    */
-  async fetchProductsFeed(t, e, a, n, i, s) {
+  async fetchProductsFeed(t, e, a, n, i, s, o) {
     if (this.fullFetched) {
       const d = await (a ? this.filterProducts(a) : this.fetchProducts());
       return {
@@ -14331,7 +14336,7 @@ class er {
         items: d.slice(t, t + e)
       };
     }
-    const o = new AbortController(), { signal: l } = o, c = y.getShadowGraphqlClient().watchQuery({
+    const l = new AbortController(), { signal: c } = l, A = y.getShadowGraphqlClient().watchQuery({
       query: Js,
       variables: {
         id: this.getId(),
@@ -14346,33 +14351,34 @@ class er {
           exclude: n.exclude ?? []
         } : void 0,
         sortKey: i,
-        sortDescending: s
+        sortDescending: s,
+        quickSearch: o
       },
       errorPolicy: "all",
       fetchPolicy: "cache-first",
       returnPartialData: !0,
       context: {
         fetchOptions: {
-          signal: l
+          signal: c
         }
       }
     });
     return new Promise((d) => {
-      let A = !1;
-      const u = c.subscribe({
-        next(h) {
-          if (A || h.partial && (!h.data.productCollections || h.data.productCollections.length === 0 || !h.data.productCollections[0].productCollectionProductsFeed?.items || h.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
+      let u = !1;
+      const h = A.subscribe({
+        next(m) {
+          if (u || m.partial && (!m.data.productCollections || m.data.productCollections.length === 0 || !m.data.productCollections[0].productCollectionProductsFeed?.items || m.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
-          o.abort(), A = !0, u.unsubscribe();
-          const m = h.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((g) => !!g.product).map((g) => new Ae(St(g))) || [];
+          l.abort(), u = !0, h.unsubscribe();
+          const g = m.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((p) => !!p.product).map((p) => new Ae(St(p))) || [];
           d({
-            items: m,
+            items: g,
             // Clone items because it could be cached data (immutable)
-            total: h.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
+            total: m.data.productCollections?.[0].productCollectionProductsFeed?.total ?? 0
           });
         },
         error() {
-          A || (A = !0, u.unsubscribe(), d({ items: [], total: 0 }));
+          u || (u = !0, h.unsubscribe(), d({ items: [], total: 0 }));
         }
       });
     });
@@ -14670,22 +14676,22 @@ class Ke {
       this.onGlobalPropertiesChanged.bind(this),
       s
     ), this.globalPropertyHandleService = new ll(this), this.setPreviewService(a);
-    const l = new Promise((c, d) => {
+    const l = new Promise((c, A) => {
       if (s?.readonly) {
         c([]);
         return;
       }
       console.log("Setting default global variants.");
-      const A = this.globalPropertyStateManager.getGlobalPropertyState();
-      A ? this.globalPropertyHandleService.getHandles().then((u) => {
+      const d = this.globalPropertyStateManager.getGlobalPropertyState();
+      d ? this.globalPropertyHandleService.getHandles().then((u) => {
         const h = u.map((m) => {
           if (m.getType() === L.ColorOption || m.getType() === L.Option) {
             const g = m;
-            if (!A.aspects.find((f) => f.name === g.getName()))
+            if (!d.aspects.find((f) => f.name === g.getName()))
               return g.initDefaultVariant();
           }
         });
-        Promise.all(h).then(c).catch(d);
+        Promise.all(h).then(c).catch(A);
       }) : (console.log("Attempted to set global default variant before state was initialized."), c([]));
     });
     this.initializationPromise = Promise.all([
@@ -14820,9 +14826,9 @@ class Ke {
             const l = a.storage?.colors;
             if (l) {
               const c = Object.fromEntries(
-                l.map((d) => [
-                  d.key,
-                  { browserValue: d.browserValue, pmsValue: d.pmsValue }
+                l.map((A) => [
+                  A.key,
+                  { browserValue: A.browserValue, pmsValue: A.pmsValue }
                 ]) ?? []
               );
               await s.changeColors(c);
@@ -14875,9 +14881,9 @@ class Ke {
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             n
-          ), d = [...new Set(o.map((u) => u.number))];
-          if (d.length > c)
-            for (const u of d) {
+          ), A = [...new Set(o.map((u) => u.number))];
+          if (A.length > c)
+            for (const u of A) {
               const h = this.getGlobalPropertyStateManager(), m = l.find((g) => g.channelNumber === u);
               m && await h.setAspect(n, m.variant.id || "", void 0, m.channelNumber);
             }
@@ -15401,16 +15407,16 @@ class Pl {
       mutation: Il,
       variables: {
         processFlowId: t,
-        inputs: [...e.map((A) => A.getValueForTransmission())]
+        inputs: [...e.map((d) => d.getValueForTransmission())]
       }
     })).data?.processExecutionCreate?.id;
     if (!i) throw new Error("Failed to create process execution.");
-    function s(A) {
+    function s(d) {
       return new Promise((u) => {
-        setTimeout(u, A);
+        setTimeout(u, d);
       });
     }
-    let o = !1, l = 0, c, d;
+    let o = !1, l = 0, c, A;
     for (; !o; ) {
       c = await y.getShadowGraphqlClient().query({
         query: w`
@@ -15431,14 +15437,14 @@ class Pl {
           ids: [i]
         }
       });
-      const A = c.data?.processExecutions[0];
-      if (!c || !A) throw new Error("Failed to retrieve server response for execution.");
-      if (A.failedAt)
+      const d = c.data?.processExecutions[0];
+      if (!c || !d) throw new Error("Failed to retrieve server response for execution.");
+      if (d.failedAt)
         throw new Error(
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
-      if (A.completedAt) {
-        o = !0, d = new Dl(A);
+      if (d.completedAt) {
+        o = !0, A = new Dl(d);
         break;
       }
       l += 1;
@@ -15446,8 +15452,8 @@ class Pl {
       if (l >= u) throw new Error("Maximum wait time exceeded for execution result.");
       await s(a?.sleepTime ? Math.max(a.sleepTime, 500) : 2e3);
     }
-    if (!d) throw new Error("Failed to retrieve server response for execution.");
-    return Promise.resolve(d);
+    if (!A) throw new Error("Failed to retrieve server response for execution.");
+    return Promise.resolve(A);
   }
 }
 class Dl {
@@ -15922,7 +15928,7 @@ class md {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.0.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.1.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && zr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Ut.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16210,7 +16216,7 @@ class md {
       mutation: Ks(a?.graphql?.productCollection?.eagerFetchProducts || !1),
       variables: {
         collectionId: t,
-        initialMetadata: e ? Object.entries(e).map((c, d) => ({ key: c[0], value: c[1] })) : void 0,
+        initialMetadata: e ? Object.entries(e).map((c, A) => ({ key: c[0], value: c[1] })) : void 0,
         marketplaceThemeInstallId: this.marketplaceThemeInstallId,
         marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
       },
@@ -16260,9 +16266,9 @@ class md {
     });
     if (!c.data?.bundles || c.data?.bundles.length === 0 || !c.data?.bundles[0])
       throw new Error(`Unable to find bundle: ${t}`);
-    const d = c.data?.bundles[0], A = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    A.set(d.id, d.partner.id), k.setMap("bundlePartnerIds", A);
-    const u = new Ke(this, d, e, a, s, {
+    const A = c.data?.bundles[0], d = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    d.set(A.id, A.partner.id), k.setMap("bundlePartnerIds", d);
+    const u = new Ke(this, A, e, a, s, {
       additionalHeaders: n?.graphql?.additionalHeaders,
       eagerFetchProducts: n?.graphql?.productCollection?.eagerFetchProducts,
       existingGlobalPropertyState: c.data.globalPropertyState,
@@ -16305,10 +16311,10 @@ class md {
     })).data?.bundleDuplicate;
     if (!c?.id)
       throw new Error("Unable to duplicate bundle");
-    const d = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    d.set(c.id, c.partner.id), k.setMap("bundlePartnerIds", d);
-    const A = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
-    return A.set(c.id, c.bundleOwnerId), k.setMap("bundleOwnerIds", A), async () => {
+    const A = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    A.set(c.id, c.partner.id), k.setMap("bundlePartnerIds", A);
+    const d = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
+    return d.set(c.id, c.bundleOwnerId), k.setMap("bundleOwnerIds", d), async () => {
       const u = new Ke(this, c, void 0, void 0, c.bundleOwnerId, {
         eagerFetchProducts: n?.graphql?.productCollection?.eagerFetchProducts,
         existingGlobalPropertyState: c.globalPropertyState
@@ -16434,10 +16440,10 @@ class md {
       }));
     }, s = t.map((C, b) => ({ option: C, index: b })), o = s.filter((C) => C.option.type === "transaction"), l = s.filter(
       (C) => C.option.type === "integration" || C.option.type === "external"
-    ), c = Fa(o, 10), d = Fa(l, 10), A = (await Promise.all([
+    ), c = Fa(o, 10), A = Fa(l, 10), d = (await Promise.all([
       ...c.map(n),
-      ...d.map(i)
-    ])).flat(), u = [...new Set(A.map((C) => C.workflowId))], h = await nr(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = A.map(async (C) => {
+      ...A.map(i)
+    ])).flat(), u = [...new Set(d.map((C) => C.workflowId))], h = await nr(u, e), m = new Map(h.map((C) => [C.id, C])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), p = d.map(async (C) => {
       const { transaction: b, workflowId: P, readOnly: B, index: F } = C, Q = m.get(P), T = t[F];
       !g.get(b.id) && b.transactionOwnerId && g.set(b.id, b.transactionOwnerId);
       const tt = g.get(b.id) || void 0, rt = new Tl({
@@ -16596,8 +16602,8 @@ function zl(r, t, e, a) {
   if (a) {
     const o = r, l = Math.max(t.width / e.width, t.height / e.height);
     o.zoom = Math.max(l, r.zoom);
-    const c = e.width * o.zoom, d = e.height * o.zoom;
-    return o.x = me(r.x, t.width - c, 0), o.y = me(r.y, t.height - d, 0), o;
+    const c = e.width * o.zoom, A = e.height * o.zoom;
+    return o.x = me(r.x, t.width - c, 0), o.y = me(r.y, t.height - A, 0), o;
   }
   const s = r;
   return s.x = me(s.x, -n, t.width), s.y = me(s.y, -i, t.height), s;
@@ -16710,10 +16716,10 @@ class Gl {
     if (this.imageData && this.offsets && this.frameData) {
       (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length));
       const i = this.frameData.map((s, o) => {
-        const l = (e[o] - this.offsets[o].x) / this.offsets[o].zoom, c = (a[o] - this.offsets[o].y) / this.offsets[o].zoom, d = e[o] - l * t[o], A = a[o] - c * t[o];
+        const l = (e[o] - this.offsets[o].x) / this.offsets[o].zoom, c = (a[o] - this.offsets[o].y) / this.offsets[o].zoom, A = e[o] - l * t[o], d = a[o] - c * t[o];
         return {
-          x: d,
-          y: A,
+          x: A,
+          y: d,
           zoom: this.imageData.width * t[o] / this.imageData.width
         };
       });
@@ -16827,7 +16833,7 @@ class Gl {
   }
 }
 class wd {
-  updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
+  updateRecipient(t, e, a, n, i, s, o, l, c, A, d, u, h, m, g, p, f) {
     throw new Error("Method not implemented.");
   }
   approveTransaction(t) {