@spiffcommerce/core 26.27.0-beta.1b0de14d-97c0-5cf1-adeb-fe67dfe6dd60 → 26.27.0-beta.3bd46806-87c5-56d2-ab3a-5867e86c509d

package/dist/index.mjs

@@ -158,10 +158,10 @@ class Sr {
 }
 const wt = new Sr();
 let _e, Xe;
-function ac(r) {
+function nc(r) {
   _e = r;
 }
-function nc(r) {
+function rc(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";
-}, rc = async (r) => {
+}, ic = 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 ic(r) {
+function sc(r) {
   const t = jt.indexOf(r);
   return t >= 0 ? Ft[t] : "";
 }
@@ -3153,7 +3153,7 @@ function $r(r) {
   const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
-function sc(r, t = 64) {
+function oc(r, t = 64) {
   const e = [], a = [], n = $r(r);
   n && e.push({
     pms: n,
@@ -3172,7 +3172,7 @@ function sc(r, t = 64) {
   return e.sort((A, u) => A.distance - u.distance);
 }
 const Lr = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr(Lr, { keys: ["pms"] });
-function oc(r, t) {
+function lc(r, t) {
   return Vr.search(r, t ? { limit: t } : void 0);
 }
 let Qt = null;
@@ -5374,7 +5374,7 @@ const Q = () => {
       ]
     }
   );
-}, lc = (r, t, e, a, n) => {
+}, cc = (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
   };
-}, cc = (r, t, e) => {
+}, dc = (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), dc = (r, t, e) => Math.abs(r - t) < e, Ac = (r, t, e) => {
+}, gt = (r) => r * (Math.PI / 180), Ac = (r, t, e) => Math.abs(r - t) < e, uc = (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
   };
-}, uc = (r, t) => ({
+}, hc = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
-}), hc = (r, t, e, a) => ({
+}), mc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), mc = (r, t, e, a) => ({
+}), gc = (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
-}), gc = (r, t, e, a) => ({
+}), fc = (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;
   }
-}, fc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, pc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, pc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, Cc = (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
   };
-}, Cc = 0.352778, wc = 0.035277, Fn = (r) => {
+}, wc = 0.352778, yc = 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;
-}, yc = async (r) => {
+}, Sc = 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 Sc {
+class vc {
   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 La extends R {
     };
   }
 }
-class vc extends R {
+class Ec extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -6598,7 +6598,7 @@ class vc extends R {
     };
   }
 }
-class Ec extends R {
+class Bc extends R {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -6620,7 +6620,7 @@ class Ec extends R {
     };
   }
 }
-class Bc extends R {
+class bc 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 bc extends R {
+class Ic extends R {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
@@ -7051,7 +7051,7 @@ class rs extends R {
     };
   }
 }
-class Ic extends R {
+class Dc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7080,7 +7080,7 @@ class Ic extends R {
     };
   }
 }
-class Dc extends R {
+class Pc extends R {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7111,7 +7111,7 @@ class Dc extends R {
     };
   }
 }
-class Pc extends R {
+class Fc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7138,7 +7138,7 @@ class Pc extends R {
     };
   }
 }
-class Fc extends R {
+class xc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -11423,7 +11423,7 @@ class ie {
       case D.Model:
         return new ro(t, e, t.getStepTags(e.stepName));
       case D.Frame:
-        return new vl(t, e, t.getStepTags(e.stepName));
+        return new El(t, e, t.getStepTags(e.stepName));
       case D.Module:
         return new uo(t, e, t.getStepTags(e.stepName));
       default:
@@ -13040,7 +13040,7 @@ class Vo extends Dn {
     u.resize(l, c), await u.render(), this.onRender();
   }
 }
-const xc = (r, t) => {
+const kc = (r, t) => {
   const e = [];
   return r.forEach((a) => {
     const n = t.steps.find((i) => i.stepName === a.stepName);
@@ -13051,7 +13051,7 @@ const xc = (r, t) => {
       }
     });
   }), e;
-}, kc = async (r, t, e, a) => {
+}, Mc = async (r, t, e, a) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -13933,7 +13933,8 @@ class Ko {
   }
 }
 const _o = new Ko();
