@spiffcommerce/core 32.2.3-beta.b5a7d626-2f37-53ef-b01b-0ee2a6660230 → 32.2.4-beta.2a1f0ff0-c7c4-56e0-afbf-fd744926c42c

package/dist/index.mjs

@@ -23,7 +23,7 @@ import { split as ea } from "unicode-default-word-boundary";
 import dn from "lodash.debounce";
 import "fs";
 import "path";
-var ye = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ye || {}), $ = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))($ || {}), v = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(v || {}), br = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(br || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), x = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(x || {}), Br = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Br || {}), An = /* @__PURE__ */ ((r) => (r.Pending = "Pending", r.Failed = "Failed", r.Validated = "Validated", r.Overridden = "Overridden", r))(An || {}), Ir = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Ir || {}), Pr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Pr || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Dr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Dr || {}), Se = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(Se || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Fr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Fr || {});
+var ye = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(ye || {}), U = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(U || {}), v = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(v || {}), br = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(br || {}), Ht = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Ht || {}), x = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(x || {}), Br = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(Br || {}), An = /* @__PURE__ */ ((r) => (r.Pending = "Pending", r.Failed = "Failed", r.Validated = "Validated", r.Overridden = "Overridden", r))(An || {}), Ir = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(Ir || {}), Pr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(Pr || {}), ua = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(ua || {}), Dr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(Dr || {}), Se = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(Se || {}), Mt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(Mt || {}), j = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(j || {}), Fr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Fr || {});
 class un extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -6539,7 +6539,7 @@ class L extends Error {
     super("Element not found!"), Object.setPrototypeOf(this, L.prototype);
   }
 }
-const U = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
+const $ = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
   const e = Object.values(t).find((a) => a.elements.some((n) => n.id === r));
   if (!e)
     throw new L();
