@spiffcommerce/core 26.24.0 → 26.25.0

package/dist/index.mjs

@@ -158,10 +158,10 @@ class Sr {
 }
 const wt = new Sr();
 let _e, Xe;
-function Xl(r) {
+function ec(r) {
   _e = r;
 }
-function Zl(r) {
+function ac(r) {
   Xe = r;
 }
 function Jt() {
@@ -256,7 +256,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, tc = async (r) => {
+}, nc = async (r) => {
   const t = await cn(r), e = ln.get(r) || Ie(t);
   return await Pr(new Blob([t], { type: e }));
 }, Ir = (r) => {
@@ -3145,7 +3145,7 @@ const Nr = (r) => new Promise((t) => {
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
-function ec(r) {
+function rc(r) {
   const t = jt.indexOf(r);
   return t >= 0 ? Ft[t] : "";
 }
@@ -3153,7 +3153,7 @@ function Lr(r) {
   const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
-function ac(r, t = 64) {
+function ic(r, t = 64) {
   const e = [], a = [], n = Lr(r);
   n && e.push({
     pms: n,
@@ -3172,7 +3172,7 @@ function ac(r, t = 64) {
   return e.sort((A, u) => A.distance - u.distance);
 }
 const $r = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr($r, { keys: ["pms"] });
-function nc(r, t) {
+function sc(r, t) {
   return Vr.search(r, t ? { limit: t } : void 0);
 }
 let Qt = null;
@@ -5374,7 +5374,7 @@ const Q = () => {
       ]
     }
   );
-}, rc = (r, t, e, a, n) => {
+}, oc = (r, t, e, a, n) => {
   const i = gt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(f), Math.abs(p)), S = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - v,
@@ -5382,25 +5382,25 @@ const Q = () => {
     minY: c - S,
     maxY: c + S
   };
-}, ic = (r, t, e) => {
+}, lc = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, gt = (r) => r * (Math.PI / 180), sc = (r, t, e) => Math.abs(r - t) < e, oc = (r, t, e) => {
+}, gt = (r) => r * (Math.PI / 180), cc = (r, t, e) => Math.abs(r - t) < e, dc = (r, t, e) => {
   const a = Math.sin(gt(e)), n = Math.cos(gt(e));
   return {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, lc = (r, t) => ({
+}, Ac = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
-}), cc = (r, t, e, a) => ({
+}), uc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), dc = (r, t, e, a) => ({
+}), hc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), Ac = (r, t, e, a) => ({
+}), mc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), bt = (r) => {
@@ -5422,7 +5422,7 @@ const Q = () => {
     case H.Southwest:
       return H.Northwest;
   }
-}, uc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, hc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, gc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, fc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = gt(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
@@ -5452,7 +5452,7 @@ const Q = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, mc = 0.352778, gc = 0.035277, Fn = (r) => {
+}, pc = 0.352778, Cc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = gt(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
@@ -5677,7 +5677,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, aa = (r, t) => {
   const e = new Oi(t);
   return kn.set(r, e), e;
-}, fc = async (r) => {
+}, wc = async (r) => {
   const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     var u;
@@ -6329,7 +6329,7 @@ const Zt = (r) => {
   }
   return o;
 };
-class pc {
+class yc {
   static async getFrame(t, e) {
     const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
     return {
@@ -6575,7 +6575,7 @@ class $a extends R {
     };
   }
 }
-class Cc extends R {
+class Sc extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -6598,7 +6598,7 @@ class Cc extends R {
     };
   }
 }
-class wc extends R {
+class vc extends R {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -6620,7 +6620,7 @@ class wc extends R {
     };
   }
 }
-class yc extends R {
+class Ec extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(a);
   }
@@ -6932,7 +6932,7 @@ class as extends R {
     };
   }
 }
-class Sc extends R {
+class Bc extends R {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
@@ -7051,7 +7051,7 @@ class rs extends R {
     };
   }
 }
-class vc extends R {
+class bc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7080,7 +7080,7 @@ class vc extends R {
     };
   }
 }
-class Ec extends R {
+class Ic extends R {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7111,7 +7111,7 @@ class Ec extends R {
     };
   }
 }
-class Bc extends R {
+class Dc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7138,7 +7138,7 @@ class Bc extends R {
     };
   }
 }
-class bc extends R {
+class Pc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -11402,7 +11402,7 @@ class ie {
       case D.Model:
         return new ro(t, e, t.getStepTags(e.stepName));
       case D.Frame:
-        return new Cl(t, e, t.getStepTags(e.stepName));
+        return new Sl(t, e, t.getStepTags(e.stepName));
       case D.Module:
         return new uo(t, e, t.getStepTags(e.stepName));
       default:
@@ -13019,7 +13019,7 @@ class Vo extends Dn {
     u.resize(l, c), await u.render(), this.onRender();
   }
 }
-const Ic = (r, t) => {
+const Fc = (r, t) => {
   const e = [];
   return r.forEach((a) => {
     const n = t.steps.find((i) => i.stepName === a.stepName);
@@ -13030,7 +13030,7 @@ const Ic = (r, t) => {
       }
     });
   }), e;
-}, Dc = async (r, t, e, a) => {
+}, xc = async (r, t, e, a) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -13825,7 +13825,83 @@ class Ho {
     };
   }
 }
-class qo {
+const qo = y`
+    query GetManyMetafields($entityIds: [String!]!) {
+        metafieldsMany(entityIds: $entityIds) {
+            id
+            value
+            metafieldConfiguration {
+                id
+                name
+            }
+        }
+    }
+`;
+class Yo {
+  constructor() {
+    this.internalMap = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Given a specific entity, request the given keys for that entity.
+   * This will first check if the keys are already present in the internal map, and if not, it will fetch them from the server.
+   * @param entityId The entity to check.
+   * @param keys The keys to look for.
+   * @returns Returns map of keys and values for the given entity. Missing keys will not be present. Use map.has() to check if a key was present.
+   */
+  async requestKeysForEntity(t, e) {
+    const a = /* @__PURE__ */ new Map();
+    return await this.ensureIdsArePresent([t]), e.forEach((n) => {
+      const i = this.requestKeyForEntityIfAvailable(t, n);
+      i && a.set(n, i);
+    }), a;
+  }
+  async ensureIdsArePresent(t) {
+    if (t.every((a) => this.internalMap.has(a)))
+      return;
+    const e = await b.getShadowGraphqlClient().query({
+      query: qo,
+      errorPolicy: "all",
+      variables: {
+        entityIds: t.filter((a) => !this.internalMap.has(a))
+      }
+    });
+    t.forEach((a, n) => {
+      const i = e.data.metafieldsMany[n];
+      this.internalMap.set(
+        a,
+        i.map((s) => ({ key: s.metafieldConfiguration.name, value: s.value }))
+      );
+    });
+  }
+  /**
+   * Returns a metafield for this product if available. Fetching from the server if not available locally.
+   * @param entityId The entity to request a field for.
+   * @param key The field name to request
+   * @returns A promise resolving to the field if available or undefined if not.
+   */
+  async requestKeyForEntity(t, e) {
+    if (!this.internalMap.has(t))
+      return;
+    let a = this.internalMap.get(t);
+    const n = a.find((i) => i.key === e);
+    return n || (await this.ensureIdsArePresent([t]), a = this.internalMap.get(t)), n ? JSON.parse(n.value) : void 0;
+  }
+  /**
+   * Returns a metafield for this product if available. Checks locally only, use ensureIdsArePresent to fetch first from the server.
+   * @param entityId The entity to request a field for.
+   * @param key The field name to request
+   * @returns A promise resolving to the field if available or undefined if not.
+   */
+  requestKeyForEntityIfAvailable(t, e) {
+    if (!this.internalMap.has(t))
+      return;
+    const n = this.internalMap.get(t).find((i) => i.key === e);
+    if (n)
+      return JSON.parse(n.value);
+  }
+}
+const Jo = new Yo();
+class Ko {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
     const e = this.collection.productCollectionProducts;
@@ -13939,7 +14015,7 @@ class qo {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Yo(this.collection.transformCollection);
+      return new _o(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -14075,6 +14151,14 @@ class se {
       }
     ), (o = a == null ? void 0 : a.additionalIntegrationProduct) != null && o.product ? e + (a.additionalIntegrationProduct.product.basePrice || 0) : e;
   }
+  /**
+   * Requests a set of metafields for this product. Metafields that are not available locally will be fetched from the server.
+   * @param keys The set of metafield keys to request.
+   * @returns A map of metafield key to value. Any unavailable keys will not be present in the map. use map.has() to check if a key is present.
+   */
+  async requestMetafields(t) {
+    return Jo.requestKeysForEntity(this.product.id, t);
+  }
 }
 class zt {
   constructor(t) {
@@ -14100,7 +14184,7 @@ class zt {
     return this.workflow.imageUrl;
   }
 }
-class Yo {
+class _o {
   constructor(t) {
     this.collection = t;
   }
@@ -14120,10 +14204,10 @@ class Yo {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new Jo(t));
+    return this.collection.transforms.map((t) => new Xo(t));
   }
 }
-class Jo {
+class Xo {
   constructor(t) {
     this.transform = t;
   }
@@ -14150,7 +14234,7 @@ class Jo {
     };
   }
 }
-const Ko = y`
+const Zo = y`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14172,21 +14256,21 @@ const Ko = y`
             id
         }
     }
-`, _o = y`
+`, tl = y`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, Xo = y`
+`, el = y`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
             quoteId
         }
     }
-`, Zo = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlobalPropertyAspects(t).includes(e) && n.getType() === a), tl = (r, t, e) => {
-  const n = Zo(
+`, al = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlobalPropertyAspects(t).includes(e) && n.getType() === a), nl = (r, t, e) => {
+  const n = al(
     r,
     t,
     e,
@@ -14240,7 +14324,7 @@ class He {
   async generateQuoteId() {
     var a, n;
     const e = (n = (a = (await b.getShadowGraphqlClient().mutate({
-      mutation: Xo,
+      mutation: el,
       variables: {
         id: this.id
       },
@@ -14252,7 +14336,7 @@ class He {
   }
   async attachAddress(t, e, a, n, i, s) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: Ko,
+      mutation: Zo,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14269,7 +14353,7 @@ class He {
   }
   async attachOrganization(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: _o,
+      mutation: tl,
       variables: {
         bundleId: this.id,
         organizationName: t
@@ -14343,7 +14427,7 @@ class He {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new qo(this.productCollection) : void 0;
+    return this.productCollection ? new Ko(this.productCollection) : void 0;
   }
   async initializeAdditionalRequiredColorChannels(t) {
     var e, a, n, i;
@@ -14354,7 +14438,7 @@ class He {
           (d) => d.name === l
         );
         if (c && c.type === et.ColorOption) {
-          const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = tl(
+          const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = nl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             l
@@ -14854,14 +14938,14 @@ class He {
     };
   }
 }
-const el = y`
+const rl = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class al {
+class il {
   /**
    *
    * @param id
@@ -14872,7 +14956,7 @@ class al {
   async execute(t, e, a) {
     var A, u, h;
     const i = (u = (A = (await b.getShadowGraphqlClient().mutate({
-      mutation: el,
+      mutation: rl,
       variables: {
         processFlowId: t,
         inputs: [...e.map((m) => m.getValueForTransmission())]
@@ -14914,7 +14998,7 @@ class al {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new nl(m);
+        o = !0, d = new sl(m);
         break;
       }
       l += 1;
@@ -14928,7 +15012,7 @@ class al {
     return Promise.resolve(d);
   }
 }
-class nl {
+class sl {
   constructor(t) {
     this.execution = t;
   }
@@ -15013,8 +15097,8 @@ class ba {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var rl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(rl || {});
-class Pc extends ba {
+var ol = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(ol || {});
+class kc extends ba {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -15029,7 +15113,7 @@ class Xn extends ba {
     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 Fc extends ba {
+class Mc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15087,7 +15171,7 @@ const Ya = y`
             }
         }
     }
-`, il = y`
+`, ll = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15097,7 +15181,7 @@ const Ya = y`
             }
         }
     }
-`, sl = y`
+`, cl = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -15127,11 +15211,11 @@ const Ya = y`
             }
         }
     }
-`, ol = y`
+`, dl = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, ll = y`
+`, Al = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15162,7 +15246,7 @@ const Ya = y`
             }
         }
     }
-`, cl = y`
+`, ul = y`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15180,7 +15264,7 @@ const Ya = y`
             }
         }
     }
-`, dl = async (r, t) => {
+`, hl = async (r, t) => {
   var n;
   const e = await b.getShadowGraphqlClient().query({
     query: Ei(((n = t == null ? void 0 : t.assets) == null ? void 0 : n.metadata) || !1),
@@ -15204,7 +15288,7 @@ const Ya = y`
       }), Ht.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), i.finalizeStepConfig || (i.finalizeStepConfig = {}), i.finalizeStepConfig.termsMarkdown = i.finalizeStepConfig.termsMarkdown || i.partner.termsMarkdown;
   }), a;
