@spiffcommerce/core 32.4.0-beta.1204c273-027e-50de-b005-abfcd12ed374 → 32.4.0-beta.14c36723-271f-57c6-a353-2f8323e5450a

package/dist/index.mjs

@@ -24,7 +24,7 @@ import hn from "lodash.debounce";
 import "fs";
 import "path";
 import Pr from "lodash.omit";
-var ve = /* @__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))(ve || {}), L = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(L || {}), E = /* @__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))(E || {}), Dr = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Dr || {}), Ht = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(Ht || {}), x = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(x || {}), Fr = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Fr || {}), mn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(mn || {}), xr = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(xr || {}), kr = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(kr || {}), ga = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ga || {}), Mr = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Mr || {}), Ee = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Ee || {}), xt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(xt || {}), W = /* @__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))(W || {}), Tr = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(Tr || {});
+var ve = /* @__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))(ve || {}), L = /* @__PURE__ */ ((n) => (n.FileUpload = "FileUpload", n.Option = "Option", n.ColorOption = "ColorOption", n.Text = "Text", n))(L || {}), E = /* @__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))(E || {}), Dr = /* @__PURE__ */ ((n) => (n.Color = "Color", n.Colors = "Colors", n.Selection = "Selection", n.Selections = "Selections", n.Text = "Text", n.Upload = "Upload", n))(Dr || {}), jt = /* @__PURE__ */ ((n) => (n.ThreeD = "ThreeD", n.FreeDesign = "FreeDesign", n.Print = "Print", n))(jt || {}), x = /* @__PURE__ */ ((n) => (n.Frame = "frame", n.Group = "group", n.Image = "image", n.Pattern = "pattern", n.Illustration = "illustration", n.Textbox = "textbox", n))(x || {}), Fr = /* @__PURE__ */ ((n) => (n.Default = "Default", n.FirstTransaction = "FirstTransaction", n.OneToOne = "OneToOne", n))(Fr || {}), mn = /* @__PURE__ */ ((n) => (n.Pending = "Pending", n.Failed = "Failed", n.Validated = "Validated", n.Overridden = "Overridden", n))(mn || {}), xr = /* @__PURE__ */ ((n) => (n.Hyperlink = "Hyperlink", n.Edit = "Edit", n.Approve = "Approve", n))(xr || {}), kr = /* @__PURE__ */ ((n) => (n.Hub = "Hub", n.Shopify = "Shopify", n))(kr || {}), ga = /* @__PURE__ */ ((n) => (n.BackgroundRemover = "BackgroundRemover", n.ConversionAccelerator = "Conversion Accelerator", n.ProcessBuilder = "ProcessBuilder", n))(ga || {}), Mr = /* @__PURE__ */ ((n) => (n[n.Orbit = 0] = "Orbit", n[n.Pan = 1] = "Pan", n))(Mr || {}), Ee = /* @__PURE__ */ ((n) => (n.Owner = "Owner", n.Approver = "Approver", n.Editor = "Editor", n.Viewer = "Viewer", n))(Ee || {}), xt = /* @__PURE__ */ ((n) => (n.Autosize = "Autosize", n.Traditional = "Traditional", n))(xt || {}), W = /* @__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))(W || {}), Tr = /* @__PURE__ */ ((n) => (n.Pixel = "px", n.Millimeter = "mm", n.Centimeter = "cm", n))(Tr || {});
 class gn extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -40,7 +40,7 @@ class be extends _t {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = t?.optionId || "N/A";
   }
 }