-class Xo {
+var Xo = /* @__PURE__ */ ((r) => (r.Default = "Default", r.Name = "Name", r.Price = "Price", r))(Xo || {});
+class Zo {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
     const e = this.collection.productCollectionProducts;
@@ -14061,7 +14062,7 @@ class Xo {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Zo(this.collection.transformCollection);
+      return new tl(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -14230,7 +14231,7 @@ class zt {
     return this.workflow.imageUrl;
   }
 }
-class Zo {
+class tl {
   constructor(t) {
     this.collection = t;
   }
@@ -14250,10 +14251,10 @@ class Zo {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new tl(t));
+    return this.collection.transforms.map((t) => new el(t));
   }
 }
-class tl {
+class el {
   constructor(t) {
     this.transform = t;
   }
@@ -14280,7 +14281,7 @@ class tl {
     };
   }
 }
-class el {
+class al {
   constructor() {
     this.listeners = {};
   }
@@ -14307,7 +14308,7 @@ class el {
         delete this.listeners[e];
   }
 }
-const al = y`
+const nl = y`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14329,13 +14330,13 @@ const al = y`
             id
         }
     }
-`, nl = y`
+`, rl = y`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, rl = y`
+`, il = y`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
@@ -14346,7 +14347,7 @@ const al = y`
 class He {
   constructor(t, e, a, n, i, s) {
     var c, d, A;
-    this.workflowExperiences = [], this.eventEmitter = new el(), this.client = t, this.id = e.id, this.name = e.name || "", this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Yo(e.bundleStateData);
+    this.workflowExperiences = [], this.eventEmitter = new al(), this.client = t, this.id = e.id, this.name = e.name || "", this.quoteId = e.quoteId, this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = i, this.metadata = new Map(((c = e.metadata) == null ? void 0 : c.map((u) => [u.key, u.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Yo(e.bundleStateData);
     const o = (d = this.productCollection) == null ? void 0 : d.globalPropertyConfiguration;
     this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new qo(
       this.id,
@@ -14385,7 +14386,7 @@ class He {
   async generateQuoteId() {
     var a, n;
     const e = (n = (a = (await b.getShadowGraphqlClient().mutate({
-      mutation: rl,
+      mutation: il,
       variables: {
         id: this.id
       },
@@ -14397,7 +14398,7 @@ class He {
   }
   async attachAddress(t, e, a, n, i, s) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: al,
+      mutation: nl,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14414,7 +14415,7 @@ class He {
   }
   async attachOrganization(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: nl,
+      mutation: rl,
       variables: {
         bundleId: this.id,
         organizationName: t
@@ -14487,7 +14488,7 @@ class He {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new Xo(this.productCollection) : void 0;
+    return this.productCollection ? new Zo(this.productCollection) : void 0;
   }
   async initializeAdditionalRequiredColorChannels(t) {
     var e, a, n, i;
@@ -15006,14 +15007,14 @@ class He {
     };
   }
 }
-const il = y`
+const sl = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class sl {
+class ol {
   /**
    *
    * @param id
@@ -15024,7 +15025,7 @@ class sl {
   async execute(t, e, a) {
     var A, u, h;
     const i = (u = (A = (await b.getShadowGraphqlClient().mutate({
-      mutation: il,
+      mutation: sl,
       variables: {
         processFlowId: t,
         inputs: [...e.map((m) => m.getValueForTransmission())]
@@ -15066,7 +15067,7 @@ class sl {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new ol(m);
+        o = !0, d = new ll(m);
         break;
       }
       l += 1;
@@ -15080,7 +15081,7 @@ class sl {
     return Promise.resolve(d);
   }
 }
-class ol {
+class ll {
   constructor(t) {
     this.execution = t;
   }
@@ -15165,8 +15166,8 @@ class ba {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var ll = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(ll || {});
-class Mc extends ba {
+var cl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(cl || {});
+class Tc extends ba {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -15181,7 +15182,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 Tc extends ba {
+class Qc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15239,7 +15240,7 @@ const Ya = y`
             }
         }
     }
-`, cl = y`
+`, dl = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15249,7 +15250,7 @@ const Ya = y`
             }
         }
     }
-`, dl = y`
+`, Al = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -15279,11 +15280,11 @@ const Ya = y`
             }
         }
     }
-`, Al = y`
+`, ul = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, ul = y`
+`, hl = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15314,7 +15315,7 @@ const Ya = y`
             }
         }
     }
-`, hl = y`
+`, ml = y`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15332,7 +15333,7 @@ const Ya = y`
             }
         }
     }
-`, ml = async (r, t) => {
+`, gl = 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),
@@ -15356,7 +15357,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;
-}, gl = async (r, t) => {
+}, fl = async (r, t) => {
   const a = (await t).find((n) => n.id === r);
   if (!a)
     throw new Error(`Workflow not found: ${r}`);
@@ -15365,11 +15366,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 = ml(a, t), i = a.map(
-    (o) => Ht.set({ id: o, options: t }, gl(o, n))
+  const n = gl(a, t), i = a.map(
+    (o) => Ht.set({ id: o, options: t }, fl(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Qc = async (r, t) => (await Zn([r], t))[0], fl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, Nc = async (r, t) => (await Zn([r], t))[0], pl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -15383,11 +15384,11 @@ const Ya = y`
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), pl = (r, t) => {
+})), Cl = (r, t) => {
   const e = r.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((n) => n.layout) : fl(t.panels);
+  return a ? Object.values(a.layouts).map((n) => n.layout) : pl(t.panels);
 };
-class Nc {
+class Rc {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -15398,7 +15399,7 @@ class Nc {
       } 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.27.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.27.0-beta.1b0de14d-97c0-5cf1-adeb-fe67dfe6dd60"), 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();
@@ -15418,14 +15419,14 @@ class Nc {
   getFlowService() {
     if (!xr())
       throw new Error("Application key required to use Flow Service.");
-    return new sl();
+    return new ol();
   }
   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 = Cl(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = wl(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     var e;
@@ -15574,7 +15575,7 @@ class Nc {
     })).data.customer;
     if (!n.id) {
       const l = (s = (await e.mutate({
-        mutation: cl,
+        mutation: dl,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -15609,7 +15610,7 @@ class Nc {
     if (!n)
       return !1;
     const s = (o = (await e.mutate({
-      mutation: dl,
+      mutation: Al,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15624,7 +15625,7 @@ class Nc {
    */
   async generateVerificationCode(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: Al,
+      mutation: ul,
       variables: {
         emailAddress: t
       }
@@ -15639,7 +15640,7 @@ class Nc {
   async verifyCode(t, e) {
     var i, s;
     const n = (i = (await b.getShadowGraphqlClient().mutate({
-      mutation: ul,
+      mutation: hl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15663,7 +15664,7 @@ class Nc {
     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: hl,
+      query: ml,
       variables: {
         id: this.customer.id
       }
@@ -15929,7 +15930,7 @@ class Nc {
         const G = JSON.parse(M.workflowState);
         V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await $a(G), V.reloadedState = G;
       } else
-        V.layouts = pl(
+        V.layouts = Cl(
           V.transaction,
           V.workflow
         );
@@ -16013,7 +16014,7 @@ class Nc {
     };
   }
 }
-const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
+const wl = async (r, t) => (await b.getShadowGraphqlClient().query({
   query: Di,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -16025,7 +16026,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
   variables: {
     themeConfigurationId: t
   }
-})).data.currentIntegration, Rc = async (r) => {
+})).data.currentIntegration, Oc = async (r) => {
   const e = await b.getShadowGraphqlClient().query({
     query: hi,
     errorPolicy: "all",
@@ -16036,7 +16037,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, Oc = async (r, t) => {
+}, Uc = async (r, t) => {
   var a;
   return (a = (await b.getShadowGraphqlClient().query({
     query: Ii,
@@ -16046,7 +16047,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, Uc = async (r) => {
+}, $c = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Fi,
@@ -16055,7 +16056,7 @@ const Cl = 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;
-}, $c = async (r) => {
+}, Lc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Pi,
@@ -16065,7 +16066,7 @@ const Cl = async (r, t) => (await b.getShadowGraphqlClient().query({
     }
   })).data) == null ? void 0 : e.transactions) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
 };
-function wl(r, t, e, a) {
+function yl(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);
@@ -16079,7 +16080,7 @@ function wl(r, t, e, a) {
 function le(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class yl {
+class Sl {
   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,
@@ -16222,7 +16223,7 @@ class yl {
       return;
     }
     (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((s, o) => {
-      this.offsets[o] = wl(t[o], s, this.imageData, this.forceImageCover);
+      this.offsets[o] = yl(t[o], s, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       n,
@@ -16301,7 +16302,7 @@ class yl {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class Lc {
+class Vc {
   approveTransaction(t) {
     throw new Error("Method not implemented.");
   }
@@ -16460,12 +16461,12 @@ class Lc {
     return [];
   }
 }
-var Sl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(Sl || {});
-class vl extends rt {
+var vl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(vl || {});
+class El extends rt {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new yl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new Sl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -16634,7 +16635,7 @@ class vl extends rt {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const El = y`
+const Bl = y`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -16677,21 +16678,21 @@ const El = y`
             total
         }
     }
-`, Bl = y`
+`, bl = y`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, bl = y`
+`, Il = y`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Il = y`
+`, Dl = y`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -16704,7 +16705,7 @@ const El = y`
             total
         }
     }
-`, Dl = y`
+`, Pl = y`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -16725,21 +16726,21 @@ const El = y`
             }
         }
     }
-`, Pl = y`
+`, Fl = y`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, Fl = y`
+`, xl = y`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, xl = y`
+`, kl = y`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -16752,43 +16753,43 @@ const El = y`
             total
         }
     }
-`, Vc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
-  mutation: Pl,
+`, zc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
+  mutation: Fl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   },
   context: e
-}), zc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Bl,
+}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: bl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   }
-}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Fl,
+}), Wc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: xl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), Wc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: bl,
+}), jc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Il,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), jc = async (r) => (await b.getShadowGraphqlClient().query({
-  query: El,
+}), Hc = async (r) => (await b.getShadowGraphqlClient().query({
+  query: Bl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, Hc = async (r, t, e) => await b.getShadowGraphqlClient().query({
-  query: Il,
+})).data.customer, qc = async (r, t, e) => await b.getShadowGraphqlClient().query({
+  query: Dl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -16796,15 +16797,15 @@ const El = y`
     offset: e,
     limit: t
   }
-}), qc = async (r, t) => await b.getShadowGraphqlClient().query({
-  query: Dl,
+}), Yc = async (r, t) => await b.getShadowGraphqlClient().query({
+  query: Pl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: r
   },
   context: t
-}), Yc = async (r, t, e) => {
+}), Jc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16828,7 +16829,7 @@ const El = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Jc = async (r, t, e) => {
+}, Kc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16852,7 +16853,7 @@ const El = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Kc = async (r, t, e) => {
+}, _c = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16872,10 +16873,10 @@ const El = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, _c = async (r, t, e) => {
+}, Xc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
-    query: xl,
+    query: kl,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -16896,7 +16897,7 @@ const El = y`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var kl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(kl || {}), Ml = /* @__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))(Ml || {}), K;
+var Ml = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Ml || {}), Tl = /* @__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))(Tl || {}), K;
 K = { __e: function(r, t, e, a) {
   for (var n, i, s; t = t.__; )
     if ((n = t.__c) && !n.__)
@@ -16909,7 +16910,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 Tl() {
+function Ql() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
@@ -16929,7 +16930,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) || Ql)(Tl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Nl)(Ql)), 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) {
@@ -16956,7 +16957,7 @@ K.__b = function(r) {
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function Ql(r) {
+function Nl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
@@ -16972,35 +16973,35 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  Tc as ArrayInput,
+  Qc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
   he as AssetType,
-  Pc as BringForwardCommand,
-  Dc as BringToBackCommand,
-  Ic as BringToFrontCommand,
+  Fc as BringForwardCommand,
+  Pc as BringToBackCommand,
+  Dc as BringToFrontCommand,
   mr as BundleDesignCreationCartAddMode,
   R as CanvasCommand,
   se as CollectionProduct,
   Ha as ColorOptionGlobalPropertyHandle,
   Ki as CommandContext,
-  Ml as ConversionDataType,
-  kl as ConversionLocation,
+  Tl as ConversionDataType,
+  Ml as ConversionLocation,
   W as CreateElementCommand,
   Un as CreateLayoutCommand,
   vt as DeleteElementCommand,
   Ao as DigitalContentStepHandle,
   Go as FileUploadGlobalPropertyHandle,
   oe as FlowExecutionNodeResult,
-  ol as FlowExecutionResult,
-  sl as FlowService,
+  ll as FlowExecutionResult,
+  ol as FlowService,
   ts as FontAlignmentCommand,
   Xi as FontColorCommand,
   Zi as FontSizeCommand,
   Va as FontSourceCommand,
-  yl as FrameService,
-  Sl as FrameStep,
-  vl as FrameStepHandle,
+  Sl as FrameService,
+  vl as FrameStep,
+  El as FrameStepHandle,
   Ba as GlobalPropertyHandle,
   O as GroupCommand,
   ao as IllustrationStepHandle,
@@ -17008,37 +17009,38 @@ export {
   co as InformationStepHandle,
   qa as IntegrationProduct,
   fr as IntegrationType,
-  Sc as LayoutElementFactory,
+  vc as LayoutElementFactory,
   T as LayoutElementType,
   Y as LayoutNotFoundError,
   Gt as LayoutRenderingPurpose,
   no as MaterialStepHandle,
   fe as MisconfigurationError,
-  Lc as MockWorkflowManager,
+  Vc as MockWorkflowManager,
   ro as ModelStepHandle,
   uo as ModuleStepHandle,
-  vc as MoveCommand,
+  Ec as MoveCommand,
   Xn as ObjectInput,
-  ll as ObjectInputType,
+  cl as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
   ge as OptionNotFoundError,
   Dt as ParseError,
   io as PictureStepHandle,
   pr as ProductCameraRig,
-  Xo as ProductCollection,
+  Zo as ProductCollection,
+  Xo as ProductCollectionProductSortKey,
   zt as ProductWorkflow,
   Ht as PromiseCache,
   Pn as PromiseQueue,
   so as QuestionStepHandle,
   Dn as QueueablePromise,
-  Bc as ResizeCommand,
+  bc as ResizeCommand,
   Wt as ResourceNotFoundError,
-  Ec as RotateCommand,
+  Bc as RotateCommand,
   H as ScaleAxis,
-  Fc as SendBackwardsCommand,
+  xc as SendBackwardsCommand,
   oo as ShapeStepHandle,
   gr as ShareActionType,
-  Nc as SpiffCommerceClient,
+  Rc as SpiffCommerceClient,
   me as StakeholderType,
   hr as StepAspectType,
   rt as StepHandle,
@@ -17046,85 +17048,85 @@ export {
   kt as TextAlgorithm,
   ns as TextChangeCommand,
   Wo as TextGlobalPropertyHandle,
-  Mc as TextInput,
+  Tc as TextInput,
   lo as TextStepHandle,
-  tl as Transform,
-  Zo as TransformCollection,
+  el as Transform,
+  tl as TransformCollection,
   z as UnhandledBehaviorError,
   Cr as UnitOfMeasurement,
-  bc as UpdateImageSourceCommand,
+  Ic as UpdateImageSourceCommand,
   it as Variant,
   Bo as WorkflowExperienceEventType,
   bo as WorkflowExperienceImpl,
   U as assetService,
   zr as browserColorToHex,
-  wc as cmPerPixel,
+  yc as cmPerPixel,
   Co as createDesign,
-  fc as currentDirection,
-  rc as dataUrlFromExternalUrl,
+  pc as currentDirection,
+  ic as dataUrlFromExternalUrl,
   je as designService,
   Ae as determineCorrectFontSizeAndLines,
   Ln as digitalContentStepService,
   dt as domParser,
-  Gc as duplicateBundle,
-  Wc as duplicateTransaction,
+  Wc as duplicateBundle,
+  jc as duplicateTransaction,
   at as fetchAsString,
-  cc as findAngle,
+  dc as findAngle,
   $ as findElement,
-  oc as findPmsColors,
+  lc as findPmsColors,
   $t as frameDataCache,
   pt as frameStepService,
   Q as generate,
   Ro as generateCommands,
   ot as generateSVGWithUnknownColors,
-  kc as generateStateFromDesignInputSteps,
+  Mc as generateStateFromDesignInputSteps,
   De as getAttributesFromArrayBuffer,
-  lc as getAxisAlignedBoundingBox,
-  wl as getBoundedOffsets,
-  Uc as getBundleThemeConfiguration,
-  jc as getCustomer,
-  Hc as getCustomerBundles,
-  pc as getElementVertices,
+  cc as getAxisAlignedBoundingBox,
+  yl as getBoundedOffsets,
+  $c as getBundleThemeConfiguration,
+  Hc as getCustomer,
+  qc as getCustomerBundles,
+  Cc as getElementVertices,
   xe as getFrameData,
-  Cl as getIntegration,
-  mc as getNEPoint,
-  hc as getNWPoint,
-  Jc as getOrderedTransactions,
-  Oc as getOverrideThemeConfiguration,
-  uc as getPointOfRotation,
-  gc as getSEPoint,
+  wl as getIntegration,
+  gc as getNEPoint,
+  mc as getNWPoint,
+  Kc as getOrderedTransactions,
+  Uc as getOverrideThemeConfiguration,
+  hc as getPointOfRotation,
+  fc as getSEPoint,
   wa as getSvgElement,
-  _c as getTemplateBundles,
-  Kc as getTemplateTransactions,
-  Rc as getTransaction,
-  $c as getTransactionThemeConfiguration,
-  qc as getTransactionsForBundle,
-  Ac as getTrueCoordinates,
-  Yc as getUnorderedTransactions,
-  Qc as getWorkflow,
+  Xc as getTemplateBundles,
+  _c as getTemplateTransactions,
+  Oc as getTransaction,
+  Lc as getTransactionThemeConfiguration,
+  Yc as getTransactionsForBundle,
+  uc as getTrueCoordinates,
+  Jc as getUnorderedTransactions,
+  Nc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,
-  dc as isCloseToValue,
+  Ac as isCloseToValue,
   Tt as loadFont,
-  sc as matchHexToPms,
+  oc as matchHexToPms,
   Vn as materialStepService,
   _o as metafieldManager,
-  Cc as mmPerPixel,
+  wc as mmPerPixel,
   zn as modelStepService,
   fa as modifySVGColors,
   Gn as moduleStepService,
-  Vc as nameBundle,
-  zc as nameTransaction,
+  zc as nameBundle,
+  Gc as nameTransaction,
   X as optionService,
-  yc as outlineFontsInSvg,
+  Sc as outlineFontsInSvg,
   At as patternImageDataCache,
   k as persistenceService,
   Wn as pictureStepService,
-  ic as pmsToRgb,
+  sc as pmsToRgb,
   jn as questionStepService,
-  nc as registerFetchImplementation,
-  ac as registerWindowImplementation,
+  rc as registerFetchImplementation,
+  nc as registerWindowImplementation,
   $a as rehydrateSerializedLayout,
   $r as rgbToPms,
   re as rotateAroundPoint,
@@ -17134,7 +17136,7 @@ export {
   Lt as shapeStepService,
   is as shortenUrl,
   wt as spiffCoreConfiguration,
-  xc as stepAspectValuesToDesignInputSteps,
+  kc as stepAspectValuesToDesignInputSteps,
   Qa as svgColorValueToDefinition,
   Rn as svgStringDimensions,
   Aa as svgToDataUrl,