@@ -6628,7 +6628,7 @@ class ed extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6651,7 +6651,7 @@ class ad extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6673,7 +6673,7 @@ class nd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     let a = {
@@ -6811,7 +6811,7 @@ class hs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6835,7 +6835,7 @@ class je extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6857,7 +6857,7 @@ class ms extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6879,7 +6879,7 @@ class Wa extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6901,7 +6901,7 @@ class gs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6959,7 +6959,7 @@ class fs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -6984,7 +6984,7 @@ class rd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -7006,7 +7006,7 @@ class Cs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = _(e.id, Object.values(t.layouts)), n = X(ae(e, this.text, e), a);
@@ -7025,7 +7025,7 @@ class He extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -7048,7 +7048,7 @@ class ca extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = e.colors || {}, n = a[this.className];
@@ -7080,7 +7080,7 @@ class ws extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = {
@@ -7105,7 +7105,7 @@ class id extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
       throw new L();
     const a = Object.values(t.layouts).find((s) => s.elements.find((o) => o.id === this.id));
     if (!a)
@@ -7135,7 +7135,7 @@ class sd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = U(this.id, Object.values(t.layouts));
+    const e = $(this.id, Object.values(t.layouts));
     if (!e.id)
       throw new L();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
@@ -7165,7 +7165,7 @@ class od extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
       throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7192,7 +7192,7 @@ class ld extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !U(this.id, Object.values(t.layouts)).id)
+    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
       throw new L();
     const a = Object.values(t.layouts).find((l) => l.elements.find((c) => c.id === this.id));
     if (!a)
@@ -7838,7 +7838,7 @@ class vs {
     const a = e.getRegionElements(t.stepName) || [];
     if (a.length === 0) return [];
     try {
-      return U(
+      return $(
         a[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -7918,7 +7918,7 @@ class vs {
   async changeColors(t, e, a, n, i) {
     if (e.length === 0)
       return;
-    const s = U(
+    const s = $(
       e[0].id,
       n().map((h) => h.layoutState)
     ), o = { ...s.colors }, l = {};
@@ -8749,7 +8749,7 @@ class Ms {
       const u = e.getWorkflowExperience().getBundle();
       if (u && t.globalPropertyAspectConfigurations) {
         const g = u.getGlobalPropertyConfiguration()?.aspects?.find(
-          (p) => p.type === $.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
+          (p) => p.type === U.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
         );
         if (g) {
           const f = u.getGlobalPropertyStateManager().getAspect(g.name);
@@ -8787,7 +8787,7 @@ class Ms {
     return null;
   }
   findLayoutElements(t, e) {
-    return t.getRegionElements(e.stepName).map((i) => U(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => $(i.id, t.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -8977,7 +8977,7 @@ class Ms {
           const g = e.getWorkflowExperience().getBundle();
           if (g && t.globalPropertyAspectConfigurations) {
             const f = g.getGlobalPropertyConfiguration()?.aspects?.find(
-              (S) => S.type === $.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
+              (S) => S.type === U.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
             );
             if (f) {
               const b = g.getGlobalPropertyStateManager().getAspect(f.name);
@@ -9024,7 +9024,7 @@ class Ms {
       const c = e.getWorkflowExperience().getBundle();
       if (c && t.globalPropertyAspectConfigurations) {
         const A = c.getGlobalPropertyConfiguration()?.aspects?.find(
-          (u) => u.type === $.Text && t.globalPropertyAspectConfigurations?.map((h) => h.aspectName).includes(u.name)
+          (u) => u.type === U.Text && t.globalPropertyAspectConfigurations?.map((h) => h.aspectName).includes(u.name)
         );
         if (A) {
           const h = c.getGlobalPropertyStateManager().getAspect(A.name);
@@ -11233,7 +11233,7 @@ class vo extends Z {
   getColors() {
     const t = this.manager.getRegionElements(this.step.stepName) || [];
     if (t.length === 0) return;
-    const a = U(t[0].id, this.manager.getAllLayoutData()).colors, i = this.getCurrentVariant()?.getAssetResource()?.assetConfiguration, s = i?.defaultColorVariants || [];
+    const a = $(t[0].id, this.manager.getAllLayoutData()).colors, i = this.getCurrentVariant()?.getAssetResource()?.assetConfiguration, s = i?.defaultColorVariants || [];
     if (s.length !== 0) {
       const o = {};
       return s.forEach((l) => {
@@ -13413,19 +13413,19 @@ class cl {
   }
   async createHandle(t) {
     switch (t.type) {
-      case $.FileUpload:
+      case U.FileUpload:
         return new dl(this.bundle, t).initialize();
-      case $.ColorOption:
+      case U.ColorOption:
         return new Ka(
           this.bundle,
           t,
           t.entityId ? await H.getOption(t.entityId) : void 0
         );
-      case $.Option: {
+      case U.Option: {
         const e = t.entityId ? await H.getOption(t.entityId) : void 0;
         return e?.type === "Color" ? new Ka(this.bundle, t, e) : new er(this.bundle, t, e);
       }
-      case $.Text:
+      case U.Text:
         return new Al(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
@@ -13830,7 +13830,7 @@ class Ka extends er {
    */
   async selectVariant(t, e) {
     await Promise.all([
-      this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t.getId(), void 0, e),
+      this.bundle.getGlobalPropertyStateManager().setAspect(this.property.name, t.getId(), {}, e),
       this.applyColorVariant(t, void 0, e)
     ]);
   }
@@ -14021,15 +14021,15 @@ class ml {
           let a = e.type && e.storage ? {} : void 0;
           if (a)
             switch (e.type) {
-              case $.FileUpload: {
+              case U.FileUpload: {
                 a.fileUpload = e.storage;
                 break;
               }
-              case $.Option: {
+              case U.Option: {
                 a.option = e.storage;
                 break;
               }
-              case $.ColorOption: {
+              case U.ColorOption: {
                 a = e.storage;
                 break;
               }
@@ -14708,7 +14708,7 @@ class _e {
       const A = this.globalPropertyStateManager.getGlobalPropertyState();
       A ? this.globalPropertyHandleService.getHandles().then((u) => {
         const h = u.map((m) => {
-          if (m.getType() === $.ColorOption || m.getType() === $.Option) {
+          if (m.getType() === U.ColorOption || m.getType() === U.Option) {
             const g = m;
             if (!A.aspects.find((f) => f.name === g.getName()))
               return g.initDefaultVariant();
@@ -14845,7 +14845,7 @@ class _e {
         const n = a?.name, i = e.find((s) => s.getName() === n);
         if (i)
           switch (a.type) {
-            case $.FileUpload: {
+            case U.FileUpload: {
               const s = i, o = await be([a.value]);
               o.length > 0 && await s.selectImage(o[0]);
               const l = a.storage?.colors;
@@ -14860,21 +14860,17 @@ class _e {
               }
               break;
             }
-            case $.ColorOption: {
-              const s = i;
-              if (a.type === $.ColorOption) {
-                const l = s.getAllVariants().find((c) => c.getId() === a.value);
-                l && await s.selectVariant(l);
-              } else
-                s.setCustomColor(a.value);
+            case U.ColorOption: {
+              const s = i, l = s.getAllVariants().find((c) => c.getId() === a.value);
+              l && await s.selectVariant(l), a.storage && a.storage.customColor && s.setCustomColor(a.value);
               break;
             }
-            case $.Option: {
+            case U.Option: {
               const s = i, l = s.getAllVariants().find((c) => c.getId() === a.value);
               l && await s.selectVariant(l);
               break;
             }
-            case $.Text: {
+            case U.Text: {
               await i.setText(a.value);
               break;
             }
@@ -14888,7 +14884,7 @@ class _e {
     return this.globalPropertyStateManager;
   }
   async getGlobalPropertyTotalSubunits() {
-    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === $.Option).map((a) => a.getCurrentVariant()?.getPrice() || 0).reduce((a, n) => a + n, 0);
+    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === U.Option).map((a) => a.getCurrentVariant()?.getPrice() || 0).reduce((a, n) => a + n, 0);
   }
   getTotalSubunits() {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
@@ -14903,7 +14899,7 @@ class _e {
         const i = this.getGlobalPropertyConfiguration()?.aspects.find(
           (s) => s.name === n
         );
-        if (i && i.type === $.ColorOption) {
+        if (i && i.type === U.ColorOption) {
           const s = e.getCurrentVariant()?.getAssetResource(), o = s?.assetConfiguration?.channelNumbers || [], l = s?.assetConfiguration?.defaultColorVariants || [], c = hl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
@@ -15355,7 +15351,7 @@ class _e {
     const a = await this.globalPropertyHandleService.getHandles(), n = this.globalPropertyHandleService.applyConditionsFromState(a, t), i = this.globalPropertyHandleService.applyConditionsFromState(a, e);
     this.checkConditionalHandlesChanged(n, i), this.checkMandatoryHandlesChanged(t, i);
     const s = a.map((o) => {
-      if (o.getType() === $.ColorOption || o.getType() === $.Option) {
+      if (o.getType() === U.ColorOption || o.getType() === U.Option) {
         const l = o;
         if (!e.aspects.find((d) => d.name === l.getName()))
           return l.initDefaultVariant();
@@ -15979,7 +15975,7 @@ class pd {
       } catch (a) {
         throw console.error(a), new ht("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Vr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Vr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 32.2.4"), 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 && Gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Lt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -17669,7 +17665,7 @@ export {
   cc as AddressValidationResultConfirmationLevel,
   An as AddressValidationStatus,
   md as ArrayInput,
-  $ as AspectType,
+  U as AspectType,
   bt as AssetNotFoundError,
   ye as AssetType,
   od as BringForwardCommand,
@@ -17769,7 +17765,7 @@ export {
   Bd as duplicateTransaction,
   nt as fetchAsString,
   zc as findAngle,
-  U as findElement,
+  $ as findElement,
   Lc as findPmsColors,
   Vt as frameDataCache,
   St as frameStepService,