-class H extends _t {
+class j extends _t {
   constructor(t) {
     super(`Panel not Found: ${t.panelId}`), this.panelId = t?.panelId || "N/A";
   }
@@ -50,7 +50,7 @@ class Et extends _t {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
 }
-class jt extends _t {
+class Ht extends _t {
   constructor(t) {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
@@ -166,7 +166,7 @@ let ra, ia;
 function qc(n) {
   ra = n;
 }
-function Hc(n) {
+function jc(n) {
   ia = n;
 }
 function Xt() {
@@ -257,7 +257,7 @@ const pn = /* @__PURE__ */ new Map(), Ra = /* @__PURE__ */ new Map(), Oa = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, jc = async (n) => {
+}, Hc = async (n) => {
   const t = await fn(n), e = pn.get(n) || Qe(t);
   return await Gr(new Blob([t], { type: e }));
 }, Vr = (n) => {
@@ -291,9 +291,9 @@ const pn = /* @__PURE__ */ new Map(), Ra = /* @__PURE__ */ new Map(), Oa = /* @_
 let Wr, fa;
 const qr = (n) => {
   fa = n;
-}, Hr = () => fa;
+}, jr = () => fa;
 let yn;
-const jr = (n) => {
+const Hr = (n) => {
   yn = n;
 }, Yr = () => new Promise((n) => {
   const t = gt.getHubUrl(), e = (a) => {
@@ -3620,8 +3620,8 @@ class wi {
     const e = t.key;
     if (this.bgrmProcessCache.has(e))
       return this.bgrmProcessCache.get(e);
-    if (j.has(e)) {
-      const i = this.getLocalOrFromServer(j.get(e));
+    if (H.has(e)) {
+      const i = this.getLocalOrFromServer(H.get(e));
       return this.bgrmProcessCache.set(e, i), i;
     }
     const r = (async () => {
@@ -3635,7 +3635,7 @@ class wi {
       });
       if (this.bgrmProcessCache.delete(e), !i.data?.assetRemoveBackground?.key)
         throw new Error("Failed to remove background from image");
-      return At.add(i.data.assetRemoveBackground), j.add(e, i.data.assetRemoveBackground.key), this.cache.set(
+      return At.add(i.data.assetRemoveBackground), H.add(e, i.data.assetRemoveBackground.key), this.cache.set(
         i.data.assetRemoveBackground.key,
         Promise.resolve(i.data.assetRemoveBackground)
       ), i.data.assetRemoveBackground;
@@ -3643,7 +3643,7 @@ class wi {
     return this.bgrmProcessCache.set(e, r), r;
   }
   removePersistedAsset(t) {
-    At.remove(t), j.delete(t), j.deleteForBgRemovedKey(t);
+    At.remove(t), H.delete(t), H.deleteForBgRemovedKey(t);
   }
   getPersistedAssets() {
     return At.list();
@@ -3750,30 +3750,30 @@ const Qt = "persistentAssets", lt = class lt {
 lt.callbacks = [];
 let At = lt;
 const Va = "bgrmPersistentAssets";
-class j {
+class H {
   static has(t) {
-    return j.getMap().has(t);
+    return H.getMap().has(t);
   }
   static get(t) {
-    return j.getMap().get(t);
+    return H.getMap().get(t);
   }
   static keys() {
-    return j.getMap().keys();
+    return H.getMap().keys();
   }
   static values() {
-    return j.getMap().values();
+    return H.getMap().values();
   }
   static add(t, e) {
-    const a = j.getMap();
-    a.set(t, e), j.setMap(a);
+    const a = H.getMap();
+    a.set(t, e), H.setMap(a);
   }
   static delete(t) {
-    const e = j.getMap();
-    e.delete(t), j.setMap(e);
+    const e = H.getMap();
+    e.delete(t), H.setMap(e);
   }
   static deleteForBgRemovedKey(t) {
-    const e = j.getMap(), a = Array.from(e.keys()).find((r) => e.get(r) === t);
-    a && (e.delete(a), j.setMap(e));
+    const e = H.getMap(), a = Array.from(e.keys()).find((r) => e.get(r) === t);
+    a && (e.delete(a), H.setMap(e));
   }
   static getMap() {
     return k.getMap(Va) || /* @__PURE__ */ new Map();
@@ -5121,7 +5121,7 @@ const q = new Ii(), Dn = C`
             ...MarketplaceThemeInstallConfigurationFields
         }
     }
-`, Hi = C`
+`, ji = C`
     ${Dn}
     ${Oe}
     query GetCurrentIntegration($themeConfigurationId: String) {
@@ -5134,7 +5134,7 @@ const q = new Ii(), Dn = C`
             ...ActiveIntegrationFields
         }
     }
-`, ji = C`
+`, Hi = C`
     ${Oe}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
@@ -5348,7 +5348,7 @@ const M = () => {
   viewBox: A,
   width: u
 }) => {
-  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: i }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), w = a.purpose === Ht.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: p.width, height: p.height, rx: h }) }) }), I = a.colorProfiles?.map((S, B) => (
+  const h = e || 0, m = 2 * (l?.scale || 1), p = A || { x: 0, y: 0, width: u, height: i }, g = `${p.x} ${p.y} ${p.width} ${p.height}`, f = M(), w = a.purpose === jt.FreeDesign && /* @__PURE__ */ D("defs", { children: /* @__PURE__ */ D("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ D("rect", { width: p.width, height: p.height, rx: h }) }) }), I = a.colorProfiles?.map((S, B) => (
     /* @ts-ignore */
     /* @__PURE__ */ D("color-profile", { name: S.name, xlinkHref: S.key, children: " " }, B)
   )), P = r.map((S) => ({
@@ -5391,7 +5391,7 @@ const M = () => {
           "g",
           {
             id: "element-group",
-            clipPath: a.purpose === Ht.FreeDesign ? "url(#viewboxClip)" : void 0,
+            clipPath: a.purpose === jt.FreeDesign ? "url(#viewboxClip)" : void 0,
             children: y.map((S) => zn(S)).filter((S) => !!S)
           }
         ),
@@ -6143,7 +6143,7 @@ class fo {
       layouts: {}
     };
     t.forEach((r) => {
-      a = new Hn(r).apply(a);
+      a = new jn(r).apply(a);
     }), this.runStateCallbacks(), this.state = {
       transaction: a
     };
@@ -6201,7 +6201,7 @@ const ne = (n) => {
     if (n.defaultVariant !== void 0)
       return t.find((e) => e.id === n.defaultVariant);
   }
-}, ut = /* @__PURE__ */ new Map(), Lt = /* @__PURE__ */ new Map(), He = /* @__PURE__ */ new Map(), Gn = async (n, t) => {
+}, ut = /* @__PURE__ */ new Map(), Lt = /* @__PURE__ */ new Map(), je = /* @__PURE__ */ new Map(), Gn = async (n, t) => {
   if (!t) {
     if (!n) throw new Error("No region or src supplied. Cannot construct frame!");
     return ca(n);
@@ -6223,8 +6223,8 @@ const ne = (n) => {
     throw new Error(`No asset for variant with ID: ${n.frameVariantId}`);
   return e;
 }, $e = async (n) => {
-  if (He.has(n))
-    return He.get(n);
+  if (je.has(n))
+    return je.get(n);
   const e = (async () => {
     if (Lt.has(n))
       return Lt.get(n);
@@ -6260,7 +6260,7 @@ const ne = (n) => {
     }
     throw new Error("Malformed frame SVG");
   })();
-  return He.set(n, e), e;
+  return je.set(n, e), e;
 }, Ia = (n, t, e, a) => {
   const r = t.width / t.height, i = n.width / n.height;
   let o;
@@ -6321,9 +6321,9 @@ const ne = (n) => {
   at(n).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), je = /* @__PURE__ */ new Map(), Kt = async (n) => {
-  if (je.has(n))
-    return je.get(n);
+}), He = /* @__PURE__ */ new Map(), Kt = async (n) => {
+  if (He.has(n))
+    return He.get(n);
   const t = async (r) => new Promise((i, o) => {
     try {
       if (!(!!URL && !!URL.createObjectURL)) throw new Error("Environment incapable of generating ObjectURL");
@@ -6354,7 +6354,7 @@ const ne = (n) => {
       A.resize(m, m);
     return await A.render(), await t(c);
   })();
-  return je.set(n, a), a;
+  return He.set(n, a), a;
 }, $t = async (n, t, e, a) => {
   const r = n.layoutState.layout.useEditableArea && n.layoutState.layout.editableArea || {
     width: n.layoutState.layout.width,
@@ -6618,7 +6618,7 @@ class Q {
     this.oldState = t;
   }
 }
-class Ha extends Q {
+class ja extends Q {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6713,7 +6713,7 @@ class O extends Q {
     return this.oldState = t, this.commands.reduce((e, a) => a.apply(e), t);
   }
 }
-class Hn extends Q {
+class jn extends Q {
   constructor(t) {
     super(), this.layout = t;
   }
@@ -6880,7 +6880,7 @@ class yo extends Q {
     };
   }
 }
-class ja extends Q {
+class Ha extends Q {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -7223,7 +7223,7 @@ class Ya {
     this.processRegion = async (r) => {
       const i = this.layouts.find((l) => l.panelId === r.panelId);
       if (!i)
-        throw new H(r);
+        throw new j(r);
       let o = "";
       if (this.configuration.type === E.ProductOverlay) {
         let l = "";
@@ -7306,7 +7306,7 @@ class Ya {
     } else return this.configuration.type === E.ProductOverlay ? Promise.all(
       this.configuration.data.regions.map((t) => {
         if (!this.layouts.find((a) => t.panelId === a.panelId))
-          throw new H(t);
+          throw new j(t);
         return this.processRegion(t);
       })
     ) : Promise.reject("Unknown silent step. This is a bug");
@@ -7330,7 +7330,7 @@ const Bo = async (n) => {
     throw console.error(e), new Te("Failed to shorten URL, see console.");
   }
 };
-class jn {
+class Hn {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7375,12 +7375,12 @@ class Po {
       const h = (await Be([e]))[0], m = h?.versions?.find((p) => p.name === "mpeg4")?.link;
       return { asset: h, link: m };
     }, o = await new Promise((h, m) => {
-      new jn(
+      new Hn(
         async () => !!(await i()).link,
         async () => {
           const p = await i();
           if (!p.link || !p.link)
-            throw new jt(p.asset);
+            throw new Ht(p.asset);
           h({
             rel: "mpeg4",
             href: p.link
@@ -7418,7 +7418,7 @@ class Po {
     const i = a.getLayouts(), s = `data:image/svg+xml;base64,${btoa(await un(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, A = i.find((u) => u.panelId === d?.panelId);
       if (!A && d)
-        throw new H(d);
+        throw new j(d);
       if (A && !d)
         throw new Error("Region not found");
       if (!A || !d)
@@ -7455,7 +7455,7 @@ class Fe {
       const r = a.fileLink;
       if (r)
         return at(r, !0);
-      throw new jt(a);
+      throw new Ht(a);
     };
   }
   async init(t, e, a) {
@@ -7558,7 +7558,7 @@ class Fe {
     const s = e.fileLink || "";
     return s.endsWith(".pdf") || s.endsWith(".eps") || s.endsWith(".ai") ? new Promise((l) => {
       a.addPoller(
-        new jn(
+        new Hn(
           async () => {
             const d = (await $.getFromServer(e.key || "")).versions?.find((u) => u.name === "svg");
             return d ? (await nt(d.link)).status === 200 : !1;
@@ -7735,7 +7735,7 @@ class Fe {
           rotation: 0
         } : void 0, P = M(), S = r.getLayouts().find((B) => B.panelId === h.panelId);
         if (!S)
-          throw new H(h);
+          throw new j(h);
         return {
           command: this.getCreateElementCommand(P, h, S, {
             frameData: p,
@@ -7779,7 +7779,7 @@ class Fe {
     const a = t.fileLink;
     if (a)
       return a;
-    throw new jt(t);
+    throw new Ht(t);
   }
   async loadPatternFromAsset(t, e, a, r) {
     const i = Fe.patternSource(t), o = a.markUpdatePending(), s = a.getWorkflowExperience().getStepById(e.stepName)?.frameService;
@@ -7973,11 +7973,11 @@ class Do {
       throw new Et(e);
     const l = s.fileLink;
     if (!l)
-      throw new jt(s);
+      throw new Ht(s);
     const c = await st(await this.getIllustrationBody(l)), d = await Kt(c.svg), A = (f) => {
       const w = i.getLayouts().find((P) => P.panelId === f.panelId);
       if (!w)
-        throw new H(f);
+        throw new j(f);
       const I = M();
       return {
         regionElement: { id: I, region: f },
@@ -8361,7 +8361,7 @@ class Mo {
     const l = a.getRegionElements(t.stepName).map((A) => new Tt(A.id)), c = (A) => {
       const h = a.getLayouts().find((p) => p.panelId === A.panelId);
       if (!h)
-        throw new H(A);
+        throw new j(A);
       const m = M();
       return {
         regionElement: { id: m, region: A },
@@ -8473,7 +8473,7 @@ class No {
   setCustomColor(t, e, a) {
     const r = a.getLayouts(), o = (a.getRegionElements(e.stepName) || []).map((s) => {
       const l = s.region;
-      if (!r.find((d) => d.panelId === l?.panelId)) throw new H(l);
+      if (!r.find((d) => d.panelId === l?.panelId)) throw new j(l);
       return new Aa(s.id, this.shapeFillId, t);
     }).filter((s) => !!s);
     a.getCommandDispatcher()(new O(o)), a.updateStorage(e.stepName, { colour: t });
@@ -8538,7 +8538,7 @@ class No {
       const l = (d) => {
         const A = d.region;
         if (!i.find((m) => m.panelId === A?.panelId))
-          throw new H(A);
+          throw new j(A);
         const h = s();
         return new Aa(d.id, this.shapeFillId, h);
       }, c = a.map(l).filter((d) => !!d);
@@ -8556,7 +8556,7 @@ class No {
       const l = (u) => {
         const h = i.find((w) => w.panelId === u.panelId);
         if (!h)
-          throw new H(u);
+          throw new j(u);
         const m = s(), p = `
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
@@ -8997,7 +8997,7 @@ class $o {
             u,
             async () => {
               e.updateMetadata(t.stepName, { color: h, text: m }), e.updateStorage(t.stepName, { text: m, inputText: m });
-              const g = s.map((w) => new ja(w.id, A)), f = new O(g);
+              const g = s.map((w) => new Ha(w.id, A)), f = new O(g);
               e.getCommandDispatcher()(f);
             }
           ), s.length === 0 && l) {
@@ -9090,7 +9090,7 @@ class $o {
       throw new Et(t);
     const a = e.fileLink;
     if (!a)
-      throw new jt(e);
+      throw new Ht(e);
     const r = await Mt(a);
     return {
       assetUrl: a,
@@ -9100,7 +9100,7 @@ class $o {
   async selectVariantCommand(t, e, a, r, i, o, s, l, c) {
     const d = i.markUpdatePending(), A = await this.fontDataFromVariant(e);
     if (r.length > 0) {
-      const u = r.map((p) => new ja(p.id, A));
+      const u = r.map((p) => new Ha(p.id, A));
       if (l) {
         const p = r.map((g) => new Ye(g.id, l));
         u.push(...p);
@@ -9372,7 +9372,7 @@ const Ja = {
   t: ["x", "y"],
   a: ["rx", "ry", "xRotation", "largeArc", "sweep", "x", "y"]
 };
-class Ho {
+class jo {
   constructor(t) {
     const e = Array.from(t.querySelectorAll("path"));
     this.paths = e.map((a) => {
@@ -9470,7 +9470,7 @@ class Ho {
     }
   }
 }
-class jo extends Uo {
+class Ho extends Uo {
   constructor() {
     super(...arguments), this.moduleName = "Vegemite";
   }
@@ -9495,7 +9495,7 @@ class jo extends Uo {
       const b = et("g");
       b.classList.add("module-layer2"), I.appendChild(b), b.setAttribute("fill", "rgb(255,209,0)"), b.setAttribute("transform", "translate(1,-0.1)"), b.innerHTML = s;
       const F = et("g");
-      return F.classList.add("module-layer3"), I.appendChild(F), F.setAttribute("fill", "white"), F.innerHTML = s, new Ho(I).transform(([N, Z]) => [N, Z + (c / 2 - N) ** 2 / (c * 6)]), I;
+      return F.classList.add("module-layer3"), I.appendChild(F), F.setAttribute("fill", "white"), F.innerHTML = s, new jo(I).transform(([N, Z]) => [N, Z + (c / 2 - N) ** 2 / (c * 6)]), I;
     }, u = et("g");
     u.classList.add("module-root");
     const h = et("defs");
@@ -9514,7 +9514,7 @@ class jo extends Uo {
 }
 async function tr(n) {
   if (n === "Vegemite")
-    return new jo();
+    return new Ho();
   throw new T(`Failed to resolve Module, Module ${n} not found`);
 }
 const Yo = [
@@ -9535,7 +9535,7 @@ const Yo = [
   const l = s.toString(), d = `data:image/svg+xml;base64,${$a(await un(l, { type: "svg" }))}`, A = (h) => {
     const m = n.find((g) => g.panelId === h.panelId);
     if (!m)
-      throw new H(h);
+      throw new j(h);
     const p = M();
     return new z(
       {
@@ -9564,7 +9564,7 @@ const Yo = [
     const l = async (c) => {
       const d = await Gn(c, s?.asset?.fileLink), A = await $e(d), u = M(), h = n.find((p) => p.panelId === c.panelId);
       if (!h)
-        throw new H(c);
+        throw new j(c);
       const m = Ia(
         o,
         A,
@@ -9656,7 +9656,7 @@ const Yo = [
   const I = (y) => {
     const S = n.find((b) => b.panelId === y.panelId);
     if (!S)
-      throw new H(y);
+      throw new j(y);
     const B = M();
     return new z(
       {
@@ -9685,7 +9685,7 @@ const Yo = [
   const a = await tr(e.data.module), r = t.data, i = (s, l) => {
     const c = n.find((A) => A.panelId === l.panelId);
     if (!c)
-      throw new H(l);
+      throw new j(l);
     const d = M();
     return new z(
       {
@@ -9727,7 +9727,7 @@ const Yo = [
   const l = (d) => {
     const A = n.find((h) => h.panelId === d.panelId);
     if (!A)
-      throw new H(d);
+      throw new j(d);
     const u = M();
     return new z(
       {
@@ -9763,7 +9763,7 @@ const Yo = [
   const s = (c) => {
     const d = n.find((p) => p.panelId === c.panelId);
     if (!d)
-      throw new H(c);
+      throw new j(c);
     const A = `
         <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -9815,7 +9815,7 @@ const Yo = [
       l.forEach((c) => {
         const d = n.find((u) => u.panelId === c.panelId);
         if (!d)
-          throw new H(c);
+          throw new j(c);
         const A = {
           id: M(),
           src: i,
@@ -9848,7 +9848,7 @@ const Yo = [
     l.forEach((A) => {
       const u = n.find((m) => m.panelId === A.panelId);
       if (!u)
-        throw new H(A);
+        throw new j(A);
       const h = {
         id: M(),
         src: i,
@@ -10181,7 +10181,7 @@ class cs extends Tn {
       l = i.width, c = i.height;
     const d = this.getWorkflowManager?.()?.getTemplatingContext(), A = Ea(t.layoutState.layout, e, {
       renderingConfiguration: {
-        purpose: Ht.ThreeD,
+        purpose: jt.ThreeD,
         templatingContext: d
       }
     }), u = Cn(A), h = await ma.from(this.ctx, u, {
@@ -10215,7 +10215,7 @@ const wd = (n, t) => {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  r = new O(e.map((l) => new Hn(l))).apply(r);
+  r = new O(e.map((l) => new jn(l))).apply(r);
   const o = await rs(n, t, e, a);
   return new O(o).apply(r);
 }, re = C`
@@ -10974,17 +10974,19 @@ const zs = (n) => n.sort((t, e) => t.index - e.index).map((t) => ({
 class Ws {
   constructor(t, e, a, r, i, o = !1, s, l = !1, c = !1, d = !1) {
     this.workflowStatePromiseQueue = new Nn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.setWorkflow = async (u) => {
-      this.reloadedState ? this.layouts = Object.values(this.reloadedState.layouts || {}).map((h) => h.layout) : u ? this.layouts = Gs(this.experience.getTransaction(), u) : this.layouts = [], this.commandContext.initialize(this.layouts, this.reloadedState), this.renderableContextService = new is(this.layouts), this.renderableContextService.setWorkflowManager(this), u.steps.forEach((h) => {
-        this.stepTags[h.stepName] = h.tags ?? [];
+      this.reloadedState ? this.layouts = Object.values(this.reloadedState.layouts || {}).map((m) => m.layout) : u ? this.layouts = Gs(this.experience.getTransaction(), u) : this.layouts = [], this.commandContext.initialize(this.layouts, this.reloadedState), this.renderableContextService = new is(this.layouts), this.renderableContextService.setWorkflowManager(this), u.steps.forEach((m) => {
+        this.stepTags[m.stepName] = m.tags ?? [];
       }), this.initializationPromise = this.initializeDefaultWorkflowState(u), this.initializationPromise.then(() => {
         this.initialized = !0;
-      }), this.initializationPromise.catch((h) => {
-        throw console.error(h), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
+      }), this.initializationPromise.catch((m) => {
+        throw console.error(m), this.initialized = !1, new Error("Workflow initialization failed due to an error. See console.");
       }), this.initializationPromise.finally(
         () => this.commandContext.registerStateCallback(() => {
           this.updateStateWithServer(), this.renderLayouts();
         })
       );
+      const h = this.previewService;
+      h && (this.ejectFromPreviewService(), await this.injectIntoPreviewService(h, !0));
     }, this.renderLayouts = () => {
       if (!this.previewService) return;
       const u = this.getCommandContext().getAllLayouts(), h = this.getLayoutPreviewService()?.getAll();
@@ -11380,7 +11382,7 @@ class Ws {
     };
     if (!Se(a, this.storage)) {
       this.storage = a;
-      const r = new Ha(this.constructSerializableWorkflow());
+      const r = new ja(this.constructSerializableWorkflow());
       this.commandContext.apply(r, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -11584,7 +11586,7 @@ class Ws {
     }, this.removeElements(h);
     const g = i.steps.find((S) => S.stepName === t);
     g?.type === E.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((B) => B.id));
-    const f = h.map((S) => new Tt(S.id)), w = new Ha(this.constructSerializableWorkflow()), I = [...p, ...f, w];
+    const f = h.map((S) => new Tt(S.id)), w = new ja(this.constructSerializableWorkflow()), I = [...p, ...f, w];
     I.length > 0 && this.commandContext.apply(new O(I), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const P = this.getInvalidModelVariants(), y = this.modelContainer;
     if (y) {
@@ -12001,7 +12003,7 @@ class qs extends X {
     return this.step.data.pmsPickerEnabled ?? !1;
   }
 }
-class Hs extends X {
+class js extends X {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -12014,7 +12016,7 @@ class Hs extends X {
     );
   }
 }
-class js extends X {
+class Hs extends X {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -12417,9 +12419,9 @@ class de {
       case E.Shape:
         return new Ks(t, e, t.getStepTags(e.stepName));
       case E.Material:
-        return new Hs(t, e, t.getStepTags(e.stepName));
-      case E.Model:
         return new js(t, e, t.getStepTags(e.stepName));
+      case E.Model:
+        return new Hs(t, e, t.getStepTags(e.stepName));
       case E.Frame:
         return new ec(t, e, t.getStepTags(e.stepName));
       case E.Module:
@@ -12920,6 +12922,13 @@ const Xe = new ll(), cl = C`
     mutation TransactionUpdateIntegrationProduct($id: String!, $integrationProductId: String!) {
         transactionUpdateIntegrationProduct(id: $id, integrationProductId: $integrationProductId) {
             id
+            integrationProduct {
+                id
+                externalProductId
+                externalVariantId
+                additionalExternalProductId
+                additionalExternalVariantId
+            }
             product {
                 id
                 basePrice
@@ -13024,7 +13033,7 @@ class ml {
       } catch (o) {
         i(o);
       }
-    }), this.client = t, this.transaction = e.transaction, this.workflow = e.workflow, this.product = e.transaction.product, this.profanityList = this.product?.profanities?.map((a) => a.word) || [], this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new Ws(
+    }), this.client = t, this.transaction = e.transaction, this.workflow = e.workflow, this.profanityList = this.transaction.product?.profanities?.map((a) => a.word) || [], this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.graphQlClient = e.graphQlClient, this.workflowManager = new Ws(
       this,
       t,
       (a) => {
@@ -13062,20 +13071,20 @@ class ml {
     return this.transaction;
   }
   getProduct() {
-    return this.product;
+    return this.transaction.product;
   }
   getProfanityList() {
     return this.profanityList;
   }
   async setProduct(t) {
     this.workflow = void 0;
-    const a = (await this.graphQlClient().mutate({
+    const e = await this.graphQlClient().mutate({
       mutation: ul,
       variables: {
         id: this.getTransaction().id,
         integrationProductId: t
       }
-    })).data?.transactionUpdateIntegrationProduct.product;
+    }), a = e.data?.transactionUpdateIntegrationProduct.product;
     if (!a)
       throw new T("Failed to set product. No product returned from server.");
     if (!this.bundle)
@@ -13083,7 +13092,13 @@ class ml {
     const r = (await this.bundle.getProductCollection().fetchProducts()).find(
       (i) => i.getId() === a.id
     );
-    this.product = a, this.currentPriceBreak = this.priceBreakToBeApplied();
+    this.transaction.product = {
+      ...this.transaction.product,
+      ...e.data?.transactionUpdateIntegrationProduct.product
+    }, this.transaction.integrationProduct = {
+      ...this.transaction.integrationProduct,
+      ...e.data?.transactionUpdateIntegrationProduct.integrationProduct
+    }, this.currentPriceBreak = this.priceBreakToBeApplied();
     try {
       const i = r?.getDefaultWorkflow();
       if (i) {
@@ -13173,7 +13188,7 @@ class ml {
       throw new Te("Failed to obtain 2D context for preview image creation");
     const m = this.workflowManager.getTemplatingContext(), p = Ea(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
-        purpose: Ht.Print,
+        purpose: jt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height },
         templatingContext: m
       }
@@ -16026,7 +16041,7 @@ class ql {
   }
 }
 const Ut = new ql();
-class Hl {
+class jl {
   /**
    * Returns a formatted string representing a given amount with desired currency.
    * @param currency The currency to represent the amount in.
@@ -16060,8 +16075,8 @@ class Hl {
       return "USD0,0";
   }
 }
-const an = new Hl();
-class jl {
+const an = new jl();
+class Hl {
   constructor(t, e, a, r) {
     this.presentmentCurrency = void 0, this.presentmentCurrency = r, this.partnerCurrency = a, this.rateFrom = t, this.rateTo = e;
   }
@@ -16148,10 +16163,10 @@ class Id {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.4.0-beta.1b26129a-55da-564d-bf8a-bc8182e21c7f"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && qr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.4.0-beta.21fa002f-4770-5f05-ae6c-96bf3f93735d"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && jr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Ut.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && Hr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Ut.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
@@ -16161,7 +16176,7 @@ class Id {
     return $;
   }
   getFlowService() {
-    if (!Hr()) throw new Error("Application key required to use Flow Service.");
+    if (!jr()) throw new Error("Application key required to use Flow Service.");
     return new $l();
   }
   async getCurrencyContext(t) {
@@ -16174,7 +16189,7 @@ class Id {
         to: t
       }
     }), { rateFrom: o, rateTo: s } = i.data.currencyConversion;
-    return new jl(o, s, a, t);
+    return new Hl(o, s, a, t);
   }
   async getIntegration() {
     if (this.activeIntegration)
@@ -16773,7 +16788,7 @@ class Id {
   }
 }
 const _l = async (n, t) => (await v.getShadowGraphqlClient().query({
-  query: Hi,
+  query: ji,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   context: {
@@ -16809,7 +16824,7 @@ const _l = async (n, t) => (await v.getShadowGraphqlClient().query({
     id: n
   }
 })).data?.bundles?.[0]?.marketplaceThemeInstallConfiguration, Fd = async (n) => (await v.getShadowGraphqlClient().query({
-  query: ji,
+  query: Hi,
   errorPolicy: "all",
   variables: {
     id: n
@@ -17811,7 +17826,7 @@ const Gd = async (n) => {
   variables: {
     id: n.getTransaction().recipient.id
   }
-})).data?.recipientValidate : void 0, Hd = async (n) => {
+})).data?.recipientValidate : void 0, jd = async (n) => {
   const t = n.map((a) => a.getTransaction().recipient?.id).filter((a) => !!a), e = await v.getShadowGraphqlClient().mutate({
     mutation: pc,
     errorPolicy: "all",
@@ -17825,7 +17840,7 @@ const Gd = async (n) => {
     if (r)
       return e.data?.recipientValidateBatch?.find((i) => i.entityId === r);
   });
-}, jd = async (n) => {
+}, Hd = async (n) => {
   const t = n.getTransaction().recipient?.id;
   if (!t)
     return;
@@ -17858,9 +17873,9 @@ export {
   we as ConversionDataType,
   dc as ConversionLocation,
   z as CreateElementCommand,
-  Hn as CreateLayoutCommand,
-  jl as CurrencyContext,
-  Hl as CurrencyService,
+  jn as CreateLayoutCommand,
+  Hl as CurrencyContext,
+  jl as CurrencyService,
   Tt as DeleteElementCommand,
   Zs as DigitalContentStepHandle,
   Cl as FileUploadGlobalPropertyHandle,
@@ -17870,7 +17885,7 @@ export {
   So as FontAlignmentCommand,
   wo as FontColorCommand,
   yo as FontSizeCommand,
-  ja as FontSourceCommand,
+  Ha as FontSourceCommand,
   Zl as FrameService,
   tc as FrameStep,
   ec as FrameStepHandle,
@@ -17883,12 +17898,12 @@ export {
   kr as IntegrationType,
   dd as LayoutElementFactory,
   x as LayoutElementType,
-  H as LayoutNotFoundError,
-  Ht as LayoutRenderingPurpose,
-  Hs as MaterialStepHandle,
+  j as LayoutNotFoundError,
+  jt as LayoutRenderingPurpose,
+  js as MaterialStepHandle,
   Ie as MisconfigurationError,
   kd as MockWorkflowManager,
-  js as ModelStepHandle,
+  Hs as ModelStepHandle,
   tl as ModuleStepHandle,
   Ad as MoveCommand,
   sr as ObjectInput,
@@ -17906,7 +17921,7 @@ export {
   Js as QuestionStepHandle,
   Tn as QueueablePromise,
   hd as ResizeCommand,
-  jt as ResourceNotFoundError,
+  Ht as ResourceNotFoundError,
   ud as RotateCommand,
   W as ScaleAxis,
   Cd as SendBackwardsCommand,
@@ -17935,7 +17950,7 @@ export {
   ld as cmPerPixel,
   ol as createDesign,
   id as currentDirection,
-  jc as dataUrlFromExternalUrl,
+  Hc as dataUrlFromExternalUrl,
   xd as deleteBundle,
   Xe as designService,
   Ce as determineCorrectFontSizeAndLines,
@@ -17997,19 +18012,19 @@ export {
   Td as nameTransaction,
   q as optionService,
   cd as outlineFontsInSvg,
-  jd as overrideWorkflowExperienceRecipientAddress,
+  Hd as overrideWorkflowExperienceRecipientAddress,
   ut as patternImageDataCache,
   k as persistenceService,
   Xn as pictureStepService,
   Yc as pmsToRgb,
   Zn as questionStepService,
-  Hc as registerFetchImplementation,
+  jc as registerFetchImplementation,
   qc as registerWindowImplementation,
   qa as rehydrateSerializedLayout,
   ai as rgbToPms,
   ce as rotateAroundPoint,
   wa as sanitizeSvgTree,
-  jr as setBearerAuthenticationToken,
+  Hr as setBearerAuthenticationToken,
   Sn as setCanvasModule,
   Vt as shapeStepService,
   Bo as shortenUrl,
@@ -18021,7 +18036,7 @@ export {
   G as textStepService,
   Ro as toast,
   qd as validateWorkflowExperienceRecipient,
-  Hd as validateWorkflowExperienceRecipients,
+  jd as validateWorkflowExperienceRecipients,
   bt as xmlSerializer
 };
 //# sourceMappingURL=index.mjs.map