@spiffcommerce/core 26.7.3 → 26.7.4

package/dist/index.mjs

@@ -17,7 +17,7 @@ import IA from "lodash.chunk";
 import KA from "lodash.isequal";
 import { split as ze } from "unicode-default-word-boundary";
 import WA from "lodash.debounce";
-var le = /* @__PURE__ */ ((i) => (i.Data = "Data", i.Font = "Font", i.Frame = "Frame", i.Illustration = "Illustration", i.Image = "Image", i.Model = "Model", i.Material = "Material", i.Color = "Color", i.QuestionnaireCollateral = "QuestionnaireCollateral", i.RequestCollateral = "RequestCollateral", i.SignupCollateral = "SignupCollateral", i.Video = "Video", i.ColorProfile = "ColorProfile", i.Environment = "Environment", i))(le || {}), it = /* @__PURE__ */ ((i) => (i.FileUpload = "FileUpload", i.Option = "Option", i.ColorOption = "ColorOption", i.Text = "Text", i))(it || {}), M = /* @__PURE__ */ ((i) => (i.Information = "Information", i.Bulk = "Bulk", i.DigitalContent = "DigitalContent", i.Finish = "Finish", i.Frame = "Frame", i.Illustration = "Illustration", i.Introduction = "Introduction", i.Material = "Material", i.Model = "Model", i.Module = "Module", i.Picture = "Picture", i.Photo = "Photo", i.ProductOverlay = "ProductOverlay", i.Question = "Question", i.Shape = "Shape", i.SilentIllustration = "SilentIllustration", i.Text = "Text", i))(M || {}), si = /* @__PURE__ */ ((i) => (i.Color = "Color", i.Colors = "Colors", i.Selection = "Selection", i.Selections = "Selections", i.Text = "Text", i.Upload = "Upload", i))(si || {}), Jt = /* @__PURE__ */ ((i) => (i.ThreeD = "ThreeD", i.FreeDesign = "FreeDesign", i.Print = "Print", i))(Jt || {}), N = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(N || {}), oi = /* @__PURE__ */ ((i) => (i.Hyperlink = "Hyperlink", i.Edit = "Edit", i.Approve = "Approve", i))(oi || {}), ri = /* @__PURE__ */ ((i) => (i.Hub = "Hub", i.Shopify = "Shopify", i))(ri || {}), iA = /* @__PURE__ */ ((i) => (i.BackgroundRemover = "BackgroundRemover", i.ConversionAccelerator = "Conversion Accelerator", i.ProcessBuilder = "ProcessBuilder", i))(iA || {}), ci = /* @__PURE__ */ ((i) => (i[i.Orbit = 0] = "Orbit", i[i.Pan = 1] = "Pan", i))(ci || {}), li = /* @__PURE__ */ ((i) => (i.Manual = "Manual", i.OnStart = "OnStart", i.OnQuit = "OnQuit", i.OnEnd = "OnEnd", i))(li || {}), gi = /* @__PURE__ */ ((i) => (i.Email = "Email", i.FirstName = "FirstName", i.LastName = "LastName", i.Phone = "Phone", i))(gi || {}), ge = /* @__PURE__ */ ((i) => (i.Owner = "Owner", i.Approver = "Approver", i.Editor = "Editor", i.Viewer = "Viewer", i))(ge || {}), xt = /* @__PURE__ */ ((i) => (i.Autosize = "Autosize", i.Traditional = "Traditional", i))(xt || {}), K = /* @__PURE__ */ ((i) => (i[i.North = 0] = "North", i[i.Northeast = 1] = "Northeast", i[i.East = 2] = "East", i[i.Southeast = 3] = "Southeast", i[i.South = 4] = "South", i[i.Southwest = 5] = "Southwest", i[i.West = 6] = "West", i[i.Northwest = 7] = "Northwest", i))(K || {}), di = /* @__PURE__ */ ((i) => (i.Pixel = "px", i.Millimeter = "mm", i.Centimeter = "cm", i))(di || {});
+var le = /* @__PURE__ */ ((i) => (i.Data = "Data", i.Font = "Font", i.Frame = "Frame", i.Illustration = "Illustration", i.Image = "Image", i.Model = "Model", i.Material = "Material", i.Color = "Color", i.QuestionnaireCollateral = "QuestionnaireCollateral", i.RequestCollateral = "RequestCollateral", i.SignupCollateral = "SignupCollateral", i.Video = "Video", i.ColorProfile = "ColorProfile", i.Environment = "Environment", i))(le || {}), At = /* @__PURE__ */ ((i) => (i.FileUpload = "FileUpload", i.Option = "Option", i.ColorOption = "ColorOption", i.Text = "Text", i))(At || {}), M = /* @__PURE__ */ ((i) => (i.Information = "Information", i.Bulk = "Bulk", i.DigitalContent = "DigitalContent", i.Finish = "Finish", i.Frame = "Frame", i.Illustration = "Illustration", i.Introduction = "Introduction", i.Material = "Material", i.Model = "Model", i.Module = "Module", i.Picture = "Picture", i.Photo = "Photo", i.ProductOverlay = "ProductOverlay", i.Question = "Question", i.Shape = "Shape", i.SilentIllustration = "SilentIllustration", i.Text = "Text", i))(M || {}), si = /* @__PURE__ */ ((i) => (i.Color = "Color", i.Colors = "Colors", i.Selection = "Selection", i.Selections = "Selections", i.Text = "Text", i.Upload = "Upload", i))(si || {}), Jt = /* @__PURE__ */ ((i) => (i.ThreeD = "ThreeD", i.FreeDesign = "FreeDesign", i.Print = "Print", i))(Jt || {}), N = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(N || {}), oi = /* @__PURE__ */ ((i) => (i.Hyperlink = "Hyperlink", i.Edit = "Edit", i.Approve = "Approve", i))(oi || {}), ri = /* @__PURE__ */ ((i) => (i.Hub = "Hub", i.Shopify = "Shopify", i))(ri || {}), iA = /* @__PURE__ */ ((i) => (i.BackgroundRemover = "BackgroundRemover", i.ConversionAccelerator = "Conversion Accelerator", i.ProcessBuilder = "ProcessBuilder", i))(iA || {}), ci = /* @__PURE__ */ ((i) => (i[i.Orbit = 0] = "Orbit", i[i.Pan = 1] = "Pan", i))(ci || {}), li = /* @__PURE__ */ ((i) => (i.Manual = "Manual", i.OnStart = "OnStart", i.OnQuit = "OnQuit", i.OnEnd = "OnEnd", i))(li || {}), gi = /* @__PURE__ */ ((i) => (i.Email = "Email", i.FirstName = "FirstName", i.LastName = "LastName", i.Phone = "Phone", i))(gi || {}), ge = /* @__PURE__ */ ((i) => (i.Owner = "Owner", i.Approver = "Approver", i.Editor = "Editor", i.Viewer = "Viewer", i))(ge || {}), xt = /* @__PURE__ */ ((i) => (i.Autosize = "Autosize", i.Traditional = "Traditional", i))(xt || {}), K = /* @__PURE__ */ ((i) => (i[i.North = 0] = "North", i[i.Northeast = 1] = "Northeast", i[i.East = 2] = "East", i[i.Southeast = 3] = "Southeast", i[i.South = 4] = "South", i[i.Southwest = 5] = "Southwest", i[i.West = 6] = "West", i[i.Northwest = 7] = "Northwest", i))(K || {}), di = /* @__PURE__ */ ((i) => (i.Pixel = "px", i.Millimeter = "mm", i.Centimeter = "cm", i))(di || {});
 class XA extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -11937,7 +11937,7 @@ class $s {
     return xn(this.allScenes, this.stepSelections, this.singleVariantsRenderable);
   }
 }
