@spiffcommerce/core 26.23.2 → 26.23.4-beta.20d47a7c-f527-5383-9ed3-ea8e5da544b2

package/dist/index.mjs

@@ -11,7 +11,7 @@ import Pt from "lodash.clonedeep";
 import { toString as nn } from "qrcode";
 import Ar from "svg-path-bbox";
 import { parse as Je } from "opentype.js";
-import { jsx as F, jsxs as lt, Fragment as Vt } from "preact/jsx-runtime";
+import { jsx as x, jsxs as lt, Fragment as Vt } from "preact/jsx-runtime";
 import { dataUriToBuffer as ur } from "data-uri-to-buffer";
 import Da from "lodash.chunk";
 import rn from "lodash.isequal";
@@ -19,7 +19,7 @@ import { split as Ke } from "unicode-default-word-boundary";
 import sn from "lodash.debounce";
 import "fs";
 import "path";
-var he = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(he || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), D = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(D || {}), hr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(hr || {}), Gt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Gt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), mr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(mr || {}), gr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(gr || {}), fr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(fr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), pr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(pr || {}), me = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(me || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), H = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(H || {}), Cr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Cr || {});
+var ue = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ue || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), D = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(D || {}), hr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(hr || {}), Gt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Gt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), mr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(mr || {}), gr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(gr || {}), fr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(fr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), pr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(pr || {}), he = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(he || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), H = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(H || {}), Cr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Cr || {});
 class on extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -30,7 +30,7 @@ class Yt extends on {
     super(`ConfigurationError - ${t}`);
   }
 }
