@spiffcommerce/core 18.2.2-1 → 18.3.0-beta.0

package/dist/index.js

@@ -1,8 +1,8 @@
 import { createHttpLink as ct, InMemoryCache as gt, ApolloClient as lt, from as Bt, gql as M } from "@apollo/client/core";
-import { fetch as qA, getAttributesFromArrayBuffer as pe, AssetType as re, StepType as f, getFrameData as ZA, frameDataCache as dt, GroupCommand as R, UpdateFramePattern as De, UpdateFrameThresholdSettingsCommand as wt, calculateOffsets as $A, LayoutElementType as U, generate as k, CreateElementCommand as b, generateSVGWithUnknownColors as fe, svgObjectURL as pA, fetchAsString as q, DeleteElementCommand as Z, generateDefaultRectangleFrameSvg as ce, GetSVGDimensions as Et, patternImageDataCache as ge, fetchAsArrayBuffer as ht, findElement as DA, modifySVGWithElementProperties as Ct, IllustrationColorCommand as TA, IllustrationCacheCommand as Qt, getFontMetrics as ut, getPatternImageData as zA, FontAlignmentCommand as mt, FontColorCommand as It, FontImageFillCommand as kA, applyTextTransformations as KA, determineCorrectFontSizeAndLines as uA, FontSourceCommand as le, loadFont as _A, TextChangeCommand as pt, FontSizeCommand as Dt, createElementNS as ft, createElement as lA, _loadFontExternalDataURL as Ae, UpdateWorkflowStateCommand as Be, CommandContext as Ft, createCanvas as fA, getSvgElement as Fe, LayoutRenderingPurpose as Me, renderPapyrusComponentAsString as ye, loadImage as Ye, getDomParser as Se, toBase64 as de, getVariant as Mt, generateFrameSVG as yt, getDefaultVariant as PA, domParser as xe, sanitizeSvgTree as Ne, traverse as Yt, xmlSerializer as Pe, CreateLayoutCommand as St, AspectType as mA, rehydrateSerializedLayout as _ } from "@spiffcommerce/papyrus";
-import { AssetType as Ps, BringForwardCommand as Hs, BringToBackCommand as Rs, BringToFrontCommand as Us, CanvasCommand as Gs, CommandContext as vs, CreateElementCommand as ks, CreateLayoutCommand as Js, DeleteElementCommand as bs, FontAlignmentCommand as Ls, FontColorCommand as Os, FontSizeCommand as Ts, FontSourceCommand as zs, GroupCommand as Ks, LayoutElementFactory as js, LayoutElementType as Vs, MoveCommand as Ws, ResizeCommand as Xs, RotateCommand as qs, SendBackwardsCommand as Zs, StepAspectType as $s, StepType as _s, TextChangeCommand as Ai, UnitOfMeasurement as ei, dataUrlFromExternalUrl as ti, determineCorrectFontSizeAndLines as ai, findElement as ni, frameDataCache as si, generate as ii, generateSVGWithUnknownColors as oi, getAttributesFromArrayBuffer as ri, getAxisAlignedBoundingBox as ci, getFrameData as gi, getSvgElement as li, loadFont as Bi, patternImageDataCache as di, registerFetchImplementation as wi, registerWindowImplementation as Ei, rehydrateSerializedLayout as hi, setCanvasModule as Ci } from "@spiffcommerce/papyrus";
+import { fetch as qA, getAttributesFromArrayBuffer as pe, AssetType as re, StepType as f, getFrameData as ZA, frameDataCache as dt, GroupCommand as R, UpdateFramePattern as De, UpdateFrameThresholdSettingsCommand as wt, calculateOffsets as $A, LayoutElementType as U, generate as k, CreateElementCommand as b, generateSVGWithUnknownColors as fe, svgObjectURL as pA, fetchAsString as q, DeleteElementCommand as Z, generateDefaultRectangleFrameSvg as ce, GetSVGDimensions as Et, patternImageDataCache as ge, fetchAsArrayBuffer as ht, findElement as DA, modifySVGWithElementProperties as Ct, IllustrationColorCommand as TA, IllustrationCacheCommand as Qt, getFontMetrics as ut, getPatternImageData as zA, FontAlignmentCommand as mt, FontColorCommand as It, FontImageFillCommand as kA, applyTextTransformations as KA, determineCorrectFontSizeAndLines as uA, FontSourceCommand as le, loadFont as _A, TextChangeCommand as pt, FontSizeCommand as Dt, createElementNS as ft, createElement as lA, _loadFontExternalDataURL as Ae, UpdateWorkflowStateCommand as Be, CommandContext as Ft, createCanvas as fA, getSvgElement as Fe, LayoutRenderingPurpose as Me, renderPapyrusComponentAsString as ye, loadImage as Ye, getDomParser as Se, toBase64 as de, getVariant as Mt, generateFrameSVG as yt, getDefaultVariant as NA, domParser as xe, sanitizeSvgTree as Pe, traverse as Yt, xmlSerializer as Ne, CreateLayoutCommand as St, AspectType as mA, rehydrateSerializedLayout as _ } from "@spiffcommerce/papyrus";
+import { AssetType as Ns, BringForwardCommand as Hs, BringToBackCommand as Rs, BringToFrontCommand as Us, CanvasCommand as Gs, CommandContext as vs, CreateElementCommand as ks, CreateLayoutCommand as Js, DeleteElementCommand as bs, FontAlignmentCommand as Ls, FontColorCommand as Os, FontSizeCommand as Ts, FontSourceCommand as zs, GroupCommand as Ks, LayoutElementFactory as js, LayoutElementType as Vs, MoveCommand as Ws, ResizeCommand as Xs, RotateCommand as qs, SendBackwardsCommand as Zs, StepAspectType as $s, StepType as _s, TextChangeCommand as Ai, UnitOfMeasurement as ei, dataUrlFromExternalUrl as ti, determineCorrectFontSizeAndLines as ai, findElement as ni, frameDataCache as si, generate as ii, generateSVGWithUnknownColors as oi, getAttributesFromArrayBuffer as ri, getAxisAlignedBoundingBox as ci, getFrameData as gi, getSvgElement as li, loadFont as Bi, patternImageDataCache as di, registerFetchImplementation as wi, registerWindowImplementation as Ei, rehydrateSerializedLayout as hi, setCanvasModule as Ci } from "@spiffcommerce/papyrus";
 import { setContext as xt } from "@apollo/client/link/context";
