@spiffcommerce/core 40.0.1 → 40.1.0

package/dist/index.mjs

@@ -9,14 +9,14 @@ import Vi from "fuse.js";
 import { Pith as Ia } from "pith";
 import ca from "lodash.chunk";
 import It from "lodash.clonedeep";
-import { jsx as F, jsxs as ut, Fragment as Ht } from "preact/jsx-runtime";
+import { jsx as F, jsxs as ut, Fragment as Wt } from "preact/jsx-runtime";
 import { parse as da } from "opentype.js";
 import { decode as Li } from "html-entities";
 import zi from "handlebars";
 import { dataUriToBuffer as Gi } from "data-uri-to-buffer";
-import { CognitoIdentityProviderClient as qi, InitiateAuthCommand as Wa, RespondToAuthChallengeCommand as Wi } from "@aws-sdk/client-cognito-identity-provider";
-import Hi from "dinero.js";
-import * as Ha from "currency-codes";
+import { CognitoIdentityProviderClient as qi, InitiateAuthCommand as Ha, RespondToAuthChallengeCommand as Hi } from "@aws-sdk/client-cognito-identity-provider";
+import Wi from "dinero.js";
+import * as Wa from "currency-codes";
 import Pn from "lodash.debounce";
 import Kt from "lodash.isequal";
 import { split as ua } from "unicode-default-word-boundary";
@@ -218,14 +218,14 @@ const Tn = /* @__PURE__ */ new Map(), Ya = /* @__PURE__ */ new Map(), Ja = /* @_
   t ? ir(i).then(e).catch(a) : nt(i).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), Qn = (i) => Ri(i), He = /* @__PURE__ */ new Map(), or = async (i, t) => {
+}), Qn = (i) => Ri(i), We = /* @__PURE__ */ new Map(), or = async (i, t) => {
   if (Nt([typeof FontFace])) {
-    if (He.has(t))
-      return He.get(t);
+    if (We.has(t))
+      return We.get(t);
     const e = i.names.fullName.en, a = new FontFace(e, `url(${t})`);
     document.fonts.add(a);
     const n = a.load();
-    return He.set(t, n), n;
+    return We.set(t, n), n;
   }
 }, Pt = () => {
   if (Nt([typeof XMLSerializer]))
@@ -3451,7 +3451,7 @@ const ue = (i) => {
             ${i && "...AssetMetadataFields" || ""}
            
         }
-    `, Wn = C`
+    `, Hn = C`
     fragment MaterialFields on Material {
         id
         name
@@ -3499,7 +3499,7 @@ const ue = (i) => {
         }
     }
 `, Qr = C`
-    ${Wn}
+    ${Hn}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
@@ -3865,7 +3865,7 @@ class G {
     Q.setMap(t, e);
   }
 }
