@spiffcommerce/core 40.2.0 → 40.3.1

package/dist/index.d.ts

@@ -4269,6 +4269,7 @@ interface Customer {
     bundleStakeholders?: BundleStakeholder[];
     hasBundleTemplates?: boolean;
     productCollectionCustomers?: ProductCollectionCustomer[];
+    defaultTemplateBundleId?: string;
 }
 interface CustomerDetailsInput {
     emailAddress: string;
@@ -4324,6 +4325,7 @@ interface Bundle {
     transactions?: Transaction[];
     transactionIds?: string[];
     template?: boolean;
+    templateLocked: boolean;
     templateStatus?: BundleTemplateStatus;
     bundleShareActions?: ShareAction[];
     workflowViewerLink: string;

package/dist/index.mjs

@@ -8,7 +8,7 @@ import { parse as Bn } from "css";
 import Vi from "fuse.js";
 import { Pith as Ia } from "pith";
 import ca from "lodash.chunk";
-import It from "lodash.clonedeep";
+import wt from "lodash.clonedeep";
 import { jsx as F, jsxs as ut, Fragment as Wt } from "preact/jsx-runtime";
 import { parse as da } from "opentype.js";
 import { decode as Li } from "html-entities";
@@ -162,7 +162,7 @@ class nr {
     this.serverUrlCallbacks.push(t);
   }
 }
-const wt = new nr();
+const yt = new nr();
 let Aa, ha;
 function Ad(i) {
   Aa = i;
@@ -297,7 +297,7 @@ let Rn;
 const gr = (i) => {
   Rn = i;
 }, mr = () => new Promise((i) => {
-  const t = wt.getHubUrl(), e = (a) => {
+  const t = yt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), i(a.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", t));
@@ -310,13 +310,13 @@ const gr = (i) => {
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await mr(), ...i } : i;
 };
 async function fr(i, t) {
-  const e = wt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
+  const e = yt.getServerUrl(), a = e.includes(".aumelbdev.spiffcommerce.com") ? "https://moonlight.aumelbdev.spiffcommerce.com" : e.includes(".us.spiffcommerce.com") ? "https://moonlight.us.spiffcommerce.com" : "https://moonlight.au.spiffcommerce.com";
   let n = await nt(i, { ...t, redirect: "manual" });
   return (n.type === "opaqueredirect" || n.status === 307) && (typeof i != "string" && "url" in i ? n = await nt({ ...i, url: `${a}/graphql` }, t) : n = await nt(`${a}/graphql`, t)), n;
 }
 class Cr {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), wt.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), yt.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -328,7 +328,7 @@ class Cr {
   }
   constructShadowGraphqlClient() {
     const t = ki({
-      uri: `${wt.getServerUrl()}/graphql`,
+      uri: `${yt.getServerUrl()}/graphql`,
       fetch: fr
     }), e = Qi(async (r, s) => {
       const { headers: o } = s, l = o || {}, c = await pr();
@@ -372,7 +372,7 @@ class Cr {
 }
 const S = new Cr();
 let ga, ma;
-const yt = (i, t, e) => {
+const St = (i, t, e) => {
   if (ga !== void 0)
     return ga(i, t, e);
   try {
@@ -433,10 +433,10 @@ const wr = (i) => new Promise((t) => {
 }, vr = async (i) => {
   const t = await cr(i), e = await ne(t), [a, n] = Sr(e);
   if (!await yr()) {
-    const u = yt(a, n);
+    const u = St(a, n);
     return u.getContext("2d")?.drawImage(e, 0, 0, a, n), u;
   }
-  const s = await wr(i), [o, l] = s > 4 ? [n, a] : [a, n], c = yt(o, l), d = c.getContext("2d");
+  const s = await wr(i), [o, l] = s > 4 ? [n, a] : [a, n], c = St(o, l), d = c.getContext("2d");
   switch (s) {
     case 2:
       d.translate(o, 0), d.scale(-1, 1);
@@ -5437,7 +5437,7 @@ const N = () => {
     }
   );
 }, Cd = (i, t, e, a, n) => {
-  const r = St(n), s = e / 2, o = a / 2, l = i + s, c = t + o, d = Math.sin(r), u = Math.cos(r), A = s, h = s, g = -o, p = o, m = A * u - g * d, f = h * u - p * d, y = A * d + g * u, w = h * d + p * u, x = Math.max(Math.abs(m), Math.abs(f)), b = Math.max(Math.abs(y), Math.abs(w));
+  const r = vt(n), s = e / 2, o = a / 2, l = i + s, c = t + o, d = Math.sin(r), u = Math.cos(r), A = s, h = s, g = -o, p = o, m = A * u - g * d, f = h * u - p * d, y = A * d + g * u, w = h * d + p * u, x = Math.max(Math.abs(m), Math.abs(f)), b = Math.max(Math.abs(y), Math.abs(w));
   return {
     minX: l - x,
     maxX: l + x,
@@ -5447,8 +5447,8 @@ const N = () => {
 }, wd = (i, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - i.x, 2) + Math.pow(t.y - i.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), r = Math.sqrt(Math.pow(e.x - i.x, 2) + Math.pow(e.y - i.y, 2));
   return Math.acos((n * n + a * a - r * r) / (2 * n * a)) * (180 / Math.PI);
-}, St = (i) => i * (Math.PI / 180), yd = (i, t, e) => Math.abs(i - t) < e, Sd = (i, t, e) => {
-  const a = Math.sin(St(e)), n = Math.cos(St(e));
+}, vt = (i) => i * (Math.PI / 180), yd = (i, t, e) => Math.abs(i - t) < e, Sd = (i, t, e) => {
+  const a = Math.sin(vt(e)), n = Math.cos(vt(e));
   return {
     x: (i.x - t.x) * n - (i.y - t.y) * a + t.x,
     y: (i.x - t.x) * a + (i.y - t.y) * n + t.y
@@ -5485,7 +5485,7 @@ const N = () => {
       return Y.Northwest;
   }
 }, Bd = (i, t) => t > 45 && t <= 135 ? Ft(i) : t > 135 && t <= 225 ? Ft(Ft(i)) : t > 225 && t <= 315 ? Ft(Ft(Ft(i))) : i, Pd = (i, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
-  const a = St(i.rotation), n = {
+  const a = vt(i.rotation), n = {
     x: t.x + i.x * e.x,
     y: t.x + i.y * e.y
   }, r = {
@@ -5515,7 +5515,7 @@ const N = () => {
     y: (i.x - t.x) * a + (i.y - t.y) * n + t.y
   };
 }, Fd = 0.352778, xd = 0.035277, Xn = (i) => {
-  const t = i.rotation || 0, e = St(t), a = Math.cos(e), n = -Math.sin(e);
+  const t = i.rotation || 0, e = vt(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ F("g", { mask: i.stepName || i.productOverlay ? void 0 : i.mask, children: /* @__PURE__ */ F(
     "g",
     {
@@ -5537,7 +5537,7 @@ const N = () => {
     }
   ) });
 }, Zn = (i) => {
-  const t = `spiff-group-clip-${i.id}`, e = i.rotation || 0, a = St(e), n = Math.cos(a), r = -Math.sin(a), s = Ra(i.children);
+  const t = `spiff-group-clip-${i.id}`, e = i.rotation || 0, a = vt(e), n = Math.cos(a), r = -Math.sin(a), s = Ra(i.children);
   return /* @__PURE__ */ ut(Wt, { children: [
     /* @__PURE__ */ F("defs", { children: /* @__PURE__ */ F("clipPath", { id: t, preserveAspectRatio: "none", children: i.clipPath ? /* @__PURE__ */ F("path", { d: i.clipPath }) : /* @__PURE__ */ F("rect", { x: 0, y: 0, width: i.width, height: i.height }) }) }),
     /* @__PURE__ */ ut(
@@ -5598,7 +5598,7 @@ const N = () => {
       /* @__PURE__ */ F("feFuncG", { type: "discrete", tableValues: n() }),
       /* @__PURE__ */ F("feFuncB", { type: "discrete", tableValues: n() })
     ] })
-  ] }) }) }), s = i.rotation || 0, o = St(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
+  ] }) }) }), s = i.rotation || 0, o = vt(s), l = Math.cos(o), c = -Math.sin(o), d = () => {
     const u = i.pattern?.x || 0, A = i.pattern?.y || 0, h = i.pattern?.width || 0, g = i.pattern?.height || 0, p = i.pattern?.scaleX || 1, m = i.pattern?.scaleY || 1, f = i.pattern?.rotation || 0;
     return [i.pattern?.svg ? {
       id: `${t}-contents`,
@@ -5713,7 +5713,7 @@ const Is = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", _e = /* @_
     return _e.get(i);
   const e = (async () => {
     try {
-      return vt(i).getFont();
+      return Et(i).getFont();
     } catch {
       if (Is(i)) {
         const a = On(i), n = da(a);
@@ -5728,7 +5728,7 @@ const Is = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", _e = /* @_
 }, Bs = (i) => {
   const t = On(i), e = da(t);
   return pa(i, e), e;
-}, vt = (i) => {
+}, Et = (i) => {
   const t = ti.get(i);
   if (t)
     return t;
@@ -5826,7 +5826,7 @@ const Is = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", _e = /* @_
   const s = (r ?? ni) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = ei(i, o, t), c = i.length * s * o, d = a / l, u = n / c;
   return Math.min(u, d);
 }, Fs = (i, t, e, a) => {
-  const n = vt(t.fontData.assetUrl), r = n.getFont(), s = t.fontSize / r.unitsPerEm;
+  const n = Et(t.fontData.assetUrl), r = n.getFont(), s = t.fontSize / r.unitsPerEm;
   if (!e)
     return an(t, i, t.fontSize, s, n, a);
   let o;
@@ -5847,9 +5847,9 @@ const Is = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", _e = /* @_
     fontSize: Ps(o, n, r, t.width, t.height, a)
   } : an(t, i, t.fontSize, s, n, a);
 }, xs = (i, t, e, a, n) => {
-  const s = vt(t.assetUrl).getFont();
+  const s = Et(t.assetUrl).getFont();
   let o = { ...i };
-  const l = { ...i }, c = ei(a, e / s.unitsPerEm, vt(t.assetUrl));
+  const l = { ...i }, c = ei(a, e / s.unitsPerEm, Et(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && ks(a, a).every(([d, u]) => d === u) && (o = l)), o;
 }, Xe = 1, Ct = (i, t, e) => {
   let a = 0;
@@ -5997,7 +5997,7 @@ const Ts = (i) => {
   const t = () => {
     if (i.lineHeight !== void 0)
       return i.lineHeight * i.fontSize;
-    const n = vt(i.fontData.assetUrl), r = n.getFont(), s = i.fontSize / r.unitsPerEm;
+    const n = Et(i.fontData.assetUrl), r = n.getFont(), s = i.fontSize / r.unitsPerEm;
     return n.getApproximateHeight() * s;
   }, e = () => i.align === "left" ? -i.textboxWidth / 2 : i.align === "right" ? i.textboxWidth / 2 : 0, a = () => {
     const n = t(), r = i.textboxHeight / 2;
@@ -6040,7 +6040,7 @@ const Ts = (i) => {
         mask: i.stepName ? void 0 : i.mask
       }
     );
-  const t = i.rotation || 0, e = St(t), a = Math.cos(e), n = -Math.sin(e), r = `
+  const t = i.rotation || 0, e = vt(t), a = Math.cos(e), n = -Math.sin(e), r = `
     matrix(1, 0, 0, 1, ${i.x}, ${i.y})
     matrix(1, 0, 0, 1, ${i.width / 2}, ${i.height / 2})
     matrix(${a}, ${-n}, ${n}, ${a}, 0, 0)
@@ -6334,10 +6334,10 @@ const mt = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Map(), Ze = /* @_
     const s = ht().parseFromString(i, "image/svg+xml").firstElementChild;
     if (!s)
       throw new Error("Failed to read SVG");
-    const l = Pt().serializeToString(s), c = yt(), d = c.getContext("2d"), u = await Ia.from(d, l, {
+    const l = Pt().serializeToString(s), c = St(), d = c.getContext("2d"), u = await Ia.from(d, l, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: yt,
+      createCanvas: St,
       createImage: ne,
       DOMParser: xa(),
       fetch: nt
@@ -6376,7 +6376,7 @@ const mt = /* @__PURE__ */ new Map(), qt = /* @__PURE__ */ new Map(), Ze = /* @_
   }
   if (e && t === D.Textbox && a?.text && a?.fontScale) {
     await Qt(e);
-    const l = vt(e), c = Ct(a.text, a?.fontScale, l);
+    const l = Et(e), c = Ct(a.text, a?.fontScale, l);
     o.width = Math.min(c, n.width * 0.85), o.left = n.x + n.width / 2 - o.width / 2;
   }
   return o;
@@ -7314,7 +7314,7 @@ class cn {
   }
 }
 const Ws = async (i) => {
-  const t = `${wt.getServicesApiUrl()}/shortener`;
+  const t = `${yt.getServicesApiUrl()}/shortener`;
   try {
     return (await (await nt(t, {
       method: "POST",
@@ -7820,7 +7820,7 @@ class De {
     ), this.validateColorCount(e, a);
   }
 }
-const bt = new De();
+const It = new De();
 class Ys {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -8701,7 +8701,7 @@ const ao = new eo(), na = (i, t, e, a, n) => {
   return [null, null];
 }, Se = (i, t, e, a, n) => {
   let r, s;
-  const o = vt(t.assetUrl), l = o.getFont();
+  const o = Et(t.assetUrl), l = o.getFont();
   if (n.size) {
     const A = i / l.unitsPerEm;
     return [r, s] = na(e, a, i, A, o), [n.size, r, s];
@@ -8736,7 +8736,7 @@ class io {
         /(\r\n|\r|(\u2665|\u00a9|\u00ae|[\u2000-\u2017]|[\u201E-\u3300]]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff]))/gm,
         ""
       );
-      const n = [], r = e ? vt(e.assetUrl) : void 0;
+      const n = [], r = e ? Et(e.assetUrl) : void 0;
       if (r) {
         const s = a.split("").filter((l) => !no.includes(l)).join(""), o = s.split("").map((l) => r.getFont().charToGlyph(l));
         for (let l = 0; l < o.length; l++)
@@ -10097,7 +10097,7 @@ class Io {
 }
 const Bo = () => new Promise((i, t) => {
   try {
-    const a = yt().getContext("webgl2");
+    const a = St().getContext("webgl2");
     i(!!a);
   } catch {
     i(!1);
@@ -10151,7 +10151,7 @@ class Fo {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(t) {
-    const e = It(t);
+    const e = wt(t);
     this.lastRequestedRenderArguments = e;
     const a = this.getStaticContext();
     if (!a) {
@@ -10234,7 +10234,7 @@ class xo extends Na {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: yt,
+      createCanvas: St,
       createImage: ne,
       DOMParser: xa(),
       fetch
@@ -10436,6 +10436,7 @@ const Vd = (i, t) => {
         name
         completed
         template
+        templateLocked
         templateStatus
         transactionsCount
         productsCount
@@ -11493,7 +11494,7 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
     const t = this.getCommandContext().getState();
     if (!t)
       throw new O("Attempted to serialize state before it was initialized.");
-    const e = It(t.transaction), a = cl(e);
+    const e = wt(t.transaction), a = cl(e);
     return JSON.stringify(a, ll, void 0);
   }
   async getStateHash() {
@@ -11700,7 +11701,7 @@ const ul = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
             );
             break;
           case E.Frame:
-            a.push(bt.init(l, this, this.reloadedState));
+            a.push(It.init(l, this, this.reloadedState));
             break;
           case E.Illustration:
             a.push(
@@ -12718,12 +12719,12 @@ const Il = async (i, t) => {
           if (T) {
             const X = await I.getOptionForStep(T);
             if (!v || X && (X.variants || []).length > 1 && !T.data.hideSelectionInCart && !T.data.hideSelectionsInCart) {
-              const Et = T.stepTitle;
-              B[Et] ? B[Et].push({
+              const bt = T.stepTitle;
+              B[bt] ? B[bt].push({
                 id: k.id || "",
                 name: k.name,
                 priceModifier: k.priceModifier
-              }) : B[Et] = [
+              }) : B[bt] = [
                 {
                   id: k.id || "",
                   name: k.name,
@@ -13210,7 +13211,7 @@ class Tl {
     }
     let r = 2048;
     e && e <= 2048 && (r = e);
-    const s = yt(r, r), o = this.workflowManager.getCommandContext().getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((w) => w.layoutState?.layout.panelId === c?.name) || o[0], u = d.layoutState.layout.previewRegion ? {
+    const s = St(r, r), o = this.workflowManager.getCommandContext().getAllLayouts(), l = a.defaultPreviewPanelIndex || 0, c = a.panels[l], d = o.find((w) => w.layoutState?.layout.panelId === c?.name) || o[0], u = d.layoutState.layout.previewRegion ? {
       x: d.layoutState.layout.previewRegion.left,
       y: d.layoutState.layout.previewRegion.top,
       width: d.layoutState.layout.previewRegion.width,
@@ -13233,7 +13234,7 @@ class Tl {
     await (await Ia.from(h, m, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: yt,
+      createCanvas: St,
       createImage: ne,
       DOMParser: xa(),
       fetch
@@ -13411,7 +13412,7 @@ class Tl {
     return await ra.addDesign(s), s;
   }
   async copy() {
-    const t = It(this.getCommandContext().getState());
+    const t = wt(this.getCommandContext().getState());
     if (!t) throw new O("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(t.transaction), a = this.getWorkflow();
     if (!a) throw new O("Workflow is undefined! Cannot copy experience!");
@@ -14229,7 +14230,7 @@ class ql {
   }
   async setGlobalPropertyState(t) {
     this.globalPropertyState || await this.initPromise;
-    const e = It(this.globalPropertyState);
+    const e = wt(this.globalPropertyState);
     this.globalPropertyState = { ...sa(t), id: e.id }, this.recalculateMandatoryStates(), this.queueGlobalPropertyStateUpdate(), await this.onGlobalPropertyStateChange(e, this.globalPropertyState);
   }
   getAspectMandatoryFulfilled(t) {
@@ -14261,7 +14262,7 @@ class ql {
     if (!s)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
     this.mandatoryFulfilledAspects.set(t, e !== "");
-    const o = It(this.globalPropertyState), l = this.globalPropertyState.aspects.filter((c) => c.name === t);
+    const o = wt(this.globalPropertyState), l = this.globalPropertyState.aspects.filter((c) => c.name === t);
     if (l.length > 0)
       if (n) {
         const c = l.find((d) => d.channel === n);
@@ -14307,7 +14308,7 @@ class ql {
     const n = this.configuration.aspects.find((o) => o.name === t);
     if (!n)
       throw new Error(`Failed to find configuration aspect with name: ${t}`);
-    const r = It(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
+    const r = wt(this.globalPropertyState), s = this.globalPropertyState.aspects.filter((o) => o.name === t);
     if (s.length > 0)
       if (a) {
         const o = s.find((l) => l.channel === a);
@@ -14665,7 +14666,7 @@ class Ei {
           if (h || p.partial && (!p.data.productCollections || p.data.productCollections.length === 0 || !p.data.productCollections[0].productCollectionProductsFeed?.items || p.data.productCollections[0].productCollectionProductsFeed?.items.length === 0))
             return;
           c.abort(), h = !0, g.unsubscribe();
-          const m = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new me(It(f))) || [];
+          const m = p.data.productCollections?.[0].productCollectionProductsFeed?.items.filter((f) => !!f.product).map((f) => new me(wt(f))) || [];
           A({
             items: m,
             // Clone items because it could be cached data (immutable)
@@ -15960,6 +15961,7 @@ const fe = C`
         customer(emailAddress: $emailAddress) {
             id
             emailAddress
+            defaultTemplateBundleId
             hasBundleTemplates
             partner {
                 id
@@ -16235,9 +16237,9 @@ const uc = async (i, t) => {
     throw e.error;
   if (e.errors)
     throw e.errors.forEach((n) => console.error(n)), new Error("Unable to read workflows. Consult GraphQL errors.");
-  const a = e.data.workflows;
-  if (a === void 0 || a.length !== i.length)
+  if (e.data.workflows === void 0 || e.data.workflows.length !== i.length)
     throw new Error(`Unable to read workflows: ${e.errors ?? "Length mismatch in response"}`);
+  const a = wt(e.data.workflows);
   return a.forEach((n) => {
     n.finalizeStepConfig || (n.finalizeStepConfig = {}), n.finalizeStepConfig.termsMarkdown = n.finalizeStepConfig.termsMarkdown || n.partner.termsMarkdown;
   }), a;
@@ -16276,10 +16278,10 @@ class Wd {
       } catch (a) {
         throw console.error(a), new pt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && Ar(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 40.2.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Ar(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 40.3.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
-    wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Gt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
+    yt.setHubUrl(t.hubUrl), yt.setServerUrl(t.serverUrl), yt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, this.userPoolClientId = t.userPoolClientId, this.userPoolRegion = t.userPoolRegion, this.spiffRegion = t.spiffRegion, t.bearerAuthenticationToken && gr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration(), this.spiffRegion && this.userPoolRegion && this.userPoolClientId && Gt.init(this.spiffRegion, this.userPoolRegion, this.userPoolClientId);
   }
   /**
    * @returns The asset manager allows for common operations related to assets
@@ -16678,11 +16680,11 @@ class Wd {
         const X = V.errors?.[0]?.message || "Unknown error";
         throw new pt(`Not all transactions were found: ${X}`);
       }
-      return !this.activeIntegration && k[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(k[0].integrationProduct.integration)), k.map((X, Et) => ({
+      return !this.activeIntegration && k[0].integrationProduct?.integration && (this.activeIntegration = Promise.resolve(k[0].integrationProduct.integration)), k.map((X, bt) => ({
         transaction: X,
         workflowId: X.workflowId,
         readOnly: P.find((gt) => gt.option.transactionId === X.id)?.option.readOnly ?? !1,
-        index: P[Et].index
+        index: P[bt].index
       }));
     }, g = async (P) => {
       if (P.length === 0)
@@ -16727,7 +16729,7 @@ class Wd {
       (async () => m.length > 0 ? await gc(m) : [])(),
       (async () => f.length > 0 ? await Ii(f, e) : [])()
     ]), x = new Map(y.map((P) => [P.id, P])), b = new Map(w.map((P) => [P.id, P])), v = p.map(async (P) => {
-      const { transaction: T, workflowId: V, readOnly: k, index: X } = P, Et = V ? b.get(V) : void 0, gt = t[X];
+      const { transaction: T, workflowId: V, readOnly: k, index: X } = P, bt = V ? b.get(V) : void 0, gt = t[X];
       if (T.integrationProductId) {
         const it = x.get(T.integrationProductId);
         T.integrationProduct = it, T.product = it?.product, T.integrationProduct || console.error("failed to find transaction's product");
@@ -16738,7 +16740,7 @@ class Wd {
         onMutate: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } }),
         onQuery: () => ({ context: { transactionOwnerId: He, bundleOwnerId: e?.bundleOwnerId } })
       }), le = {
-        workflow: Et,
+        workflow: bt,
         transaction: T,
         singleVariantsRenderable: gt?.workflowConfiguration?.singleVariantsRenderable,
         stateMutationFunc: k ? async () => {
@@ -17343,7 +17345,7 @@ class yc extends tt {
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return bt.selectVariant(
+    return It.selectVariant(
       this.step,
       t.getResource(),
       e,
@@ -17363,7 +17365,7 @@ class yc extends tt {
    * @param [recalculateOffsets=true] Optional: Recalculates the offsets of the image inside the frame. Default: `true`.
    */
   async selectImage(t, e = !0, a = !0) {
-    if (await bt.selectImage(this.step, t, this.manager, a), e) {
+    if (await It.selectImage(this.step, t, this.manager, a), e) {
       const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
       this.manager.updateStorage(this.step.stepName, {
         framePatternData: {
@@ -17401,7 +17403,7 @@ class yc extends tt {
     if (!e)
       throw new Error("You must supply an image selection before attempting to remove the background.");
     const a = await H.removeBackgroundFromAsset(e);
-    t && await bt.selectImage(this.step, a, this.manager, !1);
+    t && await It.selectImage(this.step, a, this.manager, !1);
     const n = this.manager.getStepStorage(this.step.stepName)?.framePatternData || {};
     return this.manager.updateStorage(this.step.stepName, {
       framePatternData: {
@@ -17451,7 +17453,7 @@ class yc extends tt {
     return !!this.getFrameStepStorage()?.framePatternData?.vectorizedAssetKey;
   }
   async changeColors(t) {
-    await bt.changeColors(this.step, this.manager, t);
+    await It.changeColors(this.step, this.manager, t);
   }
   getImageData() {
     if (this.frameService)
@@ -17461,7 +17463,7 @@ class yc extends tt {
     return await I.ensureFullOption(this.step.data.colorOption);
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? bt.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? It.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -17480,7 +17482,7 @@ class yc extends tt {
     return this.step.data.maxColors;
   }
   getUniqueColorCount() {
-    return bt.getUniqueColorCount(this.step, this.manager);
+    return It.getUniqueColorCount(this.step, this.manager);
   }
   getCurrentFrameStep(t, e, a, n) {
     return n && n.length > 1 && t === void 0 ? "SelectFrame" : e || a || this.getImageData() ? "Position" : "SelectImage";
@@ -17540,6 +17542,7 @@ const Sc = C`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
+            defaultTemplateBundleId
         }
     }
 `, Ga = C`
@@ -18109,7 +18112,7 @@ export {
   L as findElement,
   fd as findPmsColors,
   qt as frameDataCache,
-  bt as frameStepService,
+  It as frameStepService,
   N as generate,
   bo as generateCommands,
   ot as generateSVGWithUnknownColors,
@@ -18177,7 +18180,7 @@ export {
   $n as setCanvasModule,
   Ht as shapeStepService,
   Ws as shortenUrl,
-  wt as spiffCoreConfiguration,
+  yt as spiffCoreConfiguration,
   Vd as stepAspectValuesToDesignInputSteps,
   Xa as svgColorValueToDefinition,
   oi as svgStringDimensions,