-class ge extends Yt {
+class me extends Yt {
   constructor(t) {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = (t == null ? void 0 : t.optionId) || "N/A";
   }
@@ -50,32 +50,32 @@ class Wt extends Yt {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
 }
-class fe extends Yt {
+class ge extends Yt {
   constructor(t, e) {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class Ee extends on {
+class ve extends on {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
 }
-class z extends Ee {
+class z extends ve {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
 }
-class Dt extends Ee {
+class Dt extends ve {
   constructor(t) {
     super(`Parsing Error: ${t}`);
   }
 }
-class ut extends Ee {
+class ut extends ve {
   constructor(t) {
     super(`Client Error: ${t}`);
   }
 }
-class Be extends Ee {
+class Ee extends ve {
   constructor(t) {
     super(`Resource Generation Failed: ${t}`);
   }
@@ -179,8 +179,8 @@ function ct(r, t) {
   }
   return Xe(r, t);
 }
-const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), cn = async (r) => {
-  const t = xa.get(r);
+const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), cn = async (r) => {
+  const t = Fa.get(r);
   if (t)
     return t;
   const a = (async () => {
@@ -188,14 +188,14 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
     const n = await ct(r);
     return ln.set(r, ((i = n.headers) == null ? void 0 : i.get("content-type")) || ""), await n.arrayBuffer();
   })();
-  return xa.set(r, a), a;
+  return Fa.set(r, a), a;
 }, vr = async (r) => {
-  const t = Fa.get(r);
+  const t = xa.get(r);
   if (t)
     return t;
   const a = (async () => await (await ct(r)).text())();
-  return Fa.set(r, a), a;
-}, Mt = (r) => r.every((t) => t !== "undefined"), ee = (r) => Mt([typeof document]) ? document.createElement(r) : Jt().document.createElement(r), Er = (r, t) => {
+  return xa.set(r, a), a;
+}, Mt = (r) => r.every((t) => t !== "undefined"), te = (r) => Mt([typeof document]) ? document.createElement(r) : Jt().document.createElement(r), Er = (r, t) => {
   if (Mt([typeof document]))
     return document.createElementNS(r, t);
   const a = Jt().document.createElement(t);
@@ -205,7 +205,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
     return new DOMParser();
   const r = Jt();
   return new r.DOMParser();
-}, Br = () => Mt([typeof DOMParser]) ? DOMParser : Jt().DOMParser, be = (r, t) => new Promise((e, a) => {
+}, Br = () => Mt([typeof DOMParser]) ? DOMParser : Jt().DOMParser, Be = (r, t) => new Promise((e, a) => {
   t ? cn(r).then(e).catch(a) : ct(r).then((n) => {
     n.arrayBuffer().then(e).catch(a);
   }).catch((n) => {
@@ -229,7 +229,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
     return new XMLSerializer();
   const r = Jt();
   return new r.XMLSerializer();
-}, ka = (r) => btoa(r), Kt = (r) => {
+}, ka = (r) => btoa(r), be = (r) => {
   function t() {
     const a = new Uint8Array(r), n = 4;
     if (a.length >= n) {
@@ -257,7 +257,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, tc = async (r) => {
-  const t = await cn(r), e = ln.get(r) || Kt(t);
+  const t = await cn(r), e = ln.get(r) || be(t);
   return await Pr(new Blob([t], { type: e }));
 }, Ir = (r) => {
   let t = "";
@@ -266,7 +266,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
     t += String.fromCharCode(r[a]);
   return t;
 }, Dr = async (r) => {
-  const t = Kt(r), e = new Uint8Array(r), a = Ir(e), n = btoa(a);
+  const t = be(r), e = new Uint8Array(r), a = Ir(e), n = btoa(a);
   return `data:${t};base64,${n}`;
 }, Aa = (r) => `data:image/svg+xml;base64,${btoa(r)}`, An = (r) => {
   const t = r.replace(/\r?\n/g, ""), e = t.indexOf(",");
@@ -292,9 +292,9 @@ const Ma = (r) => {
   un = r;
 };
 let ua;
-const xr = (r) => {
+const Fr = (r) => {
   ua = r;
-}, Fr = () => ua;
+}, xr = () => ua;
 let hn;
 const kr = (r) => {
   hn = r;
@@ -363,7 +363,7 @@ const mt = (r, t, e) => {
   } catch {
     throw new Error("Canvas module not set");
   }
-}, _t = (r, t) => {
+}, Kt = (r, t) => {
   if (ta !== void 0)
     return ta(r, t);
   try {
@@ -400,22 +400,22 @@ let Ne;
 function ha() {
   return Ne === void 0 && (Ne = Br()), Ne;
 }
-let ae = null;
+let ee = null;
 const Nr = (r) => new Promise((t) => {
-  if (Kt(r) !== "image/jpeg")
+  if (be(r) !== "image/jpeg")
     return t(1);
   cr(r).then((a) => t(a || 1)).catch(() => t(1));
 }), Rr = async () => {
-  if (ae !== null)
-    return !ae;
-  const t = await _t("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=");
-  return ae = t.width === 2 && t.height === 3, !ae;
+  if (ee !== null)
+    return !ee;
+  const t = await Kt("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=");
+  return ee = t.width === 2 && t.height === 3, !ee;
 }, Or = (r) => {
   const e = r.naturalWidth / r.naturalHeight;
   return r.naturalHeight <= 8192 && r.naturalWidth <= 8192 ? [r.naturalWidth, r.naturalHeight] : r.naturalHeight > r.naturalWidth ? [e * 8192, 8192] : [8192, 8192 / e];
 }, Ur = async (r) => {
   var A;
-  const t = await Dr(r), e = await _t(t), [a, n] = Or(e);
+  const t = await Dr(r), e = await Kt(t), [a, n] = Or(e);
   if (!await Rr()) {
     const u = mt(a, n);
     return (A = u.getContext("2d")) == null || A.drawImage(e, 0, 0, a, n), u;
@@ -447,7 +447,7 @@ const Nr = (r) => new Promise((t) => {
   return d.drawImage(e, 0, 0, o, l), c;
 }, Ie = async (r) => {
   const t = await Ur(r);
-  return Kt(r) === "image/jpeg" ? {
+  return be(r) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
     height: t.height,
     width: t.width
@@ -1798,7 +1798,7 @@ const Nr = (r) => new Promise((t) => {
   "Black 5 C",
   "Black 6 C",
   "Black 7 C"
-], xt = [
+], Ft = [
   "FEDD00",
   "FFD700",
   "FE5000",
@@ -3140,17 +3140,17 @@ const Nr = (r) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Re = xt.map((r) => [
+], Re = Ft.map((r) => [
   parseInt(r.substring(0, 2), 16),
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
 function ec(r) {
   const t = jt.indexOf(r);
-  return t >= 0 ? xt[t] : "";
+  return t >= 0 ? Ft[t] : "";
 }
 function Lr(r) {
-  const t = xt.indexOf(r);
+  const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
 function ac(r, t = 64) {
@@ -3162,16 +3162,16 @@ function ac(r, t = 64) {
   });
   const i = parseInt(r.substring(0, 2), 16), s = parseInt(r.substring(2, 4), 16), o = parseInt(r.substring(4, 6), 16);
   let l, c, d;
-  for (let A = 0; A < xt.length; A++) {
+  for (let A = 0; A < Ft.length; A++) {
     l = Re[A][0], c = Re[A][1], d = Re[A][2];
     const u = Math.sqrt(Math.pow(i - l, 2) + Math.pow(s - c, 2) + Math.pow(o - d, 2));
     a.push(u);
   }
   for (let A = 0; A < a.length; A++)
-    a[A] <= t && !e.some((u) => u.pms === jt[A]) && e.push({ pms: jt[A], hex: xt[A], distance: a[A] });
+    a[A] <= t && !e.some((u) => u.pms === jt[A]) && e.push({ pms: jt[A], hex: Ft[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const $r = jt.map((r, t) => ({ pms: r, hex: xt[t] })), Vr = new dr($r, { keys: ["pms"] });
+const $r = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr($r, { keys: ["pms"] });
 function nc(r, t) {
   return Vr.search(r, t ? { limit: t } : void 0);
 }
@@ -3191,7 +3191,7 @@ function Ta(r) {
   const t = r.substring(1).toUpperCase();
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
-const ne = (r) => {
+const ae = (r) => {
   const t = fn(r.spotColor);
   return t ? `${r.browserValue} ${t}` : r.browserValue;
 }, fn = (r) => {
@@ -3228,8 +3228,8 @@ const ne = (r) => {
   "textPath",
   "tref",
   "tspan"
-], Wr = ["fill", "stroke"], Ft = (r, t) => {
-  t(r), r.children.length > 0 && Array.from(r.children).forEach((e) => Ft(e, t));
+], Wr = ["fill", "stroke"], xt = (r, t) => {
+  t(r), r.children.length > 0 && Array.from(r.children).forEach((e) => xt(e, t));
 }, jr = (r, t) => {
   try {
     return r.matches(t);
@@ -3239,7 +3239,7 @@ const ne = (r) => {
 }, ma = (r, t = !1) => {
   !t && r.setAttribute("preserveAspectRatio", "none");
   const e = [];
-  Ft(r, (a) => {
+  xt(r, (a) => {
     var i, s, o;
     if (a.tagName === "script") {
       a.remove();
@@ -3266,7 +3266,7 @@ const ne = (r) => {
         }
       }), l.length > 0 ? a.setAttribute("style", l.join(";")) : a.removeAttribute("style");
     }
-  }), Ft(r, (a) => {
+  }), xt(r, (a) => {
     e.forEach((n) => {
       var i;
       (i = n.selectors) == null || i.forEach((s) => {
@@ -3285,7 +3285,7 @@ const ne = (r) => {
 }, pn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, qr = (r, t, e) => {
   r.setAttribute("height", `${e}px`), r.setAttribute("width", `${t}px`);
 }, Cn = (r, t, e) => {
-  Ft(r, (a) => {
+  xt(r, (a) => {
     const n = a.attributes.getNamedItem("fill");
     n && n.value !== "none" && a.classList.forEach((s) => {
       if (s.startsWith("spiff-fill")) {
@@ -3293,13 +3293,13 @@ const ne = (r) => {
         if (o)
           a.setAttribute(
             "fill",
-            e ? ne(o) : o.browserValue
+            e ? ae(o) : o.browserValue
           );
         else {
           const l = t[s];
           l && a.setAttribute(
             "fill",
-            e ? ne(l) : l.browserValue
+            e ? ae(l) : l.browserValue
           );
         }
       }
@@ -3311,13 +3311,13 @@ const ne = (r) => {
         if (o)
           a.setAttribute(
             "stroke",
-            e ? ne(o) : o.browserValue
+            e ? ae(o) : o.browserValue
           );
         else {
           const l = t[s];
           l && a.setAttribute(
             "fill",
-            e ? ne(l) : l.browserValue
+            e ? ae(l) : l.browserValue
           );
         }
       }
@@ -3342,7 +3342,7 @@ const ne = (r) => {
     throw new Error("Failed to read SVG.");
   ma(e);
   const a = {};
-  Ft(e, (s) => {
+  xt(e, (s) => {
     Gr.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(")) {
@@ -3367,7 +3367,7 @@ const ne = (r) => {
             value
         }
     }
-`, Xt = (r) => y`
+`, _t = (r) => y`
         ${r && Jr || ""}
         fragment AssetFields on Asset {
             name
@@ -3411,7 +3411,7 @@ const ne = (r) => {
             ${r && "...AssetMetadataFields" || ""}
         }
     `, Kr = y`
-    ${Xt(!1)}
+    ${_t(!1)}
     query GetAssets($keys: [String]!) {
         assets(keys: $keys) {
             ...AssetFields
@@ -3486,7 +3486,7 @@ const ne = (r) => {
         }
     }
 `, Zr = y`
-    ${Xt(!1)}
+    ${_t(!1)}
     mutation RemoveBackgroundFromAsset($key: String!) {
         assetRemoveBackground(key: $key) {
             ...AssetFields
@@ -3613,7 +3613,7 @@ class ai {
     }, a, n);
   }
   async uploadFile(t, e) {
-    const n = this.isRaster(t) ? he.Image : he.Illustration, i = await this.loadImageAsFileInfo(t);
+    const n = this.isRaster(t) ? ue.Image : ue.Illustration, i = await this.loadImageAsFileInfo(t);
     return await this.uploadAssetWithProgress(i, n, e, !0);
   }
   async removeBackgroundFromAsset(t) {
@@ -3855,7 +3855,7 @@ const Ht = new ni(), Sn = y`
         }
     }
 `, ri = y`
-    ${Xt(!1)}
+    ${_t(!1)}
     ${pa}
     ${Sn}
     query GetOptions($ids: [String]!) {
@@ -4309,7 +4309,7 @@ const X = new li(), vn = y`
             workflowState
         }
     }
-`, In = y`
+`, In = (r) => y`
     ${De}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -4325,6 +4325,7 @@ const X = new li(), vn = y`
             enabled
             externalIntegrationId
             type
+            isCurrent
         }
         product {
             id
@@ -4370,17 +4371,36 @@ const X = new li(), vn = y`
                 minQty
                 percentage
             }
+            ${r ? `
+                integrationProducts {
+                    id
+                    externalProductId
+                    externalVariantId
+                    additionalExternalProductId
+                    additionalExternalVariantId
+                    additionalIntegrationProduct {
+                        ...AdditionalIntegrationProductFields
+                    }
+                    integration {
+                        id
+                        enabled
+                        externalIntegrationId
+                        type
+                        isCurrent
+                    }
+                }
+            ` : ""}
         }
     }
-`, gi = y`
-    ${In}
+`, gi = (r) => y`
+    ${In(r)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
-`, fi = y`
-    ${In}
+`, fi = (r) => y`
+    ${In(r)}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
             externalIntegrationId: $externalIntegrationId
@@ -4526,7 +4546,7 @@ const X = new li(), vn = y`
         name
     }
 `, Ei = (r) => y`
-        ${Xt(r)}
+        ${_t(r)}
         ${pa}
         ${Sn}
         ${wi}
@@ -4946,7 +4966,7 @@ const X = new li(), vn = y`
         }
     }
 `, bi = y`
-    ${Xt(!1)}
+    ${_t(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
             id
@@ -5070,7 +5090,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, xi = y`
+`, Fi = y`
     ${Pe}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
@@ -5079,7 +5099,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, Fi = y`
+`, xi = y`
     mutation CreateOrder($orderItems: [OrderItemInput]!) {
         orderCreate(orderItems: $orderItems, paid: false, generateInternalId: true) {
             id
@@ -5269,9 +5289,9 @@ const Q = () => {
   width: u
 }) => {
   var B;
-  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = Q(), C = a.purpose === Gt.FreeDesign && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ F("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
+  const h = e || 0, m = 2 * ((l == null ? void 0 : l.scale) || 1), g = A || { x: 0, y: 0, width: u, height: i }, f = `${g.x} ${g.y} ${g.width} ${g.height}`, p = Q(), C = a.purpose === Gt.FreeDesign && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ x("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ x("rect", { width: g.width, height: g.height, rx: h }) }) }), w = (B = a.colorProfiles) == null ? void 0 : B.map((E, I) => (
     /* @ts-ignore */
-    /* @__PURE__ */ F("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
+    /* @__PURE__ */ x("color-profile", { name: E.name, xlinkHref: E.key, children: " " }, I)
   )), v = n.map((E) => ({
     ...E,
     _renderingConfiguration: a,
@@ -5298,7 +5318,7 @@ const Q = () => {
       children: [
         w,
         C,
-        !!r && /* @__PURE__ */ F(
+        !!r && /* @__PURE__ */ x(
           "rect",
           {
             id: "layout-background",
@@ -5308,7 +5328,7 @@ const Q = () => {
             rx: h
           }
         ),
-        /* @__PURE__ */ F(
+        /* @__PURE__ */ x(
           "g",
           {
             id: "element-group",
@@ -5316,7 +5336,7 @@ const Q = () => {
             children: S.map((E) => Qn(E)).filter((E) => !!E)
           }
         ),
-        l && /* @__PURE__ */ F(
+        l && /* @__PURE__ */ x(
           "rect",
           {
             x: l.x,
@@ -5330,7 +5350,7 @@ const Q = () => {
           }
         ),
         l && /* @__PURE__ */ lt("mask", { id: `viewmask-${p}`, children: [
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ x(
             "rect",
             {
               x: g.x,
@@ -5340,7 +5360,7 @@ const Q = () => {
               fill: "black"
             }
           ),
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ x(
             "rect",
             {
               x: l.x,
@@ -5420,21 +5440,21 @@ const Q = () => {
     y: o.y - r.height * e.y / 2
   };
   return {
-    a: re(n, l, a),
-    b: re(i, l, a),
-    c: re(s, l, a),
-    d: re(o, l, a),
+    a: ne(n, l, a),
+    b: ne(i, l, a),
+    c: ne(s, l, a),
+    d: ne(o, l, a),
     center: l
   };
-}, re = (r, t, e) => {
+}, ne = (r, t, e) => {
   const a = Math.sin(e), n = Math.cos(e);
   return {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, mc = 0.352778, gc = 0.035277, xn = (r) => {
+}, mc = 0.352778, gc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = gt(t), a = Math.cos(e), n = -Math.sin(e);
-  return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
     {
       transform: `
@@ -5443,7 +5463,7 @@ const Q = () => {
                 matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
-      children: /* @__PURE__ */ F(
+      children: /* @__PURE__ */ x(
         "image",
         {
           xlinkHref: r.src,
@@ -5454,11 +5474,11 @@ const Q = () => {
       )
     }
   ) });
-}, Fn = (r) => {
+}, xn = (r) => {
   var l;
   const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = gt(e), n = Math.cos(a), i = -Math.sin(a), s = ya(r.children);
   return /* @__PURE__ */ lt(Vt, { children: [
-    /* @__PURE__ */ F("defs", { children: (() => /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ F("path", { d: r.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
+    /* @__PURE__ */ x("defs", { children: (() => /* @__PURE__ */ x("clipPath", { id: t, preserveAspectRatio: "none", children: r.clipPath ? /* @__PURE__ */ x("path", { d: r.clipPath }) : /* @__PURE__ */ x("rect", { x: 0, y: 0, width: r.width, height: r.height }) }))() }),
     /* @__PURE__ */ lt(
       "g",
       {
@@ -5469,7 +5489,7 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 `,
         children: [
-          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ F(
+          (l = r._renderingConfiguration) != null && l.debug ? /* @__PURE__ */ x(
             "rect",
             {
               stroke: "red",
@@ -5481,7 +5501,7 @@ const Q = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ x("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5497,9 +5517,9 @@ const Q = () => {
     return r.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ F(Vt, {});
-  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ F(Vt, { children: r.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ lt("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
-    /* @__PURE__ */ F(
+    return /* @__PURE__ */ x(Vt, {});
+  const n = () => r.threshold ? r.invertThreshold ? "1 ".repeat(r.threshold) + "0 ".repeat(256 - r.threshold) : "0 ".repeat(r.threshold) + "1 ".repeat(256 - r.threshold) : "", i = () => /* @__PURE__ */ x(Vt, { children: r.useThreshold && /* @__PURE__ */ x("defs", { children: /* @__PURE__ */ lt("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    /* @__PURE__ */ x(
       "feColorMatrix",
       {
         type: "matrix",
@@ -5513,14 +5533,14 @@ const Q = () => {
       }
     ),
     /* @__PURE__ */ lt("feComponentTransfer", { in: "greyscale", children: [
-      /* @__PURE__ */ F("feFuncR", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ F("feFuncG", { type: "discrete", tableValues: n() }),
-      /* @__PURE__ */ F("feFuncB", { type: "discrete", tableValues: n() })
+      /* @__PURE__ */ x("feFuncR", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ x("feFuncG", { type: "discrete", tableValues: n() }),
+      /* @__PURE__ */ x("feFuncB", { type: "discrete", tableValues: n() })
     ] })
   ] }) }) }), s = r.rotation || 0, o = gt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
-    var w, v, S, B, E, I, P, x, M, N;
+    var w, v, S, B, E, I, P, F, M, N;
     const A = ((w = r.pattern) == null ? void 0 : w.x) || 0, u = ((v = r.pattern) == null ? void 0 : v.y) || 0, h = ((S = r.pattern) == null ? void 0 : S.width) || 0, m = ((B = r.pattern) == null ? void 0 : B.height) || 0, g = ((E = r.pattern) == null ? void 0 : E.scaleX) || 1, f = ((I = r.pattern) == null ? void 0 : I.scaleY) || 1, p = ((P = r.pattern) == null ? void 0 : P.rotation) || 0;
-    return [(x = r.pattern) != null && x.svg ? {
+    return [(F = r.pattern) != null && F.svg ? {
       id: `${t}-contents`,
       type: T.Illustration,
       x: A,
@@ -5544,13 +5564,13 @@ const Q = () => {
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     i(),
-    /* @__PURE__ */ F(
+    /* @__PURE__ */ x(
       "g",
       {
         opacity: r.opacity,
         mask: r.stepName ? void 0 : r.mask,
         filter: r.useThreshold ? `url(#${e})` : void 0,
-        children: /* @__PURE__ */ F(
+        children: /* @__PURE__ */ x(
           "g",
           {
             transform: `
@@ -5560,8 +5580,8 @@ const Q = () => {
                 matrix(1, 0, 0, 1, ${-r.width / 2}, ${-r.height / 2})
                 matrix(${r.scaleX}, 0, 0, ${r.scaleY}, 0, 0)
                 `,
-            children: /* @__PURE__ */ F(
-              Fn,
+            children: /* @__PURE__ */ x(
+              xn,
               {
                 id: t,
                 x: 0,
@@ -5640,7 +5660,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         const a = An(r), n = Je(a);
         return aa(r, n), n;
       } else {
-        const a = await be(r, !0), n = Je(a);
+        const a = await Be(r, !0), n = Je(a);
         return aa(r, n), await br(n, r), n;
       }
     }
@@ -5689,21 +5709,21 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       parseInt(u.getAttribute("font-size") ?? "72")
     );
     E.fill = f, E.stroke = p, E.strokeWidth = parseFloat(C ?? "0");
-    const I = E.toSVG(2), x = t.parseFromString(I, "image/svg+xml").firstElementChild;
-    h.appendChild(x);
+    const I = E.toSVG(2), F = t.parseFromString(I, "image/svg+xml").firstElementChild;
+    h.appendChild(F);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Et().serializeToString(a);
-}, pe = (r, t, e, a) => Math.max(Gi(r.join(`
+}, fe = (r, t, e, a) => Math.max(Gi(r.join(`
 `), e, a), t), Ra = (r, t, e, a, n, i) => {
   const s = (i || Ca) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
-    const l = o.flatMap((d) => ce(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
+    const l = o.flatMap((d) => le(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
     return {
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * s),
       fontSize: e,
-      requiredWidth: pe(c, r.width, a, n)
+      requiredWidth: fe(c, r.width, a, n)
     };
   } catch {
     const c = t.split("");
@@ -5711,17 +5731,17 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       lines: c,
       requiredHeight: c.length * (a * s),
       fontSize: e,
-      requiredWidth: pe(c, r.width, a, n)
+      requiredWidth: fe(c, r.width, a, n)
     };
   }
-}, ce = (r, t, e, a) => {
+}, le = (r, t, e, a) => {
   const n = ht(r, e, a);
   if (n <= t)
     return { lines: [r], width: n };
   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 = ce(r.slice(0, d), t, e, a), u = ce(r.slice(d), t, e, a);
+    const d = Math.floor(r.length / 2), A = le(r.slice(0, d), t, e, a), u = le(r.slice(d), t, e, a);
     return { lines: [...A.lines, ...u.lines], width: Math.max(A.width, u.width) };
   }
   const s = r.split(" "), o = [];
@@ -5729,7 +5749,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   for (; c < s.length; ) {
     const d = s[c];
     if (ht(d, e, a) > t) {
-      const A = ce(d, t, e, a);
+      const A = le(d, t, e, a);
       o.push(...A.lines), l = Math.max(l, A.width), c++;
     } else {
       const A = [d];
@@ -5760,14 +5780,14 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     return {
       lines: o,
       requiredHeight: t.height,
-      requiredWidth: pe(o, t.width, s, n),
+      requiredWidth: fe(o, t.width, s, n),
       fontSize: t.fontSize
     };
   const l = t.width !== e.width != (t.height !== e.height);
   return t.lineHeight === e.lineHeight && !l && e.input === r ? {
     lines: o,
     requiredHeight: t.height,
-    requiredWidth: pe(o, t.width, s, n),
+    requiredWidth: fe(o, t.width, s, n),
     fontSize: $i(o, n, i, t.width, t.height, a)
   } : Ra(t, r, t.fontSize, s, n, a);
 }, zi = (r, t, e, a, n) => {
@@ -5802,12 +5822,12 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Ce = (r, t = Oa) => {
+}, pe = (r, t = Oa) => {
   const e = { ...Oa, ...t };
   let a = r || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
 `)), a;
-}, Wi = (r, t) => r.map((e, a) => [e, t[a]]), ji = (r = "center", t = !1) => t ? "center" : r, Tn = (r) => r === "left" ? "start" : r === "right" ? "end" : "middle", Zt = (r, t, e) => r.fontData ? {
+}, Wi = (r, t) => r.map((e, a) => [e, t[a]]), ji = (r = "center", t = !1) => t ? "center" : r, Tn = (r) => r === "left" ? "start" : r === "right" ? "end" : "middle", Xt = (r, t, e) => r.fontData ? {
   ...r,
   ...(() => {
     if (r.algorithm === kt.Traditional) {
@@ -5837,7 +5857,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     /* @__PURE__ */ lt("defs", { children: [
-      r.textFillImage && /* @__PURE__ */ F(
+      r.textFillImage && /* @__PURE__ */ x(
         "pattern",
         {
           id: s,
@@ -5846,7 +5866,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           height: r.textFillImage.scale * r.textFillImage.height,
           x: 0,
           y: 0,
-          children: /* @__PURE__ */ F(
+          children: /* @__PURE__ */ x(
             "image",
             {
               href: r.textFillImage.src,
@@ -5857,7 +5877,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           )
         }
       ),
-      /* @__PURE__ */ F(
+      /* @__PURE__ */ x(
         "style",
         {
           type: "text/css",
@@ -5871,10 +5891,10 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
           }
         }
       ),
-      r.curved && r.paths ? /* @__PURE__ */ F("path", { id: i, d: r.paths[0] }) : void 0
+      r.curved && r.paths ? /* @__PURE__ */ x("path", { id: i, d: r.paths[0] }) : void 0
     ] }),
-    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ F("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
-    /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ F(
+    (f = r._renderingConfiguration) != null && f.debug ? /* @__PURE__ */ x("rect", { stroke: "blue", fill: "none", x: r.x, y: r.y, width: r.width, height: r.height }) : void 0,
+    /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x("g", { transform: `matrix(${a}, ${-n}, ${n}, ${a}, ${o}, ${l})`, children: /* @__PURE__ */ x(
       "text",
       {
         xmlSpace: "preserve",
@@ -5889,7 +5909,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         },
         stroke: d,
         strokeWidth: A,
-        children: r.curved ? /* @__PURE__ */ F(Yi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ F(
+        children: r.curved ? /* @__PURE__ */ x(Yi, { text: r.text || "", curvedPathId: i, align: r.align }) : c.map((p, C) => /* @__PURE__ */ x(
           qi,
           {
             align: r.vertical ? "center" : r.align,
@@ -5920,10 +5940,10 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     const s = (r.amountLines - 1) / 2;
     return (r.thisLineIdx - s) * n + r.fontSize / 4;
   };
-  return /* @__PURE__ */ F("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ x("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, Yi = (r) => {
   const t = `#${r.curvedPathId}`;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ x(
     "textPath",
     {
       startOffset: (() => r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%")(),
@@ -5936,8 +5956,8 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, Ji = (r) => {
   var s, o;
   if (r.cachedObjectURL && !((s = r._renderingConfiguration) != null && s.omitCachedFields))
-    return /* @__PURE__ */ F(
-      xn,
+    return /* @__PURE__ */ x(
+      Fn,
       {
         id: r.id,
         src: r.cachedObjectURL,
@@ -5961,7 +5981,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     throw new Error(
       `Illustration element ${r.id} (stepName ${r.stepName}) lacked svg from src ${r.src} at render time.`
     );
-  return /* @__PURE__ */ F("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ F(
+  return /* @__PURE__ */ x("g", { mask: r.stepName ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
     {
       transform: i,
@@ -6069,9 +6089,9 @@ class Ki {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ F(xn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ F(Ri, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ F(Ji, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ F(Hi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ F(Fn, { ...r }, r.id) : null, wa = (r, t, e) => {
+const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ x(Fn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ x(Ri, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ x(Ji, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ x(Hi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ x(xn, { ...r }, r.id) : null, wa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
-  return /* @__PURE__ */ F(
+  return /* @__PURE__ */ x(
     Ni,
     {
       preserveAspectRatio: void 0,
@@ -6111,7 +6131,7 @@ function ya(r) {
     return i < s ? -1 : i > s ? 1 : 0;
   });
 }
-const te = (r) => {
+const Zt = (r) => {
   const t = r.variants;
   if (t) {
     if (t.length === 1)
@@ -6136,13 +6156,13 @@ const te = (r) => {
   var a;
   if (!t)
     return;
-  const e = ((a = t.variants) == null ? void 0 : a.find((n) => n.id === r.frameVariantId)) || te(t);
+  const e = ((a = t.variants) == null ? void 0 : a.find((n) => n.id === r.frameVariantId)) || Zt(t);
   if (!e)
     throw new Error(`No variant with ID: ${r.frameVariantId}`);
   if (!e.asset)
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
-}, xe = async (r) => {
+}, Fe = async (r) => {
   if (Le.has(r))
     return Le.get(r);
   const e = (async () => {
@@ -6204,8 +6224,7 @@ const te = (r) => {
     };
     return At.set(r, s), s;
   }
-  const t = ((e = r.split(".").pop()) == null ? void 0 : e.toLowerCase()) ?? "";
-  if (t === "svg") {
+  if ((((e = r.split(".").pop()) == null ? void 0 : e.toLowerCase()) ?? "") === "svg") {
     const a = await va(r), n = a.width, i = a.height, s = {
       src: r,
       width: n,
@@ -6214,16 +6233,13 @@ const te = (r) => {
     };
     return At.set(r, s), s;
   } else {
-    const a = await be(r, !0), n = Kt(a), i = t === "jpg" || t === "jpeg";
-    if (!n.endsWith(t) && n === "image/jpeg" && !i)
-      throw Error(`File ${r} has wrong extension for mime type ${n}`);
-    const s = await Ie(a), o = {
+    const a = await Be(r, !0), n = await Ie(a), i = {
       src: r,
-      width: s.width,
-      height: s.height,
-      aspect: s.width / s.height
+      width: n.width,
+      height: n.height,
+      aspect: n.width / n.height
     };
-    return At.set(r, o), o;
+    return At.set(r, i), i;
   }
 }, va = async (r) => {
   const t = await at(r);
@@ -6269,7 +6285,7 @@ const te = (r) => {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: mt,
-      createImage: _t,
+      createImage: Kt,
       DOMParser: ha(),
       fetch: ct
     }), u = s.getAttribute("width"), h = s.getAttribute("height"), m = 2048;
@@ -6303,7 +6319,7 @@ const te = (r) => {
     o.height = o.width / p, o.top += (h - o.height) / 2;
   }
   if (e && t === T.Image) {
-    const l = o.height, c = await be(e), d = await Ie(c), A = d.width / d.height;
+    const l = o.height, c = await Be(e), d = await Ie(c), A = d.width / d.height;
     o.height = o.width / A, o.top += (l - o.height) / 2;
   }
   if (e && t === T.Textbox && (a != null && a.text) && (a != null && a.fontScale)) {
@@ -6315,7 +6331,7 @@ const te = (r) => {
 };
 class pc {
   static async getFrame(t, e) {
-    const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
+    const a = await Nn(e.region, e.src), n = await Fe(a), i = e.region || await Ut(t, T.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -6362,13 +6378,13 @@ class pc {
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Tt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
-    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Ce(c, {
+    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = pe(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
     }), A = e.region || await Ut(t, T.Textbox, n, {
       text: d,
       fontScale: a.size ? a.size / s.unitsPerEm : void 0
-    }), u = Zt(
+    }), u = Xt(
       {
         id: Q(),
         type: T.Textbox,
@@ -6623,7 +6639,7 @@ class yc extends R {
       s.scaleX = s.scaleX * this.width / e.width, s.scaleY = s.scaleY * this.height / e.height;
     } else if (e.type === "textbox") {
       const s = a, o = (!s.algorithm || s.algorithm === kt.Autosize ? s.text : s.input) ?? "";
-      a = Zt(s, o, e);
+      a = Xt(s, o, e);
     }
     const n = _(e.id, Object.values(t.layouts)), i = Z(a, n);
     return {
@@ -6801,7 +6817,7 @@ class Zi extends R {
     const a = {
       ...e,
       fontSize: this.size
-    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(Zt(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(Xt(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6823,7 +6839,7 @@ class Va extends R {
     const a = {
       ...e,
       fontData: this.fontData
-    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(Zt(a, i), n);
+    }, n = _(e.id, Object.values(t.layouts)), i = (!e.algorithm || e.algorithm === kt.Autosize ? e.text : e.input) ?? "", s = Z(Xt(a, i), n);
     return {
       ...t,
       layouts: {
@@ -6947,7 +6963,7 @@ class ns extends R {
     const e = L(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new $();
-    const a = _(e.id, Object.values(t.layouts)), n = Z(Zt(e, this.text, e), a);
+    const a = _(e.id, Object.values(t.layouts)), n = Z(Xt(e, this.text, e), a);
     return {
       ...t,
       layouts: {
@@ -7160,7 +7176,7 @@ class za {
       if (this.configuration.type === D.ProductOverlay) {
         let u = "";
         if ((l = this.product) != null && l.overlayImageUrl && (u = this.product.overlayImageUrl), s = u, !u)
-          throw new fe(this.configuration, "Couldn't find an asset for product overlay step");
+          throw new ge(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const o = this.evaluateAssetType();
       if (o === T.Image) {
@@ -7231,7 +7247,7 @@ class za {
   }
   async trigger() {
     if (!this.configuration.data.regions)
-      throw new fe(this.configuration, "Missing regions.");
+      throw new ge(this.configuration, "Missing regions.");
     if (this.configuration.type === D.SilentIllustration) {
       const t = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(t);
@@ -7261,7 +7277,7 @@ const is = async (r) => {
       }
     })).json()).shortUrl;
   } catch (e) {
-    throw console.error(e), new Be("Failed to shorten URL, see console.");
+    throw console.error(e), new Ee("Failed to shorten URL, see console.");
   }
 };
 class Ln {
@@ -7334,10 +7350,10 @@ class ss {
     l.searchParams.append("video", btoa(JSON.stringify([s]))), l.pathname = l.pathname + (l.pathname.slice(-1) === "/" ? "" : "/");
     const c = l.toString();
     if (c.length >= 2e3)
-      throw new Be("Cannot create QR code, URL too long.");
+      throw new Ee("Cannot create QR code, URL too long.");
     const d = await is(c);
     if (!n.data || !n.data.regions)
-      throw new fe(n, "Missing regions.");
+      throw new ge(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 () => {
       a.updateStorage(n.stepName, {
@@ -7380,7 +7396,7 @@ class ss {
   }
 }
 const $n = new ss();
-class we {
+class Ce {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
@@ -7494,7 +7510,7 @@ class we {
   }
   selectImage(t, e, a, n = !0) {
     var l;
-    const i = we.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
+    const i = Ce.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
     if (s && s === i)
       return Promise.resolve();
     a.setEditedStatus(t.stepName, !0);
@@ -7515,7 +7531,7 @@ class we {
             });
           },
           () => {
-            throw new Be("Failed to resolve transcoded PDF");
+            throw new Ee("Failed to resolve transcoded PDF");
           }
         )
       );
@@ -7577,7 +7593,7 @@ class we {
       };
       At.set(t, A), e.setPatternData(A, a);
     } else {
-      const s = await be(t, !0), o = await Ie(s), l = {
+      const s = await Be(t, !0), o = await Ie(s), l = {
         src: t,
         width: o.width,
         height: o.height,
@@ -7671,7 +7687,7 @@ class we {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const f = await xe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
+        const f = await Fe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
           p,
           f,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7739,7 +7755,7 @@ class we {
   }
   async loadPatternFromAsset(t, e, a, n) {
     var c, d;
-    const i = we.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
+    const i = Ce.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
     if (!o)
       throw a.markUpdateCompleted(s), new Error("Frame service unavailable, cannot load pattern!");
     try {
@@ -7766,7 +7782,7 @@ class we {
     ), this.validateColorCount(e, a);
   }
 }
-const pt = new we();
+const pt = new Ce();
 class os {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7931,7 +7947,7 @@ class os {
   async selectVariantCommand(t, e, a, n, i) {
     var p;
     if (!t.data || !t.data.regions)
-      throw new fe(t, "Missing regions.");
+      throw new ge(t, "Missing regions.");
     n(!0);
     const s = a.map((C) => new vt(C.id));
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
@@ -7980,7 +7996,7 @@ class os {
           const S = {};
           (((v = o.assetConfiguration) == null ? void 0 : v.channelNumbers) || []).forEach((E) => {
             var P;
-            const I = C.find((x) => x.channelNumber === E.number);
+            const I = C.find((F) => F.channelNumber === E.number);
             I && (S[`${E.id.replace(/\W/g, "")}`] = { browserValue: ((P = I == null ? void 0 : I.variant) == null ? void 0 : P.color) || "" });
           }), await this.changeColors(
             t,
@@ -7996,7 +8012,7 @@ class os {
             const I = S[0], P = B[0];
             await this.changeColors(
               t,
-              u.map((x) => x.regionElement),
+              u.map((F) => F.regionElement),
               i,
               () => i.getCommandContext().getAllLayouts(),
               /* @__PURE__ */ new Map([[P, I.variant.color]])
@@ -8014,12 +8030,12 @@ class os {
     };
   }
 }
-const de = new os();
+const ce = new os();
 class ls {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new ge(t);
+      throw new me(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8037,7 +8053,7 @@ class ls {
       a.serializableWorkflow.steps
     ), o = Object.values(a.layouts).map((d) => d.elements).flat().filter((d) => d.stepName === t.stepName), l = t.option;
     if (!l)
-      throw new ge(t);
+      throw new me(t);
     if (n != null && n.selectedVariants) {
       const d = n.selectedVariants[0].id;
       if (d) {
@@ -8097,7 +8113,7 @@ class cs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new ge(t);
+      throw new me(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8469,7 +8485,7 @@ class hs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new ge(t);
+      throw new me(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8668,7 +8684,7 @@ const gs = new ms(), Ge = (r, t, e, a, n) => {
     m || (c = !1);
   }
   return [null, null];
-}, Ae = (r, t, e, a, n) => {
+}, de = (r, t, e, a, n) => {
   let i, s;
   const o = St(t.assetUrl), l = o.getFont();
   if (n.size) {
@@ -8686,16 +8702,16 @@ const gs = new ms(), Ge = (r, t, e, a, n) => {
   const A = d / l.unitsPerEm;
   return [i, s] = Ge(e, a, d, A, o), [d, i, s];
 }, We = 30;
-class ye extends Error {
+class we extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = ye.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = we.name;
   }
 }
 const fs = ["‘", "’", "“", "”", `
 `];
-class Se extends Error {
+class ye extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Se.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = ye.name;
   }
 }
 class ps {
@@ -8909,7 +8925,7 @@ class ps {
   }
   getProcessedInput(t, e, a) {
     const n = a ? t : this.injectReplaceableText(t, e);
-    return Ce(n, {
+    return pe(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -8927,7 +8943,7 @@ class ps {
     for (const A of e) {
       if (!A.fontData)
         throw new z("Failed to resolve font data for text.");
-      const [u, h] = Ae(
+      const [u, h] = de(
         A.fontSize,
         A.fontData,
         { left: A.x, top: A.y, width: A.width, height: A.height, rotation: A.rotation, panelId: "" },
@@ -9122,7 +9138,7 @@ class ps {
       const h = s.getLayouts().find((f) => f.panelId === A.panelId), m = Q();
       try {
         if (!h)
-          throw new Se("Failed to find layout for region: " + A.panelId);
+          throw new ye("Failed to find layout for region: " + A.panelId);
         const f = a.colorOption;
         let p;
         if (f && f.variants) {
@@ -9161,7 +9177,7 @@ class ps {
         }, S = [], B = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
         if (!v.fontData)
           throw new z("Failed to resolve font data for text.");
-        const [I, P] = Ae(
+        const [I, P] = de(
           v.fontSize,
           v.fontData,
           {
@@ -9176,10 +9192,10 @@ class ps {
           { size: a.size, minSize: a.minSize, maxSize: a.maxSize }
         );
         B.set(v.id, I), E.set(v.id, P);
-        const x = a.curved || a.vertical ? l : (P || []).join(`
+        const F = a.curved || a.vertical ? l : (P || []).join(`
 `);
         S.push(
-          this.generateTextChangeCommandsForRegion(I, a, v.id, x)
+          this.generateTextChangeCommandsForRegion(I, a, v.id, F)
         );
         const M = new W(v, h);
         return {
@@ -9189,10 +9205,10 @@ class ps {
           fontData: n
         };
       } catch (f) {
-        throw console.log(f), new ye("Error adding font to region");
+        throw console.log(f), new we("Error adding font to region");
       }
     }, d = await Promise.all(a.regions.map(c)).catch((A) => {
-      throw A instanceof ye ? (gs.setLatestToast("Failed to load font.", Me.Error), A) : A instanceof Se ? A : new Error(A);
+      throw A instanceof we ? (gs.setLatestToast("Failed to load font.", Me.Error), A) : A instanceof ye ? A : new Error(A);
     });
     return await s.setSelectionsAndElements(
       t,
@@ -9222,7 +9238,7 @@ class ps {
     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();
     for (const v of h)
       if (v.region) {
-        const [S, B] = Ae(
+        const [S, B] = de(
           e,
           a,
           v.region,
@@ -9276,13 +9292,13 @@ const ws = "data:application/octet-stream;base64,AAEAAAAPAIAAAwBwRkZUTYdHeHoAAEl
   const e = tt("rect");
   return e.setAttribute("height", `${r}`), e.setAttribute("width", `${t}`), e;
 }, Ss = (r, t, e, a) => {
-  const n = ee("filter");
+  const n = te("filter");
   n.setAttribute("id", a), n.setAttribute("height", "200%"), n.setAttribute("width", "200%"), n.setAttribute("x", "-50%"), n.setAttribute("y", "-50%");
-  const i = ee("feOffset");
+  const i = te("feOffset");
   n.appendChild(i), i.setAttribute("result", "offOut"), i.setAttribute("in", "SourceAlpha"), i.setAttribute("dx", `${r}`), i.setAttribute("dy", `${t}`);
-  const s = ee("feGaussianBlur");
+  const s = te("feGaussianBlur");
   n.appendChild(s), s.setAttribute("result", "blurOut"), s.setAttribute("in", "offOut"), s.setAttribute("stdDeviation", `${e}`);
-  const o = ee("feBlend");
+  const o = te("feBlend");
   return n.appendChild(o), o.setAttribute("in", "SourceGraphic"), o.setAttribute("in2", "blurOut"), o.setAttribute("mode", "normal"), n;
 }, vs = (r) => {
   let t = r;
@@ -9461,7 +9477,7 @@ async function Hn(r) {
     return new Is();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
 }
-const Fe = y`
+const xe = y`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -9484,7 +9500,7 @@ const Fe = y`
         }
     }
 `, Ds = y`
-    ${Fe}
+    ${xe}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -9494,7 +9510,7 @@ const Fe = y`
         }
     }
 `, Ps = y`
-    ${Fe}
+    ${xe}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -9505,7 +9521,7 @@ const Fe = y`
     }
 `;
 y`
-    ${Fe}
+    ${xe}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -9515,7 +9531,7 @@ y`
         }
     }
 `;
-const xs = y`
+const Fs = y`
     ${De}
     fragment ProductFields on Product {
         id
@@ -9561,7 +9577,7 @@ const xs = y`
         }
     }
 `, Ea = y`
-    ${xs}
+    ${Fs}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -9628,8 +9644,8 @@ const xs = y`
             }
         }
     }
-`, Fs = (r) => y`
-    ${Fe}
+`, xs = (r) => y`
+    ${xe}
     ${ke(r)}
     query GetBundle($id: String!) {
         globalPropertyState(bundleId: $id) {
@@ -10569,7 +10585,7 @@ class eo {
             break;
           case D.Illustration:
             a.push(
-              de.init(l, this, this.reloadedState)
+              ce.init(l, this, this.reloadedState)
             );
             break;
           case D.Material:
@@ -10891,7 +10907,7 @@ class ao extends rt {
    */
   async selectVariant(t) {
     if (!this.getUpdateState() && this.getCurrentVariant() !== t)
-      return de.selectVariant(
+      return ce.selectVariant(
         this.step,
         t.getResource(),
         this.manager.getRegionElements(this.step.stepName) || [],
@@ -10937,7 +10953,7 @@ class ao extends rt {
         const d = c.id.replace(/\W/g, "");
         a ? n.set(d, { browserValue: e, pmsValue: a }) : n.set(d, e);
       }
-    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), de.changeColors(
+    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), ce.changeColors(
       this.step,
       this.manager.getRegionElements(this.step.stepName),
       this.manager,
@@ -10949,7 +10965,7 @@ class ao extends rt {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? de.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? ce.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -11363,7 +11379,7 @@ class uo extends rt {
     });
   }
 }
-class ie {
+class re {
   static get(t, e) {
     switch (e.type) {
       case D.DigitalContent:
@@ -11465,14 +11481,14 @@ const Yn = y`
         }
     }
 `;
-function ve(r) {
+function Se(r) {
   const t = JSON.parse(atob(r.split(".")[1])).exp;
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= t;
 }
 const go = async (r) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([l, c]) => l.startsWith("CognitoIdentityServiceProvider") && l.endsWith("idToken"))) == null ? void 0 : s[0]) || "", a = localStorage.getItem(e), n = {};
-  return a && !ve(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
+  return a && !Se(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
     mutation: ho,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -11493,7 +11509,7 @@ const go = async (r) => {
 }, fo = async (r) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([l, c]) => l.startsWith("CognitoIdentityServiceProvider") && l.endsWith("idToken"))) == null ? void 0 : s[0]) || "", a = localStorage.getItem(e), n = {};
-  return a && !ve(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
+  return a && !Se(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
     mutation: mo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -11600,13 +11616,13 @@ const go = async (r) => {
     if (c !== void 0)
       return c;
     await r.outstandingRequestsPromise();
-    const x = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
+    const F = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
       query: bn,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
       errorPolicy: "all",
       context: {
-        transactionOwnerId: x
+        transactionOwnerId: F
       }
     }), V = (j = N.data) == null ? void 0 : j.transactions[0].workflowState;
     return N.errors ? (N.errors.forEach((G) => {
@@ -11614,7 +11630,7 @@ const go = async (r) => {
     }), null) : V ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(a())), await r.updateStateWithServerImmediate(a), console.log("Server state is undefined @ Workflow completion"));
   const u = r.getPreviewService(), h = (I = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : I.lookAtAnimation, m = u && t.showModelOnFinishStep && !!h, g = l && oa(l, t, !0), f = l && oa(l, t, !1), p = async (P) => {
-    const x = {};
+    const F = {};
     let M = 0;
     if (Object.keys(i).length > 0)
       for (const N of Object.keys(i)) {
@@ -11623,11 +11639,11 @@ const go = async (r) => {
           const nt = V.selections[G];
           if (j && (!P || j.option && (j.option.variants || []).length > 1 && !j.data.hideSelectionInCart && !j.data.hideSelectionsInCart)) {
             const Te = j.stepTitle;
-            x[Te] ? x[Te].push({
+            F[Te] ? F[Te].push({
               id: nt.id || "",
               name: nt.name,
               priceModifier: nt.priceModifier
-            }) : x[Te] = [
+            }) : F[Te] = [
               {
                 id: nt.id || "",
                 name: nt.name,
@@ -11638,13 +11654,13 @@ const go = async (r) => {
           M += nt.priceModifier;
         }
       }
-    return [x, M];
+    return [F, M];
   }, [C] = await p(!0), w = Object.fromEntries(
-    Object.keys(C).map((P) => [P, C[P].map((x) => x.id)])
+    Object.keys(C).map((P) => [P, C[P].map((F) => F.id)])
   ), [v] = await p(!1), S = Object.fromEntries(
     Object.keys(v).map((P) => [
       P,
-      v[P].map((x) => x.id)
+      v[P].map((F) => F.id)
     ])
   );
   let B = await o(m, n.id);
@@ -11652,7 +11668,7 @@ const go = async (r) => {
     const P = await (await ct(B)).blob();
     B = (await U.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: P },
-      he.Image,
+      ue.Image,
       !0,
       !1
     )).fileLink;
@@ -11661,9 +11677,9 @@ const go = async (r) => {
     designDetails: (() => {
       const P = {
         name: s,
-        layouts: e.map((x) => ({
-          index: x.index,
-          panelId: x.panelId
+        layouts: e.map((F) => ({
+          index: F.index,
+          panelId: F.panelId
         })),
         workflowId: t.id,
         transactionId: n.id,
@@ -11671,16 +11687,16 @@ const go = async (r) => {
         previewImage: B
       };
       if (f) {
-        const x = [];
+        const F = [];
         for (const [M, N] of Object.entries(f))
-          x.push({ key: M, value: N });
-        P.metadata = x;
+          F.push({ key: M, value: N });
+        P.metadata = F;
       }
       if (w) {
-        const x = [];
+        const F = [];
         for (const [M, N] of Object.entries(S))
-          x.push({ key: M, ids: N });
-        P.selectedVariants = x;
+          F.push({ key: M, ids: N });
+        P.selectedVariants = F;
       }
       return P;
     })(),
@@ -12018,7 +12034,7 @@ class bo {
       height: d.layoutState.layout.height
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
-      throw new Be("Failed to obtain 2D context for preview image creation");
+      throw new Ee("Failed to obtain 2D context for preview image creation");
     const m = wa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Gt.Print,
@@ -12029,7 +12045,7 @@ class bo {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: mt,
-      createImage: _t,
+      createImage: Kt,
       DOMParser: ha(),
       fetch
     })).render();
@@ -12043,7 +12059,7 @@ class bo {
     const a = this.cachedStepHandles.get(e.stepName);
     if (a)
       return a;
-    const n = ie.get(this.getWorkflowManager(), e);
+    const n = re.get(this.getWorkflowManager(), e);
     return this.cachedStepHandles.set(e.stepName, n), n;
   }
   getSteps() {
@@ -12147,10 +12163,10 @@ class bo {
   getStepByName(t) {
     const e = this.getWorkflowManager().getWorkflow().steps.find((a) => a.stepTitle === t);
     if (!(!e || !this.stepHasHandle(e)))
-      return ie.get(this.getWorkflowManager(), e);
+      return re.get(this.getWorkflowManager(), e);
   }
   getStepsByType(t) {
-    return this.getWorkflowManager().getWorkflow().steps.filter((e) => e.type === t).map((e) => ie.get(this.getWorkflowManager(), e));
+    return this.getWorkflowManager().getWorkflow().steps.filter((e) => e.type === t).map((e) => re.get(this.getWorkflowManager(), e));
   }
   getStepsByScene(t) {
     if (!this.getWorkflowManager().getWorkflow().stepGroups.find((a) => a.name === t.name))
@@ -12159,7 +12175,7 @@ class bo {
       );
     return t.stepIds.map(
       (a) => this.getWorkflowManager().getWorkflow().steps.find((n) => n.stepName === a)
-    ).filter((a) => this.stepHasHandle(a)).map((a) => ie.get(this.getWorkflowManager(), a));
+    ).filter((a) => this.stepHasHandle(a)).map((a) => re.get(this.getWorkflowManager(), a));
   }
   async attachCustomerDetails(t) {
     return this.assignCustomerDetails({ emailAddress: t.email });
@@ -12370,7 +12386,7 @@ const Io = [
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
       var g;
-      const d = await Nn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await xe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
+      const d = await Nn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await Fe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Sa(
@@ -12421,12 +12437,12 @@ const Io = [
   } catch (o) {
     return console.error(o), [];
   }
-}, xo = async (r, t, e, a) => {
+}, Fo = async (r, t, e, a) => {
   var S, B;
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((S = i.variants) == null ? void 0 : S.find((E) => E.id === n.illustrationVariantId)) || te(i);
+  const s = ((S = i.variants) == null ? void 0 : S.find((E) => E.id === n.illustrationVariantId)) || Zt(i);
   if (!s)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!s.asset)
@@ -12440,17 +12456,17 @@ const Io = [
     return console.error("Failed to read SVG."), [];
   ma(m);
   const g = {};
-  Ft(m, (E) => {
+  xt(m, (E) => {
     Io.includes(E.tagName) && !E.attributes.getNamedItem("fill") && E.setAttribute("fill", "#000000");
     const I = E.attributes.getNamedItem("fill");
     if (I && I.value !== "none") {
-      const x = I.value, N = `spiff-fill-${x.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: x };
+      const F = I.value, N = `spiff-fill-${F.replace(/\W/g, "")}`;
+      E.classList.add(N), g[N] = { browserValue: F };
     }
     const P = E.attributes.getNamedItem("stroke");
     if (P && P.value !== "none") {
-      const x = P.value, N = `spiff-stroke-${x.replace(/\W/g, "")}`;
-      E.classList.add(N), g[N] = { browserValue: x };
+      const F = P.value, N = `spiff-stroke-${F.replace(/\W/g, "")}`;
+      E.classList.add(N), g[N] = { browserValue: F };
     }
   });
   const p = Et().serializeToString(m), C = n.colors;
@@ -12463,7 +12479,7 @@ const Io = [
         }
   }
   const w = (E) => {
-    const I = r.find((x) => x.panelId === E.panelId);
+    const I = r.find((F) => F.panelId === E.panelId);
     if (!I)
       throw new Y(E);
     const P = Q();
@@ -12490,7 +12506,7 @@ const Io = [
   } catch (E) {
     return console.error(E), [];
   }
-}, Fo = async (r, t, e) => {
+}, xo = async (r, t, e) => {
   const a = await Hn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
@@ -12525,7 +12541,7 @@ const Io = [
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((d = i.variants) == null ? void 0 : d.find((u) => u.id === n.pictureVariantId)) || te(i);
+  const s = ((d = i.variants) == null ? void 0 : d.find((u) => u.id === n.pictureVariantId)) || Zt(i);
   if (!s)
     return console.error(`No variant with ID: ${n.pictureVariantId}`), [];
   if (!s.asset)
@@ -12567,7 +12583,7 @@ const Io = [
   const n = e.data, i = a.option;
   if (!i)
     return console.error(`No option for step ${a.stepName}.`), [];
-  const s = ((c = i.variants) == null ? void 0 : c.find((d) => d.id === n.colorVariantId)) || te(i);
+  const s = ((c = i.variants) == null ? void 0 : c.find((d) => d.id === n.colorVariantId)) || Zt(i);
   if (!s)
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   t[a.stepName] = { selectedVariants: [s] };
@@ -12692,7 +12708,7 @@ const Io = [
     const f = a.option;
     if (!f)
       return;
-    const p = ((w = f.variants) == null ? void 0 : w.find((v) => v.id === i.fontVariantId)) || te(f);
+    const p = ((w = f.variants) == null ? void 0 : w.find((v) => v.id === i.fontVariantId)) || Zt(f);
     if (!p || !p.asset)
       return;
     t[a.stepName] = { selectedVariants: [p] };
@@ -12708,7 +12724,7 @@ const Io = [
       assetUrl: f,
       name: p.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Ce(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = pe(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (f) => {
@@ -12744,12 +12760,12 @@ const Io = [
       y: f.top
     };
     if (d) {
-      const [w, v] = Ae(
+      const [w, v] = de(
         a.data.size || s,
         d,
         f,
         [
-          Ce(u, {
+          pe(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -12803,7 +12819,7 @@ const Io = [
           break;
         case D.Illustration:
           n.push(
-            ...await xo(
+            ...await Fo(
               e,
               i,
               s,
@@ -12812,7 +12828,7 @@ const Io = [
           );
           break;
         case D.Module:
-          n.push(...await Fo(e, s, o));
+          n.push(...await xo(e, s, o));
           break;
         case D.Picture:
           n.push(
@@ -12995,7 +13011,7 @@ class Vo extends Dn {
       ignoreMouse: !0,
       enableRedraw: !1,
       createCanvas: mt,
-      createImage: _t,
+      createImage: Kt,
       DOMParser: ha(),
       fetch
     });
@@ -13781,7 +13797,12 @@ class Ho {
   }
   getSerializedState() {
     if (this.state)
-      return JSON.stringify(this.state);
+      return this.deleteFieldNameFromObjectRecursive(this.state, "__typename"), JSON.stringify(this.state);
+  }
+  deleteFieldNameFromObjectRecursive(t, e) {
+    if (!(typeof t != "object" || t === null))
+      for (const a in t)
+        a === e ? delete t[a] : this.deleteFieldNameFromObjectRecursive(t[a], e);
   }
   flipTransform(t, e) {
     return e && e.flipTransform ? e.flipTransform(
@@ -13839,14 +13860,14 @@ class qo {
   getProducts() {
     if (!this.collection.productCollectionProducts)
       throw new Error("Failed to find products on collection. Ensure you fetch them first!");
-    return this.collection.productCollectionProducts.filter((t) => !!t.product).map((t) => new se(t));
+    return this.collection.productCollectionProducts.filter((t) => !!t.product).map((t) => new ie(t));
   }
   /**
    * A list of products in this collections with useful helpers for interacting with them.
    */
   async fetchProducts(t) {
     if (this.fullFetched)
-      return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new se(a));
+      return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new ie(a));
     const e = await b.getShadowGraphqlClient().query({
       query: Ms,
       variables: {
@@ -13855,7 +13876,7 @@ class qo {
       },
       errorPolicy: "all"
     });
-    return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new se(a));
+    return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new ie(a));
   }
   /**
    * Returns a list of collections products matching the associated metafield filters.
@@ -13911,7 +13932,7 @@ class qo {
       errorPolicy: "all"
     });
     return {
-      items: ((l = (o = (s = n == null ? void 0 : n.data) == null ? void 0 : s.productCollections) == null ? void 0 : o[0].productCollectionProductsFeed) == null ? void 0 : l.items.filter((u) => !!u.product).map((u) => new se(u))) || [],
+      items: ((l = (o = (s = n == null ? void 0 : n.data) == null ? void 0 : s.productCollections) == null ? void 0 : o[0].productCollectionProductsFeed) == null ? void 0 : l.items.filter((u) => !!u.product).map((u) => new ie(u))) || [],
       total: ((A = (d = (c = n == null ? void 0 : n.data) == null ? void 0 : c.productCollections) == null ? void 0 : d[0].productCollectionProductsFeed) == null ? void 0 : A.total) ?? 0
     };
   }
@@ -13926,7 +13947,7 @@ class qo {
     return this.collection;
   }
 }
-class se {
+class ie {
   constructor(t) {
     this.product = t.product, this.productResource = t;
   }
@@ -14524,7 +14545,7 @@ class He {
       variables: {
         id: this.id,
         details: t,
-        type: e || me.Owner
+        type: e || he.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -14920,14 +14941,14 @@ class nl {
    * @returns The nodes contained within the execution.
    */
   getNodes() {
-    return this.execution.nodes.map((t) => new oe(t));
+    return this.execution.nodes.map((t) => new se(t));
   }
   /**
    * @param type The type of node to return.
    * @returns A list of nodes matching the requested type.
    */
   getNodesByType(t) {
-    return this.execution.nodes.filter((e) => e.type === t).map((e) => new oe(e));
+    return this.execution.nodes.filter((e) => e.type === t).map((e) => new se(e));
   }
   /**
    * @returns A list of input nodes that exist in this execution.
@@ -14936,7 +14957,7 @@ class nl {
     return this.execution.nodes.filter(
       (t) => t.type === "StartTerminal"
       /* StartTerminal */
-    ).map((t) => new oe(t));
+    ).map((t) => new se(t));
   }
   /**
    * @returns A list of out put nodes that exist in this execution.
@@ -14945,7 +14966,7 @@ class nl {
     return this.execution.nodes.filter(
       (t) => t.type === "EndTerminal"
       /* EndTerminal */
-    ).map((t) => new oe(t));
+    ).map((t) => new se(t));
   }
   /**
    * @returns A date object representing the point in time this execution completed.
@@ -14962,7 +14983,7 @@ class nl {
       return new Date(this.execution.failedAt);
   }
 }
-class oe {
+class se {
   constructor(t) {
     this.node = t;
   }
@@ -15007,7 +15028,7 @@ class Xn extends ba {
     return t.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class xc extends ba {
+class Fc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15195,7 +15216,7 @@ const Ya = y`
     (o) => Ht.set({ id: o, options: t }, Al(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Fc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, xc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -15224,7 +15245,7 @@ class kc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.23.2"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.23.4-beta.9a6b3f77-3bf6-52ad-a823-41cd49720f64"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && kr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15242,7 +15263,7 @@ class kc {
     return this.currencyCode;
   }
   getFlowService() {
-    if (!Fr())
+    if (!xr())
       throw new Error("Application key required to use Flow Service.");
     return new al();
   }
@@ -15271,7 +15292,7 @@ class kc {
     var n, i;
     const e = k.getMap("bundleOwnerIds");
     if (e != null && e.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: me.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: he.Owner });
     const a = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (a.has(t)) {
       const s = a.get(t), l = (k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
@@ -15320,7 +15341,7 @@ class kc {
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
     const s = k.getMap("transactionOwnerIds");
     if (s != null && s.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: me.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: he.Owner });
     const o = k.getMap("transactionCustomerIds");
     if (o != null && o.has(t)) {
       const f = o.get(t);
@@ -15531,15 +15552,15 @@ class kc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, a, n) {
-    var f, p, C, w, v, S, B, E, I, P, x;
+    var f, p, C, w, v, S, B, E, I, P, F;
     const i = k.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([M, N]) => M.startsWith("CognitoIdentityServiceProvider") && M.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
-    c && !ve(c) && (d.Authorization = `Bearer ${c}`);
+    c && !Se(c) && (d.Authorization = `Bearer ${c}`);
     const A = {
       bundleOwnerId: s,
       ...d,
       ...(p = n == null ? void 0 : n.graphql) == null ? void 0 : p.additionalHeaders
     }, u = await b.getShadowGraphqlClient().query({
-      query: Fs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
+      query: xs(((w = (C = n == null ? void 0 : n.graphql) == null ? void 0 : C.productCollection) == null ? void 0 : w.eagerFetchProducts) || !1),
       variables: {
         id: t
       },
@@ -15554,7 +15575,7 @@ class kc {
     m.set(h.id, h.partner.id), k.setMap("bundlePartnerIds", m);
     const g = new He(this, h, e, a, s, {
       additionalHeaders: (I = n == null ? void 0 : n.graphql) == null ? void 0 : I.additionalHeaders,
-      eagerFetchProducts: (x = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : x.eagerFetchProducts,
+      eagerFetchProducts: (F = (P = n == null ? void 0 : n.graphql) == null ? void 0 : P.productCollection) == null ? void 0 : F.eagerFetchProducts,
       existingGlobalPropertyState: u.data.globalPropertyState,
       readonly: n == null ? void 0 : n.readonly
     });
@@ -15569,7 +15590,7 @@ class kc {
   async duplicateBundle(t, e, a, n) {
     var f, p, C, w, v, S, B, E;
     const i = (f = k.getMap("bundleOwnerIds")) == null ? void 0 : f.get(t), o = ((p = Object.entries(localStorage).find(([I, P]) => I.startsWith("CognitoIdentityServiceProvider") && I.endsWith("idToken"))) == null ? void 0 : p[0]) || "", l = localStorage.getItem(o), c = {};
-    l && !ve(l) && (c.Authorization = `Bearer ${l}`);
+    l && !Se(l) && (c.Authorization = `Bearer ${l}`);
     const d = {
       bundleOwnerId: i,
       ...c,
@@ -15669,7 +15690,7 @@ class kc {
     if (t.length === 0)
       throw new ut("No options provided!");
     const a = b.getShadowGraphqlClient(), n = async (S) => {
-      var P, x, M;
+      var P, F, M;
       if (S.length === 0)
         return [];
       const B = S.map((N) => N.option.transactionId), E = await a.query({
@@ -15681,7 +15702,7 @@ class kc {
         fetchPolicy: "no-cache"
       }), I = E.data.transactions;
       if (I.length !== S.length) {
-        const N = ((x = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
+        const N = ((F = (P = E.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Not all transactions were found: ${N}`);
       }
       return !this.activeIntegration && ((M = I[0].integrationProduct) != null && M.integration) && (this.activeIntegration = Promise.resolve(I[0].integrationProduct.integration)), I.map((N, V) => {
@@ -15694,7 +15715,7 @@ class kc {
         };
       });
     }, i = async (S) => {
-      var I, P, x;
+      var I, P, F;
       if (S.length === 0)
         return [];
       const B = await a.mutate({
@@ -15715,7 +15736,7 @@ class kc {
         fetchPolicy: "no-cache"
       }), E = (I = B.data) == null ? void 0 : I.transactionCreateMany;
       if (!E || E.length === 0) {
-        const M = ((x = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : x.message) || "Unknown error";
+        const M = ((F = (P = B.errors) == null ? void 0 : P[0]) == null ? void 0 : F.message) || "Unknown error";
         throw new ut(`Failed to create transactions: ${M}`);
       }
       return E.map((M, N) => ({
@@ -15731,7 +15752,7 @@ class kc {
       ...d.map(i)
     ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await Zn(u, e), m = new Map(h.map((S) => [S.id, S])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (S) => {
       var j;
-      const { transaction: B, workflowId: E, readOnly: I, index: P } = S, x = m.get(E), M = t[P];
+      const { transaction: B, workflowId: E, readOnly: I, index: P } = S, F = m.get(E), M = t[P];
       !g.get(B.id) && B.transactionOwnerId && g.set(B.id, B.transactionOwnerId);
       const N = g.get(B.id) || void 0, V = {
         product: B.product,
@@ -15745,7 +15766,7 @@ class kc {
           context: { transactionOwnerId: N, bundleOwnerId: e == null ? void 0 : e.bundleOwnerId }
         }),
         readOnly: I,
-        workflow: x,
+        workflow: F,
         isReloadedTransaction: M.type === "transaction"
       };
       if (M.type === "transaction" && B.workflowState) {
@@ -15774,34 +15795,34 @@ class kc {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
     e.set(t.partner.id, t.id), k.setMap("partnerCustomerIds", e);
   }
-  async getIntegrationProductById(t) {
-    var i, s;
-    const n = (i = (await b.getShadowGraphqlClient().query({
-      query: gi,
+  async getIntegrationProductById(t, e) {
+    var s, o;
+    const i = (s = (await b.getShadowGraphqlClient().query({
+      query: gi(e),
       variables: {
         ids: [t]
       },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
-    })).data) == null ? void 0 : i.integrationProducts;
-    if (!n || n.length === 0 || !((s = n[0]) != null && s.id))
+    })).data) == null ? void 0 : s.integrationProducts;
+    if (!i || i.length === 0 || !((o = i[0]) != null && o.id))
       throw new Error("Integration product not found.");
-    return new qa(n[0]);
+    return new qa(i[0]);
   }
-  async getIntegrationProductFromExternalIds(t, e) {
-    var s;
-    const i = (s = (await b.getShadowGraphqlClient().query({
-      query: fi,
+  async getIntegrationProductFromExternalIds(t, e, a) {
+    var o;
+    const s = (o = (await b.getShadowGraphqlClient().query({
+      query: fi(a),
       variables: {
         externalProductId: e,
         externalIntegrationId: t
       },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
-    })).data) == null ? void 0 : s.integrationProductFromExternalIds;
-    if (!(i != null && i.id))
+    })).data) == null ? void 0 : o.integrationProductFromExternalIds;
+    if (!(s != null && s.id))
       throw new Error("Integration product not found.");
-    return new qa(i);
+    return new qa(s);
   }
   async getIntegrationProduct(t) {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
@@ -15824,7 +15845,7 @@ class kc {
   }
   async placeOrder(t) {
     const e = await b.getShadowGraphqlClient().mutate({
-      mutation: Fi,
+      mutation: xi,
       variables: {
         orderItems: t
       }
@@ -15875,7 +15896,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
 }, Qc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
-    query: xi,
+    query: Fi,
     errorPolicy: "all",
     variables: {
       id: r
@@ -15897,12 +15918,12 @@ function gl(r, t, e, 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 = le(r.x, t.width - c, 0), o.y = le(r.y, t.height - d, 0), o;
+    return o.x = oe(r.x, t.width - c, 0), o.y = oe(r.y, t.height - d, 0), o;
   }
   const s = r;
-  return s.x = le(s.x, -n, t.width), s.y = le(s.y, -i, t.height), s;
+  return s.x = oe(s.x, -n, t.width), s.y = oe(s.y, -i, t.height), s;
 }
-function le(r, t, e) {
+function oe(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
 class fl {
@@ -15927,7 +15948,7 @@ class fl {
         if (n.currentFrameSources) {
           let i = !1;
           for (let s = 0; s < n.currentFrameSources.length; s++) {
-            const o = n.currentFrameSources[s], l = await xe(o), c = this.frameData ? this.frameData[s] : void 0;
+            const o = n.currentFrameSources[s], l = await Fe(o), c = this.frameData ? this.frameData[s] : void 0;
             rn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
           }
           i && (this.onFrameDataChangeListeners.forEach(
@@ -16735,11 +16756,11 @@ K = { __e: function(r, t, e, a) {
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var st, qe, Ja, tr = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
-function xl() {
+function Fl() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
-        r.__H.__h.forEach(ue), r.__H.__h.forEach(la), r.__H.__h = [];
+        r.__H.__h.forEach(Ae), r.__H.__h.forEach(la), r.__H.__h = [];
       } catch (t) {
         r.__H.__h = [], K.__e(t, r.__v);
       }
@@ -16751,17 +16772,17 @@ K.__b = function(r) {
   var t = (st = r.__c).__H;
   t && (qe === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
     e.__N && (e.__ = e.__N), e.__V = Ye, e.__N = e.i = void 0;
-  })) : (t.__h.forEach(ue), t.__h.forEach(la), t.__h = [])), qe = st;
+  })) : (t.__h.forEach(Ae), t.__h.forEach(la), t.__h = [])), qe = st;
 }, K.diffed = function(r) {
   Xa && Xa(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Fl)(xl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || xl)(Fl)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ye && (e.__ = e.__V), e.i = void 0, e.__V = Ye;
   })), qe = st = null;
 }, K.__c = function(r, t) {
   t.some(function(e) {
     try {
-      e.__h.forEach(ue), e.__h = e.__h.filter(function(a) {
+      e.__h.forEach(Ae), e.__h = e.__h.filter(function(a) {
         return !a.__ || la(a);
       });
     } catch (a) {
@@ -16775,20 +16796,20 @@ K.__b = function(r) {
   var t, e = r.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
     try {
-      ue(a);
+      Ae(a);
     } catch (n) {
       t = n;
     }
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function Fl(r) {
+function xl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
   en && (t = requestAnimationFrame(e));
 }
-function ue(r) {
+function Ae(r) {
   var t = st, e = r.__c;
   typeof e == "function" && (r.__c = void 0, e()), st = t;
 }
@@ -16798,16 +16819,16 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  xc as ArrayInput,
+  Fc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
-  he as AssetType,
+  ue as AssetType,
   Bc as BringForwardCommand,
   Ec as BringToBackCommand,
   vc as BringToFrontCommand,
   mr as BundleDesignCreationCartAddMode,
   R as CanvasCommand,
-  se as CollectionProduct,
+  ie as CollectionProduct,
   Ha as ColorOptionGlobalPropertyHandle,
   Ki as CommandContext,
   Pl as ConversionDataType,
@@ -16817,7 +16838,7 @@ export {
   vt as DeleteElementCommand,
   Ao as DigitalContentStepHandle,
   Go as FileUploadGlobalPropertyHandle,
-  oe as FlowExecutionNodeResult,
+  se as FlowExecutionNodeResult,
   nl as FlowExecutionResult,
   al as FlowService,
   ts as FontAlignmentCommand,
@@ -16839,7 +16860,7 @@ export {
   Y as LayoutNotFoundError,
   Gt as LayoutRenderingPurpose,
   no as MaterialStepHandle,
-  fe as MisconfigurationError,
+  ge as MisconfigurationError,
   Rc as MockWorkflowManager,
   ro as ModelStepHandle,
   uo as ModuleStepHandle,
@@ -16847,7 +16868,7 @@ export {
   Xn as ObjectInput,
   rl as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
-  ge as OptionNotFoundError,
+  me as OptionNotFoundError,
   Dt as ParseError,
   io as PictureStepHandle,
   pr as ProductCameraRig,
@@ -16865,7 +16886,7 @@ export {
   oo as ShapeStepHandle,
   gr as ShareActionType,
   kc as SpiffCommerceClient,
-  me as StakeholderType,
+  he as StakeholderType,
   hr as StepAspectType,
   rt as StepHandle,
   D as StepType,
@@ -16889,7 +16910,7 @@ export {
   uc as currentDirection,
   tc as dataUrlFromExternalUrl,
   je as designService,
-  Ae as determineCorrectFontSizeAndLines,
+  de as determineCorrectFontSizeAndLines,
   $n as digitalContentStepService,
   dt as domParser,
   Lc as duplicateBundle,
@@ -16911,7 +16932,7 @@ export {
   Vc as getCustomer,
   zc as getCustomerBundles,
   hc as getElementVertices,
-  xe as getFrameData,
+  Fe as getFrameData,
   ml as getIntegration,
   dc as getNEPoint,
   cc as getNWPoint,
@@ -16927,10 +16948,10 @@ export {
   Gc as getTransactionsForBundle,
   oc as getTrueCoordinates,
   Wc as getUnorderedTransactions,
-  Fc as getWorkflow,
+  xc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
-  de as illustrationStepService,
+  ce as illustrationStepService,
   sc as isCloseToValue,
   Tt as loadFont,
   ac as matchHexToPms,
@@ -16952,7 +16973,7 @@ export {
   Xl as registerWindowImplementation,
   La as rehydrateSerializedLayout,
   Lr as rgbToPms,
-  re as rotateAroundPoint,
+  ne as rotateAroundPoint,
   ma as sanitizeSvgTree,
   kr as setBearerAuthenticationToken,
   mn as setCanvasModule,