-const W = new Lr();
+const H = new Lr();
 class zr {
   constructor() {
     this.cache = {}, this.disabled = !1;
@@ -3946,7 +3946,7 @@ const Pe = new zr(), Ta = (i, t = 512, e, a) => {
             ...AssetFields
         }
     }
-`, Wr = C`
+`, Hr = C`
     query GetTagsMany($ids: [String!]!) {
         tagsMany(entityIds: $ids) {
             id
@@ -3954,11 +3954,11 @@ const Pe = new zr(), Ta = (i, t = 512, e, a) => {
             name
         }
     }
-`, Hr = async (i) => {
+`, Wr = async (i) => {
   const t = await S.getShadowGraphqlClient().query({
     query: C`
             ${ie(!1, !1)}
-            ${Wn}
+            ${Hn}
             ${qr}
             query GetOptions($ids: [String]!) {
                 options(ids: $ids) {
@@ -3972,14 +3972,14 @@ const Pe = new zr(), Ta = (i, t = 512, e, a) => {
     }
   });
   return t.data.options.forEach((e) => {
-    e.colorProfile && W.cacheAsset(e.colorProfile), e.variants?.forEach((a) => {
-      a.asset && W.cacheAsset(a.asset), a.thumbnail && W.cacheAsset(a.thumbnail), a.material && W.cacheMaterial(a.material);
+    e.colorProfile && H.cacheAsset(e.colorProfile), e.variants?.forEach((a) => {
+      a.asset && H.cacheAsset(a.asset), a.thumbnail && H.cacheAsset(a.thumbnail), a.material && H.cacheMaterial(a.material);
     });
   }), t.data.options;
 }, jr = async (i, t) => (await t).find((a) => a.id === i), Je = async (i) => {
   const t = new Map(i.map((n) => [n, Pe.get({ id: n })])), e = i.filter((n) => t.get(n) === void 0);
   if (e.length > 0) {
-    const n = Hr(e);
+    const n = Wr(e);
     e.forEach(
       (r) => t.set(r, Pe.set({ id: r }, jr(r, n)))
     );
@@ -4011,7 +4011,7 @@ class Yr {
     }, this.getTagsForAssets = async (t) => {
       const e = t?.map((s) => s.asset?.key) || [], a = t?.map((s) => s.material?.id) || [], n = [...e, ...a].filter((s) => !!s);
       return n.length === 0 ? [] : (await S.getShadowGraphqlClient().query({
-        query: Wr,
+        query: Hr,
         errorPolicy: "all",
         variables: {
           ids: n
@@ -4054,7 +4054,7 @@ class Yr {
     return e || (t.material ? t.material.id : "");
   }
 }
-const B = new Yr(), Hn = C`
+const B = new Yr(), Wn = C`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -4191,7 +4191,7 @@ const B = new Yr(), Hn = C`
 `, Kn = C`
     ${Ue}
     ${re}
-    ${Hn}
+    ${Wn}
     query ReadIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             id
@@ -5141,7 +5141,7 @@ const B = new Yr(), Hn = C`
         }
     }
 `, gs = C`
-    ${Hn}
+    ${Wn}
     ${Ve}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
@@ -5538,7 +5538,7 @@ const N = () => {
   ) });
 }, Zn = (i) => {
   const t = `spiff-group-clip-${i.id}`, e = i.rotation || 0, a = St(e), n = Math.cos(a), r = -Math.sin(a), s = Ra(i.children);
-  return /* @__PURE__ */ ut(Ht, { children: [
+  return /* @__PURE__ */ ut(Wt, { children: [
     /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: i.clipPath ? /* @__PURE__ */ F("path", { d: i.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: i.width, height: i.height }) }) }),
     /* @__PURE__ */ ut(
       "g",
@@ -5578,8 +5578,8 @@ const N = () => {
     return i.pattern.src;
   };
   if (!a())
-    return /* @__PURE__ */ F(Ht, {});
-  const n = () => i.threshold ? i.invertThreshold ? "1 ".repeat(i.threshold) + "0 ".repeat(256 - i.threshold) : "0 ".repeat(i.threshold) + "1 ".repeat(256 - i.threshold) : "", r = () => /* @__PURE__ */ F(Ht, { children: i.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ ut("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
+    return /* @__PURE__ */ F(Wt, {});
+  const n = () => i.threshold ? i.invertThreshold ? "1 ".repeat(i.threshold) + "0 ".repeat(256 - i.threshold) : "0 ".repeat(i.threshold) + "1 ".repeat(256 - i.threshold) : "", r = () => /* @__PURE__ */ F(Wt, { children: i.useThreshold && /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ ut("filter", { id: e, "color-interpolation-filters": "sRGB", children: [
     /* @__PURE__ */ F(
       "feColorMatrix",
       {
@@ -5622,7 +5622,7 @@ const N = () => {
       src: a()
     }];
   };
-  return /* @__PURE__ */ ut(Ht, { children: [
+  return /* @__PURE__ */ ut(Wt, { children: [
     r(),
     /* @__PURE__ */ F(
       "g",
@@ -5919,7 +5919,7 @@ const Ts = (i) => {
   if (i.curved && !i.paths || !i.fontData)
     return null;
   const h = () => i.textFillImage ? `url("#${s}")` : i._renderingConfiguration?.spotColors && i.fillSpotColorDefinition ? `${i.fill} ${Vn(i.fillSpotColorDefinition)}` : i.fill;
-  return /* @__PURE__ */ ut(Ht, { children: [
+  return /* @__PURE__ */ ut(Wt, { children: [
     /* @__PURE__ */ ut("defs", { children: [
       i.textFillImage && /* @__PURE__ */ F(
         "pattern",
@@ -6728,7 +6728,7 @@ class ci extends $ {
     };
   }
 }
-class H extends $ {
+class W extends $ {
   /**
    * @param initialParams The initial parameters to be set on this new object
    * @param callback An optional callback function to be notified when the object has been instantiated
@@ -7078,7 +7078,7 @@ class wa extends $ {
     };
   }
 }
-class Ws extends $ {
+class Hs extends $ {
   constructor(t, e, a) {
     super(), this.id = t, this.svgBody = e, this.objectURL = a;
   }
@@ -7254,7 +7254,7 @@ class cn {
             id: c.id,
             region: n
           },
-          command: new H(c, r)
+          command: new W(c, r)
         };
       } else {
         const l = this.configuration.type === E.SilentIllustration ? this.configuration.data.asset?.fileLink : s, d = await ot(await (async () => new Promise((A, h) => {
@@ -7289,7 +7289,7 @@ class cn {
             id: u.id,
             region: n
           },
-          command: new H(u, r)
+          command: new W(u, r)
         };
       }
     }, this.configuration = t, this.layouts = e, this.product = a || void 0;
@@ -7313,7 +7313,7 @@ class cn {
     return t?.startsWith("data:image/png") || t?.endsWith(".jpeg") || t?.endsWith(".jpg") || t?.endsWith(".png") ? D.Image : (t?.endsWith(".svg") || t?.startsWith("image/svg+xml"), D.Illustration);
   }
 }
-const Hs = async (i) => {
+const Ws = async (i) => {
   const t = `${wt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await nt(t, {
@@ -7400,7 +7400,7 @@ class js {
     const c = l.toString();
     if (c.length >= 2e3)
       throw new Qe("Cannot create QR code, URL too long.");
-    const d = await Hs(c);
+    const d = await Ws(c);
     if (!n.data || !n.data.regions)
       throw new At(n, "Missing regions.");
     const u = await this.regionElements(n), A = await this.command(d, u, a, n.stepName);
@@ -7424,7 +7424,7 @@ class js {
         throw new Error("Region not found");
       if (!u || !d)
         throw new Error("Neither a region or layout found!");
-      return new H(
+      return new W(
         {
           stepRegion: d,
           stepRegionIndex: c.regionIndex,
@@ -7471,7 +7471,7 @@ class De {
     const s = e.getWorkflowExperience().getBundle();
     if (s && t.globalPropertyAspectConfigurations) {
       const o = s.getGlobalPropertyStateManager(), l = t.globalPropertyAspectConfigurations[0], c = o.getAspectStorage(l.aspectName);
-      c && c.originalAssetKey && (r = (await W.getLocalOrFromServer(c.originalAssetKey)).fileLink);
+      c && c.originalAssetKey && (r = (await H.getLocalOrFromServer(c.originalAssetKey)).fileLink);
     }
     if (t.option) {
       const o = await B.getDefaultVariant(
@@ -7571,11 +7571,11 @@ class De {
       a.addPoller(
         new di(
           async () => {
-            const d = (await W.getFromServer(e.key || "")).versions?.find((A) => A.name === "svg");
+            const d = (await H.getFromServer(e.key || "")).versions?.find((A) => A.name === "svg");
             return d ? (await nt(d.link)).status === 200 : !1;
           },
           () => {
-            W.getLocalOrFromServer(e.key || "").then((c) => {
+            H.getLocalOrFromServer(e.key || "").then((c) => {
               this.loadPatternFromAsset(c, t, a, n).then(
                 l
               );
@@ -7599,7 +7599,7 @@ class De {
     s && (s.command && n.getCommandDispatcher()(s.command), s.followup && await s.followup());
   }
   getCreateElementCommand(t, e, a, n, r) {
-    return new H(
+    return new W(
       {
         id: t,
         type: D.Frame,
@@ -7832,7 +7832,7 @@ class Ys {
     });
   }
   getCreateElementCommand(t, e, a, n, r) {
-    return new H(
+    return new W(
       {
         stepRegion: e,
         stepRegionIndex: a,
@@ -7935,7 +7935,7 @@ class Ys {
     for (const d of n) {
       for (const [u, A] of r.entries())
         c.push(new wa(d, u, A));
-      c.push(new Ws(d, o, l));
+      c.push(new Hs(d, o, l));
     }
     return new U(c);
   }
@@ -8256,7 +8256,7 @@ class _s {
         return console.error(`Can not find layout for region: ${u.panelId}`), null;
       const f = [];
       return h && f.push(new Ot(g)), f.push(
-        new H(
+        new W(
           {
             stepRegion: u,
             stepRegionIndex: A,
@@ -8389,7 +8389,7 @@ class Xs {
       const p = N();
       return {
         regionElement: { id: p, region: u, regionIndex: A },
-        command: new H(
+        command: new W(
           {
             stepName: t.stepName,
             stepRegion: u,
@@ -8609,7 +8609,7 @@ class to {
         return {
           id: y,
           region: A,
-          command: new H(
+          command: new W(
             {
               stepRegion: A,
               stepRegionIndex: h,
@@ -8648,7 +8648,7 @@ class to {
     }
   }
 }
-const Wt = new to();
+const Ht = new to();
 class eo {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -9281,7 +9281,7 @@ class io {
         v.push(
           this.generateTextChangeCommandsForRegion(R, a, b.id, T)
         );
-        const V = new H(b, p);
+        const V = new W(b, p);
         return {
           regionElement: { id: m, region: A, regionIndex: h },
           commands: [V, ...v],
@@ -9591,7 +9591,7 @@ const mo = [
     if (!g)
       throw new J(h);
     const p = N();
-    return new H(
+    return new W(
       {
         id: p,
         src: d,
@@ -9630,7 +9630,7 @@ const mo = [
         a.data.forceImageCover
       );
       return [
-        new H(
+        new W(
           {
             id: A,
             path: u.path,
@@ -9712,7 +9712,7 @@ const mo = [
     if (!v)
       throw new J(b);
     const I = N();
-    return new H(
+    return new W(
       {
         colors: p,
         id: I,
@@ -9741,7 +9741,7 @@ const mo = [
     if (!c)
       throw new J(l);
     const d = N();
-    return new H(
+    return new W(
       {
         colors: {},
         id: d,
@@ -9783,7 +9783,7 @@ const mo = [
     if (!u)
       throw new J(d);
     const A = N();
-    return new H(
+    return new W(
       {
         id: A,
         src: o,
@@ -9839,7 +9839,7 @@ const mo = [
             />
         </svg>
         `, h = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, g = N();
-    return new H(
+    return new W(
       {
         colors: h,
         id: g,
@@ -9887,7 +9887,7 @@ const mo = [
           excludeFromExport: t.data.excludeFromPrint,
           preserveAspectRatio: "none"
         };
-        a.push(new H(u, d));
+        a.push(new W(u, d));
       });
     } catch (c) {
       console.error(c);
@@ -9922,7 +9922,7 @@ const mo = [
         productOverlay: t.type === E.ProductOverlay ? !0 : void 0,
         excludeFromExport: t.data.excludeFromPrint
       };
-      a.push(new H(h, A));
+      a.push(new W(h, A));
     });
   }
   return a;
@@ -9997,7 +9997,7 @@ const mo = [
         }
       );
       n.push(
-        new H(
+        new W(
           {
             ...y,
             fontSize: w,
@@ -10008,7 +10008,7 @@ const mo = [
         )
       );
     } else
-      n.push(new H(y, f));
+      n.push(new W(y, f));
   }
   return n;
 }, bo = async (i, t, e, a) => {
@@ -10269,6 +10269,7 @@ const Vd = (i, t) => {
         value
         type
         channel
+        hidden
         storage {
             ... on GlobalPropertyStateColorOptionStorage {
                 customColor
@@ -10735,7 +10736,7 @@ const Vd = (i, t) => {
             id
         }
     }
-`, Wo = C`
+`, Ho = C`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -10755,7 +10756,7 @@ const Vd = (i, t) => {
             }
         }
     }
-`, Ho = C`
+`, Wo = C`
     mutation BundleAddStakeholder($id: String!, $emailAddress: String!) {
         bundleRemoveStakeholder(id: $id, emailAddress: $emailAddress) {
             id
@@ -11734,7 +11735,7 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
             );
             break;
           case E.Shape:
-            a.push(Wt.init(l, this, this.reloadedState));
+            a.push(Ht.init(l, this, this.reloadedState));
             break;
           case E.Text:
             a.push(j.init(l, this, this.reloadedState));
@@ -12183,7 +12184,7 @@ class Cl extends tt {
   }
   selectVariant(t) {
     const e = t.getResource();
-    return Wt.selectVariant(
+    return Ht.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -12201,7 +12202,7 @@ class Cl extends tt {
    * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
    */
   setColor(t) {
-    return Wt.selectVariant(
+    return Ht.selectVariant(
       this.step,
       t,
       this.manager.getRegionElements(this.step.stepName) || [],
@@ -12213,7 +12214,7 @@ class Cl extends tt {
    * @returns A list of color definitions that are currently applied to the illustration.
    */
   getColors() {
-    return Wt.availableColours(this.step);
+    return Ht.availableColours(this.step);
   }
   /**
    * Allows for setting a custom color when the custom variant is selected. Will
@@ -12222,7 +12223,7 @@ class Cl extends tt {
   setCustomColor(t) {
     return this.getCurrentVariant()?.getColor() !== "#custom" && console.warn(
       `setting custom color for step ${this.step.stepName} but color is ${this.getCurrentVariant()?.getColor()}`
-    ), Wt.setCustomColor(t, this.step, this.manager);
+    ), Ht.setCustomColor(t, this.step, this.manager);
   }
   getCustomColor() {
     this.getCurrentVariant()?.getColor() !== "#custom" && console.warn(
@@ -12748,7 +12749,7 @@ const Il = async (i, t) => {
   let x = await o(A, n.id);
   if (x) {
     const v = await (await nt(x)).blob();
-    x = (await W.uploadAsset(
+    x = (await H.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: v },
       be.Image,
       !0,
@@ -13709,7 +13710,7 @@ class La {
    * @returns Whether this aspect has been marked as silent and therefore should not be displayed to the user.
    */
   isSilent() {
-    return !!this.property.silent;
+    return !!this.property.silent || this.bundle.getGlobalPropertyStateManager().getAspectHidden(this.property.name);
   }
   /**
    * Returns all steps that share this property.
@@ -13797,7 +13798,7 @@ class Rl extends La {
     const e = await this.getOriginalImage();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = this.bundle.getGlobalPropertyStateManager(), n = await W.removeBackgroundFromAsset(e), s = {
+    const a = this.bundle.getGlobalPropertyStateManager(), n = await H.removeBackgroundFromAsset(e), s = {
       ...a.getAspectStorage(this.property.name),
       backgroundRemovedAssetKey: n.key,
       useOriginalAsset: !t
@@ -13818,7 +13819,7 @@ class Rl extends La {
     const e = await this.getOriginalImage();
     if (!e)
       throw new Error("You must supply an image selection before attempting to vectorize the image.");
-    const a = this.bundle.getGlobalPropertyStateManager(), n = await W.vectorizeAsset(e), s = {
+    const a = this.bundle.getGlobalPropertyStateManager(), n = await H.vectorizeAsset(e), s = {
       ...a.getAspectStorage(this.property.name),
       vectorizedAssetKey: n.key,
       useOriginalAsset: !t
@@ -13838,7 +13839,7 @@ class Rl extends La {
   async getImage() {
     const t = this.getStateValue();
     if (t)
-      return W.getLocalOrFromServer(t);
+      return H.getLocalOrFromServer(t);
   }
   async getImageWithColors() {
     return await this.loadImageData(), this.imageData?.svg ? Pa(Ma(this.imageData.svg, this.imageData.colors ?? {}, !1)) : this.imageData?.src;
@@ -13850,7 +13851,7 @@ class Rl extends La {
   async getOriginalImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t?.originalAssetKey)
-      return W.getLocalOrFromServer(t.originalAssetKey);
+      return H.getLocalOrFromServer(t.originalAssetKey);
   }
   /**
    * Retrieves the version of the image selection that has the background removed, if one exists.
@@ -13859,7 +13860,7 @@ class Rl extends La {
   async getBackgroundRemovedImage() {
     const t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
     if (t?.backgroundRemovedAssetKey)
-      return W.getLocalOrFromServer(t.backgroundRemovedAssetKey);
+      return H.getLocalOrFromServer(t.backgroundRemovedAssetKey);
   }
   getUseOriginalImage() {
     return this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)?.useOriginalAsset ?? !1;
@@ -13893,7 +13894,7 @@ class Rl extends La {
   async applyGlobalState(t) {
     const e = this.getStateValue();
     if (!e) return;
-    const a = await W.getLocalOrFromServer(e);
+    const a = await H.getLocalOrFromServer(e);
     if (!a) return;
     await this.applyImageSelection(a, t, !1, !0);
     const n = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name);
@@ -14236,6 +14237,11 @@ class ql {
   getAspectMandatoryFulfilled(t) {
     return this.mandatoryFulfilledAspects.get(t);
   }
+  getAspectHidden(t) {
+    if (!this.globalPropertyState)
+      throw new Error("Global property state not initialized");
+    return !!this.globalPropertyState.aspects.find((e) => e.name === t)?.hidden;
+  }
   getAspect(t, e) {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
@@ -14248,49 +14254,52 @@ class ql {
       throw new Error("Global property state not initialized");
     return this.globalPropertyState.aspects.find((a) => a.name === t && a.channel === e)?.storage;
   }
-  async setAspect(t, e, a, n) {
+  async setAspect(t, e, a, n, r) {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
     if (!this.configuration)
       throw new Error("Global property configuration not linked to the state manager.");
-    const r = this.configuration.aspects.find((l) => l.name === t);
-    if (!r)
+    const s = this.configuration.aspects.find((c) => c.name === t);
+    if (!s)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const s = It(this.globalPropertyState), o = this.globalPropertyState.aspects.filter((l) => l.name === t);
-    if (o.length > 0)
+    const o = It(this.globalPropertyState), l = this.globalPropertyState.aspects.filter((c) => c.name === t);
+    if (l.length > 0)
       if (n) {
-        const l = o.find((c) => c.channel === n);
-        if (l)
-          l.value = e, l.type = r.type, l.channel = n, a !== void 0 && (l.storage = a !== null ? a : void 0);
+        const c = l.find((d) => d.channel === n);
+        if (c)
+          c.value = e, c.type = s.type, c.channel = n, c.hidden = r ?? c.hidden, a !== void 0 && (c.storage = a !== null ? a : void 0);
         else {
+          let d;
           if (n === 1) {
-            const c = this.globalPropertyState.aspects.findIndex(
-              (d) => !d.channel && d.name === t
+            const u = this.globalPropertyState.aspects.findIndex(
+              (A) => !A.channel && A.name === t
             );
-            c && c > 0 && this.globalPropertyState.aspects.splice(c, 1);
+            u && u > 0 && (d = this.globalPropertyState.aspects.splice(u, 1)[0].hidden);
           }
           this.globalPropertyState.aspects.push({
             name: t,
             value: e,
-            type: r.type,
+            type: s.type,
             storage: a !== null ? a : void 0,
-            channel: n
+            channel: n,
+            hidden: r ?? d
           });
         }
       } else {
-        const l = o[0];
-        l.value = e, l.type = r.type, a !== void 0 && (l.storage = a !== null ? a : void 0);
+        const c = l[0];
+        c.value = e, c.type = s.type, c.hidden = r ?? c.hidden, a !== void 0 && (c.storage = a !== null ? a : void 0);
       }
     else
       this.globalPropertyState.aspects.push({
         name: t,
         value: e,
-        type: r.type,
+        type: s.type,
         storage: a !== null ? a : void 0,
-        channel: n
+        channel: n,
+        hidden: r
       });
-    Kt(s, this.globalPropertyState) || (this.queueGlobalPropertyStateUpdate(), await this.onGlobalPropertyStateChange(s, this.globalPropertyState));
+    Kt(o, this.globalPropertyState) || (this.queueGlobalPropertyStateUpdate(), await this.onGlobalPropertyStateChange(o, this.globalPropertyState));
   }
   async setAspectStorage(t, e, a) {
     if (!this.globalPropertyState)
@@ -14355,7 +14364,8 @@ class ql {
             value: e.value,
             type: e.type,
             storage: a,
-            channel: e.channel
+            channel: e.channel,
+            hidden: e.hidden
           };
         })
       },
@@ -14386,7 +14396,7 @@ class ql {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class Wl {
+class Hl {
   constructor(t) {
     this.setState(t || '{"transactions": []}');
   }
@@ -14412,7 +14422,7 @@ class Wl {
         a === e ? delete t[a] : this.deleteFieldNameFromObjectRecursive(t[a], e);
   }
 }
-const Hl = C`
+const Wl = C`
     query GetManyMetafields($entityIds: [String!]!) {
         metafieldsMany(entityIds: $entityIds) {
             id
@@ -14446,7 +14456,7 @@ class jl {
   async ensureIdsArePresent(t) {
     if (t.every((a) => this.internalMap.has(a))) return;
     const e = await S.getShadowGraphqlClient().query({
-      query: Hl,
+      query: Wl,
       errorPolicy: "all",
       variables: {
         entityIds: t.filter((a) => !this.internalMap.has(a))
@@ -14903,7 +14913,7 @@ const _l = C`
 `;
 class pn {
   constructor(t, e, a, n, r, s, o) {
-    this.workflowExperiences = [], this.eventEmitter = new Kl(), 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 = r, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Wl(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new Kl(), 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 = r, this.metadata = new Map(e.metadata?.map((c) => [c.key, c.value]) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Hl(e.bundleStateData);
     const l = this.productCollection?.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = l?.id, this.globalPropertyStateManager = new ql(
       this.id,
@@ -15148,7 +15158,13 @@ class pn {
     try {
       for (const a of t.aspects) {
         const n = a?.name;
-        await this.getGlobalPropertyStateManager().setAspect(n, a.value);
+        await this.getGlobalPropertyStateManager().setAspect(
+          n,
+          a.value,
+          void 0,
+          void 0,
+          a.hidden
+        );
       }
       for (const a of t.aspects) {
         const n = a?.name, r = e.find((s) => s.getName() === n);
@@ -15398,7 +15414,7 @@ class pn {
   }
   async addStakeholder(t, e) {
     const a = await S.getShadowGraphqlClient().mutate({
-      mutation: Wo,
+      mutation: Ho,
       variables: {
         id: this.id,
         details: t,
@@ -15414,7 +15430,7 @@ class pn {
   }
   async removeStakeholder(t) {
     if (!(await S.getShadowGraphqlClient().mutate({
-      mutation: Ho,
+      mutation: Wo,
       variables: {
         id: this.id,
         emailAddress: t
@@ -15899,7 +15915,7 @@ class bi extends za {
     return t.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class Wd extends za {
+class Hd extends za {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -16092,7 +16108,7 @@ class lc {
   }
   async generateCode(t) {
     const e = await this.cognitoClient?.send(
-      new Wa({
+      new Ha({
         AuthFlow: "CUSTOM_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -16104,7 +16120,7 @@ class lc {
   }
   async verifyCode(t, e, a) {
     const n = await this.cognitoClient?.send(
-      new Wi({
+      new Hi({
         ClientId: this.userPoolClientId,
         ChallengeName: "CUSTOM_CHALLENGE",
         Session: this.challengeSession,
@@ -16126,7 +16142,7 @@ class lc {
       throw new Error("Failed to find existing tokens.");
     const e = JSON.parse(t);
     return await this.cognitoClient?.send(
-      new Wa({
+      new Ha({
         AuthFlow: "REFRESH_TOKEN_AUTH",
         ClientId: this.userPoolClientId,
         AuthParameters: {
@@ -16149,14 +16165,14 @@ class cc {
       currency: t,
       precision: this.getPrecisionForCurrency(t)
     };
-    return Hi(a).toFormat(this.getSpecialFormat(t));
+    return Wi(a).toFormat(this.getSpecialFormat(t));
   }
   /**
    * Get the number of decimal places expected in a currency string.
    * @param currency The currency to determine precision for.
    */
   getPrecisionForCurrency(t) {
-    const e = t, a = Ha.code(e);
+    const e = t, a = Wa.code(e);
     return a ? a.digits : 2;
   }
   /**
@@ -16167,7 +16183,7 @@ class cc {
    */
   getSpecialFormat(t) {
     const e = t;
-    if (Ha.code(e)?.code === "CLP")
+    if (Wa.code(e)?.code === "CLP")
       return "USD0,0";
   }
 }
@@ -16254,7 +16270,7 @@ const uc = async (i, t) => {
   });
   return t.errors && console.error(t.errors), t.data.integrationProducts || [];
 };
-class Hd {
+class Wd {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -16265,7 +16281,7 @@ class Hd {
       } catch (a) {
         throw console.error(a), new pt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Ar(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 40.0.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Ar(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 40.1.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.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 && Gt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
@@ -16275,7 +16291,7 @@ class Hd {
    * and the Spiff Commerce platform.
    */
   getAssetManager() {
-    return W;
+    return H;
   }
   /**
    * @returns A promise that resolves with a boolean indicating whether to use beta features.
@@ -16723,9 +16739,9 @@ class Hd {
       }
       const oe = Q.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map();
       !oe.get(T.id) && T.transactionOwnerId && (oe.set(T.id, T.transactionOwnerId), Q.setMap("transactionOwnerIds", oe));
-      const We = oe.get(T.id) || void 0, Di = new oc({
-        onMutate: () => ({ context: { transactionOwnerId: We, bundleOwnerId: e?.bundleOwnerId } }),
-        onQuery: () => ({ context: { transactionOwnerId: We, bundleOwnerId: e?.bundleOwnerId } })
+      const He = oe.get(T.id) || void 0, Di = new oc({
+        onMutate: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } }),
+        onQuery: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } })
       }), le = {
         workflow: Et,
         transaction: T,
@@ -16734,7 +16750,7 @@ class Hd {
           throw new O("State mutation is forbidden in read only mode!");
         } : async (it) => this.updateTransactionState({
           ...it,
-          context: { transactionOwnerId: We, bundleOwnerId: e?.bundleOwnerId }
+          context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId }
         }),
         graphQlClient: () => Di,
         readOnly: k,
@@ -17389,7 +17405,7 @@ class yc extends tt {
     const e = await this.getOriginalImageSelection();
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
-    const a = await W.removeBackgroundFromAsset(e);
+    const a = await H.removeBackgroundFromAsset(e);
     t && await bt.selectImage(this.step, a, this.manager, !1);
     const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
@@ -17409,7 +17425,7 @@ class yc extends tt {
     const a = t ?? await this.getOriginalImageSelection();
     if (!a)
       throw new Error("You must supply an image selection before attempting to vectorize the image.");
-    const n = await W.vectorizeAsset(a, e);
+    const n = await H.vectorizeAsset(a, e);
     await this.selectImage(n, t !== void 0);
     const r = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
@@ -17423,12 +17439,12 @@ class yc extends tt {
   async getBackgroundRemovedImageSelection() {
     const t = this.manager.getStepStorage(this.step.stepName)?.framePatternData?.backgroundRemovedAssetKey;
     if (t)
-      return W.getLocalOrFromServer(t);
+      return H.getLocalOrFromServer(t);
   }
   async getVectorizedImageSelection() {
     const t = this.manager.getStepStorage(this.step.stepName)?.framePatternData?.vectorizedAssetKey;
     if (t)
-      return W.getLocalOrFromServer(t);
+      return H.getLocalOrFromServer(t);
   }
   hasOriginalImageSelection() {
     return !!this.manager.getStepStorage(this.step.stepName)?.framePatternData?.originalAssetKey;
@@ -17492,7 +17508,7 @@ class yc extends tt {
   async getOriginalImageSelection() {
     const t = this.manager.getStepStorage(this.step.stepName)?.framePatternData?.originalAssetKey;
     if (t)
-      return W.getLocalOrFromServer(t);
+      return H.getLocalOrFromServer(t);
   }
   getUseOriginalImageSelection() {
     return this.getFrameStepStorage()?.framePatternData?.useOriginalAsset ?? !1;
@@ -17995,7 +18011,7 @@ export {
   $c as AddressValidationJobStatus,
   Rc as AddressValidationResultConfirmationLevel,
   Dn as AddressValidationStatus,
-  Wd as ArrayInput,
+  Hd as ArrayInput,
   z as AspectType,
   Bt as AssetNotFoundError,
   be as AssetType,
@@ -18009,7 +18025,7 @@ export {
   Rs as CommandContext,
   ve as ConversionDataType,
   xc as ConversionLocation,
-  H as CreateElementCommand,
+  W as CreateElementCommand,
   ci as CreateLayoutCommand,
   dc as CurrencyContext,
   cc as CurrencyService,
@@ -18064,7 +18080,7 @@ export {
   Ud as SendBackwardsCommand,
   Cl as ShapeStepHandle,
   _i as ShareActionType,
-  Hd as SpiffCommerceClient,
+  Wd as SpiffCommerceClient,
   kn as StakeholderType,
   Ji as StepAspectType,
   tt as StepHandle,
@@ -18081,7 +18097,7 @@ export {
   Sa as WorkflowExperienceEventType,
   Tl as WorkflowExperienceImpl,
   Vl as amtChannelsForAspect,
-  W as assetService,
+  H as assetService,
   Br as browserColorToHex,
   xd as cmPerPixel,
   Bd as currentDirection,
@@ -18164,8 +18180,8 @@ export {
   Da as sanitizeSvgTree,
   gr as setBearerAuthenticationToken,
   $n as setCanvasModule,
-  Wt as shapeStepService,
-  Hs as shortenUrl,
+  Ht as shapeStepService,
+  Ws as shortenUrl,
   wt as spiffCoreConfiguration,
   Vd as stepAspectValuesToDesignInputSteps,
   Xa as svgColorValueToDefinition,