@spiffcommerce/core 32.2.2 → 32.2.3-beta.b5a7d626-2f37-53ef-b01b-0ee2a6660230

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 || {}), L = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(L || {}), 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 || {}), $ = /* @__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 || {});
 class un extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -6534,15 +6534,15 @@ class td {
     };
   }
 }
-class U extends Error {
+class L extends Error {
   constructor() {
-    super("Element not found!"), Object.setPrototypeOf(this, U.prototype);
+    super("Element not found!"), Object.setPrototypeOf(this, L.prototype);
   }
 }
-const $ = (r, t) => _(r, t).elements.find((n) => n.id === r), _ = (r, t) => {
+const U = (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 U();
+    throw new L();
   return e;
 }, X = (r, t) => {
   const e = [...t.elements.filter((n) => n.id !== r.id), r], a = Sa(e);
@@ -6628,9 +6628,9 @@ class ed extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       x: this.x,
@@ -6651,9 +6651,9 @@ class ad extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       rotation: this.angle
@@ -6673,9 +6673,9 @@ class nd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     let a = {
       ...e,
       width: this.width,
@@ -6811,9 +6811,9 @@ class hs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       fill: this.color,
@@ -6835,9 +6835,9 @@ class je extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       textFillImage: this.imageFill
@@ -6857,9 +6857,9 @@ class ms extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       fontSize: this.size
@@ -6879,9 +6879,9 @@ class Wa extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       fontData: this.fontData
@@ -6901,9 +6901,9 @@ class gs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       align: this.align
@@ -6959,9 +6959,9 @@ class fs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       useThreshold: this.useThreshold,
@@ -6984,9 +6984,9 @@ class rd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       src: this.src
@@ -7006,9 +7006,9 @@ class Cs extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = _(e.id, Object.values(t.layouts)), n = X(ae(e, this.text, e), a);
     return {
       ...t,
@@ -7025,9 +7025,9 @@ class He extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       strokeColor: this.strokeColor,
@@ -7048,9 +7048,9 @@ class ca extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = e.colors || {}, n = a[this.className];
     typeof this.fill == "string" ? a[this.className] = {
       browserValue: this.fill,
@@ -7080,9 +7080,9 @@ class ws extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = {
       ...e,
       svg: this.svgBody,
@@ -7105,8 +7105,8 @@ class id extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
-      throw new U();
+    if (this.oldState = t, !U(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)
       throw new Error("Layout missing from state!");
@@ -7135,9 +7135,9 @@ class sd extends N {
   }
   apply(t) {
     this.oldState = t;
-    const e = $(this.id, Object.values(t.layouts));
+    const e = U(this.id, Object.values(t.layouts));
     if (!e.id)
-      throw new U();
+      throw new L();
     const a = Object.values(t.layouts).find((o) => o.elements.find((l) => l.id === this.id));
     if (!a)
       throw new Error("Layout missing from state!");
@@ -7165,8 +7165,8 @@ class od extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
-      throw new U();
+    if (this.oldState = t, !U(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)
       throw new Error("Layout missing from state!");
@@ -7192,8 +7192,8 @@ class ld extends N {
     super(), this.id = t;
   }
   apply(t) {
-    if (this.oldState = t, !$(this.id, Object.values(t.layouts)).id)
-      throw new U();
+    if (this.oldState = t, !U(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)
       throw new Error("Layout missing from state!");
@@ -7838,7 +7838,7 @@ class vs {
     const a = e.getRegionElements(t.stepName) || [];
     if (a.length === 0) return [];
     try {
-      return $(
+      return U(
         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 = $(
+    const s = U(
       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 === L.Text && t.globalPropertyAspectConfigurations?.map((f) => f.aspectName).includes(p.name)
+          (p) => p.type === $.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) => $(i.id, t.getAllLayoutData()));
+    return t.getRegionElements(e.stepName).map((i) => U(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 === L.Text && t.globalPropertyAspectConfigurations?.map((b) => b.aspectName).includes(S.name)
+              (S) => S.type === $.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 === L.Text && t.globalPropertyAspectConfigurations?.map((h) => h.aspectName).includes(u.name)
+          (u) => u.type === $.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 = $(t[0].id, this.manager.getAllLayoutData()).colors, i = this.getCurrentVariant()?.getAssetResource()?.assetConfiguration, s = i?.defaultColorVariants || [];
+    const a = U(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 L.FileUpload:
+      case $.FileUpload:
         return new dl(this.bundle, t).initialize();
-      case L.ColorOption:
+      case $.ColorOption:
         return new Ka(
           this.bundle,
           t,
           t.entityId ? await H.getOption(t.entityId) : void 0
         );
-      case L.Option: {
+      case $.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 L.Text:
+      case $.Text:
         return new Al(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
@@ -14021,15 +14021,15 @@ class ml {
           let a = e.type && e.storage ? {} : void 0;
           if (a)
             switch (e.type) {
-              case L.FileUpload: {
+              case $.FileUpload: {
                 a.fileUpload = e.storage;
                 break;
               }
-              case L.Option: {
+              case $.Option: {
                 a.option = e.storage;
                 break;
               }
-              case L.ColorOption: {
+              case $.ColorOption: {
                 a = e.storage;
                 break;
               }
@@ -14690,7 +14690,7 @@ const bl = w`
 `;
 class _e {
   constructor(t, e, a, n, i, s) {
-    this.workflowExperiences = [], this.eventEmitter = new El(), this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new gl(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new El(), this.updatesLocked = !1, this.client = t, this.id = e.id, this.name = e.name || "", this.dispatchDate = e.dispatchDate, this.template = e.template || !1, this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new gl(e.bundleStateData);
     const o = this.productCollection?.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = o?.id, this.globalPropertyStateManager = new ml(
       this.id,
@@ -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() === L.ColorOption || m.getType() === L.Option) {
+          if (m.getType() === $.ColorOption || m.getType() === $.Option) {
             const g = m;
             if (!A.aspects.find((f) => f.name === g.getName()))
               return g.initDefaultVariant();
@@ -14834,57 +14834,61 @@ class _e {
     );
   }
   async applyGlobalPropertyState(t) {
+    this.updatesLocked = !0;
     const e = await this.globalPropertyHandleService.getHandles();
-    for (const a of t.aspects) {
-      const n = a?.name;
-      this.getGlobalPropertyStateManager().setAspect(n, a.value);
-    }
-    for (const a of t.aspects) {
-      const n = a?.name, i = e.find((s) => s.getName() === n);
-      if (i)
-        switch (a.type) {
-          case L.FileUpload: {
-            const s = i, o = await be([a.value]);
-            o.length > 0 && await s.selectImage(o[0]);
-            const l = a.storage?.colors;
-            if (l) {
-              const c = Object.fromEntries(
-                l.map((d) => [
-                  d.key,
-                  { browserValue: d.browserValue, pmsValue: d.pmsValue }
-                ]) ?? []
-              );
-              await s.changeColors(c);
+    try {
+      for (const a of t.aspects) {
+        const n = a?.name;
+        this.getGlobalPropertyStateManager().setAspect(n, a.value);
+      }
+      for (const a of t.aspects) {
+        const n = a?.name, i = e.find((s) => s.getName() === n);
+        if (i)
+          switch (a.type) {
+            case $.FileUpload: {
+              const s = i, o = await be([a.value]);
+              o.length > 0 && await s.selectImage(o[0]);
+              const l = a.storage?.colors;
+              if (l) {
+                const c = Object.fromEntries(
+                  l.map((d) => [
+                    d.key,
+                    { browserValue: d.browserValue, pmsValue: d.pmsValue }
+                  ]) ?? []
+                );
+                await s.changeColors(c);
+              }
+              break;
             }
-            break;
-          }
-          case L.ColorOption: {
-            const s = i;
-            if (a.type === L.ColorOption) {
-              const l = s.getAllVariants().find((c) => c.getId() === a.value);
+            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);
+              break;
+            }
+            case $.Option: {
+              const s = i, l = s.getAllVariants().find((c) => c.getId() === a.value);
               l && await s.selectVariant(l);
-            } else
-              s.setCustomColor(a.value);
-            break;
-          }
-          case L.Option: {
-            const s = i, l = s.getAllVariants().find((c) => c.getId() === a.value);
-            l && await s.selectVariant(l);
-            break;
-          }
-          case L.Text: {
-            await i.setText(a.value);
-            break;
+              break;
+            }
+            case $.Text: {
+              await i.setText(a.value);
+              break;
+            }
           }
-        }
+      }
+    } finally {
+      this.updatesLocked = !1, this.onGlobalPropertiesChanged(void 0, this.globalPropertyStateManager.getGlobalPropertyState());
     }
-    this.checkMandatoryHandlesChanged(void 0, e);
   }
   getGlobalPropertyStateManager() {
     return this.globalPropertyStateManager;
   }
   async getGlobalPropertyTotalSubunits() {
-    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === L.Option).map((a) => a.getCurrentVariant()?.getPrice() || 0).reduce((a, n) => a + n, 0);
+    return (await this.globalPropertyHandleService.getHandles()).filter((a) => a.getType() === $.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);
@@ -14899,7 +14903,7 @@ class _e {
         const i = this.getGlobalPropertyConfiguration()?.aspects.find(
           (s) => s.name === n
         );
-        if (i && i.type === L.ColorOption) {
+        if (i && i.type === $.ColorOption) {
           const s = e.getCurrentVariant()?.getAssetResource(), o = s?.assetConfiguration?.channelNumbers || [], l = s?.assetConfiguration?.defaultColorVariants || [], c = hl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
@@ -15346,8 +15350,18 @@ class _e {
     });
   }
   async onGlobalPropertiesChanged(t, e) {
+    if (this.updatesLocked)
+      return;
     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), await Promise.all(i.map((s) => s.applyGlobalState()));
+    this.checkConditionalHandlesChanged(n, i), this.checkMandatoryHandlesChanged(t, i);
+    const s = a.map((o) => {
+      if (o.getType() === $.ColorOption || o.getType() === $.Option) {
+        const l = o;
+        if (!e.aspects.find((d) => d.name === l.getName()))
+          return l.initDefaultVariant();
+      }
+    });
+    await Promise.all(s), await Promise.all(i.map((o) => o.applyGlobalState()));
   }
   checkConditionalHandlesChanged(t, e) {
     (() => {
@@ -15965,7 +15979,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.2"), 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.3"), 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);
@@ -17655,7 +17669,7 @@ export {
   cc as AddressValidationResultConfirmationLevel,
   An as AddressValidationStatus,
   md as ArrayInput,
-  L as AspectType,
+  $ as AspectType,
   bt as AssetNotFoundError,
   ye as AssetType,
   od as BringForwardCommand,
@@ -17755,7 +17769,7 @@ export {
   Bd as duplicateTransaction,
   nt as fetchAsString,
   zc as findAngle,
-  $ as findElement,
+  U as findElement,
   Lc as findPmsColors,
   Vt as frameDataCache,
   St as frameStepService,