@spiffcommerce/core 31.4.0-beta.313e588f-e8b3-5b1e-9fb4-fb2af3ac9d0e → 31.4.0-beta.5fa2c8d1-12a9-57f7-90b0-7e4a963b36e7

package/dist/index.mjs

@@ -7,7 +7,7 @@ import { orientation as gr } from "exifr/dist/mini.umd.cjs";
 import { parse as on } from "css";
 import pr from "fuse.js";
 import { Pith as Aa } from "pith";
-import vt from "lodash.clonedeep";
+import Et from "lodash.clonedeep";
 import { toString as ln } from "qrcode";
 import fr from "svg-path-bbox";
 import { parse as ta } from "opentype.js";
@@ -44,7 +44,7 @@ class Y extends Xt {
     super(`Panel not Found: ${t.panelId}`), this.panelId = t?.panelId || "N/A";
   }
 }
-class Et extends Xt {
+class bt extends Xt {
   constructor(t) {
     super(`Asset not found for variant: ${t.name}`), this.variant = t;
   }
@@ -225,7 +225,7 @@ const un = /* @__PURE__ */ new Map(), Ta = /* @__PURE__ */ new Map(), Na = /* @_
     const n = a.load();
     return Ue.set(t, n), n;
   }
-}, Bt = () => {
+}, It = () => {
   if (Tt([typeof XMLSerializer]))
     return new XMLSerializer();
   const r = Zt();
@@ -3328,7 +3328,7 @@ const le = (r) => {
       }
     });
   });
-}, vn = (r) => Bt().serializeToString(r), fa = (r, t, e, a, n) => {
+}, vn = (r) => It().serializeToString(r), fa = (r, t, e, a, n) => {
   const i = yn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
@@ -3360,7 +3360,7 @@ const le = (r) => {
       s.classList.add(A), s.setAttribute("stroke", c.browserValue), a[d] = c;
     }
   });
-  const i = Bt().serializeToString(e);
+  const i = It().serializeToString(e);
   return {
     colors: a,
     svg: i
@@ -3661,7 +3661,7 @@ class mi {
       const a = await t.blob.text(), s = new window.DOMParser().parseFromString(a, "image/svg+xml").documentElement;
       if (!s) throw new Dt("Failed to read SVG.");
       ri(s);
-      const l = Bt().serializeToString(s);
+      const l = It().serializeToString(s);
       return {
         name: t.name,
         blob: new Blob([l], { type: "image/svg+xml" })
@@ -5214,7 +5214,7 @@ const H = new yi(), bn = w`
     ],
     silentSteps: []
   }), t;
-}, ji = (r, t) => t.find((e) => e.stepNames.includes(r)), St = (r, t) => (r.conditions || []).every((e) => {
+}, ji = (r, t) => t.find((e) => e.stepNames.includes(r)), vt = (r, t) => (r.conditions || []).every((e) => {
   const a = t[e.targetStepName];
   if (a && a.selectedVariants) {
     const n = a.selectedVariants;
@@ -5227,12 +5227,12 @@ const H = new yi(), bn = w`
   const e = {
     name: r.name,
     title: r.title,
-    renderableSteps: r.renderableSteps.filter((a) => St(a, t)),
-    silentSteps: r.silentSteps.filter((a) => St(a, t))
+    renderableSteps: r.renderableSteps.filter((a) => vt(a, t)),
+    silentSteps: r.silentSteps.filter((a) => vt(a, t))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, Pt = (r, t) => r.map((e) => Hi(e, t)).filter((e) => e !== null), Yi = async (r, t, e = !1) => {
-  const a = Pt(r, t), n = [];
+}, yt = (r, t) => r.map((e) => Hi(e, t)).filter((e) => e !== null), Yi = async (r, t, e = !1) => {
+  const a = yt(r, t), n = [];
   for (const s of a)
     for (const o of s.renderableSteps) {
       const l = (o.option?.variants || []).length;
@@ -5454,7 +5454,7 @@ const M = () => {
 }), jc = (r, t, e, a) => ({
   x: r.x + (t?.x + t?.width) * e,
   y: r.y + (t?.y + t?.height) * a
-}), It = (r) => {
+}), Pt = (r) => {
   switch (r) {
     case j.North:
       return j.East;
@@ -5473,7 +5473,7 @@ const M = () => {
     case j.Southwest:
       return j.Northwest;
   }
-}, Hc = (r, t) => t > 45 && t <= 135 ? It(r) : t > 135 && t <= 225 ? It(It(r)) : t > 225 && t <= 315 ? It(It(It(r))) : r, Yc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, Hc = (r, t) => t > 45 && t <= 135 ? Pt(r) : t > 135 && t <= 225 ? Pt(Pt(r)) : t > 225 && t <= 315 ? Pt(Pt(Pt(r))) : r, Yc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = ft(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
@@ -5758,7 +5758,7 @@ const Xi = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", ze = /* @_
     const B = P.toSVG(2), Q = t.parseFromString(B, "image/svg+xml").firstElementChild;
     h.appendChild(Q);
   }
-  return e.querySelectorAll("text").forEach((d) => d.remove()), Bt().serializeToString(a);
+  return e.querySelectorAll("text").forEach((d) => d.remove()), It().serializeToString(a);
 }, Be = (r, t, e, a) => Math.max(ns(r.join(`
 `), e, a), t), Ua = (r, t, e, a, n, i) => {
   const s = (i || Rn) * n.getApproximateHeight(), o = t.split(`
@@ -6331,7 +6331,7 @@ const ne = (r) => {
     const s = dt().parseFromString(r, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Bt().serializeToString(s), c = pt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
+    const l = It().serializeToString(s), c = pt(), d = c.getContext("2d"), A = await Aa.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
       createCanvas: pt,
@@ -6782,7 +6782,7 @@ class z extends N {
     return a !== void 0 ? a + 1 : 0;
   }
 }
-class bt extends N {
+class Bt extends N {
   constructor(t) {
     super(), this.id = t;
   }
@@ -7385,7 +7385,7 @@ class ys {
         40
       );
     });
-    t.forEach((h) => a.getCommandDispatcher()(new bt(h.id)));
+    t.forEach((h) => a.getCommandDispatcher()(new Bt(h.id)));
     const o = n.data.baseUrl.slice(0, 4) === "http" ? "" : "https://", l = new URL(o + n.data.baseUrl);
     l.searchParams.append("video", btoa(JSON.stringify([s]))), l.pathname = l.pathname + (l.pathname.slice(-1) === "/" ? "" : "/");
     const c = l.toString();
@@ -7443,7 +7443,7 @@ class Pe {
         return oa(e);
       const a = t.asset;
       if (!a)
-        throw new Et(t);
+        throw new bt(t);
       const n = a.fileLink;
       if (n)
         return nt(n, !0);
@@ -7710,7 +7710,7 @@ class Pe {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (h, m) => {
-        const g = await Oe(l[m]), p = o.getImageData(), f = a.map((P) => new bt(P.id)), S = p ? va(
+        const g = await Oe(l[m]), p = o.getImageData(), f = a.map((P) => new Bt(P.id)), S = p ? va(
           p,
           g,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7801,7 +7801,7 @@ class Pe {
     ), this.validateColorCount(e, a);
   }
 }
-const yt = new Pe();
+const St = new Pe();
 class Ss {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7958,11 +7958,11 @@ class Ss {
     if (!t.data || !t.data.regions)
       throw new Ee(t, "Missing regions.");
     n(!0);
-    const s = a.map((f) => new bt(f.id));
+    const s = a.map((f) => new Bt(f.id));
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
     const o = e.asset;
     if (!o)
-      throw new Et(e);
+      throw new bt(e);
     const l = o.fileLink;
     if (!l)
       throw new Yt(o);
@@ -8093,7 +8093,7 @@ class vs {
     n(!0);
     const s = e.material;
     if (!s)
-      throw n(!1), new Et(e);
+      throw n(!1), new bt(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8144,7 +8144,7 @@ class Es {
               const u = e.getModelContainer();
               if (u && t.option) {
                 const h = d.asset?.fileLink;
-                if (!h) throw new Et(d);
+                if (!h) throw new bt(d);
                 await u.applyModelVariant(
                   t.stepName || "",
                   {
@@ -8168,7 +8168,7 @@ class Es {
     n(!0);
     const i = e.asset?.fileLink;
     if (!i)
-      throw new Et(e);
+      throw new bt(e);
     return {
       command: void 0,
       followup: async () => {
@@ -8229,7 +8229,7 @@ class bs {
       if (!g)
         return console.error(`Can not find layout for region: ${A.panelId}`), null;
       const p = [];
-      return u && p.push(new bt(h)), p.push(
+      return u && p.push(new Bt(h)), p.push(
         new z(
           {
             stepRegion: A,
@@ -8345,12 +8345,12 @@ class Bs {
   async selectVariantCommand(t, e, a, n) {
     const i = e.asset;
     if (!i)
-      throw new Et(e);
+      throw new bt(e);
     const s = i?.fileLink;
     if (!s)
       return console.error("No URL for picture!"), null;
     n(!0), t.mandatory && a.setMandatoryFulfilled(t.stepName, !1);
-    const l = a.getRegionElements(t.stepName).map((A) => new bt(A.id)), c = (A) => {
+    const l = a.getRegionElements(t.stepName).map((A) => new Bt(A.id)), c = (A) => {
       const h = a.getLayouts().find((g) => g.panelId === A.panelId);
       if (!h)
         throw new Y(A);
@@ -9079,7 +9079,7 @@ class ks {
   async fontDataFromVariant(t) {
     const e = t.asset;
     if (!e)
-      throw new Et(t);
+      throw new bt(t);
     const a = e.fileLink;
     if (!a)
       throw new Yt(e);
@@ -10396,7 +10396,7 @@ class yo {
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((o) => {
       this.storage[o.stepName] = o.storage || {};
     }), await this.fetchConversionConfiguration(), this.allScenes = await qi(t);
-    const n = Pt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
+    const n = yt(this.allScenes, this.stepSelections).map((o) => o.silentSteps).flat(), { stepElements: i, commands: s } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new R(s), !0), this.stepElements = { ...this.stepElements, ...i }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   getWorkflowExperience() {
@@ -10569,7 +10569,7 @@ class yo {
     this.mandatorySteps[t] !== e && (this.mandatorySteps = { ...this.mandatorySteps, [t]: e }, this.onMandatoryChange());
   }
   getMandatoryUnfulfilledSteps() {
-    return Object.entries(this.mandatorySteps).filter((a) => !a[1]).map((a) => a[0]);
+    return yt(this.allScenes, this.stepSelections).flatMap((i) => i.renderableSteps).filter((i) => i.mandatory).filter((i) => !this.mandatorySteps[i.stepName]).map((i) => i.stepName);
   }
   setStepError(t, e, a) {
     let n = !1;
@@ -10604,7 +10604,7 @@ class yo {
       },
       { refocusCamera: e }
     );
-    this.setModelContainer(a), Pt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
+    this.setModelContainer(a), yt(this.allScenes, this.stepSelections).filter((s) => s).map((s) => s.renderableSteps).flat().filter((s) => s.type === v.Model || s.type === v.Material).forEach((s) => {
       if (!s.option?.id) {
         console.error(`Failed to read option id from step: ${s.stepName}`);
         return;
@@ -10711,7 +10711,7 @@ class yo {
     const t = this.getCommandContext().getState();
     if (!t)
       throw new V("Attempted to serialize state before it was initialized.");
-    const e = vt(t.transaction), a = this.dehydrateState(e);
+    const e = Et(t.transaction), a = this.dehydrateState(e);
     return JSON.stringify(a);
   }
   /**
@@ -10747,12 +10747,12 @@ class yo {
     this.stepElements = e(this.stepElements, t);
   }
   getInvalidCanvasRegions() {
-    return this.workflow.steps.reduce((t, e) => (St(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.workflow.steps.reduce((t, e) => (vt(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
       (a) => t.push(a)
     ), t), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !St(e, this.stepSelections) && t.push(e.stepName), t), []);
+    return this.workflow.steps.reduce((t, e) => (e.type === v.Model && !vt(e, this.stepSelections) && t.push(e.stepName), t), []);
   }
   async stepElementsForIntroducedSilentSteps(t, e) {
     const a = this.product;
@@ -10842,7 +10842,7 @@ class yo {
   async reset() {
     this.commandContext.getAllLayouts().forEach(
       (e) => e.layoutState.elements.forEach((a) => {
-        this.getCommandDispatcher()(new bt(a.id));
+        this.getCommandDispatcher()(new Bt(a.id));
       })
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
@@ -10852,13 +10852,13 @@ class yo {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
     }, this.selectionCost = Object.values(this.stepSelections).reduce((C, E) => C + E.selectedVariants.map((P) => P.priceModifier || 0).reduce((P, B) => P + B, 0), 0), this.workflow.steps.forEach((C) => {
-      St(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
+      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1, delete this.stepMetadata[C.stepName], delete this.stepSelections[C.stepName], delete this.storage[C.stepName]);
     });
-    const s = this.allScenes, o = Pt(s, i), l = Pt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
+    const s = this.allScenes, o = yt(s, i), l = yt(s, this.stepSelections), c = o.map((C) => C.silentSteps).flat(), A = l.map((C) => C.silentSteps).flat().filter(
       (C) => !c.some((E) => E.stepName === C.stepName)
     );
     c.forEach((C) => {
-      St(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
+      vt(C, this.stepSelections) || (this.stepInitialised[C.stepName] = !1);
     });
     const u = this.getInvalidCanvasRegions(), { stepElements: h, commands: m } = await this.stepElementsForIntroducedSilentSteps(A, !1);
     this.stepElements = {
@@ -10868,7 +10868,7 @@ class yo {
     }, this.removeElements(u);
     const g = this.workflow.steps.find((C) => C.stepName === t);
     g?.type === v.Frame && this.getWorkflowExperience().getStepById(g.stepName)?.frameService?.setTargetElements(a.map((E) => E.id));
-    const p = u.map((C) => new bt(C.id)), f = new Ga(this.constructSerializableWorkflow()), S = [...m, ...p, f];
+    const p = u.map((C) => new Bt(C.id)), f = new Ga(this.constructSerializableWorkflow()), S = [...m, ...p, f];
     S.length > 0 && this.commandContext.apply(new R(S), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const b = this.getInvalidModelVariants(), I = this.modelContainer;
     if (I) {
@@ -10886,7 +10886,7 @@ class yo {
     await this.onSelectionChange(), n && await n();
   }
   async ensureStepsAreLoaded() {
-    const e = Pt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
+    const e = yt(this.allScenes, this.stepSelections).map((l) => l.renderableSteps), a = [], n = e.flat();
     for (const l of n)
       if (!this.stepInitialised[l.stepName])
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
@@ -10900,7 +10900,7 @@ class yo {
             );
             break;
           case v.Frame:
-            a.push(yt.init(l, this, this.reloadedState));
+            a.push(St.init(l, this, this.reloadedState));
             break;
           case v.Illustration:
             a.push(
@@ -12345,7 +12345,7 @@ class Go {
   getStepsConditionallyActive() {
     return this.getScenes().flatMap(
       (t) => this.getStepsByScene(t).filter(
-        (e) => St(e.getRaw(), this.getWorkflowManager().getStepSelections())
+        (e) => vt(e.getRaw(), this.getWorkflowManager().getStepSelections())
       )
     );
   }
@@ -12496,7 +12496,7 @@ class Go {
     return await Ke.addDesign(n), n;
   }
   async copy() {
-    const t = vt(this.getCommandContext().getState());
+    const t = Et(this.getCommandContext().getState());
     if (!t) throw new V("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflowManager().getWorkflow(), n = this.getWorkflowManager().getTransaction().integrationProduct?.id;
     if (!n) throw new V("Integration product id is undefined!");
@@ -12796,7 +12796,7 @@ const Wo = (r) => {
       C.classList.add(Q), g[Q] = { browserValue: B };
     }
   });
-  const f = Bt().serializeToString(m), S = n.colors;
+  const f = It().serializeToString(m), S = n.colors;
   if (S) {
     for (const [C, E] of Object.entries(g))
       for (const P of Object.keys(S))
@@ -12995,7 +12995,7 @@ const Wo = (r) => {
       const u = /<svg.*?<\/svg>/s, h = A.match(u) || [], m = h?.length > 0 ? h[0] : "", f = dt().parseFromString(m, "image/svg+xml").firstElementChild;
       if (!f)
         throw new Dt("Failed to read SVG.");
-      return pa(f), Bt().serializeToString(f);
+      return pa(f), It().serializeToString(f);
     };
     l.forEach((A) => {
       const u = r.find((m) => m.panelId === A.panelId);
@@ -13260,7 +13260,7 @@ class sl {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = vt(t);
+    const e = Et(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -13920,7 +13920,7 @@ class hl {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = vt(this.globalPropertyState);
+    const e = Et(this.globalPropertyState);
     this.globalPropertyState = { ...t, id: e.id }, this.recalculateMandatoryStates(), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -13947,7 +13947,7 @@ class hl {
     if (!i)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const s = vt(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
+    const s = Et(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
     if (o.length > 0)
       if (n) {
         const l = o.find((c) => c.channel === n);
@@ -13990,7 +13990,7 @@ class hl {
     const n = this.configuration.aspects.find((o) => o.name === t);
     if (!n)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const i = vt(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const i = Et(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
     if (s.length > 0)
       if (a) {
         const o = s.find((l) => l.channel === a);
@@ -14392,7 +14392,7 @@ class ar {
           if (h || g.partial && (!g.data.productCollections || g.data.productCollections.length === 0 || !g.data.productCollections[0].productCollectionProductsFeed?.items || g.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, m.unsubscribe();
-          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(vt(f))) || [];
+          const p = g.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new Ae(Et(f))) || [];
           u({
             items: p,
             // Clone items because it could be cached data (immutable)
@@ -15966,7 +15966,7 @@ class md {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.4.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Lr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 31.4.0-beta.c4e503af-360f-5779-8464-b409180b3fde"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     gt.setHubUrl(t.hubUrl), gt.setServerUrl(t.serverUrl), gt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && zr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16871,6 +16871,9 @@ class Gl {
   }
 }
 class wd {
+  traversableScenes() {
+    throw new Error("Method not implemented.");
+  }
   updateRecipient(t, e, a, n, i, s, o, l, c, d, A, u, h, m, g, p, f) {
     throw new Error("Method not implemented.");
   }
@@ -17041,7 +17044,7 @@ class ql extends Z {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return yt.selectVariant(
+    return St.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17061,7 +17064,7 @@ class ql extends Z {
    * @param [recalculateOffsets=true] Optional: Recalculates the offsets of the image inside the frame. Default: `true`.
    */
   async selectImage(t, e = !0, a = !0) {
-    if (await yt.selectImage(this.step, t, this.manager, a), e) {
+    if (await St.selectImage(this.step, t, this.manager, a), e) {
       const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17099,7 +17102,7 @@ class ql extends Z {
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const a = await O.removeBackgroundFromAsset(e);
-    t && await yt.selectImage(this.step, a, this.manager, !1);
+    t && await St.selectImage(this.step, a, this.manager, !1);
     const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17110,7 +17113,7 @@ class ql extends Z {
     }), a;
   }
   changeColors(t) {
-    yt.changeColors(this.step, this.manager, t);
+    St.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17120,7 +17123,7 @@ class ql extends Z {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? yt.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? St.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -17133,7 +17136,7 @@ class ql extends Z {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return yt.getUniqueColorCount(this.step, this.manager);
+    return St.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(t, e, a, n) {
     return n && n.length > 1 && t === void 0 ? "SelectFrame" : e || a || this.getImageData() ? "Position" : "SelectImage";
@@ -17635,7 +17638,7 @@ export {
   oc as AddressValidationResultConfirmationLevel,
   ud as ArrayInput,
   L as AspectType,
-  Et as AssetNotFoundError,
+  bt as AssetNotFoundError,
   ye as AssetType,
   id as BringForwardCommand,
   rd as BringToBackCommand,
@@ -17651,7 +17654,7 @@ export {
   zn as CreateLayoutCommand,
   Rl as CurrencyContext,
   Ql as CurrencyService,
-  bt as DeleteElementCommand,
+  Bt as DeleteElementCommand,
   Fo as DigitalContentStepHandle,
   cl as FileUploadGlobalPropertyHandle,
   ue as FlowExecutionNodeResult,
@@ -17737,7 +17740,7 @@ export {
   $ as findElement,
   $c as findPmsColors,
   Vt as frameDataCache,
-  yt as frameStepService,
+  St as frameStepService,
   M as generate,
   al as generateCommands,
   ot as generateSVGWithUnknownColors,
@@ -17810,6 +17813,6 @@ export {
   Fs as toast,
   Td as validateWorkflowExperienceRecipient,
   Nd as validateWorkflowExperienceRecipients,
-  Bt as xmlSerializer
+  It as xmlSerializer
 };
 //# sourceMappingURL=index.mjs.map