-import { onError as Nt } from "@apollo/client/link/error";
+import { onError as Pt } from "@apollo/client/link/error";
 import { Pith as He } from "pith";
 import Re from "lodash.debounce";
 import Ue from "lodash.isequal";
@@ -70,7 +70,7 @@ class UA extends RA {
     super(`Resource Generation Failed: ${A}`);
   }
 }
-class Pt {
+class Nt {
   get(A) {
     return localStorage.getItem(A) || void 0;
   }
@@ -115,7 +115,7 @@ class we {
 }
 const Ht = () => {
   try {
-    return localStorage ? new Pt() : new we();
+    return localStorage ? new Nt() : new we();
   } catch {
     return console.warn("Local storage was unavilable due to browser security settings. Using in-memory storage instead."), new we();
   }
@@ -196,7 +196,7 @@ class kt {
       return B && (r.Authorization = `Bearer ${B}`), l && (r.partnerId = l), d && (r.activeIntegration = d), w && (r.transactionOwnerId = w), C && (r.customerToken = C), E && (r["X-Application-Key"] = E), Q && (r.bundleOwnerId = Q), {
         headers: r
       };
-    }), t = Nt(({ operation: s, graphQLErrors: i, networkError: o }) => {
+    }), t = Pt(({ operation: s, graphQLErrors: i, networkError: o }) => {
       const r = i || [];
       o && console.log("GraphQL Network error"), r.forEach(() => console.log("GraphQL Error: " + s.operationName));
     });
@@ -250,7 +250,7 @@ class kt {
     });
   }
 }
