@spiffcommerce/core 26.7.1 → 26.7.3

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 || {}), k = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(k || {}), 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 || {}), 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 || {});
 class XA extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -127,7 +127,7 @@ const hi = () => {
   } catch {
     return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new DA();
   }
-}, N = hi();
+}, k = hi();
 class Ci {
   constructor() {
     this.defaultServerUrl = "https://api.au.spiffcommerce.com", this.defaultServicesApiUrl = "https://services.au.spiffcommerce.com", this.defaultHubUrl = "https://hub.au.spiffcommerce.com", this.serverUrl = this.defaultServerUrl, this.servicesApiUrl = this.defaultServicesApiUrl, this.hubUrl = this.defaultHubUrl, this.serverUrlCallbacks = [];
@@ -3145,12 +3145,12 @@ function Gr(i) {
   const t = Ot.indexOf(i);
   return t >= 0 ? Mt[t] : "";
 }
-function Ni(i) {
+function ki(i) {
   const t = Mt.indexOf(i);
   return t >= 0 ? Ot[t] : "";
 }
 function Tr(i, t = 64) {
-  const e = [], A = [], a = Ni(i);
+  const e = [], A = [], a = ki(i);
   a && e.push({
     pms: a,
     hex: i,
@@ -3167,7 +3167,7 @@ function Tr(i, t = 64) {
     A[g] <= t && !e.some((d) => d.pms === Ot[g]) && e.push({ pms: Ot[g], hex: Mt[g], distance: A[g] });
   return e.sort((g, d) => g.distance - d.distance);
 }
-const ki = Ot.map((i, t) => ({ pms: i, hex: Mt[t] })), bi = new ii(ki, { keys: ["pms"] });
+const Ni = Ot.map((i, t) => ({ pms: i, hex: Mt[t] })), bi = new ii(Ni, { keys: ["pms"] });
 function Jr(i, t) {
   return bi.search(i, t ? { limit: t } : void 0);
 }
@@ -3667,7 +3667,7 @@ class qi {
     }
   }
 }
-const Nt = "persistentAssets", la = class Bt {
+const kt = "persistentAssets", la = class Bt {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -3679,27 +3679,27 @@ const Nt = "persistentAssets", la = class Bt {
     }
     const e = /* @__PURE__ */ new Map();
     e.set(t.key || "", t.fileLink);
-    const A = N.getMap(Nt);
+    const A = k.getMap(kt);
     A && A.forEach((a, n) => {
       e.set(n, a);
-    }), N.setMap(Nt, e), Bt.executeCallbacks();
+    }), k.setMap(kt, e), Bt.executeCallbacks();
   }
   /**
    * Remove an existing asset from persistence. Noop if the asset doesn't exist.
    * @param assetKey The key to remove.
    */
   static remove(t) {
-    const e = N.getMap(Nt);
+    const e = k.getMap(kt);
     if (!e)
       return;
     const A = Array.from(e.entries()).find((a) => a[0] === t);
-    A && (e.delete(A[0]), N.setMap(Nt, e), Bt.executeCallbacks());
+    A && (e.delete(A[0]), k.setMap(kt, e), Bt.executeCallbacks());
   }
   /**
    * Get a list of all persisted assets.
    */
   static list() {
-    const t = N.getMap(Nt);
+    const t = k.getMap(kt);
     return t ? Array.from(t.entries()).map((e) => ({ assetKey: e[0], src: e[1] })) : [];
   }
   /**
@@ -3747,10 +3747,10 @@ class q {
     A && (e.delete(A), q.setMap(e));
   }
   static getMap() {
-    return N.getMap(PA) || /* @__PURE__ */ new Map();
+    return k.getMap(PA) || /* @__PURE__ */ new Map();
   }
   static setMap(t) {
-    N.setMap(PA, t);
+    k.setMap(PA, t);
   }
 }
 const T = new qi();
@@ -4677,6 +4677,7 @@ const $ = new An(), da = I`
                                 ...OptionFields
                             }
                             colorPickerEnabled
+                            pmsPickerEnabled
                             displayColorsOnFinishStep
                             displaySelectionOnFinishStep
                             hideColorsInCart
@@ -5036,7 +5037,7 @@ const $ = new An(), da = I`
             internalId
         }
     }