-}, Al = async (r, t) => {
+}, ml = async (r, t) => {
   const a = (await t).find((n) => n.id === r);
   if (!a)
     throw new Error(`Workflow not found: ${r}`);
@@ -15213,11 +15297,11 @@ const Ya = y`
   const e = r.map((o) => Ht.get({ id: o, options: t })), a = r.filter((o, l) => e[l] === void 0);
   if (a.length === 0)
     return Promise.all(e);
-  const n = dl(a, t), i = a.map(
-    (o) => Ht.set({ id: o, options: t }, Al(o, n))
+  const n = hl(a, t), i = a.map(
+    (o) => Ht.set({ id: o, options: t }, ml(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, xc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, Tc = async (r, t) => (await Zn([r], t))[0], gl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -15231,11 +15315,11 @@ const Ya = y`
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), hl = (r, t) => {
+})), fl = (r, t) => {
   const e = r.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((n) => n.layout) : ul(t.panels);
+  return a ? Object.values(a.layouts).map((n) => n.layout) : gl(t.panels);
 };
-class kc {
+class Qc {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -15246,7 +15330,7 @@ class kc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.24.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.25.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, t.bearerAuthenticationToken && kr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15266,14 +15350,14 @@ class kc {
   getFlowService() {
     if (!xr())
       throw new Error("Application key required to use Flow Service.");
-    return new al();
+    return new il();
   }
   async getIntegration() {
     if (this.activeIntegration)
       return this.activeIntegration;
     if (!this.options.applicationKey)
       throw new Error("Cannot get current Integration without specifying an Application Key.");
-    return this.activeIntegration = ml(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = pl(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     var e;
@@ -15422,7 +15506,7 @@ class kc {
     })).data.customer;
     if (!n.id) {
       const l = (s = (await e.mutate({
-        mutation: il,
+        mutation: ll,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -15457,7 +15541,7 @@ class kc {
     if (!n)
       return !1;
     const s = (o = (await e.mutate({
-      mutation: sl,
+      mutation: cl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15472,7 +15556,7 @@ class kc {
    */
   async generateVerificationCode(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: ol,
+      mutation: dl,
       variables: {
         emailAddress: t
       }
@@ -15487,7 +15571,7 @@ class kc {
   async verifyCode(t, e) {
     var i, s;
     const n = (i = (await b.getShadowGraphqlClient().mutate({
-      mutation: ll,
+      mutation: Al,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15511,7 +15595,7 @@ class kc {
     if (!((e = this.customer) != null && e.id))
       throw new Error("Customer must be logged in before calling this function.");
     return (await b.getShadowGraphqlClient().query({
-      query: cl,
+      query: ul,
       variables: {
         id: this.customer.id
       }
@@ -15777,7 +15861,7 @@ class kc {
         const G = JSON.parse(M.workflowState);
         V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await La(G), V.reloadedState = G;
       } else
-        V.layouts = hl(
+        V.layouts = fl(
           V.transaction,
           V.workflow
         );
@@ -15861,7 +15945,7 @@ class kc {
     };
   }
 }
-const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
+const pl = async (r, t) => (await b.getShadowGraphqlClient().query({
   query: Di,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -15873,7 +15957,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
   variables: {
     themeConfigurationId: t
   }
-})).data.currentIntegration, Mc = async (r) => {
+})).data.currentIntegration, Nc = async (r) => {
   const e = await b.getShadowGraphqlClient().query({
     query: hi,
     errorPolicy: "all",
@@ -15884,7 +15968,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, Tc = async (r, t) => {
+}, Rc = async (r, t) => {
   var a;
   return (a = (await b.getShadowGraphqlClient().query({
     query: Ii,
@@ -15894,7 +15978,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, Qc = async (r) => {
+}, Oc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Fi,
@@ -15903,7 +15987,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
       id: r
     }
   })).data) == null ? void 0 : e.bundles) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
-}, Nc = async (r) => {
+}, Uc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Pi,
@@ -15913,7 +15997,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
     }
   })).data) == null ? void 0 : e.transactions) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
 };
-function gl(r, t, e, a) {
+function Cl(r, t, e, a) {
   const n = e.width * r.zoom, i = e.height * r.zoom;
   if (a) {
     const o = r, l = Math.max(t.width / e.width, t.height / e.height);
@@ -15927,7 +16011,7 @@ function gl(r, t, e, a) {
 function le(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class fl {
+class wl {
   constructor(t, e) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = sn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
@@ -16070,7 +16154,7 @@ class fl {
       return;
     }
     (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((s, o) => {
-      this.offsets[o] = gl(t[o], s, this.imageData, this.forceImageCover);
+      this.offsets[o] = Cl(t[o], s, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       n,
@@ -16149,7 +16233,7 @@ class fl {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class Rc {
+class Lc {
   approveTransaction(t) {
     throw new Error("Method not implemented.");
   }
@@ -16308,12 +16392,12 @@ class Rc {
     return [];
   }
 }
-var pl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(pl || {});
-class Cl extends rt {
+var yl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(yl || {});
+class Sl extends rt {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new fl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new wl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -16482,7 +16566,7 @@ class Cl extends rt {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const wl = y`
+const vl = y`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -16525,21 +16609,21 @@ const wl = y`
             total
         }
     }
-`, yl = y`
+`, El = y`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, Sl = y`
+`, Bl = y`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, vl = y`
+`, bl = y`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -16552,7 +16636,7 @@ const wl = y`
             total
         }
     }
-`, El = y`
+`, Il = y`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -16573,21 +16657,21 @@ const wl = y`
             }
         }
     }
-`, Bl = y`
+`, Dl = y`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, bl = y`
+`, Pl = y`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Il = y`
+`, Fl = y`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -16600,43 +16684,43 @@ const wl = y`
             total
         }
     }
-`, Oc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
-  mutation: Bl,
+`, $c = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
+  mutation: Dl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   },
   context: e
-}), Uc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: yl,
+}), Vc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: El,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   }
-}), Lc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: bl,
+}), zc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Pl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), $c = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Sl,
+}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Bl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), Vc = async (r) => (await b.getShadowGraphqlClient().query({
-  query: wl,
+}), Wc = async (r) => (await b.getShadowGraphqlClient().query({
+  query: vl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, zc = async (r, t, e) => await b.getShadowGraphqlClient().query({
-  query: vl,
+})).data.customer, jc = async (r, t, e) => await b.getShadowGraphqlClient().query({
+  query: bl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -16644,15 +16728,15 @@ const wl = y`
     offset: e,
     limit: t
   }
-}), Gc = async (r, t) => await b.getShadowGraphqlClient().query({
-  query: El,
+}), Hc = async (r, t) => await b.getShadowGraphqlClient().query({
+  query: Il,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: r
   },
   context: t
-}), Wc = async (r, t, e) => {
+}), qc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16676,7 +16760,7 @@ const wl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, jc = async (r, t, e) => {
+}, Yc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16700,7 +16784,7 @@ const wl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Hc = async (r, t, e) => {
+}, Jc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16720,10 +16804,10 @@ const wl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, qc = async (r, t, e) => {
+}, Kc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
-    query: Il,
+    query: Fl,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -16744,7 +16828,7 @@ const wl = y`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var Dl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Dl || {}), Pl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(Pl || {}), K;
+var xl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(xl || {}), kl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(kl || {}), K;
 K = { __e: function(r, t, e, a) {
   for (var n, i, s; t = t.__; )
     if ((n = t.__c) && !n.__)
@@ -16757,7 +16841,7 @@ K = { __e: function(r, t, e, a) {
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
 var st, qe, Ja, tr = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
-function Fl() {
+function Ml() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
@@ -16777,7 +16861,7 @@ K.__b = function(r) {
 }, K.diffed = function(r) {
   Xa && Xa(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || xl)(Fl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Tl)(Ml)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ye && (e.__ = e.__V), e.i = void 0, e.__V = Ye;
   })), qe = st = null;
 }, K.__c = function(r, t) {
@@ -16804,7 +16888,7 @@ K.__b = function(r) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function xl(r) {
+function Tl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -16820,35 +16904,35 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  Fc as ArrayInput,
+  Mc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
   he as AssetType,
-  Bc as BringForwardCommand,
-  Ec as BringToBackCommand,
-  vc as BringToFrontCommand,
+  Dc as BringForwardCommand,
+  Ic as BringToBackCommand,
+  bc as BringToFrontCommand,
   mr as BundleDesignCreationCartAddMode,
   R as CanvasCommand,
   se as CollectionProduct,
   Ha as ColorOptionGlobalPropertyHandle,
   Ki as CommandContext,
-  Pl as ConversionDataType,
-  Dl as ConversionLocation,
+  kl as ConversionDataType,
+  xl as ConversionLocation,
   W as CreateElementCommand,
   Un as CreateLayoutCommand,
   vt as DeleteElementCommand,
   Ao as DigitalContentStepHandle,
   Go as FileUploadGlobalPropertyHandle,
   oe as FlowExecutionNodeResult,
-  nl as FlowExecutionResult,
-  al as FlowService,
+  sl as FlowExecutionResult,
+  il as FlowService,
   ts as FontAlignmentCommand,
   Xi as FontColorCommand,
   Zi as FontSizeCommand,
   Va as FontSourceCommand,
-  fl as FrameService,
-  pl as FrameStep,
-  Cl as FrameStepHandle,
+  wl as FrameService,
+  yl as FrameStep,
+  Sl as FrameStepHandle,
   Ba as GlobalPropertyHandle,
   O as GroupCommand,
   ao as IllustrationStepHandle,
@@ -16856,37 +16940,37 @@ export {
   co as InformationStepHandle,
   qa as IntegrationProduct,
   fr as IntegrationType,
-  pc as LayoutElementFactory,
+  yc as LayoutElementFactory,
   T as LayoutElementType,
   Y as LayoutNotFoundError,
   Gt as LayoutRenderingPurpose,
   no as MaterialStepHandle,
   fe as MisconfigurationError,
-  Rc as MockWorkflowManager,
+  Lc as MockWorkflowManager,
   ro as ModelStepHandle,
   uo as ModuleStepHandle,
-  Cc as MoveCommand,
+  Sc as MoveCommand,
   Xn as ObjectInput,
-  rl as ObjectInputType,
+  ol as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
   ge as OptionNotFoundError,
   Dt as ParseError,
   io as PictureStepHandle,
   pr as ProductCameraRig,
-  qo as ProductCollection,
+  Ko as ProductCollection,
   zt as ProductWorkflow,
   Ht as PromiseCache,
   Pn as PromiseQueue,
   so as QuestionStepHandle,
   Dn as QueueablePromise,
-  yc as ResizeCommand,
+  Ec as ResizeCommand,
   Wt as ResourceNotFoundError,
-  wc as RotateCommand,
+  vc as RotateCommand,
   H as ScaleAxis,
-  bc as SendBackwardsCommand,
+  Pc as SendBackwardsCommand,
   oo as ShapeStepHandle,
   gr as ShareActionType,
-  kc as SpiffCommerceClient,
+  Qc as SpiffCommerceClient,
   me as StakeholderType,
   hr as StepAspectType,
   rt as StepHandle,
@@ -16894,84 +16978,85 @@ export {
   kt as TextAlgorithm,
   ns as TextChangeCommand,
   Wo as TextGlobalPropertyHandle,
-  Pc as TextInput,
+  kc as TextInput,
   lo as TextStepHandle,
-  Jo as Transform,
-  Yo as TransformCollection,
+  Xo as Transform,
+  _o as TransformCollection,
   z as UnhandledBehaviorError,
   Cr as UnitOfMeasurement,
-  Sc as UpdateImageSourceCommand,
+  Bc as UpdateImageSourceCommand,
   it as Variant,
   Bo as WorkflowExperienceEventType,
   bo as WorkflowExperienceImpl,
   U as assetService,
   zr as browserColorToHex,
-  gc as cmPerPixel,
+  Cc as cmPerPixel,
   Co as createDesign,
-  uc as currentDirection,
-  tc as dataUrlFromExternalUrl,
+  gc as currentDirection,
+  nc as dataUrlFromExternalUrl,
   je as designService,
   Ae as determineCorrectFontSizeAndLines,
   $n as digitalContentStepService,
   dt as domParser,
-  Lc as duplicateBundle,
-  $c as duplicateTransaction,
+  zc as duplicateBundle,
+  Gc as duplicateTransaction,
   at as fetchAsString,
-  ic as findAngle,
+  lc as findAngle,
   L as findElement,
-  nc as findPmsColors,
+  sc as findPmsColors,
   Lt as frameDataCache,
   pt as frameStepService,
   Q as generate,
   Ro as generateCommands,
   ot as generateSVGWithUnknownColors,
-  Dc as generateStateFromDesignInputSteps,
+  xc as generateStateFromDesignInputSteps,
   De as getAttributesFromArrayBuffer,
-  rc as getAxisAlignedBoundingBox,
-  gl as getBoundedOffsets,
-  Qc as getBundleThemeConfiguration,
-  Vc as getCustomer,
-  zc as getCustomerBundles,
-  hc as getElementVertices,
+  oc as getAxisAlignedBoundingBox,
+  Cl as getBoundedOffsets,
+  Oc as getBundleThemeConfiguration,
+  Wc as getCustomer,
+  jc as getCustomerBundles,
+  fc as getElementVertices,
   xe as getFrameData,
-  ml as getIntegration,
-  dc as getNEPoint,
-  cc as getNWPoint,
-  jc as getOrderedTransactions,
-  Tc as getOverrideThemeConfiguration,
-  lc as getPointOfRotation,
-  Ac as getSEPoint,
+  pl as getIntegration,
+  hc as getNEPoint,
+  uc as getNWPoint,
+  Yc as getOrderedTransactions,
+  Rc as getOverrideThemeConfiguration,
+  Ac as getPointOfRotation,
+  mc as getSEPoint,
   wa as getSvgElement,
-  qc as getTemplateBundles,
-  Hc as getTemplateTransactions,
-  Mc as getTransaction,
-  Nc as getTransactionThemeConfiguration,
-  Gc as getTransactionsForBundle,
-  oc as getTrueCoordinates,
-  Wc as getUnorderedTransactions,
-  xc as getWorkflow,
+  Kc as getTemplateBundles,
+  Jc as getTemplateTransactions,
+  Nc as getTransaction,
+  Uc as getTransactionThemeConfiguration,
+  Hc as getTransactionsForBundle,
+  dc as getTrueCoordinates,
+  qc as getUnorderedTransactions,
+  Tc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,
-  sc as isCloseToValue,
+  cc as isCloseToValue,
   Tt as loadFont,
-  ac as matchHexToPms,
+  ic as matchHexToPms,
   Vn as materialStepService,
-  mc as mmPerPixel,
+  Jo as metafieldManager,
+  pc as mmPerPixel,
   zn as modelStepService,
   fa as modifySVGColors,
   Gn as moduleStepService,
-  Oc as nameBundle,
-  Uc as nameTransaction,
+  $c as nameBundle,
+  Vc as nameTransaction,
   X as optionService,
-  fc as outlineFontsInSvg,
+  wc as outlineFontsInSvg,
   At as patternImageDataCache,
   k as persistenceService,
   Wn as pictureStepService,
-  ec as pmsToRgb,
+  rc as pmsToRgb,
   jn as questionStepService,
-  Zl as registerFetchImplementation,
-  Xl as registerWindowImplementation,
+  ac as registerFetchImplementation,
+  ec as registerWindowImplementation,
   La as rehydrateSerializedLayout,
   Lr as rgbToPms,
   re as rotateAroundPoint,
@@ -16981,7 +17066,7 @@ export {
   $t as shapeStepService,
   is as shortenUrl,
   wt as spiffCoreConfiguration,
-  Ic as stepAspectValuesToDesignInputSteps,
+  Fc as stepAspectValuesToDesignInputSteps,
   Qa as svgColorValueToDefinition,
   Rn as svgStringDimensions,
   Aa as svgToDataUrl,