-class at {
+class it {
   constructor(t) {
     this.variantData = t;
   }
@@ -12044,21 +12044,21 @@ const La = class tA {
   getCurrentVariant() {
     const e = this.manager.getWorkflowSelections()[this.step.stepName], A = e == null ? void 0 : e.selections[0];
     if (A)
-      return new at(A);
+      return new it(A);
   }
   /**
    * @returns A list of valid variants for this step. Does not include disabled variants.
    */
   getAvailableVariants() {
     var e, A;
-    return (((A = (e = this.step.option) == null ? void 0 : e.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new at(a));
+    return (((A = (e = this.step.option) == null ? void 0 : e.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new it(a));
   }
   /**
    * @returns A list of all variants for this step, including disabled ones.
    */
   getAllVariants() {
     var e;
-    return (((e = this.step.option) == null ? void 0 : e.variants) || []).map((A) => new at(A));
+    return (((e = this.step.option) == null ? void 0 : e.variants) || []).map((A) => new it(A));
   }
   /**
    * @returns A unique identifier for this step within the workflow.
@@ -12152,8 +12152,8 @@ const La = class tA {
   }
 };
 La.updateState = /* @__PURE__ */ new Map();
-let At = La;
-class _s extends At {
+let at = La;
+class _s extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12211,7 +12211,7 @@ class _s extends At {
     return this.step.data.pmsPickerEnabled ?? !1;
   }
 }
-class to extends At {
+class to extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12224,7 +12224,7 @@ class to extends At {
     );
   }
 }
-class eo extends At {
+class eo extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12237,7 +12237,7 @@ class eo extends At {
     );
   }
 }
-class Ao extends At {
+class Ao extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12255,7 +12255,7 @@ class Ao extends At {
     );
   }
 }
-class ao extends At {
+class ao extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12272,7 +12272,7 @@ class ao extends At {
     return this.step.data.displayType || ((t = this.step.option) == null ? void 0 : t.displayType);
   }
 }
-class io extends At {
+class io extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12327,7 +12327,7 @@ class io extends At {
     return t;
   }
 }
-class no extends At {
+class no extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12528,7 +12528,7 @@ class no extends At {
     await W.changeStrokeColor(this.step, t, e, this.manager);
   }
 }
-class so extends At {
+class so extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12541,7 +12541,7 @@ class so extends At {
     return this.step.data.content;
   }
 }
-class oo extends At {
+class oo extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12568,7 +12568,7 @@ class oo extends At {
     );
   }
 }
-class ro extends At {
+class ro extends at {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -14253,19 +14253,19 @@ class Ho {
   }
   async createHandle(t) {
     switch (t.type) {
-      case it.FileUpload:
+      case At.FileUpload:
         return new Uo(this.bundle, t);
-      case it.ColorOption:
+      case At.ColorOption:
         return new LA(
           this.bundle,
           t,
           t.entityId ? await $.getOption(t.entityId) : void 0
         );
-      case it.Option: {
+      case At.Option: {
         const e = t.entityId ? await $.getOption(t.entityId) : void 0;
         return (e == null ? void 0 : e.type) === "Color" ? new LA(this.bundle, t, e) : new Va(this.bundle, t, e);
       }
-      case it.Text:
+      case At.Text:
         return new Go(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
@@ -14505,6 +14505,19 @@ class Va extends fA {
   constructor(t, e, A) {
     super(t, e), this.optionResource = A;
   }
+  /**
+   * If the option has a default variant, select it.
+   */
+  async initDefaultVariant() {
+    var e, A;
+    const t = (A = (e = this.optionResource) == null ? void 0 : e.variants) == null ? void 0 : A.find(
+      (a) => {
+        var n, s;
+        return a.id === ((s = (n = this.optionResource) == null ? void 0 : n.defaultVariant) == null ? void 0 : s.id);
+      }
+    );
+    t && await this.selectVariant(new it(t));
+  }
   /**
    * Gets the currently selected variant, or undefined if no variant is selected.
    */
@@ -14515,7 +14528,7 @@ class Va extends fA {
     const t = this.getStateValue();
     if (t) {
       const a = (A = this.optionResource.variants) == null ? void 0 : A.find((n) => n.id === t);
-      return a ? new at(a) : void 0;
+      return a ? new it(a) : void 0;
     } else {
       const a = (e = this.optionResource.variants) == null ? void 0 : e.find(
         (n) => {
@@ -14523,7 +14536,7 @@ class Va extends fA {
           return n.id === ((o = (s = this.optionResource) == null ? void 0 : s.defaultVariant) == null ? void 0 : o.id);
         }
       );
-      return a ? new at(a) : void 0;
+      return a ? new it(a) : void 0;
     }
   }
   /**
@@ -14531,14 +14544,14 @@ class Va extends fA {
    */
   getAvailableVariants() {
     var e, A;
-    return (((A = (e = this.optionResource) == null ? void 0 : e.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new at(a));
+    return (((A = (e = this.optionResource) == null ? void 0 : e.variants) == null ? void 0 : A.filter((a) => a.enabled)) || []).map((a) => new it(a));
   }
   /**
    * @returns A list of all variants for this step, including disabled ones.
    */
   getAllVariants() {
     var e;
-    return (((e = this.optionResource) == null ? void 0 : e.variants) || []).map((A) => new at(A));
+    return (((e = this.optionResource) == null ? void 0 : e.variants) || []).map((A) => new it(A));
   }
   /**
    * Select a given variant on the option for all shared steps.
@@ -14556,7 +14569,7 @@ class Va extends fA {
     if (!e)
       return Promise.resolve();
     const A = (n = (a = this.optionResource) == null ? void 0 : a.variants) == null ? void 0 : n.find((s) => s.id === e);
-    return A ? (console.log(`Applying global state using variant ${A.id} for aspect ${e}`), this.applyVariantSelection(new at(A), t)) : Promise.resolve();
+    return A ? (console.log(`Applying global state using variant ${A.id} for aspect ${e}`), this.applyVariantSelection(new it(A), t)) : Promise.resolve();
   }
   async applyVariantSelection(t, e) {
     const a = this.getSharedSteps(e).map((n) => n.selectVariant(t));
@@ -14585,7 +14598,7 @@ class LA extends Va {
     const A = (s = (n = this.optionResource) == null ? void 0 : n.variants) == null ? void 0 : s.find((r) => r.id === e);
     if (!A)
       return Promise.resolve();
-    await this.applyColorVariant(new at(A), t);
+    await this.applyColorVariant(new it(A), t);
     const a = (o = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : o.customColor;
     a && this.setCustomColor(a);
   }
@@ -14705,15 +14718,15 @@ class To {
           let n = a.type && a.storage ? {} : void 0;
           if (n)
             switch (a.type) {
-              case it.FileUpload: {
+              case At.FileUpload: {
                 n.fileUpload = a.storage;
                 break;
               }
-              case it.Option: {
+              case At.Option: {
                 n.option = a.storage;
                 break;
               }
-              case it.ColorOption: {
+              case At.ColorOption: {
                 n = a.storage;
                 break;
               }
@@ -15167,23 +15180,34 @@ class zo {
 }
 class Le {
   constructor(t, e, A, a, n, s) {
-    var r, c, l;
-    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = t, this.id = e.id, this.name = e.name || "", this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = n, this.metadata = new Map(((r = e.metadata) == null ? void 0 : r.map((g) => [g.key, g.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Jo(e.bundleStateData);
-    const o = (c = this.productCollection) == null ? void 0 : c.globalPropertyConfiguration;
+    var c, l, g;
+    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = t, this.id = e.id, this.name = e.name || "", this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = n, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((d) => [d.key, d.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Jo(e.bundleStateData);
+    const o = (l = this.productCollection) == null ? void 0 : l.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new To(
       this.id,
       this.ownerId,
       o,
       this.checkConditionalHandlesChanged.bind(this),
       s
-    ), this.globalPropertyHandleService = new Ho(this), this.setPreviewService(A), this.initializationPromise = Promise.all([
-      this.loadExistingWorkflowExperiences(((l = e.transactions) == null ? void 0 : l.map((g) => g.id)) || [], {
+    ), this.globalPropertyHandleService = new Ho(this), this.setPreviewService(A);
+    const r = new Promise((d, B) => {
+      this.globalPropertyHandleService.getHandles().then((h) => {
+        const C = h.map((w) => {
+          if (w.getType() === At.ColorOption || w.getType() === At.Option)
+            return w.initDefaultVariant();
+        });
+        Promise.all(C).then(d).catch(B);
+      });
+    });
+    this.initializationPromise = Promise.all([
+      this.loadExistingWorkflowExperiences(((g = e.transactions) == null ? void 0 : g.map((d) => d.id)) || [], {
         ...a,
         bundleOwnerId: n
       }),
-      this.globalPropertyStateManager.getInitializationPromise()
-    ]), this.initializationPromise.catch((g) => {
-      console.error(`Bundle initialization failed: ${g}`);
+      this.globalPropertyStateManager.getInitializationPromise(),
+      r
+    ]), this.initializationPromise.catch((d) => {
+      console.error(`Bundle initialization failed: ${d}`);
     });
   }
   setBundleOptions(t) {
@@ -15238,7 +15262,7 @@ class Le {
     return this.globalPropertyStateManager;
   }
   async getGlobalPropertyTotalSubunits() {
-    return (await this.globalPropertyHandleService.getHandles()).filter((A) => A.getType() === it.Option).map((A) => {
+    return (await this.globalPropertyHandleService.getHandles()).filter((A) => A.getType() === At.Option).map((A) => {
       var a;
       return ((a = A.getCurrentVariant()) == null ? void 0 : a.getPrice()) || 0;
     }).reduce((A, a) => A + a, 0);
@@ -16115,7 +16139,7 @@ class Cc {
       } catch (A) {
         throw console.error(A), new rt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Ii(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.7.3"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Ii(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.7.4"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     ut.setHubUrl(t.hubUrl), ut.setServerUrl(t.serverUrl), ut.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && yi(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -17172,7 +17196,7 @@ class fc {
   }
 }
 var or = /* @__PURE__ */ ((i) => (i.SelectFrame = "SelectFrame", i.SelectImage = "SelectImage", i.Position = "Position", i))(or || {});
-class rr extends At {
+class rr extends at {
   constructor(t, e, A) {
     super(t, e, A);
     const a = e.data;
@@ -17601,7 +17625,7 @@ const cr = I`
 export {
   iA as AddonHandle,
   Bc as ArrayInput,
-  it as AspectType,
+  At as AspectType,
   Et as AssetNotFoundError,
   le as AssetType,
   rc as BringForwardCommand,
@@ -17668,7 +17692,7 @@ export {
   Cc as SpiffCommerceClient,
   ge as StakeholderType,
   si as StepAspectType,
-  At as StepHandle,
+  at as StepHandle,
   M as StepType,
   xt as TextAlgorithm,
   Zn as TextChangeCommand,
@@ -17680,7 +17704,7 @@ export {
   O as UnhandledBehaviorError,
   di as UnitOfMeasurement,
   nc as UpdateImageSourceCommand,
-  at as Variant,
+  it as Variant,
   mo as WorkflowExperienceEventType,
   fo as WorkflowExperienceImpl,
   T as assetService,