-`, kt = [M.SilentIllustration, M.ProductOverlay], Fn = async (i) => {
+`, Nt = [M.SilentIllustration, M.ProductOverlay], Fn = async (i) => {
   const t = [];
   i.introduction && t.push({
     name: "Introduction",
@@ -5059,16 +5060,16 @@ const $ = new An(), da = I`
       t.push({
         name: A.stepName,
         title: A.stepTitle,
-        renderableSteps: kt.includes(A.type) ? [] : [A],
-        silentSteps: kt.includes(A.type) ? [A] : []
+        renderableSteps: Nt.includes(A.type) ? [] : [A],
+        silentSteps: Nt.includes(A.type) ? [A] : []
       });
     else {
       const n = t.find((s) => s.name === a.name);
-      n ? kt.includes(A.type) ? n.silentSteps.push(A) : n.renderableSteps.push(A) : t.push({
+      n ? Nt.includes(A.type) ? n.silentSteps.push(A) : n.renderableSteps.push(A) : t.push({
         name: a.name,
         title: a.name,
-        renderableSteps: kt.includes(A.type) ? [] : [A],
-        silentSteps: kt.includes(A.type) ? [A] : []
+        renderableSteps: Nt.includes(A.type) ? [] : [A],
+        silentSteps: Nt.includes(A.type) ? [A] : []
       });
     }
   }
@@ -5472,7 +5473,7 @@ const b = () => {
     const g = ((m = i.pattern) == null ? void 0 : m.x) || 0, d = ((f = i.pattern) == null ? void 0 : f.y) || 0, B = ((Q = i.pattern) == null ? void 0 : Q.width) || 0, h = ((p = i.pattern) == null ? void 0 : p.height) || 0, C = ((D = i.pattern) == null ? void 0 : D.scaleX) || 1, w = ((F = i.pattern) == null ? void 0 : F.scaleY) || 1, u = ((S = i.pattern) == null ? void 0 : S.rotation) || 0;
     return [(x = i.pattern) != null && x.svg ? {
       id: `${t}-contents`,
-      type: k.Illustration,
+      type: N.Illustration,
       x: g,
       y: d,
       rotation: u,
@@ -5483,7 +5484,7 @@ const b = () => {
       colors: (P = i.pattern) == null ? void 0 : P.colors
     } : {
       id: `${t}-contents`,
-      type: k.Image,
+      type: N.Image,
       x: g,
       y: d,
       rotation: u,
@@ -5579,14 +5580,14 @@ class vn {
     }), A - a;
   }
 }
-const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Ne = /* @__PURE__ */ new Map(), Pt = async (i) => {
-  if (Ne.has(i))
-    return Ne.get(i);
+const kn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @__PURE__ */ new Map(), Pt = async (i) => {
+  if (ke.has(i))
+    return ke.get(i);
   const e = (async () => {
     try {
       return mt(i).getFont();
     } catch {
-      if (Nn(i)) {
+      if (kn(i)) {
         const A = ta(i), a = Oe.parse(A);
         return qe(i, a), a;
       } else {
@@ -5595,7 +5596,7 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Ne = /* @_
       }
     }
   })();
-  return Ne.set(i, e), e;
+  return ke.set(i, e), e;
 }, lA = (i) => {
   const t = ta(i), e = Oe.parse(t);
   return qe(i, e), e;
@@ -5683,7 +5684,7 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Ne = /* @_
   if (r < 0)
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: r };
-}, kn = (i, t, e, A, a, n) => {
+}, Nn = (i, t, e, A, a, n) => {
   const s = (n ?? gA) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, r = pa(i, o, t), c = i.length * s * o, l = A / r, g = a / c;
   return Math.min(g, l);
 }, bn = (i, t, e, A) => {
@@ -5706,14 +5707,14 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Ne = /* @_
     lines: o,
     requiredHeight: t.height,
     requiredWidth: he(o, t.width, s, a),
-    fontSize: kn(o, a, n, t.width, t.height, A)
+    fontSize: Nn(o, a, n, t.width, t.height, A)
   } : vA(t, i, t.fontSize, s, a, A);
 }, Rn = (i, t, e, A, a) => {
   const s = mt(t.assetUrl).getFont();
   let o = { ...i };
   const r = { ...i }, c = pa(A, e / s.unitsPerEm, mt(t.assetUrl));
   return c && c < o.width && (r.width = c, a === "left" ? (r.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), r.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : a === "right" ? r.left += o.width - c : r.left += (o.width - c) / 2, A && Un(A, A).every(([l, g]) => l === g) && (o = r)), o;
-}, ke = 1, ct = (i, t, e) => {
+}, Ne = 1, ct = (i, t, e) => {
   let A = 0;
   const a = e.getGlyphs(i);
   return a.forEach((n, s) => {
@@ -5736,12 +5737,12 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", Ne = /* @_
   return i.forEach((a) => {
     A = Math.max(A, ct(a, t, e));
   }), A;
-}, NA = {
+}, kA = {
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, Ce = (i, t = NA) => {
-  const e = { ...NA, ...t };
+}, Ce = (i, t = kA) => {
+  const e = { ...kA, ...t };
   let A = i || "";
   return e.stripControlCharacters && (A = A.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (A = A.toUpperCase()), e.vertical && (A = A.split("").join(`
 `)), A;
@@ -6007,7 +6008,7 @@ class zn {
     return { ...t, transaction: e.apply(A) };
   }
 }
-const Da = (i) => i.type === k.Image ? /* @__PURE__ */ v(ma, { ...i }, i.id) : i.type === k.Frame ? /* @__PURE__ */ v(Pn, { ...i }, i.id) : i.type === k.Illustration ? /* @__PURE__ */ v(On, { ...i }, i.id) : i.type === k.Textbox ? /* @__PURE__ */ v(Tn, { ...i }, i.id) : i.type === k.Group ? /* @__PURE__ */ v(fa, { ...i }, i.id) : null, dA = (i, t, e) => {
+const Da = (i) => i.type === N.Image ? /* @__PURE__ */ v(ma, { ...i }, i.id) : i.type === N.Frame ? /* @__PURE__ */ v(Pn, { ...i }, i.id) : i.type === N.Illustration ? /* @__PURE__ */ v(On, { ...i }, i.id) : i.type === N.Textbox ? /* @__PURE__ */ v(Tn, { ...i }, i.id) : i.type === N.Group ? /* @__PURE__ */ v(fa, { ...i }, i.id) : null, dA = (i, t, e) => {
   const A = e.renderingConfiguration, a = A != null && A.removeExcludedElements ? t.filter((n) => !n.excludeFromExport) : t;
   return /* @__PURE__ */ v(
     Yn,
@@ -6166,11 +6167,11 @@ const $t = (i) => {
 }, Fa = async (i) => {
   const t = await tt(i);
   return Ma(t);
-}, kA = (i) => i.endsWith("mm") ? Number(i.replace("mm", "")) * 3.7795275591 : i.endsWith("px") ? Number(i.replace("px", "")) : Number(i), Ma = (i) => {
+}, NA = (i) => i.endsWith("mm") ? Number(i.replace("mm", "")) * 3.7795275591 : i.endsWith("px") ? Number(i.replace("px", "")) : Number(i), Ma = (i) => {
   const A = ot().parseFromString(i, "image/svg+xml").querySelector("svg");
   if (!A)
     throw new Error("No svg tag found, this svg must be malformed!");
-  const a = A.getAttribute("viewBox"), n = A.getAttribute("width"), s = A.getAttribute("height"), o = s && n ? [0, 0, kA(n), kA(s)] : a == null ? void 0 : a.split(" ").map((r) => Number(r));
+  const a = A.getAttribute("viewBox"), n = A.getAttribute("width"), s = A.getAttribute("height"), o = s && n ? [0, 0, NA(n), NA(s)] : a == null ? void 0 : a.split(" ").map((r) => Number(r));
   if (!o)
     throw new Error("No viewbox or width/height values detected on SVG file!");
   return {
@@ -6233,18 +6234,18 @@ const $t = (i) => {
     rotation: 0,
     panelId: i.layoutState.layout.panelId
   };
-  if (e && t === k.Illustration) {
+  if (e && t === N.Illustration) {
     const r = await gt(await Sa(e)), d = ot().parseFromString(r.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!d)
       throw new Error("SVG missing viewBox.");
     const B = o.height, h = d.split(" "), C = parseFloat(h[2]) || 1, w = parseFloat(h[3]) || 1, u = C / w;
     o.height = o.width / u, o.top += (B - o.height) / 2;
   }
-  if (e && t === k.Image) {
+  if (e && t === N.Image) {
     const r = o.height, c = await Qe(e), l = await pe(c), g = l.width / l.height;
     o.height = o.width / g, o.top += (r - o.height) / 2;
   }
-  if (e && t === k.Textbox && (A != null && A.text) && (A != null && A.fontScale)) {
+  if (e && t === N.Textbox && (A != null && A.text) && (A != null && A.fontScale)) {
     await Pt(e);
     const r = mt(e), c = ct(A.text, A == null ? void 0 : A.fontScale, r);
     o.width = Math.min(c, a.width * 0.85), o.left = a.x + a.width / 2 - o.width / 2;
@@ -6253,7 +6254,7 @@ const $t = (i) => {
 };
 class ec {
   static async getFrame(t, e) {
-    const A = await ya(e.region, e.src), a = await ye(A), n = e.region || await Rt(t, k.Frame);
+    const A = await ya(e.region, e.src), a = await ye(A), n = e.region || await Rt(t, N.Frame);
     return {
       id: b(),
       x: n.left,
@@ -6268,7 +6269,7 @@ class ec {
       path: a.path,
       dataWidth: a.width,
       dataHeight: a.height,
-      type: k.Frame,
+      type: N.Frame,
       disablePlaceholder: e.configuration.disablePlaceholder,
       focalBlur: e.configuration.focalBlur,
       focalBlurStrength: e.configuration.focalBlurStrength,
@@ -6279,11 +6280,11 @@ class ec {
     };
   }
   static async getImage(t, e) {
-    const A = e.region || await Rt(t, k.Image, e.src);
+    const A = e.region || await Rt(t, N.Image, e.src);
     return {
       id: b(),
       src: e.src,
-      type: k.Image,
+      type: N.Image,
       y: A.top,
       x: A.left,
       rotation: A.rotation,
@@ -6303,13 +6304,13 @@ class ec {
     }, r = (n == null ? void 0 : n.text) || A.defaultText || "", c = A.replaceableText ? A.replaceableText.replace("{{}}", r) : r, l = Ce(c, {
       vertical: A.vertical,
       uppercase: A.uppercase
-    }), g = e.region || await Rt(t, k.Textbox, a, {
+    }), g = e.region || await Rt(t, N.Textbox, a, {
       text: l,
       fontScale: A.size ? A.size / s.unitsPerEm : void 0
     }), d = Zt(
       {
         id: b(),
-        type: k.Textbox,
+        type: N.Textbox,
         x: g.left,
         y: g.top,
         width: g.width,
@@ -6369,13 +6370,13 @@ class ec {
                     </svg>
                 `, a = {};
     a["spiff-fill-shape"] = { browserValue: e.color };
-    const n = e.region || await Rt(t, k.Illustration), s = b();
+    const n = e.region || await Rt(t, N.Illustration), s = b();
     return {
       stepRegion: e.region,
       colors: a,
       id: s,
       svg: A,
-      type: k.Illustration,
+      type: N.Illustration,
       y: n.top,
       x: n.left,
       rotation: n.rotation,
@@ -6387,7 +6388,7 @@ class ec {
     };
   }
   static async getIllustration(t, e) {
-    const A = e.region || await Rt(t, k.Illustration, e.src), a = await gt(await Sa(e.src)), n = await jt(a.svg), s = b();
+    const A = e.region || await Rt(t, N.Illustration, e.src), a = await gt(await Sa(e.src)), n = await jt(a.svg), s = b();
     return {
       cachedObjectURL: n,
       stepRegion: e.region,
@@ -6395,7 +6396,7 @@ class ec {
       id: s,
       src: e.src,
       svg: a.svg,
-      type: k.Illustration,
+      type: N.Illustration,
       y: A.top,
       x: A.left,
       rotation: A.rotation,
@@ -6456,7 +6457,7 @@ const J = (i, t) => Z(i, t).elements.find((a) => a.id === i), Z = (i, t) => {
   }
   for (const a in i.layouts) {
     const n = i.layouts[a].elements.filter(
-      (o) => o.type === k.Illustration
+      (o) => o.type === N.Illustration
     );
     for (let o = 0; o < n.length; ++o) {
       const r = n[o];
@@ -6468,7 +6469,7 @@ const J = (i, t) => Z(i, t).elements.find((a) => a.id === i), Z = (i, t) => {
         }
     }
     const s = i.layouts[a].elements.filter(
-      (o) => o.type === k.Textbox
+      (o) => o.type === N.Textbox
     );
     for (let o = 0; o < s.length; ++o) {
       const r = s[o];
@@ -7101,7 +7102,7 @@ class UA {
           throw new Be(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const o = this.evaluateAssetType();
-      if (o === k.Image) {
+      if (o === N.Image) {
         const d = this.configuration.type === M.SilentIllustration ? (c = this.configuration.data.asset) == null ? void 0 : c.fileLink : (l = this.product) == null ? void 0 : l.overlayImageUrl;
         if (!d)
           throw new Error("Undefined raster silent step source");
@@ -7185,7 +7186,7 @@ class UA {
   evaluateAssetType() {
     var e, A, a;
     const t = this.configuration.type === M.ProductOverlay && ((e = this.product) != null && e.overlayImageUrl) ? this.product.overlayImageUrl.toLowerCase() : (a = (A = this.configuration.data.asset) == null ? void 0 : A.fileLink) == null ? void 0 : a.toLowerCase().split("?")[0];
-    return t != null && t.startsWith("data:image/png") || t != null && t.endsWith(".jpeg") || t != null && t.endsWith(".jpg") || t != null && t.endsWith(".png") ? k.Image : (t != null && t.endsWith(".svg") || t != null && t.startsWith("image/svg+xml"), k.Illustration);
+    return t != null && t.startsWith("data:image/png") || t != null && t.endsWith(".jpeg") || t != null && t.endsWith(".jpg") || t != null && t.endsWith(".png") ? N.Image : (t != null && t.endsWith(".svg") || t != null && t.startsWith("image/svg+xml"), N.Illustration);
   }
 }
 const _n = async (i) => {
@@ -7303,7 +7304,7 @@ class ts {
           stepName: a,
           id: c.id,
           src: o,
-          type: k.Image,
+          type: N.Image,
           y: l.top,
           x: l.left,
           width: l.width,
@@ -7471,7 +7472,7 @@ class es {
     return new j(
       {
         id: t,
-        type: k.Frame,
+        type: N.Frame,
         x: e.left,
         y: e.top,
         width: e.width,
@@ -7721,7 +7722,7 @@ class As {
         src: a.src,
         svg: a.svg.svg,
         cachedObjectURL: a.objectURL,
-        type: k.Illustration,
+        type: N.Illustration,
         y: e.top,
         x: e.left,
         rotation: e.rotation,
@@ -8096,7 +8097,7 @@ class is {
     };
   }
 }
-const Na = new is();
+const ka = new is();
 class ns {
   async init(t, e, A) {
     if (A)
@@ -8144,7 +8145,7 @@ class ns {
             colors: {},
             id: h,
             svg: g,
-            type: k.Illustration,
+            type: N.Illustration,
             y: d.top,
             x: d.left,
             rotation: d.rotation,
@@ -8209,7 +8210,7 @@ class ns {
     return a(""), !0;
   }
 }
-const ka = new ns();
+const Na = new ns();
 class ss {
   async init(t, e, A) {
     const a = t.option;
@@ -8271,7 +8272,7 @@ class ss {
             stepRegion: g,
             id: h,
             src: s,
-            type: k.Image,
+            type: N.Image,
             y: g.top,
             x: g.left,
             rotation: g.rotation,
@@ -8502,7 +8503,7 @@ class rs {
               colors: u,
               id: E,
               svg: w,
-              type: k.Illustration,
+              type: N.Illustration,
               y: B.top,
               x: B.left,
               rotation: B.rotation,
@@ -8594,13 +8595,13 @@ const ls = new cs(), Ge = (i, t, e, A, a) => {
     return [n, s] = Ge(e, A, i, d, o), [a.size, n, s];
   }
   const c = 6;
-  let l = c - ke;
+  let l = c - Ne;
   if (A.length > 0) {
     let d = A, B = 0;
     for (; (!a.maxSize || l <= a.maxSize) && d; )
-      l += ke, B = l / r.unitsPerEm, [d, s] = Ge(e, A, l, B, o);
+      l += Ne, B = l / r.unitsPerEm, [d, s] = Ge(e, A, l, B, o);
   }
-  l > c && (l -= ke), a.minSize && l < a.minSize && (l = a.minSize);
+  l > c && (l -= Ne), a.minSize && l < a.minSize && (l = a.minSize);
   const g = l / r.unitsPerEm;
   return [n, s] = Ge(e, A, l, g, o), [l, n, s];
 }, Te = 30;
@@ -8618,7 +8619,7 @@ class ue extends Error {
 }
 class ds {
   constructor() {
-    this.cachedColors = /* @__PURE__ */ new Map(), this.filterUnsupportedCharacters = (t, e) => {
+    this.cachedColors = /* @__PURE__ */ new Map(), this.cachedStrokeColors = /* @__PURE__ */ new Map(), this.filterUnsupportedCharacters = (t, e) => {
       let A = t.replace(
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
@@ -8793,7 +8794,7 @@ class ds {
    */
   availableStrokeColors(t) {
     var a;
-    const e = this.cachedColors.get(t.stepName);
+    const e = this.cachedStrokeColors.get(t.stepName);
     if (e)
       return e;
     const A = t.data.strokeOption;
@@ -8803,7 +8804,7 @@ class ds {
         stroke: s.color,
         variant: s
       }))) || [];
-      return this.cachedColors.set(t.stepName, n), n;
+      return this.cachedStrokeColors.set(t.stepName, n), n;
     }
     return [];
   }
@@ -9065,7 +9066,7 @@ class ds {
           rotation: g.rotation,
           text: r,
           input: o,
-          type: k.Textbox,
+          type: N.Textbox,
           vertical: A.vertical,
           x: g.left,
           y: g.top,
@@ -11089,7 +11090,7 @@ const Fs = I`
             }
         }
     }
-`, Ns = (i) => I`
+`, ks = (i) => I`
     ${Me(i)}
     mutation DuplicateBundle(
         $id: String!
@@ -11120,7 +11121,7 @@ const Fs = I`
             }
         }
     }
-`, ks = I`
+`, Ns = I`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
@@ -11850,13 +11851,13 @@ class $s {
             );
             break;
           case M.Model:
-            A.push(Na.init(r, this, this.reloadedState));
+            A.push(ka.init(r, this, this.reloadedState));
             break;
           case M.Module:
             this.stepSpecificServices[r.stepName] = {
               module: await Ja(r.data.module)
             }, A.push(
-              ka.init(r, this, this.reloadedState)
+              Na.init(r, this, this.reloadedState)
             );
             break;
           case M.Picture:
@@ -12206,6 +12207,9 @@ class _s extends At {
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
   }
+  isPMSPickerEnabled() {
+    return this.step.data.pmsPickerEnabled ?? !1;
+  }
 }
 class to extends At {
   constructor(t, e, A) {
@@ -12225,7 +12229,7 @@ class eo extends At {
     super(t, e, A);
   }
   selectVariant(t) {
-    return Na.selectVariant(
+    return ka.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -12594,7 +12598,7 @@ class ro extends At {
     return ((t = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : t.text) || "";
   }
   setText(t) {
-    ka.changeText(this.step, t, this.manager, "", (e) => {
+    Na.changeText(this.step, t, this.manager, "", (e) => {
       if (e)
         this.manager.setInformationResults([
           ...this.manager.getInformationResults(),
@@ -12819,7 +12823,7 @@ const go = async (i) => {
   return a;
 }, za = (i, t, e, A, a, n, s, o) => {
   var h, C;
-  const r = t.basePrice || 0, c = i.priceModifierTotal || 0, l = ho(A, e, void 0, n), d = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id), B = {
+  const r = t.basePrice || 0, c = i.priceModifierTotal || 0, l = ho(A, e, void 0, n), d = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id), B = {
     additionalExternalProductId: (h = i.integrationProduct) == null ? void 0 : h.additionalExternalProductId,
     additionalExternalVariantId: (C = i.integrationProduct) == null ? void 0 : C.additionalExternalVariantId,
     baseCost: r,
@@ -12848,7 +12852,7 @@ const go = async (i) => {
     if (c !== void 0)
       return c;
     await i.outstandingRequestsPromise();
-    const x = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a.id), P = await y.getShadowGraphqlClient().query({
+    const x = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a.id), P = await y.getShadowGraphqlClient().query({
       query: Ca,
       variables: { ids: [a.id] },
       fetchPolicy: "no-cache",
@@ -13037,7 +13041,7 @@ class uo {
    */
   async getSavedDesigns() {
     if (this.storageMethod === "Local") {
-      const t = N.get(this.localPersistenceKey);
+      const t = k.get(this.localPersistenceKey);
       return t ? JSON.parse(t) : [];
     }
     throw new O("Unexpected storage method requested");
@@ -13077,7 +13081,7 @@ class uo {
   }
   async setDesigns(t) {
     if (this.storageMethod === "Local") {
-      N.set(this.localPersistenceKey, JSON.stringify(t));
+      k.set(this.localPersistenceKey, JSON.stringify(t));
       return;
     }
     throw new O("Unexpected storage method requested");
@@ -13350,7 +13354,7 @@ class fo {
   }
   async assignCustomerDetails(t) {
     var s, o, r;
-    const A = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (r = (o = (s = (await y.getShadowGraphqlClient().mutate({
+    const A = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (r = (o = (s = (await y.getShadowGraphqlClient().mutate({
       mutation: Eo,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
@@ -13368,8 +13372,8 @@ class fo {
     );
     if (n != null && n.customer) {
       this.getWorkflowManager().setTransactionCustomer(n.customer);
-      const c = N.getMap("transactionCustomerIds") || /* @__PURE__ */ new Map();
-      c.set(this.getWorkflowManager().getTransaction().id, n.customer.id), N.setMap("transactionCustomerIds", c);
+      const c = k.getMap("transactionCustomerIds") || /* @__PURE__ */ new Map();
+      c.set(this.getWorkflowManager().getTransaction().id, n.customer.id), k.setMap("transactionCustomerIds", c);
     }
   }
   attachRenderableSceneListener(t) {
@@ -13481,7 +13485,7 @@ class fo {
       "QuantityChanged"
       /* QuantityChanged */
     ), this.checkForPriceBreakChanges();
-    const e = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), A = this.getWorkflowManager().getTransaction(), a = e.get(A.id) || void 0;
+    const e = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), A = this.getWorkflowManager().getTransaction(), a = e.get(A.id) || void 0;
     await y.getShadowGraphqlClient().mutate({
       mutation: on,
       variables: {
@@ -13532,7 +13536,7 @@ const Qo = [
       {
         id: C,
         src: l,
-        type: k.Image,
+        type: N.Image,
         y: B.top,
         x: B.left,
         width: B.width,
@@ -13572,7 +13576,7 @@ const Qo = [
           {
             id: d,
             path: g.path,
-            type: k.Frame,
+            type: N.Frame,
             forceImageCover: A.data.forceImageCover,
             x: c.left,
             y: c.top,
@@ -13656,7 +13660,7 @@ const Qo = [
         colors: C,
         id: S,
         svg: u,
-        type: k.Illustration,
+        type: N.Illustration,
         y: D.top,
         x: D.left,
         rotation: D.rotation,
@@ -13685,7 +13689,7 @@ const Qo = [
         colors: {},
         id: l,
         svg: o,
-        type: k.Illustration,
+        type: N.Illustration,
         y: r.top,
         x: r.left,
         rotation: r.rotation,
@@ -13727,7 +13731,7 @@ const Qo = [
       {
         id: h,
         src: o,
-        type: k.Image,
+        type: N.Image,
         y: d.top,
         x: d.left,
         rotation: d.rotation,
@@ -13785,7 +13789,7 @@ const Qo = [
         colors: h,
         id: C,
         svg: d,
-        type: k.Illustration,
+        type: N.Illustration,
         y: l.top,
         x: l.left,
         rotation: l.rotation,
@@ -13807,7 +13811,7 @@ const Qo = [
   const A = [], n = (() => {
     var c, l;
     return t.type === M.ProductOverlay ? e || ((c = t.data.asset) == null ? void 0 : c.fileLink) || "" : ((l = t.data.asset) == null ? void 0 : l.fileLink) || "";
-  })(), o = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? k.Image : (n.endsWith(".svg"), k.Illustration))(), r = t.data.regions;
+  })(), o = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? N.Image : (n.endsWith(".svg"), N.Illustration))(), r = t.data.regions;
   if (o === "image")
     try {
       r.forEach((c) => {
@@ -13920,7 +13924,7 @@ const Qo = [
       paths: A.data.paths,
       rotation: w.rotation,
       text: d,
-      type: k.Textbox,
+      type: N.Textbox,
       vertical: A.data.vertical,
       verticalAlign: A.data.verticalAlign || "middle",
       width: w.width,
@@ -14042,14 +14046,14 @@ class vo {
     return this.layouts;
   }
 }
-const No = () => new Promise((i, t) => {
+const ko = () => new Promise((i, t) => {
   try {
     const A = lt().getContext("webgl2");
     i(!!A);
   } catch {
     i(!1);
   }
-}), ko = No();
+}), No = ko();
 class bo {
   constructor(t, e, A, a) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Ea(2), this.id = t, this.name = e, this.service = A, this.panelSize = a;
@@ -14109,7 +14113,7 @@ class bo {
       new Ro(
         this.getID(),
         A,
-        await ko,
+        await No,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -15259,7 +15263,7 @@ class Le {
       throw new Error(
         "Unable to add transaction to bundle - Already Exists: " + A.filter((o) => !!o).map((o) => o == null ? void 0 : o.getWorkflowManager().getTransaction().id).join(", ")
       );
-    const a = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = e.map((o) => a.get(o));
+    const a = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = e.map((o) => a.get(o));
     await y.getShadowGraphqlClient().mutate({
       mutation: Rs,
       variables: {
@@ -15289,7 +15293,7 @@ class Le {
       (o) => o.getWorkflowManager().getTransaction().id === A
     ))
       throw new Error("Unable to add transaction to bundle - Already Exists!");
-    const s = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(A);
+    const s = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(A);
     await y.getShadowGraphqlClient().mutate({
       mutation: bs,
       variables: {
@@ -15637,7 +15641,7 @@ class Le {
   async updateBundle() {
     var e;
     if (!((e = (await y.getShadowGraphqlClient().mutate({
-      mutation: ks,
+      mutation: Ns,
       variables: {
         id: this.id,
         name: this.name,
@@ -16111,7 +16115,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.1"), 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.3"), 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();
@@ -16156,12 +16160,12 @@ class Cc {
    */
   async authenticateBundleFromLocalStorage(t) {
     var a, n;
-    const e = N.getMap("bundleOwnerIds");
+    const e = k.getMap("bundleOwnerIds");
     if (e != null && e.has(t))
       return Promise.resolve({ success: !0, stakeholderType: ge.Owner });
-    const A = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const A = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (A.has(t)) {
-      const s = A.get(t), r = (N.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
+      const s = A.get(t), r = (k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
       if (r && await this.authenticateCustomerId(r)) {
         const l = (n = (a = this.customer) == null ? void 0 : a.bundleStakeholders) == null ? void 0 : n.find(
           (g) => {
@@ -16205,10 +16209,10 @@ class Cc {
       throw new Error(`Unable to read transaction: ${t}`);
     if (a.isOrdered)
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
-    const s = N.getMap("transactionOwnerIds");
+    const s = k.getMap("transactionOwnerIds");
     if (s != null && s.has(t))
       return Promise.resolve({ success: !0, stakeholderType: ge.Owner });
-    const o = N.getMap("transactionCustomerIds");
+    const o = k.getMap("transactionCustomerIds");
     if (o != null && o.has(t)) {
       const w = o.get(t);
       if (w && await this.authenticateCustomerId(w)) {
@@ -16249,8 +16253,8 @@ class Cc {
     this.customer = void 0;
   }
   clearCustomerForTransaction(t) {
-    const e = N.getMap("transactionCustomerIds");
-    e != null && e.has(t) && (e.delete(t), N.setMap("transactionCustomerIds", e));
+    const e = k.getMap("transactionCustomerIds");
+    e != null && e.has(t) && (e.delete(t), k.setMap("transactionCustomerIds", e));
   }
   async customerHasBundleTemplates(t) {
     const a = (await y.getShadowGraphqlClient().query({
@@ -16315,7 +16319,7 @@ class Cc {
   }
   async authenticateCustomerId(t) {
     var o;
-    const e = y.getShadowGraphqlClient(), A = N.getMap("customerTokens");
+    const e = y.getShadowGraphqlClient(), A = k.getMap("customerTokens");
     if (!(A != null && A.has(t)))
       return !1;
     const a = A.get(t);
@@ -16363,8 +16367,8 @@ class Cc {
     if (a != null && a.loginToken) {
       if (!((s = a.partner) != null && s.id))
         throw new Error(`Unable to find customer: ${t}`);
-      const o = N.getMap("customerTokens") || /* @__PURE__ */ new Map();
-      return o.set(a.id, a.loginToken), N.setMap("customerTokens", o), this.storeCustomer(a), SA(a.loginToken), this.customer = {
+      const o = k.getMap("customerTokens") || /* @__PURE__ */ new Map();
+      return o.set(a.id, a.loginToken), k.setMap("customerTokens", o), this.storeCustomer(a), SA(a.loginToken), this.customer = {
         ...a,
         loginToken: void 0
       }, !0;
@@ -16400,10 +16404,10 @@ class Cc {
     })).data) == null ? void 0 : g.bundleCreate;
     if (!(n != null && n.id))
       throw new Error("Unable to create bundle");
-    const s = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    s.set(n.id, n.partner.id), N.setMap("bundlePartnerIds", s);
-    const o = N.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
-    o.set(n.id, n.bundleOwnerId), N.setMap("bundleOwnerIds", o);
+    const s = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    s.set(n.id, n.partner.id), k.setMap("bundlePartnerIds", s);
+    const o = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
+    o.set(n.id, n.bundleOwnerId), k.setMap("bundleOwnerIds", o);
     const r = new Le(this, n, void 0, void 0, n.bundleOwnerId, {
       eagerFetchProducts: (B = (d = A == null ? void 0 : A.graphql) == null ? void 0 : d.productCollection) == null ? void 0 : B.eagerFetchProducts
     });
@@ -16418,7 +16422,7 @@ class Cc {
    */
   async getExistingBundle(t, e, A, a) {
     var w, u, E, m, f, Q, p, D, F, S, x;
-    const n = N.getMap("bundleOwnerIds"), s = n == null ? void 0 : n.get(t), r = ((w = Object.entries(localStorage).find(([Y, P]) => Y.startsWith("CognitoIdentityServiceProvider") && Y.endsWith("idToken"))) == null ? void 0 : w[0]) || "", c = localStorage.getItem(r), l = {};
+    const n = k.getMap("bundleOwnerIds"), s = n == null ? void 0 : n.get(t), r = ((w = Object.entries(localStorage).find(([Y, P]) => Y.startsWith("CognitoIdentityServiceProvider") && Y.endsWith("idToken"))) == null ? void 0 : w[0]) || "", c = localStorage.getItem(r), l = {};
     c && !Ee(c) && (l.Authorization = `Bearer ${c}`);
     const g = {
       bundleOwnerId: s,
@@ -16436,8 +16440,8 @@ class Cc {
     });
     if (!((f = d.data) != null && f.bundles) || ((Q = d.data) == null ? void 0 : Q.bundles.length) === 0 || !((p = d.data) != null && p.bundles[0]))
       throw new Error(`Unable to find bundle: ${t}`);
-    const B = (D = d.data) == null ? void 0 : D.bundles[0], h = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    h.set(B.id, B.partner.id), N.setMap("bundlePartnerIds", h);
+    const B = (D = d.data) == null ? void 0 : D.bundles[0], h = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    h.set(B.id, B.partner.id), k.setMap("bundlePartnerIds", h);
     const C = new Le(this, B, e, A, s, {
       additionalHeaders: (F = a == null ? void 0 : a.graphql) == null ? void 0 : F.additionalHeaders,
       eagerFetchProducts: (x = (S = a == null ? void 0 : a.graphql) == null ? void 0 : S.productCollection) == null ? void 0 : x.eagerFetchProducts,
@@ -16453,14 +16457,14 @@ class Cc {
    */
   async duplicateBundle(t, e, A, a) {
     var w, u, E, m, f, Q, p, D;
-    const n = (w = N.getMap("bundleOwnerIds")) == null ? void 0 : w.get(t), o = ((u = Object.entries(localStorage).find(([F, S]) => F.startsWith("CognitoIdentityServiceProvider") && F.endsWith("idToken"))) == null ? void 0 : u[0]) || "", r = localStorage.getItem(o), c = {};
+    const n = (w = k.getMap("bundleOwnerIds")) == null ? void 0 : w.get(t), o = ((u = Object.entries(localStorage).find(([F, S]) => F.startsWith("CognitoIdentityServiceProvider") && F.endsWith("idToken"))) == null ? void 0 : u[0]) || "", r = localStorage.getItem(o), c = {};
     r && !Ee(r) && (c.Authorization = `Bearer ${r}`);
     const l = {
       bundleOwnerId: n,
       ...c,
       ...(E = a == null ? void 0 : a.graphql) == null ? void 0 : E.additionalHeaders
     }, d = (Q = (await y.getShadowGraphqlClient().mutate({
-      mutation: Ns(((f = (m = a == null ? void 0 : a.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : f.eagerFetchProducts) || !1),
+      mutation: ks(((f = (m = a == null ? void 0 : a.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : f.eagerFetchProducts) || !1),
       variables: {
         id: t,
         template: e,
@@ -16475,10 +16479,10 @@ class Cc {
     })).data) == null ? void 0 : Q.bundleDuplicate;
     if (!(d != null && d.id))
       throw new Error("Unable to duplicate bundle");
-    const B = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
-    B.set(d.id, d.partner.id), N.setMap("bundlePartnerIds", B);
-    const h = N.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
-    h.set(d.id, d.bundleOwnerId), N.setMap("bundleOwnerIds", h);
+    const B = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    B.set(d.id, d.partner.id), k.setMap("bundlePartnerIds", B);
+    const h = k.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
+    h.set(d.id, d.bundleOwnerId), k.setMap("bundleOwnerIds", h);
     const C = new Le(this, d, void 0, void 0, d.bundleOwnerId, {
       eagerFetchProducts: (D = (p = a == null ? void 0 : a.graphql) == null ? void 0 : p.productCollection) == null ? void 0 : D.eagerFetchProducts
     });
@@ -16524,11 +16528,11 @@ class Cc {
     });
     if (!((n = t.data) != null && n.customers) || t.data.customers.length === 0)
       throw new Error("Unable to find customer.");
-    const A = t.data.customers[0].bundleStakeholders || [], a = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const A = t.data.customers[0].bundleStakeholders || [], a = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     return A.forEach((s) => {
       var o, r;
       (o = s.bundle) != null && o.id && ((r = s.bundle.partner) != null && r.id) && a.set(s.bundle.id, s.bundle.partner.id);
-    }), N.setMap("bundlePartnerIds", a), A;
+    }), k.setMap("bundlePartnerIds", a), A;
   }
   /**
    * Creates a new instance of WorkflowExperience. A high level wrapper for workflows.
@@ -16613,7 +16617,7 @@ class Cc {
     ), c = IA(o, 10), l = IA(r, 10), g = (await Promise.all([
       ...c.map(a),
       ...l.map(n)
-    ])).flat(), d = [...new Set(g.map((Q) => Q.workflowId))], B = await Wa(d, e), h = new Map(B.map((Q) => [Q.id, Q])), C = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), w = g.map(async (Q) => {
+    ])).flat(), d = [...new Set(g.map((Q) => Q.workflowId))], B = await Wa(d, e), h = new Map(B.map((Q) => [Q.id, Q])), C = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), w = g.map(async (Q) => {
       var V;
       const { transaction: p, workflowId: D, readOnly: F, index: S } = Q, x = h.get(D), Y = t[S];
       !C.get(p.id) && p.transactionOwnerId && C.set(p.id, p.transactionOwnerId);
@@ -16647,7 +16651,7 @@ class Cc {
         H.layouts
       ), H.delayWorkflowStateSync = !0, { experienceOptions: H, index: S, options: Y };
     }), u = await Promise.all(w);
-    N.setMap("transactionOwnerIds", C);
+    k.setMap("transactionOwnerIds", C);
     const m = u.sort((Q, p) => Q.index - p.index).map(async (Q) => {
       const { experienceOptions: p, options: D } = Q, F = new fo(this, p);
       return await F.getWorkflowManager().getInitializationPromise(), D.type !== "transaction" && this.customer && await F.attachCustomerDetails({ email: this.customer.emailAddress }), F;
@@ -16655,8 +16659,8 @@ class Cc {
     return f.forEach((Q) => Q.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), f;
   }
   storeCustomer(t) {
-    const e = N.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
-    e.set(t.partner.id, t.id), N.setMap("partnerCustomerIds", e);
+    const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
+    e.set(t.partner.id, t.id), k.setMap("partnerCustomerIds", e);
   }
   async getIntegrationProductById(t) {
     var n, s;
@@ -16691,7 +16695,7 @@ class Cc {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
   }
   async getShareActionsForTransaction(t) {
-    const A = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t) || void 0, a = await y.getShadowGraphqlClient().query({
+    const A = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t) || void 0, a = await y.getShadowGraphqlClient().query({
       query: cn,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -17632,7 +17636,7 @@ export {
   OA as IntegrationProduct,
   ri as IntegrationType,
   ec as LayoutElementFactory,
-  k as LayoutElementType,
+  N as LayoutElementType,
   X as LayoutNotFoundError,
   Jt as LayoutRenderingPurpose,
   to as MaterialStepHandle,
@@ -17733,21 +17737,21 @@ export {
   Tr as matchHexToPms,
   va as materialStepService,
   $r as mmPerPixel,
-  Na as modelStepService,
-  ka as moduleStepService,
+  ka as modelStepService,
+  Na as moduleStepService,
   Qc as nameBundle,
   pc as nameTransaction,
   $ as optionService,
   tc as outlineFontsInSvg,
   Ct as patternImageDataCache,
-  N as persistenceService,
+  k as persistenceService,
   ba as pictureStepService,
   Gr as pmsToRgb,
   Ra as questionStepService,
   Hr as registerFetchImplementation,
   Rr as registerWindowImplementation,
   bA as rehydrateSerializedLayout,
-  Ni as rgbToPms,
+  ki as rgbToPms,
   Ae as rotateAroundPoint,
   oA as sanitizeSvgTree,
   yi as setBearerAuthenticationToken,