@spiffcommerce/core 34.1.0-beta.ad8ae86e-9b1c-5fbd-bd4b-f385c5bfbb76 → 34.1.0-beta.af48b4bc-f77e-5542-857a-72db59fb2fc9

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import { createHttpLink as Ei, ApolloClient as bi, InMemoryCache as Ii, from as Bi, gql as C } from "@apollo/client/core";
 import { setContext as Pi } from "@apollo/client/link/context";
 import { onError as xi } from "@apollo/client/link/error";
-import { renderToStaticMarkup as Fi } from "preact-render-to-string";
-import { removeTypenameFromVariables as Di } from "@apollo/client/link/remove-typename";
+import { renderToStaticMarkup as Di } from "preact-render-to-string";
+import { removeTypenameFromVariables as Fi } from "@apollo/client/link/remove-typename";
 import { orientation as ki } from "exifr/dist/mini.umd.cjs";
 import { parse as yn } from "css";
 import Mi from "fuse.js";
@@ -24,7 +24,7 @@ import vn from "lodash.debounce";
 import "fs";
 import "path";
 import Ui from "lodash.omit";
-var Ee = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Ee || {}), En = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(En || {}), z = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(z || {}), b = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(b || {}), Li = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Li || {}), Yt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Yt || {}), F = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(F || {}), Vi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Vi || {}), bn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(bn || {}), zi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(zi || {}), Gi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(Gi || {}), ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ba || {}), Wi = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Wi || {}), be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(be || {}), kt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(kt || {}), j = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(j || {}), qi = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(qi || {});
+var Ee = /* @__PURE__ */ ((n) => (n.Data = "Data", n.Font = "Font", n.Frame = "Frame", n.Illustration = "Illustration", n.Image = "Image", n.Model = "Model", n.Material = "Material", n.Color = "Color", n.QuestionnaireCollateral = "QuestionnaireCollateral", n.RequestCollateral = "RequestCollateral", n.SignupCollateral = "SignupCollateral", n.Video = "Video", n.ColorProfile = "ColorProfile", n.Environment = "Environment", n))(Ee || {}), En = /* @__PURE__ */ ((n) => (n.AND = "AND", n.OR = "OR", n))(En || {}), z = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(z || {}), b = /* @__PURE__ */ ((n) => (n.Information = "Information", n.Bulk = "Bulk", n.DigitalContent = "DigitalContent", n.Finish = "Finish", n.Frame = "Frame", n.Illustration = "Illustration", n.Introduction = "Introduction", n.Material = "Material", n.Model = "Model", n.Module = "Module", n.Picture = "Picture", n.Photo = "Photo", n.ProductOverlay = "ProductOverlay", n.Question = "Question", n.Shape = "Shape", n.SilentIllustration = "SilentIllustration", n.Text = "Text", n))(b || {}), Li = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Li || {}), Yt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Yt || {}), D = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(D || {}), Vi = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Vi || {}), bn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(bn || {}), zi = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(zi || {}), Gi = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(Gi || {}), ba = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ba || {}), Wi = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Wi || {}), be = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(be || {}), kt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(kt || {}), j = /* @__PURE__ */ ((n) => (n[n.North = 0] = "North", n[n.Northeast = 1] = "Northeast", n[n.East = 2] = "East", n[n.Southeast = 3] = "Southeast", n[n.South = 4] = "South", n[n.Southwest = 5] = "Southwest", n[n.West = 6] = "West", n[n.Northwest = 7] = "Northwest", n))(j || {}), qi = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(qi || {});
 class In extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -217,7 +217,7 @@ const Bn = /* @__PURE__ */ new Map(), Wa = /* @__PURE__ */ new Map(), qa = /* @_
   t ? Ji(n).then(e).catch(a) : nt(n).then((i) => {
     i.text().then(e).catch(a);
   }).catch(a);
-}), xn = (n) => Fi(n), je = /* @__PURE__ */ new Map(), Xi = async (n, t) => {
+}), xn = (n) => Di(n), je = /* @__PURE__ */ new Map(), Xi = async (n, t) => {
   if (Mt([typeof FontFace])) {
     if (je.has(t))
       return je.get(t);
@@ -269,7 +269,7 @@ const Bn = /* @__PURE__ */ new Map(), Wa = /* @__PURE__ */ new Map(), qa = /* @_
 }, tr = async (n) => {
   const t = Oe(n), e = new Uint8Array(n), a = Zi(e), i = btoa(a);
   return `data:${t};base64,${i}`;
-}, Ia = (n) => `data:image/svg+xml;base64,${btoa(n)}`, Fn = (n) => {
+}, Ia = (n) => `data:image/svg+xml;base64,${btoa(n)}`, Dn = (n) => {
   const t = n.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -292,9 +292,9 @@ let ar, Ba;
 const nr = (n) => {
   Ba = n;
 }, ir = () => Ba;
-let Dn;
+let Fn;
 const rr = (n) => {
-  Dn = n;
+  Fn = n;
 }, or = () => new Promise((n) => {
   const t = pt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), n(a.data));
@@ -304,7 +304,7 @@ const rr = (n) => {
   const n = {
     applicationKey: Ba,
     customerToken: ar,
-    bearer: Dn
+    bearer: Fn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await or(), ...n } : n;
 };
@@ -356,7 +356,7 @@ class cr {
     }), a = xi(({ operation: r, graphQLErrors: o, networkError: s }) => {
       const l = o || [], c = r.getContext();
       s && !c?.fetchOptions?.signal?.aborted && console.log("GraphQL Network error"), l.forEach(() => console.log("GraphQL Error: " + r.operationName));
-    }), i = Di();
+    }), i = Fi();
     return new bi({
       link: Bi([i, a, e, t]),
       cache: new Ii(),
@@ -1808,7 +1808,7 @@ const dr = (n) => new Promise((t) => {
   "Black 5 C",
   "Black 6 C",
   "Black 7 C"
-], Ft = [
+], Dt = [
   "FEDD00",
   "FFD700",
   "FE5000",
@@ -3150,17 +3150,17 @@ const dr = (n) => new Promise((t) => {
   "3E2B2E",
   "101820",
   "3D3935"
-], Je = Ft.map((n) => [
+], Je = Dt.map((n) => [
   parseInt(n.substring(0, 2), 16),
   parseInt(n.substring(2, 4), 16),
   parseInt(n.substring(4, 6), 16)
 ]);
 function od(n) {
   const t = Kt.indexOf(n);
-  return t >= 0 ? Ft[t] : "";
+  return t >= 0 ? Dt[t] : "";
 }
 function gr(n) {
-  const t = Ft.indexOf(n);
+  const t = Dt.indexOf(n);
   return t >= 0 ? Kt[t] : "";
 }
 function sd(n, t = 64) {
@@ -3172,16 +3172,16 @@ function sd(n, t = 64) {
   });
   const r = parseInt(n.substring(0, 2), 16), o = parseInt(n.substring(2, 4), 16), s = parseInt(n.substring(4, 6), 16);
   let l, c, d;
-  for (let A = 0; A < Ft.length; A++) {
+  for (let A = 0; A < Dt.length; A++) {
     l = Je[A][0], c = Je[A][1], d = Je[A][2];
     const u = Math.sqrt(Math.pow(r - l, 2) + Math.pow(o - c, 2) + Math.pow(s - d, 2));
     a.push(u);
   }
   for (let A = 0; A < a.length; A++)
-    a[A] <= t && !e.some((u) => u.pms === Kt[A]) && e.push({ pms: Kt[A], hex: Ft[A], distance: a[A] });
+    a[A] <= t && !e.some((u) => u.pms === Kt[A]) && e.push({ pms: Kt[A], hex: Dt[A], distance: a[A] });
   return e.sort((A, u) => A.distance - u.distance);
 }
-const mr = Kt.map((n, t) => ({ pms: n, hex: Ft[t] })), pr = new Mi(mr, { keys: ["pms"] });
+const mr = Kt.map((n, t) => ({ pms: n, hex: Dt[t] })), pr = new Mi(mr, { keys: ["pms"] });
 function ld(n, t) {
   return pr.search(n, t ? { limit: t } : void 0);
 }
@@ -3238,8 +3238,8 @@ const de = (n) => {
   "textPath",
   "tref",
   "tspan"
-], wr = ["fill", "stroke"], Dt = (n, t) => {
-  t(n), n.children.length > 0 && Array.from(n.children).forEach((e) => Dt(e, t));
+], wr = ["fill", "stroke"], Ft = (n, t) => {
+  t(n), n.children.length > 0 && Array.from(n.children).forEach((e) => Ft(e, t));
 }, Nn = (n, t) => {
   const e = t(n);
   if (e)
@@ -3256,7 +3256,7 @@ const de = (n) => {
 }, xa = (n, t = !1) => {
   !t && n.setAttribute("preserveAspectRatio", "none");
   const e = [];
-  Dt(n, (a) => {
+  Ft(n, (a) => {
     if (a.tagName === "script") {
       a.remove();
       return;
@@ -3282,7 +3282,7 @@ const de = (n) => {
         }
       }), r.length > 0 ? a.setAttribute("style", r.join(";")) : a.removeAttribute("style");
     }
-  }), Dt(n, (a) => {
+  }), Ft(n, (a) => {
     e.forEach((i) => {
       i.selectors?.forEach((r) => {
         yr(a, r) && i.declarations?.forEach((o) => {
@@ -3298,7 +3298,7 @@ const de = (n) => {
 }, Qn = (n) => dt().parseFromString(n, "image/svg+xml").firstElementChild, vr = (n, t, e) => {
   n.setAttribute("height", `${e}px`), n.setAttribute("width", `${t}px`);
 }, Rn = (n, t, e) => {
-  Dt(n, (a) => {
+  Ft(n, (a) => {
     const i = a.attributes.getNamedItem("fill");
     i && i.value !== "none" && a.classList.forEach((o) => {
       if (o.startsWith("spiff-fill")) {
@@ -3336,12 +3336,12 @@ const de = (n) => {
       }
     });
   });
-}, On = (n) => It().serializeToString(n), Fa = (n, t, e, a, i) => {
+}, On = (n) => It().serializeToString(n), Da = (n, t, e, a, i) => {
   const r = Qn(n);
   if (!r)
     throw new Error("Failed to read SVG.");
   return vr(r, t, e), Rn(r, a, i), On(r);
-}, Da = (n, t, e) => {
+}, Fa = (n, t, e) => {
   const a = Qn(n);
   if (!a)
     throw new Error("Failed to read SVG.");
@@ -3355,7 +3355,7 @@ const de = (n) => {
     throw new Error("Failed to read SVG.");
   xa(e);
   const a = {};
-  Dt(e, (o) => {
+  Ft(e, (o) => {
     if (Cr.includes(o.tagName) && !o.attributes.getNamedItem("fill")) {
       let c = "black";
       const d = o.parentElement;
@@ -3527,13 +3527,13 @@ const de = (n) => {
   variables: {
     keys: n
   }
-})).data.assets, Fr = async (n) => (await y.getShadowGraphqlClient().query({
+})).data.assets, Dr = async (n) => (await y.getShadowGraphqlClient().query({
   query: Br,
   errorPolicy: "all",
   variables: {
     ids: n
   }
-})).data.materials, Dr = async (n, t, e, a, i) => (await y.getShadowGraphqlClient().mutate({
+})).data.materials, Fr = async (n, t, e, a, i) => (await y.getShadowGraphqlClient().mutate({
   mutation: Pr,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -3609,7 +3609,7 @@ class kr {
   async getMaterialLocalOrFromServer(t) {
     if (this.materialCache.has(t))
       return this.materialCache.get(t);
-    const a = (async () => (await Fr([t]))[0])();
+    const a = (async () => (await Dr([t]))[0])();
     return this.materialCache.set(t, a), a;
   }
   /**
@@ -3698,7 +3698,7 @@ class kr {
    * @param assetType The type of asset we're expecting to upload
    */
   async dispatchCreateAssetRequest(t, e, a, i) {
-    const r = t.blob.type ? t.blob.type : this.guessMIME(t.name), o = await Dr(t.name, e, r, a, i);
+    const r = t.blob.type ? t.blob.type : this.guessMIME(t.name), o = await Fr(t.name, e, r, a, i);
     if (o)
       return {
         assetResponse: o,
@@ -5529,7 +5529,7 @@ const M = () => {
     if (!n.pattern)
       return "";
     if (n.pattern.svg) {
-      const A = Da(n.pattern.svg, n.pattern.colors || {}, !1);
+      const A = Fa(n.pattern.svg, n.pattern.colors || {}, !1);
       return Ia(A);
     }
     return n.pattern.src;
@@ -5559,7 +5559,7 @@ const M = () => {
     const A = n.pattern?.x || 0, u = n.pattern?.y || 0, h = n.pattern?.width || 0, g = n.pattern?.height || 0, m = n.pattern?.scaleX || 1, p = n.pattern?.scaleY || 1, f = n.pattern?.rotation || 0;
     return [n.pattern?.svg ? {
       id: `${t}-contents`,
-      type: F.Illustration,
+      type: D.Illustration,
       x: A,
       y: u,
       rotation: f,
@@ -5570,7 +5570,7 @@ const M = () => {
       colors: n.pattern?.colors
     } : {
       id: `${t}-contents`,
-      type: F.Image,
+      type: D.Image,
       x: A,
       y: u,
       rotation: f,
@@ -5673,7 +5673,7 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
       return wt(n).getFont();
     } catch {
       if (wo(n)) {
-        const a = Fn(n), i = la(a);
+        const a = Dn(n), i = la(a);
         return ma(n, i), i;
       } else {
         const a = await Re(n, !0), i = la(a);
@@ -5683,7 +5683,7 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
   })();
   return Ke.set(n, e), e;
 }, yo = (n) => {
-  const t = Fn(n), e = la(t);
+  const t = Dn(n), e = la(t);
   return ma(n, e), e;
 }, wt = (n) => {
   const t = Yn.get(n);
@@ -5835,7 +5835,7 @@ const wo = (n) => n.substring(0, 5).toLowerCase().trim() === "data:", Ke = /* @_
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Fe = (n, t = _a) => {
+}, De = (n, t = _a) => {
   const e = { ..._a, ...t };
   let a = n || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
@@ -5930,7 +5930,7 @@ const Po = (n) => {
         },
         stroke: A,
         strokeWidth: u,
-        children: n.curved ? /* @__PURE__ */ P(Fo, { text: c, curvedPathId: r, align: n.align }) : d.map((g, m) => /* @__PURE__ */ P(
+        children: n.curved ? /* @__PURE__ */ P(Do, { text: c, curvedPathId: r, align: n.align }) : d.map((g, m) => /* @__PURE__ */ P(
           xo,
           {
             align: n.vertical ? "center" : n.align,
@@ -5968,7 +5968,7 @@ const Po = (n) => {
     return (n.thisLineIdx - o) * i + n.fontSize / 4;
   };
   return /* @__PURE__ */ P("tspan", { textAnchor: Kn(n.align), x: e(), y: `${a()}px`, children: n.text });
-}, Fo = (n) => {
+}, Do = (n) => {
   const t = `#${n.curvedPathId}`;
   return /* @__PURE__ */ P(
     "textPath",
@@ -5980,7 +5980,7 @@ const Po = (n) => {
       children: n.text
     }
   );
-}, Do = (n) => {
+}, Fo = (n) => {
   if (n.cachedObjectURL && !n._renderingConfiguration?.omitCachedFields)
     return /* @__PURE__ */ P(
       Hn,
@@ -6012,7 +6012,7 @@ const Po = (n) => {
     {
       transform: r,
       dangerouslySetInnerHTML: {
-        __html: Fa(
+        __html: Da(
           n.svg,
           n.width,
           n.height,
@@ -6113,7 +6113,7 @@ class ko {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Zn = (n) => n.type === F.Image ? /* @__PURE__ */ P(Hn, { ...n }, n.id) : n.type === F.Frame ? /* @__PURE__ */ P(fo, { ...n }, n.id) : n.type === F.Illustration ? /* @__PURE__ */ P(Do, { ...n }, n.id) : n.type === F.Textbox ? /* @__PURE__ */ P(Po, { ...n }, n.id) : n.type === F.Group ? /* @__PURE__ */ P(jn, { ...n }, n.id) : null, Ma = (n, t, e) => {
+const Zn = (n) => n.type === D.Image ? /* @__PURE__ */ P(Hn, { ...n }, n.id) : n.type === D.Frame ? /* @__PURE__ */ P(fo, { ...n }, n.id) : n.type === D.Illustration ? /* @__PURE__ */ P(Fo, { ...n }, n.id) : n.type === D.Textbox ? /* @__PURE__ */ P(Po, { ...n }, n.id) : n.type === D.Group ? /* @__PURE__ */ P(jn, { ...n }, n.id) : null, Ma = (n, t, e) => {
   const a = e.renderingConfiguration, i = a?.removeExcludedElements ? t.filter((r) => !r.excludeFromExport) : t;
   return /* @__PURE__ */ P(
     po,
@@ -6329,17 +6329,17 @@ const re = (n) => {
     rotation: 0,
     panelId: n.layoutState.layout.panelId
   };
-  if (e && t === F.Illustration) {
+  if (e && t === D.Illustration) {
     const l = await st(await ai(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u) throw new Error("SVG missing viewBox.");
     const h = s.height, g = u.split(" "), m = parseFloat(g[2]) || 1, p = parseFloat(g[3]) || 1, f = m / p;
     s.height = s.width / f, s.top += (h - s.height) / 2;
   }
-  if (e && t === F.Image) {
+  if (e && t === D.Image) {
     const l = s.height, c = await Re(e), d = await $e(c), A = d.width / d.height;
     s.height = s.width / A, s.top += (l - s.height) / 2;
   }
-  if (e && t === F.Textbox && a?.text && a?.fontScale) {
+  if (e && t === D.Textbox && a?.text && a?.fontScale) {
     await Tt(e);
     const l = wt(e), c = mt(a.text, a?.fontScale, l);
     s.width = Math.min(c, i.width * 0.85), s.left = i.x + i.width / 2 - s.width / 2;
@@ -6348,7 +6348,7 @@ const re = (n) => {
 };
 class vd {
   static async getFrame(t, e) {
-    const a = await ti(e.region, e.src), i = await Ve(a), r = e.region || await Ut(t, F.Frame);
+    const a = await ti(e.region, e.src), i = await Ve(a), r = e.region || await Ut(t, D.Frame);
     return {
       id: M(),
       x: r.left,
@@ -6363,7 +6363,7 @@ class vd {
       path: i.path,
       dataWidth: i.width,
       dataHeight: i.height,
-      type: F.Frame,
+      type: D.Frame,
       disablePlaceholder: e.configuration.disablePlaceholder,
       focalBlur: e.configuration.focalBlur,
       focalBlurStrength: e.configuration.focalBlurStrength,
@@ -6374,11 +6374,11 @@ class vd {
     };
   }
   static async getImage(t, e) {
-    const a = e.region || await Ut(t, F.Image, e.src);
+    const a = e.region || await Ut(t, D.Image, e.src);
     return {
       id: M(),
       src: e.src,
-      type: F.Image,
+      type: D.Image,
       y: a.top,
       x: a.left,
       rotation: a.rotation,
@@ -6394,16 +6394,16 @@ class vd {
     const { configuration: a, fontSrc: i, designInputStep: r } = e, o = await Tt(i), s = {
       assetUrl: i,
       name: o.names.fullName.en
-    }, l = r?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Fe(c, {
+    }, l = r?.text || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = De(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
-    }), A = e.region || await Ut(t, F.Textbox, i, {
+    }), A = e.region || await Ut(t, D.Textbox, i, {
       text: d,
       fontScale: a.size ? a.size / o.unitsPerEm : void 0
     }), u = ie(
       {
         id: M(),
-        type: F.Textbox,
+        type: D.Textbox,
         x: A.left,
         y: A.top,
         width: A.width,
@@ -6463,14 +6463,14 @@ class vd {
                     </svg>
                 `, i = {};
     i["spiff-fill-shape"] = { browserValue: e.color };
-    const r = e.region?.item || await Ut(t, F.Illustration), o = M();
+    const r = e.region?.item || await Ut(t, D.Illustration), o = M();
     return {
       stepRegion: e.region?.item,
       stepRegionIndex: e.region?.index,
       colors: i,
       id: o,
       svg: a,
-      type: F.Illustration,
+      type: D.Illustration,
       y: r.top,
       x: r.left,
       rotation: r.rotation,
@@ -6482,7 +6482,7 @@ class vd {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region?.item || await Ut(t, F.Illustration, e.src), i = await st(await ai(e.src)), r = await Xt(i.svg), o = M();
+    const a = e.region?.item || await Ut(t, D.Illustration, e.src), i = await st(await ai(e.src)), r = await Xt(i.svg), o = M();
     return {
       cachedObjectURL: r,
       stepRegion: e.region?.item,
@@ -6491,7 +6491,7 @@ class vd {
       id: o,
       src: e.src,
       svg: i.svg,
-      type: F.Illustration,
+      type: D.Illustration,
       y: a.top,
       x: a.left,
       rotation: a.rotation,
@@ -6530,7 +6530,7 @@ const V = (n, t) => X(n, t).elements.find((i) => i.id === n), X = (n, t) => {
           const s = o;
           if (s.src && !s.svg) {
             const l = await at(s.src), c = await st(l);
-            s.svg = Fa(
+            s.svg = Da(
               c.svg,
               s.width,
               s.height,
@@ -6550,7 +6550,7 @@ const V = (n, t) => X(n, t).elements.find((i) => i.id === n), X = (n, t) => {
   }
   for (const a in n.layouts) {
     const i = n.layouts[a].elements.filter(
-      (o) => o.type === F.Illustration
+      (o) => o.type === D.Illustration
     );
     for (let o = 0; o < i.length; ++o) {
       const s = i[o];
@@ -6562,7 +6562,7 @@ const V = (n, t) => X(n, t).elements.find((i) => i.id === n), X = (n, t) => {
         }
     }
     const r = n.layouts[a].elements.filter(
-      (o) => o.type === F.Textbox
+      (o) => o.type === D.Textbox
     );
     for (let o = 0; o < r.length; ++o) {
       const s = r[o];
@@ -7126,7 +7126,7 @@ class xd extends O {
     };
   }
 }
-class Fd extends O {
+class Dd extends O {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7153,7 +7153,7 @@ class Fd extends O {
     };
   }
 }
-class Dd extends O {
+class Fd extends O {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7193,7 +7193,7 @@ class an {
           throw new Be(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
-      if (s === F.Image) {
+      if (s === D.Image) {
         const l = this.configuration.type === b.SilentIllustration ? this.configuration.data.asset?.fileLink : this.product?.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
@@ -7275,7 +7275,7 @@ class an {
   }
   evaluateAssetType() {
     const t = this.configuration.type === b.ProductOverlay && this.product?.overlayImageUrl ? this.product.overlayImageUrl.toLowerCase() : this.configuration.data.asset?.fileLink?.toLowerCase().split("?")[0];
-    return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? F.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), F.Illustration);
+    return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? D.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), D.Illustration);
   }
 }
 const Lo = async (n) => {
@@ -7396,7 +7396,7 @@ class Vo {
           stepName: i,
           id: c.id,
           src: s,
-          type: F.Image,
+          type: D.Image,
           y: d.top,
           x: d.left,
           width: d.width,
@@ -7411,7 +7411,7 @@ class Vo {
   }
 }
 const ri = new Vo();
-class De {
+class Fe {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
@@ -7522,7 +7522,7 @@ class De {
     })) ?? [];
   }
   selectImage(t, e, a, i = !0) {
-    const r = De.patternSource(e), o = a.getStepStorage(t.stepName)?.framePatternSrc;
+    const r = Fe.patternSource(e), o = a.getStepStorage(t.stepName)?.framePatternSrc;
     if (o && o === r)
       return Promise.resolve();
     a.setEditedStatus(t.stepName, !0);
@@ -7562,7 +7562,7 @@ class De {
     return new W(
       {
         id: t,
-        type: F.Frame,
+        type: D.Frame,
         x: e.left,
         y: e.top,
         width: e.width,
@@ -7755,7 +7755,7 @@ class De {
     throw new Jt(t);
   }
   async loadPatternFromAsset(t, e, a, i) {
-    const r = De.patternSource(t), o = a.markUpdatePending(), s = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
+    const r = Fe.patternSource(t), o = a.markUpdatePending(), s = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
     if (!s)
       throw a.markUpdateCompleted(o), new Error("Frame service unavailable, cannot load pattern!");
     try {
@@ -7782,7 +7782,7 @@ class De {
     ), this.validateColorCount(e, a);
   }
 }
-const St = new De();
+const St = new Fe();
 class zo {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7802,7 +7802,7 @@ class zo {
         src: r.src,
         svg: r.svg.svg,
         cachedObjectURL: r.objectURL,
-        type: F.Illustration,
+        type: D.Illustration,
         y: e.top,
         x: e.left,
         rotation: e.rotation,
@@ -7892,7 +7892,7 @@ class zo {
         spotColor: A.spotColor,
         pmsValue: A.pmsValue
       };
-    const s = Fa(t, e, a, o), l = await Xt(s), c = [];
+    const s = Da(t, e, a, o), l = await Xt(s), c = [];
     for (const d of i) {
       for (const [A, u] of r.entries())
         c.push(new Ca(d, A, u));
@@ -8236,7 +8236,7 @@ class qo {
             colors: {},
             id: g,
             svg: d,
-            type: F.Illustration,
+            type: D.Illustration,
             y: A.top,
             x: A.left,
             rotation: A.rotation,
@@ -8372,7 +8372,7 @@ class Ho {
             stepRegionIndex: u,
             id: m,
             src: o,
-            type: F.Image,
+            type: D.Image,
             y: A.top,
             x: A.left,
             rotation: A.rotation,
@@ -8596,7 +8596,7 @@ class Yo {
               colors: f,
               id: S,
               svg: p,
-              type: F.Illustration,
+              type: D.Illustration,
               y: u.top,
               x: u.left,
               rotation: u.rotation,
@@ -8919,7 +8919,7 @@ class Xo {
   }
   getProcessedInput(t, e, a) {
     const i = a ? t : this.injectReplaceableText(t, e);
-    return Fe(i, {
+    return De(i, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -9196,8 +9196,8 @@ class Xo {
         const f = a.colorOption;
         let S;
         if (f && f.variants) {
-          const D = f.variants.find((q) => q.id === f.defaultVariant?.id) || f.variants[0];
-          S = this.createTextFillSpotColor(f, D), o.updateStorage(t, {
+          const F = f.variants.find((q) => q.id === f.defaultVariant?.id) || f.variants[0];
+          S = this.createTextFillSpotColor(f, F), o.updateStorage(t, {
             colorProfileAssetKey: f.colorProfile?.key
           });
         }
@@ -9215,7 +9215,7 @@ class Xo {
           rotation: u.rotation,
           text: c,
           input: s,
-          type: F.Textbox,
+          type: D.Textbox,
           vertical: a.vertical,
           x: u.left,
           y: u.top,
@@ -9552,7 +9552,7 @@ const ls = [
       {
         id: m,
         src: d,
-        type: F.Image,
+        type: D.Image,
         y: h.top,
         x: h.left,
         width: h.width,
@@ -9591,7 +9591,7 @@ const ls = [
           {
             id: u,
             path: A.path,
-            type: F.Frame,
+            type: D.Frame,
             forceImageCover: a.data.forceImageCover,
             x: c.left,
             y: c.top,
@@ -9642,7 +9642,7 @@ const ls = [
     return console.error("Failed to read SVG."), [];
   xa(g);
   const m = {};
-  Dt(g, (v) => {
+  Ft(g, (v) => {
     ls.includes(v.tagName) && !v.attributes.getNamedItem("fill") && v.setAttribute("fill", "#000000");
     const E = v.attributes.getNamedItem("fill");
     if (E && E.value !== "none") {
@@ -9674,7 +9674,7 @@ const ls = [
         colors: m,
         id: I,
         svg: f,
-        type: F.Illustration,
+        type: D.Illustration,
         y: v.top,
         x: v.left,
         rotation: v.rotation,
@@ -9703,7 +9703,7 @@ const ls = [
         colors: {},
         id: d,
         svg: s,
-        type: F.Illustration,
+        type: D.Illustration,
         y: l.top,
         x: l.left,
         rotation: l.rotation,
@@ -9744,7 +9744,7 @@ const ls = [
       {
         id: u,
         src: s,
-        type: F.Image,
+        type: D.Image,
         y: d.top,
         x: d.left,
         rotation: d.rotation,
@@ -9801,7 +9801,7 @@ const ls = [
         colors: h,
         id: g,
         svg: A,
-        type: F.Illustration,
+        type: D.Illustration,
         y: c.top,
         x: c.left,
         rotation: c.rotation,
@@ -9820,7 +9820,7 @@ const ls = [
     return console.error(c), [];
   }
 }, ms = async (n, t, e) => {
-  const a = [], r = t.type === b.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? F.Image : (r.endsWith(".svg"), F.Illustration), l = t.data.regions;
+  const a = [], r = t.type === b.ProductOverlay ? e || t.data.asset?.fileLink || "" : t.data.asset?.fileLink || "", s = r.endsWith(".jpeg") || r.endsWith(".jpg") || r.endsWith(".png") ? D.Image : (r.endsWith(".svg"), D.Illustration), l = t.data.regions;
   if (s === "image")
     try {
       l.forEach((c) => {
@@ -9904,7 +9904,7 @@ const ls = [
       assetUrl: p,
       name: f.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", r.text) : r.text) || "", u = Fe(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", r.text) : r.text) || "", u = De(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (p) => {
@@ -9929,7 +9929,7 @@ const ls = [
       paths: a.data.paths,
       rotation: p.rotation,
       text: u,
-      type: F.Textbox,
+      type: D.Textbox,
       vertical: a.data.vertical,
       verticalAlign: a.data.verticalAlign || "middle",
       width: p.width,
@@ -9942,7 +9942,7 @@ const ls = [
         d,
         p,
         [
-          Fe(u, {
+          De(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -10515,7 +10515,7 @@ const kd = (n, t) => {
             }
         }
     }
-`, Fs = C`
+`, Ds = C`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -10544,7 +10544,7 @@ const kd = (n, t) => {
             }
         }
     }
-`, Ds = C`
+`, Fs = C`
     ${Ra(!1)}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
@@ -12612,22 +12612,22 @@ const pl = async (n, t) => {
       for (const R of Object.keys(r)) {
         const B = r[R], T = t.steps.find((L) => L.stepName === R);
         for (let L = 0; L < B.selections.length; ++L) {
-          const D = B.selections[L];
+          const F = B.selections[L];
           if (T && (!E || T.option && (T.option.variants || []).length > 1 && !T.data.hideSelectionInCart && !T.data.hideSelectionsInCart)) {
             const q = T.stepTitle;
             I[q] ? I[q].push({
-              id: D.id || "",
-              name: D.name,
-              priceModifier: D.priceModifier
+              id: F.id || "",
+              name: F.name,
+              priceModifier: F.priceModifier
             }) : I[q] = [
               {
-                id: D.id || "",
-                name: D.name,
-                priceModifier: D.priceModifier
+                id: F.id || "",
+                name: F.name,
+                priceModifier: F.priceModifier
               }
             ];
           }
-          N += D.priceModifier;
+          N += F.priceModifier;
         }
       }
     return [I, N];
@@ -13539,7 +13539,7 @@ class Pl {
         return e?.type === "Color" ? new cn(this.bundle, t, e) : new gi(this.bundle, t, e);
       }
       case z.Text:
-        return new Fl(this.bundle, t);
+        return new Dl(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
     }
@@ -13698,7 +13698,7 @@ class xl extends Oa {
       return U.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
-    return await this.loadImageData(), this.imageData?.svg ? Ia(Da(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
+    return await this.loadImageData(), this.imageData?.svg ? Ia(Fa(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
   }
   /**
    * Retrieves the original, unmodified image selection, if one exists.
@@ -13832,7 +13832,7 @@ class xl extends Oa {
     );
   }
 }
-class Fl extends Oa {
+class Dl extends Oa {
   constructor(t, e) {
     super(t, e);
   }
@@ -13983,8 +13983,8 @@ class cn extends gi {
     return this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.customColor || this.getCurrentVariant()?.getColor() || "#ffffff";
   }
 }
-const Dl = (n, t, e, a) => n.flatMap((i) => i.getSteps()).filter((i) => i.getGlobalPropertyAspects(t).includes(e) && i.getType() === a), kl = (n, t, e) => {
-  const i = Dl(
+const Fl = (n, t, e, a) => n.flatMap((i) => i.getSteps()).filter((i) => i.getGlobalPropertyAspects(t).includes(e) && i.getType() === a), kl = (n, t, e) => {
+  const i = Fl(
     n,
     t,
     e,
@@ -14437,7 +14437,7 @@ class pi {
     if (this.fullFetched)
       return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new ge(a));
     const e = await y.getShadowGraphqlClient().query({
-      query: Ds,
+      query: Fs,
       variables: {
         id: this.getId(),
         productIds: t
@@ -15117,7 +15117,14 @@ class dn {
       await a.applyGlobalState([t]), console.log(`log: awe global ${Date.now()}`);
     this.fireEvent("workflow-experience-added", {
       workflowExperiences: [t]
-    }), console.log(`log: awe 8 ${Date.now()}`);
+    }), console.log(`log: awe 8 ${Date.now()}`), Promise.resolve().then(
+      () => console.log("f microtask:", Date.now())
+    ), setTimeout(
+      () => console.log("f timeout:", Date.now()),
+      0
+    ), requestAnimationFrame(
+      () => console.log("f raf:", Date.now())
+    );
   }
   async addWorkflowExperiences(t) {
     for (const s of t)
@@ -16159,7 +16166,7 @@ class Od {
       } catch (a) {
         throw console.error(a), new gt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && nr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 34.1.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && nr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 34.1.0-beta.e726c178-ca4d-5f86-9fa4-962d8fc2d6fc"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     pt.setHubUrl(t.hubUrl), pt.setServerUrl(t.serverUrl), pt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && rr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16582,7 +16589,7 @@ class Od {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const t = await y.getShadowGraphqlClient().query({
-      query: Fs,
+      query: Ds,
       variables: {
         id: this.customer.id
       },
@@ -16631,12 +16638,12 @@ class Od {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), D = L.data.transactions;
-      if (A = A + D.length, i && i(A, o.length), D.length !== B.length) {
+      }), F = L.data.transactions;
+      if (A = A + F.length, i && i(A, o.length), F.length !== B.length) {
         const q = L.errors?.[0]?.message || "Unknown error";
         throw new gt(`Not all transactions were found: ${q}`);
       }
-      return !this.activeIntegration && D[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(D[0].integrationProduct.integration)), D.map((q, qe) => ({
+      return !this.activeIntegration && F[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(F[0].integrationProduct.integration)), F.map((q, qe) => ({
         transaction: q,
         workflowId: q.workflowId,
         readOnly: B.find((At) => At.option.transactionId === q.id)?.option.readOnly ?? !1,
@@ -16648,15 +16655,15 @@ class Od {
       const T = await u.mutate({
         mutation: $r,
         variables: {
-          inputs: B.map((D) => ({
-            integrationProductId: D.option.type === "integration" ? D.option.integrationProductId : void 0,
-            externalIntegrationId: D.option.type === "external" ? D.option.externalIntegrationId : void 0,
-            externalProductId: D.option.type === "external" ? D.option.externalProductId : void 0,
-            workflowId: D.option.workflowId,
-            designName: D.option.designName,
+          inputs: B.map((F) => ({
+            integrationProductId: F.option.type === "integration" ? F.option.integrationProductId : void 0,
+            externalIntegrationId: F.option.type === "external" ? F.option.externalIntegrationId : void 0,
+            externalProductId: F.option.type === "external" ? F.option.externalProductId : void 0,
+            workflowId: F.option.workflowId,
+            designName: F.option.designName,
             claim: !0,
-            quantity: D.option.quantity,
-            recipient: D.option.recipient
+            quantity: F.option.quantity,
+            recipient: F.option.recipient
           })),
           marketplaceThemeInstallId: this.marketplaceThemeInstallId,
           marketplaceThemeInstallConfigurationId: this.marketplaceThemeInstallConfigurationId
@@ -16665,12 +16672,12 @@ class Od {
         fetchPolicy: "no-cache"
       }), L = T.data?.transactionCreateMany;
       if (!L || L.length === 0) {
-        const D = T.errors?.[0]?.message || "Unknown error";
-        throw new gt(`Failed to create transactions: ${D}`);
+        const F = T.errors?.[0]?.message || "Unknown error";
+        throw new gt(`Failed to create transactions: ${F}`);
       }
-      return A = A + L.length, i && i(A, o.length), L.map((D, q) => ({
-        transaction: D,
-        workflowId: D.workflowId,
+      return A = A + L.length, i && i(A, o.length), L.map((F, q) => ({
+        transaction: F,
+        workflowId: F.workflowId,
         readOnly: !1,
         index: B[q].index
       }));
@@ -16685,7 +16692,7 @@ class Od {
       (async () => p.length > 0 ? await sc(p) : [])(),
       (async () => f.length > 0 ? await Ci(f, e) : [])()
     ]), x = new Map(S.map((B) => [B.id, B])), v = new Map(w.map((B) => [B.id, B])), E = m.map(async (B) => {
-      const { transaction: T, workflowId: L, readOnly: D, index: q } = B, qe = L ? v.get(L) : void 0, At = t[q];
+      const { transaction: T, workflowId: L, readOnly: F, index: q } = B, qe = L ? v.get(L) : void 0, At = t[q];
       if (T.integrationProductId) {
         const it = x.get(T.integrationProductId);
         T.integrationProduct = it, T.product = it?.product, T.integrationProduct || console.error("failed to find transaction's product");
@@ -16699,20 +16706,20 @@ class Od {
         workflow: qe,
         transaction: T,
         singleVariantsRenderable: At?.workflowConfiguration?.singleVariantsRenderable,
-        stateMutationFunc: D ? async () => {
+        stateMutationFunc: F ? async () => {
           throw new Q("State mutation is forbidden in read only mode!");
         } : async (it) => this.updateTransactionState({
           ...it,
           context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId }
         }),
         graphQlClient: () => vi,
-        readOnly: D,
+        readOnly: F,
         isReloadedTransaction: At.type === "transaction"
       };
       if (At.type === "transaction" && T.workflowState) {
         const it = JSON.parse(T.workflowState);
         await Za(it), se.reloadedState = it;
-      } else if (!D && At.workflowState) {
+      } else if (!F && At.workflowState) {
         const it = JSON.parse(At.workflowState);
         await Za(it), se.reloadedState = it;
       }
@@ -16720,8 +16727,8 @@ class Od {
     }), N = (await Promise.all(E)).sort((B, T) => B.index - T.index);
     let R = [];
     for (const B of N) {
-      const { experienceOptions: T, options: L } = B, D = new bl(this, T);
-      await D.getWorkflowManager().getInitializationPromise(), a && a(), L.type !== "transaction" && this.customer && await D.attachCustomerDetails({ email: this.customer.emailAddress }), R = [...R, D], D.getWorkflowManager().setWorkflowStateSyncEnabled(!0);
+      const { experienceOptions: T, options: L } = B, F = new bl(this, T);
+      await F.getWorkflowManager().getInitializationPromise(), a && a(), L.type !== "transaction" && this.customer && await F.attachCustomerDetails({ email: this.customer.emailAddress }), R = [...R, F], F.getWorkflowManager().setWorkflowStateSyncEnabled(!0);
     }
     return R;
   }
@@ -16953,7 +16960,7 @@ class dc {
   getImageSrc() {
     if (this.imageData) {
       if (this.imageData.svg) {
-        const t = Da(this.imageData.svg, this.imageData.colors || {}, !1);
+        const t = Fa(this.imageData.svg, this.imageData.colors || {}, !1);
         return Ia(t);
       }
       return this.imageData.src;
@@ -17821,7 +17828,7 @@ const Si = C`
         }
     }
 `;
-var Fc = /* @__PURE__ */ ((n) => (n.Confirmed = "Confirmed", n.Plausible = "Plausible", n.Unlikely = "Unlikely", n))(Fc || {}), Dc = /* @__PURE__ */ ((n) => (n.Created = "Created", n.Processing = "Processing", n.Completed = "Completed", n.Failed = "Failed", n.Cancelled = "Cancelled", n))(Dc || {});
+var Dc = /* @__PURE__ */ ((n) => (n.Confirmed = "Confirmed", n.Plausible = "Plausible", n.Unlikely = "Unlikely", n))(Dc || {}), Fc = /* @__PURE__ */ ((n) => (n.Created = "Created", n.Processing = "Processing", n.Completed = "Completed", n.Failed = "Failed", n.Cancelled = "Cancelled", n))(Fc || {});
 const eA = async (n) => {
   const t = n.map((a) => a.getTransaction().recipient?.id).filter((a) => !!a), e = await y.getShadowGraphqlClient().query({
     query: Ic,
@@ -17894,14 +17901,14 @@ const eA = async (n) => {
 })).data.integrationProducts;
 export {
   ba as AddonHandle,
-  Dc as AddressValidationJobStatus,
-  Fc as AddressValidationResultConfirmationLevel,
+  Fc as AddressValidationJobStatus,
+  Dc as AddressValidationResultConfirmationLevel,
   bn as AddressValidationStatus,
   Rd as ArrayInput,
   z as AspectType,
   bt as AssetNotFoundError,
   Ee as AssetType,
-  Fd as BringForwardCommand,
+  Dd as BringForwardCommand,
   xd as BringToBackCommand,
   Pd as BringToFrontCommand,
   Vi as BundleDesignCreationCartAddMode,
@@ -17936,7 +17943,7 @@ export {
   An as IntegrationProduct,
   Gi as IntegrationType,
   vd as LayoutElementFactory,
-  F as LayoutElementType,
+  D as LayoutElementType,
   J as LayoutNotFoundError,
   Yt as LayoutRenderingPurpose,
   rl as MaterialStepHandle,
@@ -17963,7 +17970,7 @@ export {
   Jt as ResourceNotFoundError,
   bd as RotateCommand,
   j as ScaleAxis,
-  Dd as SendBackwardsCommand,
+  Fd as SendBackwardsCommand,
   cl as ShapeStepHandle,
   zi as ShareActionType,
   Od as SpiffCommerceClient,
@@ -17973,7 +17980,7 @@ export {
   b as StepType,
   kt as TextAlgorithm,
   $o as TextChangeCommand,
-  Fl as TextGlobalPropertyHandle,
+  Dl as TextGlobalPropertyHandle,
   Qd as TextInput,
   dl as TextStepHandle,
   Vl as Transform,
@@ -18045,7 +18052,7 @@ export {
   $l as metafieldManager,
   wd as mmPerPixel,
   si as modelStepService,
-  Da as modifySVGColors,
+  Fa as modifySVGColors,
   li as moduleStepService,
   Wd as nameBundle,
   qd as nameTransaction,