-const N = new kt(), Jt = M`
+const P = new kt(), Jt = M`
     fragment AssetMetadataFields on Asset {
         metadata {
             key
@@ -347,14 +347,14 @@ const N = new kt(), Jt = M`
             }
         }
     }
-`, be = async (c) => (await N.getShadowGraphqlClient().query({
+`, be = async (c) => (await P.getShadowGraphqlClient().query({
   query: bt,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     keys: c
   }
-})).data.assets, Tt = async (c) => (await N.getShadowGraphqlClient().query({
+})).data.assets, Tt = async (c) => (await P.getShadowGraphqlClient().query({
   query: Lt,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -363,7 +363,7 @@ const N = new kt(), Jt = M`
   }
 })).data.materials, zt = async (c, A, e, t, a) => {
   var s;
-  return (s = (await N.getShadowGraphqlClient().mutate({
+  return (s = (await P.getShadowGraphqlClient().mutate({
     mutation: Ot,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -613,7 +613,7 @@ const rA = new jt(), Le = M`
         }
     }
 `, Wt = async (c) => {
-  const A = await N.getShadowGraphqlClient().query({
+  const A = await P.getShadowGraphqlClient().query({
     query: Vt,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -974,6 +974,13 @@ const gA = M`
                         id
                         type
                     }
+                    externalProductId
+                    externalVariantId
+                    additionalExternalProductId
+                    additionalExternalVariantId
+                    additionalIntegrationProduct {
+                        ...AdditionalIntegrationProductFields
+                    }
                 }
                 profanities {
                     id
@@ -3202,7 +3209,7 @@ class ya {
         throw console.log(E), new SA("Error adding font to region");
       }
     }, g = await Promise.all(t.regions.map(r)).catch((B) => {
-      throw B instanceof SA ? (Fa.setLatestToast("Failed to load font.", NA.Error), B) : B instanceof xA ? B : new Error(B);
+      throw B instanceof SA ? (Fa.setLatestToast("Failed to load font.", PA.Error), B) : B instanceof xA ? B : new Error(B);
     });
     return await s.setSelectionsAndElements(
       A,
@@ -4543,27 +4550,27 @@ IfnI8vaNAAAAAElFTkSuQmCC" transform="matrix(0.13 0.0141 -0.0141 0.1301 104.926 1
 </g>
 </svg>
 
-`, P = (c) => ft("http://www.w3.org/2000/svg", c), ne = (c, A) => {
-  const e = P("rect");
+`, N = (c) => ft("http://www.w3.org/2000/svg", c), ne = (c, A) => {
+  const e = N("rect");
   return e.setAttribute("height", `${c}`), e.setAttribute("width", `${A}`), e;
 }, xa = () => {
-  const c = P("svg");
+  const c = N("svg");
   return c.setAttribute("xmlns", "http://www.w3.org/2000/svg"), c.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), c.setAttribute("version", "1.1"), c;
-}, Na = (c) => {
-  const A = P("use");
+}, Pa = (c) => {
+  const A = N("use");
   return A.setAttribute("xlink:href", c), A.setAttribute("href", c), A;
 };
 function qe(c) {
   const A = xa(), e = /viewBox="0 0 (.+?) (.+?)"/.exec(c) || ["0", "0"], t = parseFloat(e[1]), a = parseFloat(e[2]);
   return A.setAttribute("height", `${a}`), A.setAttribute("width", `${t}`), [A, a, t];
 }
-const Pa = (c, A, e) => {
-  const t = P("g");
+const Na = (c, A, e) => {
+  const t = N("g");
   c.appendChild(t), t.setAttribute("id", e), t.innerHTML = A;
 };
 function Ze(c, A, e) {
   const t = k();
-  Pa(A, e, `bgdef-${t}`), c.appendChild(Na(`#bgdef-${t}`));
+  Na(A, e, `bgdef-${t}`), c.appendChild(Pa(`#bgdef-${t}`));
 }
 const $e = (c, A, e, t) => {
   const a = lA("filter");
@@ -4720,26 +4727,26 @@ class Ra extends ae {
   }
   brandSvg(A, e) {
     const t = A.toSVG(2), a = A.getBoundingBox(), n = a.x2 - a.x1, s = A.toPathData(3), i = () => {
-      const D = P("g"), p = P("defs");
+      const D = N("g"), p = N("defs");
       D.appendChild(p), p.appendChild($e(3, 7, 4, "shadow"));
-      const I = P("g");
+      const I = N("g");
       D.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = t;
-      const F = P("g");
+      const F = N("g");
       D.appendChild(F), F.setAttribute("fill", "red"), F.setAttribute("stroke", "red"), F.setAttribute("stroke-width", "9"), F.innerHTML = t;
-      const Y = P("g");
+      const Y = N("g");
       D.appendChild(Y), Y.setAttribute("fill", "#9d2621"), Y.setAttribute("transform", "translate(1,1)"), Y.innerHTML = t;
-      const y = P("g");
+      const y = N("g");
       return D.appendChild(y), y.setAttribute("fill", "yellow"), y.innerHTML = t, new ie(D).transform(([S, J]) => [S, J + (n / 2 - S) ** 2 / (n * 2.9)]), D;
     }, [o, r, g] = qe(e);
     if (!o)
       return "";
-    const B = P("defs");
+    const B = N("defs");
     o.appendChild(B), Ze(o, B, e);
-    const l = r * 0.23, d = g * 0.94, w = g * 0.04, C = r * 0.53, E = P("g");
+    const l = r * 0.23, d = g * 0.94, w = g * 0.04, C = r * 0.53, E = N("g");
     o.appendChild(E), E.setAttribute("transform", `translate(${w} ${C}) rotate(-21)`);
     const Q = ne(l, d);
     Q.setAttribute("opacity", "0"), E.appendChild(Q);
-    const h = P("g");
+    const h = N("g");
     E.appendChild(h);
     const m = i();
     h.appendChild(m);
@@ -4764,11 +4771,11 @@ class Ga extends ae {
   }
   brandSvg(A, e, t) {
     const a = A.toSVG(2), n = A.getBoundingBox(), s = n.y2 - n.y1, i = n.x2 - n.x1, o = A.toPathData(3), r = () => {
-      const I = P("g"), F = P("g");
+      const I = N("g"), F = N("g");
       I.appendChild(F), F.setAttribute("stroke", "#5C1A0D"), F.setAttribute("stroke-width", "4"), F.setAttribute("transform", "translate(1,1)"), F.innerHTML = a;
-      const Y = P("g");
+      const Y = N("g");
       I.appendChild(Y), Y.setAttribute("fill", "#FFE386"), Y.setAttribute("transform", "translate(1,1)"), Y.innerHTML = a;
-      const y = P("g");
+      const y = N("g");
       I.appendChild(y), y.setAttribute("fill", "white"), y.innerHTML = a;
       const G = new ie(I);
       return G.transform(([S, J]) => [S, J + ((i - S) * J) ** 2 / (i * 5e4)]), G.transform(([S, J]) => [
@@ -4778,15 +4785,15 @@ class Ga extends ae {
     }, [g, B, l] = qe(e);
     if (!g)
       return "";
-    const d = P("defs");
+    const d = N("defs");
     g.appendChild(d), Ze(g, d, e);
     let w, C, E, Q;
     t ? (w = B * 0.25 * (1 + 0.1), C = l / 2 * (1 + 0.1), E = l * 0.22, Q = B * 0.32) : (w = B * 0.22 * (1 + 0.1), C = l * 0.8, E = l * 0.067, Q = B * 0.33);
-    const h = P("g");
+    const h = N("g");
     g.appendChild(h), h.setAttribute("transform", `translate(${E} ${Q}) rotate(-10)`);
     const m = ne(w, C);
     m.setAttribute("opacity", "0"), h.appendChild(m);
-    const u = P("g");
+    const u = N("g");
     h.appendChild(u);
     const D = r();
     u.appendChild(D);
@@ -4808,29 +4815,29 @@ class ka extends ae {
   }
   svgElement(A, e) {
     const t = Ae(va), n = A !== "" ? ((m) => m.charAt(0).toUpperCase() + m.substr(1).toLowerCase())(A) : "", s = t.getPath(n, 0, 72, 72), i = s.toSVG(2), o = s.getBoundingBox(), r = o.x2 - o.x1, g = s.toPathData(3), B = () => {
-      const m = P("g");
+      const m = N("g");
       m.classList.add("module-text-group");
-      const u = P("defs");
+      const u = N("defs");
       m.appendChild(u), u.appendChild($e(0, 2, 2, "shadow"));
-      const D = P("path");
+      const D = N("path");
       D.setAttribute("d", g), D.setAttribute("stroke", "black"), D.setAttribute("stroke-width", "3"), u.appendChild(D);
-      const p = P("g");
+      const p = N("g");
       p.classList.add("module-layer0"), m.appendChild(p), p.setAttribute("filter", "url(#shadow)"), p.innerHTML = D.outerHTML;
-      const I = P("g");
+      const I = N("g");
       I.classList.add("module-layer1"), m.appendChild(I), I.setAttribute("stroke-width", "3"), I.setAttribute("stroke", "rgb(45,41,38)"), I.setAttribute("fill", "rgb(45,41,38)"), I.setAttribute("transform", "translate(0.5,0)"), I.innerHTML = i;
-      const F = P("g");
+      const F = N("g");
       F.classList.add("module-layer2"), m.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = i;
-      const Y = P("g");
+      const Y = N("g");
       return Y.classList.add("module-layer3"), m.appendChild(Y), Y.setAttribute("fill", "white"), Y.innerHTML = i, new ie(m).transform(([G, S]) => [G, S + (r / 2 - G) ** 2 / (r * 6)]), m;
-    }, l = P("g");
+    }, l = N("g");
     l.classList.add("module-root");
-    const d = P("defs");
+    const d = N("defs");
     l.appendChild(d);
-    const w = P("g");
+    const w = N("g");
     w.classList.add("module-bounds"), l.appendChild(w);
     const C = ne(e.height, e.width);
     C.setAttribute("opacity", "0"), w.appendChild(C);
-    const E = P("g");
+    const E = N("g");
     E.classList.add("module-text-enclosure"), l.appendChild(E);
     const Q = B();
     E.appendChild(Q);
@@ -4849,7 +4856,7 @@ async function At(c) {
     return new ka();
   throw new v(`Failed to resolve Module, Module ${c} not found`);
 }
-var NA = /* @__PURE__ */ ((c) => (c.Error = "Error", c.Warning = "Warning", c.Info = "Info", c))(NA || {});
+var PA = /* @__PURE__ */ ((c) => (c.Error = "Error", c.Warning = "Warning", c.Info = "Info", c))(PA || {});
 const Ja = 1e3;
 class ue extends Te {
   constructor(A) {
@@ -5798,7 +5805,7 @@ class Va extends j {
             ...this.manager.getInformationResults(),
             {
               message: "An issue has occured with test",
-              messageType: NA.Error,
+              messageType: PA.Error,
               stepID: this.step.stepName
             }
           ]);
@@ -5893,7 +5900,7 @@ class Va extends j {
         ...B,
         {
           message: `${l} - ${this.step.stepTitle}`,
-          messageType: NA.Error,
+          messageType: PA.Error,
           stepID: this.step.stepName
         }
       ]);
@@ -6057,7 +6064,7 @@ const tt = M`
     }
 `, Za = async (c) => {
   var e;
-  return (e = (await N.getShadowGraphqlClient().mutate({
+  return (e = (await P.getShadowGraphqlClient().mutate({
     mutation: Xa,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -6074,7 +6081,7 @@ const tt = M`
   })).data) == null ? void 0 : e.designCreate;
 }, $a = async (c) => {
   var e;
-  return (e = (await N.getShadowGraphqlClient().mutate({
+  return (e = (await P.getShadowGraphqlClient().mutate({
     mutation: qa,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -6189,7 +6196,7 @@ const tt = M`
     if (r !== void 0)
       return r;
     await c.outstandingRequestsPromise();
-    const y = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a.id), S = await N.getShadowGraphqlClient().query({
+    const y = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(a.id), S = await P.getShadowGraphqlClient().query({
       query: Oe,
       variables: { ids: [a.id] },
       fetchPolicy: "no-cache",
@@ -6304,7 +6311,7 @@ const tt = M`
   );
   const a = await (async () => {
     var r;
-    const o = await N.getShadowGraphqlClient().query({
+    const o = await P.getShadowGraphqlClient().query({
       query: Oe,
       variables: { ids: c.map((g) => g.transaction.id) },
       fetchPolicy: "no-cache",
@@ -6613,7 +6620,7 @@ class EA {
   }
   async assignCustomerDetails(A) {
     var s, i, o;
-    const t = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (o = (i = (s = (await N.getShadowGraphqlClient().mutate({
+    const t = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (o = (i = (s = (await P.getShadowGraphqlClient().mutate({
       mutation: an,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
@@ -6811,7 +6818,7 @@ const nn = [
   const a = e.data, n = t.option;
   if (!n)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const s = ((D = n.variants) == null ? void 0 : D.find((I) => I.id === a.illustrationVariantId)) || PA(n);
+  const s = ((D = n.variants) == null ? void 0 : D.find((I) => I.id === a.illustrationVariantId)) || NA(n);
   if (!s)
     return console.error(`No variant with ID: ${a.illustrationVariantId}`), [];
   if (!s.asset)
@@ -6823,7 +6830,7 @@ const nn = [
   const o = await q(i, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", w = xe().parseFromString(B, "image/svg+xml").firstElementChild;
   if (!w)
     return console.error("Failed to read SVG."), [];
-  Ne(w);
+  Pe(w);
   const C = {};
   Yt(w, (I) => {
     nn.includes(I.tagName) && !I.attributes.getNamedItem("fill") && I.setAttribute("fill", "#000000");
@@ -6838,7 +6845,7 @@ const nn = [
       I.classList.add(S), C[S] = { browserValue: y };
     }
   });
-  const Q = Pe().serializeToString(w), h = a.colors;
+  const Q = Ne().serializeToString(w), h = a.colors;
   if (h) {
     for (const [I, F] of Object.entries(C))
       for (const Y of Object.keys(h))
@@ -6910,7 +6917,7 @@ const nn = [
   const a = e.data, n = t.option;
   if (!n)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const s = ((g = n.variants) == null ? void 0 : g.find((l) => l.id === a.pictureVariantId)) || PA(n);
+  const s = ((g = n.variants) == null ? void 0 : g.find((l) => l.id === a.pictureVariantId)) || NA(n);
   if (!s)
     return console.error(`No variant with ID: ${a.pictureVariantId}`), [];
   if (!s.asset)
@@ -6952,7 +6959,7 @@ const nn = [
   const a = e.data, n = t.option;
   if (!n)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const s = ((r = n.variants) == null ? void 0 : r.find((g) => g.id === a.colorVariantId)) || PA(n);
+  const s = ((r = n.variants) == null ? void 0 : r.find((g) => g.id === a.colorVariantId)) || NA(n);
   if (!s)
     return console.error(`No variant with ID: ${a.colorVariantId}`), [];
   A[t.stepName] = { selectedVariants: [s] };
@@ -7042,7 +7049,7 @@ const nn = [
       const l = /<svg.*?<\/svg>/s, d = B.match(l) || [], w = (d == null ? void 0 : d.length) > 0 ? d[0] : "", Q = xe().parseFromString(w, "image/svg+xml").firstElementChild;
       if (!Q)
         throw new sA("Failed to read SVG.");
-      return Ne(Q), Pe().serializeToString(Q);
+      return Pe(Q), Ne().serializeToString(Q);
     };
     o.forEach((B) => {
       const l = c.find((w) => w.panelId === B.panelId);
@@ -7077,7 +7084,7 @@ const nn = [
     const E = t.option;
     if (!E)
       return;
-    const Q = ((m = E.variants) == null ? void 0 : m.find((u) => u.id === n.fontVariantId)) || PA(E);
+    const Q = ((m = E.variants) == null ? void 0 : m.find((u) => u.id === n.fontVariantId)) || NA(E);
     if (!Q || !Q.asset)
       return;
     A[t.stepName] = { selectedVariants: [Q] };
@@ -7633,7 +7640,7 @@ const ys = (c, A) => {
             id
         }
     }
-`, Nn = M`
+`, Pn = M`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -7653,7 +7660,7 @@ const ys = (c, A) => {
             }
         }
     }
-`, Pn = M`
+`, Nn = M`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -7985,7 +7992,7 @@ class Ln {
     var e;
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
-    const A = await N.getShadowGraphqlClient().mutate({
+    const A = await P.getShadowGraphqlClient().mutate({
       mutation: Jn,
       variables: {
         id: this.globalPropertyState.id,
@@ -8002,7 +8009,7 @@ class Ln {
   }
   async getOrCreateGlobalPropertyState() {
     var t;
-    const A = await N.getShadowGraphqlClient().query({
+    const A = await P.getShadowGraphqlClient().query({
       query: bn,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -8015,7 +8022,7 @@ class Ln {
     });
     if (A.data.globalPropertyState && A.data.globalPropertyState.id)
       return A.data.globalPropertyState;
-    const e = await N.getShadowGraphqlClient().mutate({
+    const e = await P.getShadowGraphqlClient().mutate({
       mutation: kn,
       variables: {
         bundleId: this.bundleId
@@ -8386,7 +8393,7 @@ class Ie {
         "Unable to add transaction to bundle - Already Exists: " + t.filter((s) => !!s).map((s) => s == null ? void 0 : s.getWorkflowManager().getTransaction().id).join(", ")
       );
     const a = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), n = e.map((s) => a.get(s));
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: Yn,
       variables: {
         id: this.id,
@@ -8415,7 +8422,7 @@ class Ie {
     ))
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const s = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t);
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: yn,
       variables: {
         id: this.id,
@@ -8448,7 +8455,7 @@ class Ie {
       const a = this.workflowExperiences.find(
         (n) => n.getWorkflowManager().getTransaction().id === e.id
       );
-      this.previewService && a.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await N.getShadowGraphqlClient().mutate({
+      this.previewService && a.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await P.getShadowGraphqlClient().mutate({
         mutation: Sn,
         variables: {
           id: this.id,
@@ -8478,7 +8485,7 @@ class Ie {
         1
       )[0]
     );
-    this.previewService && t.forEach((a) => a.getWorkflowManager().ejectFromPreviewService()), A.forEach((a) => this.bundleStateManager.removeStateForTransaction(a.id)), await N.getShadowGraphqlClient().mutate({
+    this.previewService && t.forEach((a) => a.getWorkflowManager().ejectFromPreviewService()), A.forEach((a) => this.bundleStateManager.removeStateForTransaction(a.id)), await P.getShadowGraphqlClient().mutate({
       mutation: xn,
       variables: {
         id: this.id,
@@ -8539,8 +8546,8 @@ class Ie {
   }
   async addStakeholder(A, e) {
     var n;
-    const t = await N.getShadowGraphqlClient().mutate({
-      mutation: Nn,
+    const t = await P.getShadowGraphqlClient().mutate({
+      mutation: Pn,
       variables: {
         id: this.id,
         details: A,
@@ -8557,8 +8564,8 @@ class Ie {
   }
   async updateStakeholders(A) {
     var a;
-    const e = await N.getShadowGraphqlClient().mutate({
-      mutation: Pn,
+    const e = await P.getShadowGraphqlClient().mutate({
+      mutation: Nn,
       variables: {
         id: this.id,
         input: A
@@ -8573,7 +8580,7 @@ class Ie {
     this.storeStakeholderCustomers(t);
   }
   async getAllStakeholders() {
-    const A = await N.getShadowGraphqlClient().query({
+    const A = await P.getShadowGraphqlClient().query({
       query: Dn,
       errorPolicy: "all",
       variables: {
@@ -8670,7 +8677,7 @@ class Ie {
   }
   async updateBundle() {
     var e;
-    if (!((e = (await N.getShadowGraphqlClient().mutate({
+    if (!((e = (await P.getShadowGraphqlClient().mutate({
       mutation: Mn,
       variables: {
         id: this.id,
@@ -8685,7 +8692,7 @@ class Ie {
       throw new Error("Bundle not found!");
   }
   async updateTransactionOrder() {
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: Hn,
       variables: {
         id: this.id,
@@ -8736,7 +8743,7 @@ class Wn {
    */
   async execute(A, e, t) {
     var B, l, d;
-    const n = (l = (B = (await N.getShadowGraphqlClient().mutate({
+    const n = (l = (B = (await P.getShadowGraphqlClient().mutate({
       mutation: Vn,
       variables: {
         processFlowId: A,
@@ -8752,7 +8759,7 @@ class Wn {
     }
     let i = !1, o = 0, r, g;
     for (; !i; ) {
-      r = await N.getShadowGraphqlClient().query({
+      r = await P.getShadowGraphqlClient().query({
         query: M`
                     query getProcessFlowExecution($ids: [String]!) {
                         processExecutions(ids: $ids) {
@@ -9047,6 +9054,7 @@ const $n = M`
                     lowerBetaLimitDeg
                     maxZoomOverride
                     minZoomOverride
+                    noPan
                     upperAlphaLimitDeg
                     upperBetaLimitDeg
                     renderingPipelineConfiguration {
@@ -9529,7 +9537,7 @@ const $n = M`
   }
 }, gs = async (c, A) => {
   var a;
-  const e = await N.getShadowGraphqlClient().query({
+  const e = await P.getShadowGraphqlClient().query({
     query: ts(((a = A == null ? void 0 : A.assets) == null ? void 0 : a.metadata) || !1),
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -9581,7 +9589,7 @@ class ds {
   constructor(A) {
     this.updateTransactionState = async (e) => {
       try {
-        return N.getShadowGraphqlClient().mutate({
+        return P.getShadowGraphqlClient().mutate({
           ...e,
           mutation: na
         });
@@ -9649,7 +9657,7 @@ class ds {
    */
   async authenticateTransactionFromLocalStorage(A) {
     var g, B, l, d, w, C;
-    const e = N.getShadowGraphqlClient(), t = await e.query({
+    const e = P.getShadowGraphqlClient(), t = await e.query({
       query: as,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -9725,7 +9733,7 @@ class ds {
   async getOrCreateCustomer(A) {
     var s;
     this.customer = void 0;
-    const e = N.getShadowGraphqlClient(), a = (await e.query({
+    const e = P.getShadowGraphqlClient(), a = (await e.query({
       query: ss,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -9760,7 +9768,7 @@ class ds {
   }
   async authenticateCustomerId(A) {
     var i;
-    const e = N.getShadowGraphqlClient(), t = x.getMap("customerTokens");
+    const e = P.getShadowGraphqlClient(), t = x.getMap("customerTokens");
     if (!(t != null && t.has(A)))
       return !1;
     const a = t.get(A);
@@ -9781,7 +9789,7 @@ class ds {
    * @param emailAddress The email address to generate a verification code for. The user will be sent an email with the verification code.
    */
   async generateVerificationCode(A) {
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: rs,
       variables: {
         emailAddress: A
@@ -9796,7 +9804,7 @@ class ds {
    */
   async verifyCode(A, e) {
     var n, s;
-    const a = (n = (await N.getShadowGraphqlClient().mutate({
+    const a = (n = (await P.getShadowGraphqlClient().mutate({
       mutation: cs,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -9822,7 +9830,7 @@ class ds {
    */
   async getNewBundle(A, e) {
     var i;
-    const a = (i = (await N.getShadowGraphqlClient().mutate({
+    const a = (i = (await P.getShadowGraphqlClient().mutate({
       mutation: Fn,
       variables: {
         collectionId: A,
@@ -9846,7 +9854,7 @@ class ds {
    */
   async getExistingBundle(A, e, t) {
     var g, B, l, d;
-    const a = x.getMap("bundleOwnerIds"), n = a == null ? void 0 : a.get(A), s = await N.getShadowGraphqlClient().query({
+    const a = x.getMap("bundleOwnerIds"), n = a == null ? void 0 : a.get(A), s = await P.getShadowGraphqlClient().query({
       query: pn,
       variables: {
         id: A
@@ -9871,7 +9879,7 @@ class ds {
     var n;
     if (!this.customer)
       throw new Error("Customer not authenticated.");
-    const A = await N.getShadowGraphqlClient().query({
+    const A = await P.getShadowGraphqlClient().query({
       query: fn,
       variables: {
         id: this.customer.id
@@ -9900,7 +9908,7 @@ class ds {
       return await this.getWorkflowExperienceDeprecated(A, e, t);
     const n = async () => {
       var Q, h;
-      const E = N.getShadowGraphqlClient();
+      const E = P.getShadowGraphqlClient();
       if (a.type === "transaction") {
         const { transactionId: m, readOnly: u } = a, D = await E.query({
           query: BA,
@@ -10001,7 +10009,7 @@ class ds {
   async getWorkflowExperiences(A, e) {
     if (A.length === 0)
       throw new H("No options provided!");
-    const t = N.getShadowGraphqlClient(), a = A.map((h, m) => ({ option: h, index: m })), n = a.filter((h) => h.option.type === "transaction"), s = a.filter(
+    const t = P.getShadowGraphqlClient(), a = A.map((h, m) => ({ option: h, index: m })), n = a.filter((h) => h.option.type === "transaction"), s = a.filter(
       (h) => h.option.type === "integration" || h.option.type === "external"
     ), i = async () => {
       var D, p;
@@ -10103,7 +10111,7 @@ class ds {
     var s;
     if (A === "")
       throw new H("No integration product ID provided.");
-    const t = await N.getShadowGraphqlClient().mutate({
+    const t = await P.getShadowGraphqlClient().mutate({
       mutation: he,
       variables: {
         integrationProductId: A,
@@ -10138,7 +10146,7 @@ class ds {
     var i, o, r, g;
     if (A === "")
       throw new H("No transaction ID provided.");
-    const t = N.getShadowGraphqlClient(), a = async () => {
+    const t = P.getShadowGraphqlClient(), a = async () => {
       var d, w;
       const l = (d = (await t.query({
         query: BA,
@@ -10226,7 +10234,7 @@ class ds {
       return await r.getWorkflowManager().getInitializationPromise(), r;
     }
     if (A) {
-      const r = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.experienceOptions.transaction.id), g = N.getShadowGraphqlClient().mutate({
+      const r = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.experienceOptions.transaction.id), g = P.getShadowGraphqlClient().mutate({
         mutation: sa,
         variables: {
           workflowId: A,
@@ -10450,7 +10458,7 @@ class Es extends j {
 }
 export {
   $ as AssetNotFoundError,
-  Ps as AssetType,
+  Ns as AssetType,
   Hs as BringForwardCommand,
   Rs as BringToBackCommand,
   Us as BringToFrontCommand,
@@ -10475,7 +10483,7 @@ export {
   oe as GlobalPropertyHandle,
   Ks as GroupCommand,
   La as IllustrationStepHandle,
-  NA as InformationMessageType,
+  PA as InformationMessageType,
   Wa as InformationStepHandle,
   $t as IntegrationType,
   js as LayoutElementFactory,
@@ -10536,7 +10544,7 @@ export {
   li as getSvgElement,
   QA as getWorkflow,
   rt as getWorkflows,
-  N as graphQlManager,
+  P as graphQlManager,
   IA as illustrationStepService,
   Bi as loadFont,
   je as materialStepService,

package/dist/index.umd.cjs

@@ -427,6 +427,13 @@
                         id
                         type
                     }
+                    externalProductId
+                    externalVariantId
+                    additionalExternalProductId
+                    additionalExternalVariantId
+                    additionalIntegrationProduct {
+                        ...AdditionalIntegrationProductFields
+                    }
                 }
                 profanities {
                     id
@@ -2402,6 +2409,7 @@ IfnI8vaNAAAAAElFTkSuQmCC" transform="matrix(0.13 0.0141 -0.0141 0.1301 104.926 1
                     lowerBetaLimitDeg
                     maxZoomOverride
                     minZoomOverride
+                    noPan
                     upperAlphaLimitDeg
                     upperBetaLimitDeg
                     renderingPipelineConfiguration {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spiffcommerce/core",
-    "version": "18.2.2-1",
+    "version": "18.3.0-beta.0",
     "description": "Core client API for interacting with the Spiff Commerce backend.",
     "source": "src/index.ts",
     "main": "dist/index.umd.cjs",