@spiffcommerce/core 19.1.1 → 19.2.1-alpha.0

package/dist/index.js

@@ -1,6 +1,6 @@
-import { createHttpLink as Bt, InMemoryCache as dt, ApolloClient as wt, from as Et, gql as M } from "@apollo/client/core";
+import { createHttpLink as Bt, InMemoryCache as dt, ApolloClient as wt, from as Et, gql as F } from "@apollo/client/core";
 import { fetch as ZA, getAttributesFromArrayBuffer as De, AssetType as ce, StepType as D, getFrameData as $A, frameDataCache as ht, GroupCommand as G, UpdateFramePattern as Fe, UpdateFrameThresholdSettingsCommand as Ct, calculateOffsets as _A, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Me, svgObjectURL as pA, fetchAsString as q, DeleteElementCommand as Z, generateDefaultRectangleFrameSvg as ge, GetSVGDimensions as Qt, patternImageDataCache as le, fetchAsArrayBuffer as ut, findElement as fA, modifySVGWithElementProperties as mt, IllustrationColorCommand as OA, IllustrationCacheCommand as It, getFontMetrics as pt, getPatternImageData as zA, FontAlignmentCommand as ft, FontColorCommand as Dt, FontImageFillCommand as kA, applyTextTransformations as KA, determineCorrectFontSizeAndLines as uA, FontSourceCommand as Be, loadFont as Ae, TextChangeCommand as Ft, FontSizeCommand as Mt, createElementNS as yt, createElement as lA, _loadFontExternalDataURL as ee, UpdateWorkflowStateCommand as de, CommandContext as Yt, createCanvas as DA, getSvgElement as ye, LayoutRenderingPurpose as Ye, renderPapyrusComponentAsString as Se, loadImage as xe, getDomParser as Pe, toBase64 as we, getVariant as St, generateFrameSVG as xt, getDefaultVariant as NA, domParser as Ne, sanitizeSvgTree as He, traverse as Pt, xmlSerializer as Re, CreateLayoutCommand as Nt, AspectType as mA, rehydrateSerializedLayout as _ } from "@spiffcommerce/papyrus";
-import { AssetType as ki, BringForwardCommand as Ji, BringToBackCommand as bi, BringToFrontCommand as Li, CanvasCommand as Ti, CommandContext as Oi, CreateElementCommand as zi, CreateLayoutCommand as Ki, DeleteElementCommand as ji, FontAlignmentCommand as Vi, FontColorCommand as Wi, FontSizeCommand as Xi, FontSourceCommand as qi, GroupCommand as Zi, LayoutElementFactory as $i, LayoutElementType as _i, MoveCommand as As, ResizeCommand as es, RotateCommand as ts, SendBackwardsCommand as ns, StepAspectType as as, StepType as is, TextChangeCommand as ss, UnitOfMeasurement as os, dataUrlFromExternalUrl as rs, determineCorrectFontSizeAndLines as cs, findElement as gs, frameDataCache as ls, generate as Bs, generateSVGWithUnknownColors as ds, getAttributesFromArrayBuffer as ws, getAxisAlignedBoundingBox as Es, getFrameData as hs, getSvgElement as Cs, loadFont as Qs, patternImageDataCache as us, registerFetchImplementation as ms, registerWindowImplementation as Is, rehydrateSerializedLayout as ps, setCanvasModule as fs } from "@spiffcommerce/papyrus";
+import { AssetType as Ji, BringForwardCommand as bi, BringToBackCommand as Li, BringToFrontCommand as Ti, CanvasCommand as Oi, CommandContext as zi, CreateElementCommand as Ki, CreateLayoutCommand as ji, DeleteElementCommand as Vi, FontAlignmentCommand as Wi, FontColorCommand as Xi, FontSizeCommand as qi, FontSourceCommand as Zi, GroupCommand as $i, LayoutElementFactory as _i, LayoutElementType as As, MoveCommand as es, ResizeCommand as ts, RotateCommand as ns, SendBackwardsCommand as as, StepAspectType as is, StepType as ss, TextChangeCommand as os, UnitOfMeasurement as rs, dataUrlFromExternalUrl as cs, determineCorrectFontSizeAndLines as gs, findElement as ls, frameDataCache as Bs, generate as ds, generateSVGWithUnknownColors as ws, getAttributesFromArrayBuffer as Es, getAxisAlignedBoundingBox as hs, getFrameData as Cs, getSvgElement as Qs, loadFont as us, patternImageDataCache as ms, registerFetchImplementation as Is, registerWindowImplementation as ps, rehydrateSerializedLayout as fs, setCanvasModule as Ds } from "@spiffcommerce/papyrus";
 import { setContext as Ht } from "@apollo/client/link/context";
 import { onError as Rt } from "@apollo/client/link/error";
 import { Pith as Ue } from "pith";
@@ -169,32 +169,51 @@ const kt = (c) => {
 };
 class Lt {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), yA.addServerUrlCallback(() => {
+    this.authenticationMode = 0, this.shadowGraphqlClient = this.constructShadowGraphqlClient(), yA.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
   getShadowGraphqlClient() {
     return this.shadowGraphqlClient;
   }
+  setAuthenticationMode(A) {
+    this.authenticationMode = A;
+  }
   constructShadowGraphqlClient() {
     const A = Bt({
       uri: `${yA.getServerUrl()}/graphql`,
       fetch: ZA
     }), e = Ht(async (i, s) => {
-      const { headers: o } = s, r = o || {}, g = await bt(), B = s.bearer ?? g.bearer, l = s.partnerId ?? g.partnerId, d = s.activeIntegration ?? g.activeIntegration, w = s.transactionOwnerId, h = s.customerToken ?? g.customerToken, E = s.applicationKey ?? g.applicationKey, Q = s.bundleOwnerId;
+      const { headers: o } = s, r = o || {}, g = await bt(), B = () => {
+        switch (this.authenticationMode) {
+          case 2:
+          case 0:
+            return s.bearer ?? g.bearer;
+          default:
+            return;
+        }
+      }, l = () => {
+        switch (this.authenticationMode) {
+          case 1:
+          case 0:
+            return s.applicationKey ?? g.applicationKey;
+          default:
+            return;
+        }
+      }, d = B(), w = l(), h = s.partnerId ?? g.partnerId, E = s.activeIntegration ?? g.activeIntegration, Q = s.transactionOwnerId, C = s.customerToken ?? g.customerToken, f = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
-          const C = window.__SENTRY__.hub;
-          if (C) {
-            const f = C.traceHeaders();
-            Object.entries(f).forEach(([u, m]) => {
-              r[u] = m;
+          const u = window.__SENTRY__.hub;
+          if (u) {
+            const I = u.traceHeaders();
+            Object.entries(I).forEach(([m, p]) => {
+              r[m] = p;
             });
           }
         }
       } catch {
       }
-      return B && (r.Authorization = `Bearer ${B}`), l && (r.partnerId = l), d && (r.activeIntegration = d), w && (r.transactionOwnerId = w), h && (r.customerToken = h), E && (r["X-Application-Key"] = E), Q && (r.bundleOwnerId = Q), {
+      return d && (r.Authorization = `Bearer ${d}`), h && (r.partnerId = h), E && (r.activeIntegration = E), Q && (r.transactionOwnerId = Q), C && (r.customerToken = C), w && (r["X-Application-Key"] = w), f && (r.bundleOwnerId = f), {
         headers: r
       };
     }), t = Rt(({ operation: i, graphQLErrors: s, networkError: o }) => {
@@ -251,14 +270,14 @@ class Lt {
     });
   }
 }
-const N = new Lt(), Tt = M`
+const P = new Lt(), Tt = F`
     fragment AssetMetadataFields on Asset {
         metadata {
             key
             value
         }
     }
-`, GA = (c) => M`
+`, GA = (c) => F`
         ${c && Tt || ""}
         fragment AssetFields on Asset {
             name
@@ -273,14 +292,14 @@ const N = new Lt(), Tt = M`
             }
             ${c && "...AssetMetadataFields" || ""}
         }
-    `, Ot = M`
+    `, Ot = F`
     ${GA(!1)}
     query GetAssets($keys: [String]!) {
         assets(keys: $keys) {
             ...AssetFields
         }
     }
-`, ne = M`
+`, ne = F`
     fragment MaterialFields on Material {
         id
         name
@@ -327,14 +346,14 @@ const N = new Lt(), Tt = M`
             fileLink
         }
     }
-`, zt = M`
+`, zt = F`
     ${ne}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
         }
     }
-`, Kt = M`
+`, Kt = F`
     mutation CreateAsset($name: String!, $type: String!, $mimeType: String!, $anonymous: Boolean, $temporary: Boolean) {
         assetCreate(name: $name, type: $type, mimeType: $mimeType, anonymous: $anonymous, temporary: $temporary) {
             uploadUrl
@@ -348,14 +367,14 @@ const N = new Lt(), Tt = M`
             }
         }
     }
-`, Te = async (c) => (await N.getShadowGraphqlClient().query({
+`, Te = async (c) => (await P.getShadowGraphqlClient().query({
   query: Ot,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     keys: c
   }
-})).data.assets, jt = async (c) => (await N.getShadowGraphqlClient().query({
+})).data.assets, jt = async (c) => (await P.getShadowGraphqlClient().query({
   query: zt,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -364,7 +383,7 @@ const N = new Lt(), Tt = M`
   }
 })).data.materials, Vt = async (c, A, e, t, n) => {
   var i;
-  return (i = (await N.getShadowGraphqlClient().mutate({
+  return (i = (await P.getShadowGraphqlClient().mutate({
     mutation: Kt,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -564,7 +583,7 @@ class Xt {
     this.disabled = A;
   }
 }
-const cA = new Xt(), Oe = M`
+const cA = new Xt(), Oe = F`
     fragment OptionFields on Option {
         id
         name
@@ -604,7 +623,7 @@ const cA = new Xt(), Oe = M`
             ...AssetFields
         }
     }
-`, qt = M`
+`, qt = F`
     ${GA(!1)}
     ${ne}
     ${Oe}
@@ -614,7 +633,7 @@ const cA = new Xt(), Oe = M`
         }
     }
 `, Zt = async (c) => {
-  const A = await N.getShadowGraphqlClient().query({
+  const A = await P.getShadowGraphqlClient().query({
     query: qt,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -692,7 +711,7 @@ class An {
 }
 const j = new An();
 var en = /* @__PURE__ */ ((c) => (c.Hub = "Hub", c.Shopify = "Shopify", c))(en || {}), tn = /* @__PURE__ */ ((c) => (c[c.Orbit = 0] = "Orbit", c[c.Pan = 1] = "Pan", c))(tn || {}), nn = /* @__PURE__ */ ((c) => (c.Manual = "Manual", c.OnStart = "OnStart", c.OnQuit = "OnQuit", c.OnEnd = "OnEnd", c))(nn || {}), an = /* @__PURE__ */ ((c) => (c.Email = "Email", c.FirstName = "FirstName", c.LastName = "LastName", c.Phone = "Phone", c))(an || {}), YA = /* @__PURE__ */ ((c) => (c.Owner = "Owner", c.Approver = "Approver", c.Editor = "Editor", c.Viewer = "Viewer", c))(YA || {});
-const nA = M`
+const nA = F`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -709,7 +728,7 @@ const nA = M`
             preloadImageUrl
         }
     }
-`, Qe = M`
+`, Qe = F`
     ${nA}
     mutation CreateTransaction(
         $integrationProductId: String
@@ -793,7 +812,7 @@ const nA = M`
             }
         }
     }
-`, sn = M`
+`, sn = F`
     ${nA}
     mutation CreateTransactions($inputs: [TransactionCreateInput]!) {
         transactionCreateMany(inputs: $inputs) {
@@ -865,7 +884,7 @@ const nA = M`
             }
         }
     }
-`, on = M`
+`, on = F`
     ${nA}
     mutation ClaimTransaction($id: String!) {
         transactionClaim(id: $id) {
@@ -937,7 +956,7 @@ const nA = M`
             }
         }
     }
-`, BA = M`
+`, BA = F`
     ${nA}
     query ReadTransactions($ids: [String]!) {
         transactions(ids: $ids) {
@@ -1030,20 +1049,20 @@ const nA = M`
             }
         }
     }
-`, rn = M`
+`, rn = F`
     mutation UpdateTransactionWorkflowState($id: String!, $workflowState: String!) {
         transactionUpdate(id: $id, workflowState: $workflowState) {
             id
         }
     }
-`, cn = M`
+`, cn = F`
     mutation UpdateTransactionWorkflowId($id: String!, $workflowId: String!) {
         transactionUpdate(id: $id, workflowId: $workflowId) {
             id
         }
     }
 `;
-M`
+F`
     query ReadTransactionForDesignCreation($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -1083,14 +1102,14 @@ M`
         }
     }
 `;
-const ze = M`
+const ze = F`
     query ReadWorkflowStates($ids: [String]!) {
         transactions(ids: $ids) {
             id
             workflowState
         }
     }
-`, Ke = M`
+`, Ke = F`
     ${nA}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -1132,14 +1151,14 @@ const ze = M`
             }
         }
     }
-`, gn = M`
+`, gn = F`
     ${Ke}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
-`, ln = M`
+`, ln = F`
     ${Ke}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
@@ -1671,8 +1690,8 @@ class un {
   async regenerateQRCode(A, e, t, n, a, i, s, o, r) {
     if (!e && t !== "" && n === "") {
       const g = async () => {
-        var u, m;
-        const C = (await Te([t]))[0], f = (m = (u = C == null ? void 0 : C.versions) == null ? void 0 : u.find((I) => I.name === "mpeg4")) == null ? void 0 : m.link;
+        var u, I;
+        const C = (await Te([t]))[0], f = (I = (u = C == null ? void 0 : C.versions) == null ? void 0 : u.find((m) => m.name === "mpeg4")) == null ? void 0 : I.link;
         return { asset: C, link: f };
       }, B = await new Promise((C, f) => {
         new We(
@@ -1936,11 +1955,11 @@ class In {
           scaleX: (C == null ? void 0 : C.zoom) || 1,
           scaleY: (C == null ? void 0 : C.zoom) || 1,
           rotation: 0
-        } : void 0, u = J(), I = n.getLayouts().find((p) => p.panelId === d.panelId);
-        if (!I)
+        } : void 0, u = J(), m = n.getLayouts().find((p) => p.panelId === d.panelId);
+        if (!m)
           throw new z(d);
         return {
-          command: this.getCreateElementCommand(u, d, I, {
+          command: this.getCreateElementCommand(u, d, m, {
             frameData: h,
             pattern: f,
             disablePlaceholder: A.data.disablePlaceholder,
@@ -2168,7 +2187,7 @@ class pn {
     if (!o)
       throw new rA(s);
     const r = await Me(await this.getIllustrationBody(o)), g = await pA(r.svg), B = (C) => {
-      const f = a.getLayouts().find((m) => m.panelId === C.panelId);
+      const f = a.getLayouts().find((I) => I.panelId === C.panelId);
       if (!f)
         throw new z(C);
       const u = J();
@@ -2202,13 +2221,13 @@ class pn {
         );
         const C = await this.availableColors(A, a) || [], f = Object.keys(r.colors);
         if (A.data.colorPickerEnabled && C.length === 1 && f.length === 1) {
-          const u = C[0], m = f[0];
+          const u = C[0], I = f[0];
           await this.changeColors(
             A,
-            l.map((I) => I.regionElement),
+            l.map((m) => m.regionElement),
             a,
             () => a.getCommandContext().getAllLayouts(),
-            /* @__PURE__ */ new Map([[m, u.variant.color]])
+            /* @__PURE__ */ new Map([[I, u.variant.color]])
           );
         }
       }
@@ -3090,7 +3109,7 @@ class Hn {
             h,
             async () => {
               e.updateMetadata(A.stepName, { color: E, text: Q }), e.updateStorage(A.stepName, { text: Q, inputText: Q });
-              const f = s.map((m) => new Be(m.id, w)), u = new G(f);
+              const f = s.map((I) => new Be(I.id, w)), u = new G(f);
               e.getCommandDispatcher()(u), e.setMandatoryFulfilled(A.stepName, !0);
             }
           );
@@ -3214,11 +3233,11 @@ class Hn {
         const E = t.colorOption;
         let Q;
         if (E && E.variants) {
-          const P = E.variants.find((H) => {
+          const N = E.variants.find((H) => {
             var T;
             return H.id === ((T = E.defaultVariant) == null ? void 0 : T.id);
           }) || E.variants[0];
-          Q = this.createTextFillSpotColor(E, P), i.updateStorage(A, {
+          Q = this.createTextFillSpotColor(E, N), i.updateStorage(A, {
             colorProfileAssetKey: (h = E.colorProfile) == null ? void 0 : h.key
           });
         }
@@ -3246,10 +3265,10 @@ class Hn {
           curved: t.curved,
           paths: t.paths,
           fillSpotColorDefinition: Q
-        }, m = [], I = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
+        }, I = [], m = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
         if (!u.fontData)
           throw new k("Failed to resolve font data for text.");
-        const [F, y] = uA(
+        const [M, y] = uA(
           u.fontSize,
           u.fontData,
           {
@@ -3263,16 +3282,16 @@ class Hn {
           [o],
           { size: t.size, minSize: t.minSize, maxSize: t.maxSize }
         );
-        I.set(u.id, F), p.set(u.id, y);
+        m.set(u.id, M), p.set(u.id, y);
         const S = t.curved || t.vertical ? o : (y || []).join(`
 `);
-        m.push(
-          this.generateTextChangeCommandsForRegion(F, t, u.id, S)
+        I.push(
+          this.generateTextChangeCommandsForRegion(M, t, u.id, S)
         );
         const Y = new L(u, d);
         return {
           regionElement: { id: w, region: B },
-          commands: [Y, ...m],
+          commands: [Y, ...I],
           newElement: u,
           fontData: n
         };
@@ -3310,23 +3329,23 @@ class Hn {
     const B = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), l = this.getProcessedInput(B, A.data, s), d = i.getRegionElements(A.stepName), w = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
     for (const u of d)
       if (u.region) {
-        const [m, I] = uA(
+        const [I, m] = uA(
           e,
           t,
           u.region,
           [l],
           { size: A.data.size, minSize: A.data.minSize, maxSize: A.data.maxSize }
         );
-        w.set(u.id, m), h.set(u.id, I);
+        w.set(u.id, I), h.set(u.id, m);
       }
     const Q = (() => {
       if (A.data && A.data.maxLength && l.length > A.data.maxLength)
         return g && g(!0), { info: "0" };
-      const u = i.getProfanities(), m = jA(l.toLowerCase());
-      for (const I of m)
+      const u = i.getProfanities(), I = jA(l.toLowerCase());
+      for (const m of I)
         for (const p in u) {
-          const F = u[p].toLowerCase().replace(/\s/g, "");
-          if (I === F)
+          const M = u[p].toLowerCase().replace(/\s/g, "");
+          if (m === M)
             return o(!0), { error: "Blocked profanity." };
         }
       return !A.data.vertical && !A.data.allowNewlines && (l.includes(`
@@ -3343,14 +3362,14 @@ class Hn {
     }), a.defaultCleared && i.setMandatoryFulfilled(A.stepName, !0);
     const C = [];
     for (const u of d) {
-      const m = A.data.curved ? l : (h.get(u.id) || []).join(`
+      const I = A.data.curved ? l : (h.get(u.id) || []).join(`
 `);
       C.push(
         this.generateTextChangeCommandsForRegion(
           w.get(u.id) || 1,
           A.data,
           u.id,
-          m
+          I
         )
       );
     }
@@ -4798,16 +4817,16 @@ class bn extends ae {
   }
   brandSvg(A, e) {
     const t = A.toSVG(2), n = A.getBoundingBox(), a = n.x2 - n.x1, i = A.toPathData(3), s = () => {
-      const m = R("g"), I = R("defs");
-      m.appendChild(I), I.appendChild(et(3, 7, 4, "shadow"));
+      const I = R("g"), m = R("defs");
+      I.appendChild(m), m.appendChild(et(3, 7, 4, "shadow"));
       const p = R("g");
-      m.appendChild(p), p.setAttribute("filter", "url(#shadow)"), p.innerHTML = t;
-      const F = R("g");
-      m.appendChild(F), F.setAttribute("fill", "red"), F.setAttribute("stroke", "red"), F.setAttribute("stroke-width", "9"), F.innerHTML = t;
+      I.appendChild(p), p.setAttribute("filter", "url(#shadow)"), p.innerHTML = t;
+      const M = R("g");
+      I.appendChild(M), M.setAttribute("fill", "red"), M.setAttribute("stroke", "red"), M.setAttribute("stroke-width", "9"), M.innerHTML = t;
       const y = R("g");
-      m.appendChild(y), y.setAttribute("fill", "#9d2621"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = t;
+      I.appendChild(y), y.setAttribute("fill", "#9d2621"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = t;
       const S = R("g");
-      return m.appendChild(S), S.setAttribute("fill", "yellow"), S.innerHTML = t, new oe(m).transform(([P, H]) => [P, H + (a / 2 - P) ** 2 / (a * 2.9)]), m;
+      return I.appendChild(S), S.setAttribute("fill", "yellow"), S.innerHTML = t, new oe(I).transform(([N, H]) => [N, H + (a / 2 - N) ** 2 / (a * 2.9)]), I;
     }, [o, r, g] = _e(e);
     if (!o)
       return "";
@@ -4842,17 +4861,17 @@ class Tn extends ae {
   }
   brandSvg(A, e, t) {
     const n = A.toSVG(2), a = A.getBoundingBox(), i = a.y2 - a.y1, s = a.x2 - a.x1, o = A.toPathData(3), r = () => {
-      const p = R("g"), F = R("g");
-      p.appendChild(F), F.setAttribute("stroke", "#5C1A0D"), F.setAttribute("stroke-width", "4"), F.setAttribute("transform", "translate(1,1)"), F.innerHTML = n;
+      const p = R("g"), M = R("g");
+      p.appendChild(M), M.setAttribute("stroke", "#5C1A0D"), M.setAttribute("stroke-width", "4"), M.setAttribute("transform", "translate(1,1)"), M.innerHTML = n;
       const y = R("g");
       p.appendChild(y), y.setAttribute("fill", "#FFE386"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = n;
       const S = R("g");
       p.appendChild(S), S.setAttribute("fill", "white"), S.innerHTML = n;
       const Y = new oe(p);
-      return Y.transform(([P, H]) => [P, H + ((s - P) * H) ** 2 / (s * 5e4)]), Y.transform(([P, H]) => [
-        P,
-        H + (s / 3 - P) ** 2 / s * this.indicator(P < s / 3)
-      ]), Y.transform(([P, H]) => [P - (i - H) * (s - P) / 800, H]), p;
+      return Y.transform(([N, H]) => [N, H + ((s - N) * H) ** 2 / (s * 5e4)]), Y.transform(([N, H]) => [
+        N,
+        H + (s / 3 - N) ** 2 / s * this.indicator(N < s / 3)
+      ]), Y.transform(([N, H]) => [N - (i - H) * (s - N) / 800, H]), p;
     }, [g, B, l] = _e(e);
     if (!g)
       return "";
@@ -4866,10 +4885,10 @@ class Tn extends ae {
     f.setAttribute("opacity", "0"), C.appendChild(f);
     const u = R("g");
     C.appendChild(u);
-    const m = r();
-    u.appendChild(m);
-    const I = te(o);
-    return se(u, I, w, h), g.outerHTML;
+    const I = r();
+    u.appendChild(I);
+    const m = te(o);
+    return se(u, m, w, h), g.outerHTML;
   }
   // 1 if true, 0 if false.
 }
@@ -4890,16 +4909,16 @@ class zn extends ae {
       f.classList.add("module-text-group");
       const u = R("defs");
       f.appendChild(u), u.appendChild(et(0, 2, 2, "shadow"));
-      const m = R("path");
-      m.setAttribute("d", g), m.setAttribute("stroke", "black"), m.setAttribute("stroke-width", "3"), u.appendChild(m);
-      const I = R("g");
-      I.classList.add("module-layer0"), f.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = m.outerHTML;
+      const I = R("path");
+      I.setAttribute("d", g), I.setAttribute("stroke", "black"), I.setAttribute("stroke-width", "3"), u.appendChild(I);
+      const m = R("g");
+      m.classList.add("module-layer0"), f.appendChild(m), m.setAttribute("filter", "url(#shadow)"), m.innerHTML = I.outerHTML;
       const p = R("g");
       p.classList.add("module-layer1"), f.appendChild(p), p.setAttribute("stroke-width", "3"), p.setAttribute("stroke", "rgb(45,41,38)"), p.setAttribute("fill", "rgb(45,41,38)"), p.setAttribute("transform", "translate(0.5,0)"), p.innerHTML = s;
-      const F = R("g");
-      F.classList.add("module-layer2"), f.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = s;
+      const M = R("g");
+      M.classList.add("module-layer2"), f.appendChild(M), M.setAttribute("fill", "rgb(255,209,0)"), M.setAttribute("transform", "translate(1,-0.1)"), M.innerHTML = s;
       const y = R("g");
-      return y.classList.add("module-layer3"), f.appendChild(y), y.setAttribute("fill", "white"), y.innerHTML = s, new oe(f).transform(([Y, P]) => [Y, P + (r / 2 - Y) ** 2 / (r * 6)]), f;
+      return y.classList.add("module-layer3"), f.appendChild(y), y.setAttribute("fill", "white"), y.innerHTML = s, new oe(f).transform(([Y, N]) => [Y, N + (r / 2 - Y) ** 2 / (r * 6)]), f;
     }, l = R("g");
     l.classList.add("module-root");
     const d = R("defs");
@@ -5341,19 +5360,19 @@ class jn {
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
   async setSelectionsAndElements(A, e, t, n) {
-    var m;
+    var I;
     const a = this.stepSelections;
     this.stepSelections = {
       ...this.stepSelections,
       [A]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((I, p) => I + p.selectedVariants.map((F) => F.priceModifier || 0).reduce((F, y) => F + y, 0), 0), this.workflow.steps.forEach((I) => {
-      tA(I, this.stepSelections) || (this.stepInitialised[I.stepName] = !1, delete this.stepMetadata[I.stepName], delete this.stepSelections[I.stepName], delete this.storage[I.stepName]);
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((m, p) => m + p.selectedVariants.map((M) => M.priceModifier || 0).reduce((M, y) => M + y, 0), 0), this.workflow.steps.forEach((m) => {
+      tA(m, this.stepSelections) || (this.stepInitialised[m.stepName] = !1, delete this.stepMetadata[m.stepName], delete this.stepSelections[m.stepName], delete this.storage[m.stepName]);
     });
-    const i = this.allScenes, s = eA(i, a), o = eA(i, this.stepSelections), r = s.map((I) => I.silentSteps).flat(), B = o.map((I) => I.silentSteps).flat().filter(
-      (I) => !r.some((p) => p.stepName === I.stepName)
+    const i = this.allScenes, s = eA(i, a), o = eA(i, this.stepSelections), r = s.map((m) => m.silentSteps).flat(), B = o.map((m) => m.silentSteps).flat().filter(
+      (m) => !r.some((p) => p.stepName === m.stepName)
     );
-    r.forEach((I) => {
-      tA(I, this.stepSelections) || (this.stepInitialised[I.stepName] = !1);
+    r.forEach((m) => {
+      tA(m, this.stepSelections) || (this.stepInitialised[m.stepName] = !1);
     });
     const l = this.getInvalidCanvasRegions(), { stepElements: d, commands: w } = await this.stepElementsForIntroducedSilentSteps(B, !1);
     this.stepElements = {
@@ -5361,16 +5380,16 @@ class jn {
       ...d,
       [A]: t
     }, this.removeElements(l);
-    const h = this.workflow.steps.find((I) => I.stepName === A);
+    const h = this.workflow.steps.find((m) => m.stepName === A);
     if ((h == null ? void 0 : h.type) === D.Frame) {
-      const I = this.getStepSpecificServices(A);
-      (m = I == null ? void 0 : I.frameService) == null || m.setTargetElements(t.map((p) => p.id));
+      const m = this.getStepSpecificServices(A);
+      (I = m == null ? void 0 : m.frameService) == null || I.setTargetElements(t.map((p) => p.id));
     }
-    const E = l.map((I) => new Z(I.id)), Q = new de(this.constructSerializableWorkflow()), C = [...w, ...E, Q];
+    const E = l.map((m) => new Z(m.id)), Q = new de(this.constructSerializableWorkflow()), C = [...w, ...E, Q];
     C.length > 0 && this.commandContext.apply(new G(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const f = this.getInvalidModelVariants(), u = this.modelContainer;
     if (u) {
-      const I = f.map(
+      const m = f.map(
         (p) => u.applyModelVariant(
           p,
           {
@@ -5379,7 +5398,7 @@ class jn {
           !1
         )
       );
-      await Promise.all(I);
+      await Promise.all(m);
     }
     await this.onSelectionChange(), n && await n();
   }
@@ -6065,13 +6084,13 @@ class wA {
       case D.Model:
         return new Xn(A, e);
       case D.Frame:
-        return new mi(A, e);
+        return new Ii(A, e);
       default:
         throw new k(`Step type ${e.type} not yet supported in Core SDK`);
     }
   }
 }
-const it = M`
+const it = F`
     fragment CreateDesignTransaction on Transaction {
         id
         designName
@@ -6090,7 +6109,7 @@ const it = M`
             additionalExternalVariantId
         }
     }
-`, ea = M`
+`, ea = F`
     ${it}
     mutation CreateDesign(
         $name: String!
@@ -6122,7 +6141,7 @@ const it = M`
             }
         }
     }
-`, ta = M`
+`, ta = F`
     ${it}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
@@ -6138,7 +6157,7 @@ const it = M`
     }
 `, na = async (c) => {
   var e;
-  return (e = (await N.getShadowGraphqlClient().mutate({
+  return (e = (await P.getShadowGraphqlClient().mutate({
     mutation: ea,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -6155,7 +6174,7 @@ const it = M`
   })).data) == null ? void 0 : e.designCreate;
 }, aa = async (c) => {
   var e;
-  return (e = (await N.getShadowGraphqlClient().mutate({
+  return (e = (await P.getShadowGraphqlClient().mutate({
     mutation: ta,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -6264,13 +6283,13 @@ const it = M`
   };
   return a && (d.metadata = a), t && (d.selectedVariants = t), n && (d.sku = n), d;
 }, ot = async (c, A, e, t, n, a, i, s, o, r) => {
-  var F;
+  var M;
   await (async () => {
     var T;
     if (r !== void 0)
       return r;
     await c.outstandingRequestsPromise();
-    const S = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), P = await N.getShadowGraphqlClient().query({
+    const S = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await P.getShadowGraphqlClient().query({
       query: ze,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
@@ -6278,17 +6297,17 @@ const it = M`
       context: {
         transactionOwnerId: S
       }
-    }), H = (T = P.data) == null ? void 0 : T.transactions[0].workflowState;
-    return P.errors ? (P.errors.forEach((b) => {
-      P.errors && console.log("Server Error:", b.message);
+    }), H = (T = N.data) == null ? void 0 : T.transactions[0].workflowState;
+    return N.errors ? (N.errors.forEach((b) => {
+      N.errors && console.log("Server Error:", b.message);
     }), null) : H ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(t())), await c.updateStateWithServerImmediate(t), console.log("Server state is undefined @ Workflow completion"));
-  const l = c.getPreviewService(), d = (F = A == null ? void 0 : A.finalizeStepConfig) == null ? void 0 : F.lookAtAnimation, w = l && A.showModelOnFinishStep && !!d, h = o && XA(o, A, !0), E = o && XA(o, A, !1), Q = async (y) => {
+  const l = c.getPreviewService(), d = (M = A == null ? void 0 : A.finalizeStepConfig) == null ? void 0 : M.lookAtAnimation, w = l && A.showModelOnFinishStep && !!d, h = o && XA(o, A, !0), E = o && XA(o, A, !1), Q = async (y) => {
     const S = {};
     let Y = 0;
     if (Object.keys(a).length > 0)
-      for (const P of Object.keys(a)) {
-        const H = a[P], T = A.steps.find((b) => b.stepName === P);
+      for (const N of Object.keys(a)) {
+        const H = a[N], T = A.steps.find((b) => b.stepName === N);
         for (let b = 0; b < H.selections.length; ++b) {
           const V = H.selections[b];
           if (T && (!y || T.option && (T.option.variants || []).length > 1 && !T.data.hideSelectionInCart && !T.data.hideSelectionsInCart)) {
@@ -6311,12 +6330,12 @@ const it = M`
     return [S, Y];
   }, [C] = await Q(!0), f = Object.fromEntries(
     Object.keys(C).map((y) => [y, C[y].map((S) => S.id)])
-  ), [u] = await Q(!1), m = Object.fromEntries(
+  ), [u] = await Q(!1), I = Object.fromEntries(
     Object.keys(u).map((y) => [
       y,
       u[y].map((S) => S.id)
     ])
-  ), I = await s(w, n.id);
+  ), m = await s(w, n.id);
   return {
     designDetails: (() => {
       const y = {
@@ -6328,18 +6347,18 @@ const it = M`
         workflowId: A.id,
         transactionId: n.id,
         useThreeDimPreview: !!w,
-        previewImage: I
+        previewImage: m
       };
       if (E) {
         const S = [];
-        for (const [Y, P] of Object.entries(E))
-          S.push({ key: Y, value: P });
+        for (const [Y, N] of Object.entries(E))
+          S.push({ key: Y, value: N });
         y.metadata = S;
       }
       if (f) {
         const S = [];
-        for (const [Y, P] of Object.entries(m))
-          S.push({ key: Y, ids: P });
+        for (const [Y, N] of Object.entries(I))
+          S.push({ key: Y, ids: N });
         y.selectedVariants = S;
       }
       return y;
@@ -6385,7 +6404,7 @@ const it = M`
   );
   const n = await (async () => {
     var r;
-    const o = await N.getShadowGraphqlClient().query({
+    const o = await P.getShadowGraphqlClient().query({
       query: ze,
       variables: { ids: c.map((g) => g.transaction.id) },
       fetchPolicy: "no-cache",
@@ -6497,7 +6516,7 @@ class ra {
     throw new k("Unexpected storage method requested");
   }
 }
-const LA = new ra(), ca = M`
+const LA = new ra(), ca = F`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -6592,8 +6611,8 @@ class EA {
     let a = 2048;
     e && e <= 2048 && (a = e);
     const i = DA(a, a), s = this.commandContext.getAllLayouts(), o = t.defaultPreviewPanelIndex || 0, r = t.panels[o], g = s.find((u) => {
-      var m;
-      return ((m = u.layoutState) == null ? void 0 : m.layout.panelId) === (r == null ? void 0 : r.name);
+      var I;
+      return ((I = u.layoutState) == null ? void 0 : I.layout.panelId) === (r == null ? void 0 : r.name);
     }) || s[0], B = g.layoutState.layout.previewRegion ? {
       x: g.layoutState.layout.previewRegion.left,
       y: g.layoutState.layout.previewRegion.top,
@@ -6706,7 +6725,7 @@ class EA {
   }
   async assignCustomerDetails(A) {
     var i, s, o;
-    const t = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), a = (o = (s = (i = (await N.getShadowGraphqlClient().mutate({
+    const t = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), a = (o = (s = (i = (await P.getShadowGraphqlClient().mutate({
       mutation: ca,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
@@ -6760,7 +6779,7 @@ class EA {
     const A = HA(this.getCommandContext().getState());
     if (!A)
       throw new k("Internal state is undefined! Cannot copy experience!");
-    const e = JSON.stringify(A.transaction), t = this.getWorkflowManager().getWorkflow(), n = new Qi({}), a = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
+    const e = JSON.stringify(A.transaction), t = this.getWorkflowManager().getWorkflow(), n = new ui({}), a = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
     if (!a)
       throw new k("Integration product id is undefined!");
     return await n.initFromIntegrationProduct(a), await n.getWorkflowExperience(t.id, e, void 0);
@@ -6900,17 +6919,17 @@ const ga = [
     return console.error(s), [];
   }
 }, da = async (c, A, e, t) => {
-  var m, I;
+  var I, m;
   const n = e.data, a = t.option;
   if (!a)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const i = ((m = a.variants) == null ? void 0 : m.find((p) => p.id === n.illustrationVariantId)) || NA(a);
+  const i = ((I = a.variants) == null ? void 0 : I.find((p) => p.id === n.illustrationVariantId)) || NA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!i.asset)
     return console.error(`No asset for variant with ID: ${n.illustrationVariantId}`), [];
   A[t.stepName] = { selectedVariants: [i] };
-  const s = (I = i.asset) == null ? void 0 : I.fileLink;
+  const s = (m = i.asset) == null ? void 0 : m.fileLink;
   if (!s)
     return console.error(`No asset link for variant with ID: ${n.illustrationVariantId}`), [];
   const o = await q(s, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", w = Ne().parseFromString(B, "image/svg+xml").firstElementChild;
@@ -6920,29 +6939,29 @@ const ga = [
   const h = {};
   Pt(w, (p) => {
     ga.includes(p.tagName) && !p.attributes.getNamedItem("fill") && p.setAttribute("fill", "#000000");
-    const F = p.attributes.getNamedItem("fill");
-    if (F && F.value !== "none") {
-      const S = F.value, P = `spiff-fill-${S.replace(/\W/g, "")}`;
-      p.classList.add(P), h[P] = { browserValue: S };
+    const M = p.attributes.getNamedItem("fill");
+    if (M && M.value !== "none") {
+      const S = M.value, N = `spiff-fill-${S.replace(/\W/g, "")}`;
+      p.classList.add(N), h[N] = { browserValue: S };
     }
     const y = p.attributes.getNamedItem("stroke");
     if (y && y.value !== "none") {
-      const S = y.value, P = `spiff-stroke-${S.replace(/\W/g, "")}`;
-      p.classList.add(P), h[P] = { browserValue: S };
+      const S = y.value, N = `spiff-stroke-${S.replace(/\W/g, "")}`;
+      p.classList.add(N), h[N] = { browserValue: S };
     }
   });
   const Q = Re().serializeToString(w), C = n.colors;
   if (C) {
-    for (const [p, F] of Object.entries(h))
+    for (const [p, M] of Object.entries(h))
       for (const y of Object.keys(C))
-        if (F.browserValue === y) {
+        if (M.browserValue === y) {
           h[p] = { browserValue: C[y] };
           break;
         }
   }
   const f = (p) => {
-    const F = c.find((S) => S.panelId === p.panelId);
-    if (!F)
+    const M = c.find((S) => S.panelId === p.panelId);
+    if (!M)
       throw new z(p);
     const y = J();
     return new L(
@@ -6960,7 +6979,7 @@ const ga = [
         layerIndex: p.layerIndex,
         immutable: p.immutable
       },
-      F
+      M
     );
   }, u = t.data.regions;
   try {
@@ -7478,7 +7497,7 @@ class Da extends je {
     B.resize(s, o), await B.render(), this.onRender();
   }
 }
-const Hi = (c, A) => {
+const Ri = (c, A) => {
   const e = [];
   return c.forEach((t) => {
     const n = A.steps.find((a) => a.stepName === t.stepName);
@@ -7489,7 +7508,7 @@ const Hi = (c, A) => {
       }
     });
   }), e;
-}, Ri = async (c, A, e, t) => {
+}, Ui = async (c, A, e, t) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -7497,7 +7516,7 @@ const Hi = (c, A) => {
   n = new G(e.map((o) => new Nt(o))).apply(n);
   const i = await ma(c, A, e, t);
   return new G(i).apply(n);
-}, Fa = M`
+}, Fa = F`
     ${nA}
     fragment ProductFields on Product {
         id
@@ -7539,7 +7558,7 @@ const Hi = (c, A) => {
             name
         }
     }
-`, Ma = M`
+`, Ma = F`
     ${Fa}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -7549,7 +7568,7 @@ const Hi = (c, A) => {
             ...ProductFields
         }
     }
-`, rt = M`
+`, rt = F`
     ${Ma}
     fragment ProductCollectionFields on ProductCollection {
         id
@@ -7596,7 +7615,7 @@ const Hi = (c, A) => {
             }
         }
     }
-`, ya = M`
+`, ya = F`
     ${rt}
     query GetBundle($id: String!) {
         bundles(ids: [$id]) {
@@ -7618,7 +7637,7 @@ const Hi = (c, A) => {
             }
         }
     }
-`, Ya = M`
+`, Ya = F`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -7638,7 +7657,7 @@ const Hi = (c, A) => {
             }
         }
     }
-`, Sa = M`
+`, Sa = F`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -7659,7 +7678,7 @@ const Hi = (c, A) => {
             }
         }
     }
-`, xa = M`
+`, xa = F`
     ${rt}
     mutation CreateBundle($collectionId: String, $initialMetadata: [MetadataInput!]) {
         bundleCreate(collectionId: $collectionId, metadata: $initialMetadata) {
@@ -7678,25 +7697,25 @@ const Hi = (c, A) => {
             }
         }
     }
-`, Pa = M`
+`, Pa = F`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
         }
     }
-`, Na = M`
+`, Na = F`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, Ha = M`
+`, Ha = F`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, Ra = M`
+`, Ra = F`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -7711,7 +7730,7 @@ const Hi = (c, A) => {
             id
         }
     }
-`, Ua = M`
+`, Ua = F`
     mutation BundleRemoveTransactions(
         $id: String!
         $transactionIds: [String!]!
@@ -7726,7 +7745,7 @@ const Hi = (c, A) => {
             id
         }
     }
-`, Ga = M`
+`, Ga = F`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -7746,7 +7765,7 @@ const Hi = (c, A) => {
             }
         }
     }
-`, va = M`
+`, va = F`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -7766,7 +7785,7 @@ const Hi = (c, A) => {
             }
         }
     }
-`, ka = M`
+`, ka = F`
     mutation BundleUpdateTransactionOrder($id: String!, $transactionIds: [String!]!) {
         bundleUpdateTransactionOrder(id: $id, transactionIds: $transactionIds) {
             id
@@ -8018,7 +8037,7 @@ class Ta extends ct {
     return this.getSharedSteps()[0].getCustomColor();
   }
 }
-const Oa = M`
+const Oa = F`
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -8028,7 +8047,7 @@ const Oa = M`
             }
         }
     }
-`, za = M`
+`, za = F`
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -8038,7 +8057,7 @@ const Oa = M`
             }
         }
     }
-`, Ka = M`
+`, Ka = F`
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -8078,7 +8097,7 @@ class ja {
     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: za,
       variables: {
         id: this.globalPropertyState.id,
@@ -8095,7 +8114,7 @@ class ja {
   }
   async getOrCreateGlobalPropertyState() {
     var t;
-    const A = await N.getShadowGraphqlClient().query({
+    const A = await P.getShadowGraphqlClient().query({
       query: Ka,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -8108,7 +8127,7 @@ class ja {
     });
     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: Oa,
       variables: {
         bundleId: this.bundleId
@@ -8491,7 +8510,7 @@ class pe {
         "Unable to add transaction to bundle - Already Exists: " + t.filter((i) => !!i).map((i) => i == null ? void 0 : i.getWorkflowManager().getTransaction().id).join(", ")
       );
     const n = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), a = e.map((i) => n.get(i));
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: Ha,
       variables: {
         id: this.id,
@@ -8520,7 +8539,7 @@ class pe {
     ))
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const i = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t);
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: Na,
       variables: {
         id: this.id,
@@ -8553,7 +8572,7 @@ class pe {
       const n = this.workflowExperiences.find(
         (a) => a.getWorkflowManager().getTransaction().id === e.id
       );
-      this.previewService && n.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await N.getShadowGraphqlClient().mutate({
+      this.previewService && n.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(e.id), await P.getShadowGraphqlClient().mutate({
         mutation: Ra,
         variables: {
           id: this.id,
@@ -8583,7 +8602,7 @@ class pe {
         1
       )[0]
     );
-    this.previewService && t.forEach((n) => n.getWorkflowManager().ejectFromPreviewService()), A.forEach((n) => this.bundleStateManager.removeStateForTransaction(n.id)), await N.getShadowGraphqlClient().mutate({
+    this.previewService && t.forEach((n) => n.getWorkflowManager().ejectFromPreviewService()), A.forEach((n) => this.bundleStateManager.removeStateForTransaction(n.id)), await P.getShadowGraphqlClient().mutate({
       mutation: Ua,
       variables: {
         id: this.id,
@@ -8644,7 +8663,7 @@ class pe {
   }
   async addStakeholder(A, e) {
     var a;
-    const t = await N.getShadowGraphqlClient().mutate({
+    const t = await P.getShadowGraphqlClient().mutate({
       mutation: Ga,
       variables: {
         id: this.id,
@@ -8662,7 +8681,7 @@ class pe {
   }
   async updateStakeholders(A) {
     var n;
-    const e = await N.getShadowGraphqlClient().mutate({
+    const e = await P.getShadowGraphqlClient().mutate({
       mutation: va,
       variables: {
         id: this.id,
@@ -8678,7 +8697,7 @@ class pe {
     this.storeStakeholderCustomers(t);
   }
   async getAllStakeholders() {
-    const A = await N.getShadowGraphqlClient().query({
+    const A = await P.getShadowGraphqlClient().query({
       query: Ya,
       errorPolicy: "all",
       variables: {
@@ -8778,7 +8797,7 @@ class pe {
   }
   async updateBundle() {
     var e;
-    if (!((e = (await N.getShadowGraphqlClient().mutate({
+    if (!((e = (await P.getShadowGraphqlClient().mutate({
       mutation: Pa,
       variables: {
         id: this.id,
@@ -8793,7 +8812,7 @@ class pe {
       throw new Error("Bundle not found!");
   }
   async updateTransactionOrder() {
-    await N.getShadowGraphqlClient().mutate({
+    await P.getShadowGraphqlClient().mutate({
       mutation: ka,
       variables: {
         id: this.id,
@@ -8827,7 +8846,7 @@ class pe {
     );
   }
 }
-const $a = M`
+const $a = F`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
@@ -8844,7 +8863,7 @@ class _a {
    */
   async execute(A, e, t) {
     var B, l, d;
-    const a = (l = (B = (await N.getShadowGraphqlClient().mutate({
+    const a = (l = (B = (await P.getShadowGraphqlClient().mutate({
       mutation: $a,
       variables: {
         processFlowId: A,
@@ -8860,8 +8879,8 @@ class _a {
     }
     let s = !1, o = 0, r, g;
     for (; !s; ) {
-      r = await N.getShadowGraphqlClient().query({
-        query: M`
+      r = await P.getShadowGraphqlClient().query({
+        query: F`
                     query getProcessFlowExecution($ids: [String]!) {
                         processExecutions(ids: $ids) {
                             id
@@ -9029,7 +9048,7 @@ class fe {
     return new qA(A[0]);
   }
 }
-const ni = M`
+const ni = F`
     fragment RegionFields on Region {
         width
         top
@@ -9047,7 +9066,7 @@ const ni = M`
             height
         }
     }
-`, ai = M`
+`, ai = F`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -9058,7 +9077,7 @@ const ni = M`
             z
         }
     }
-`, ii = M`
+`, ii = F`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -9142,14 +9161,14 @@ const ni = M`
             weight
         }
     }
-`, si = M`
+`, si = F`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, oi = (c) => M`
+`, oi = (c) => F`
         ${GA(c)}
         ${ne}
         ${Oe}
@@ -9534,7 +9553,7 @@ const ni = M`
                 }
             }
         }
-    `, ri = M`
+    `, ri = F`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -9551,7 +9570,25 @@ const ni = M`
             }
         }
     }
-`, ci = M`
+`, ci = F`
+    query GetIntegrationWithPartnerAndLogo {
+        currentIntegration {
+            id
+            logo
+            theme {
+                id
+                configuration
+                primaryColor
+                secondaryColor
+                textColor
+            }
+            partner {
+                id
+                name
+            }
+        }
+    }
+`, gi = F`
     ${GA(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -9573,7 +9610,7 @@ const ni = M`
             }
         }
     }
-`, gi = M`
+`, li = F`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -9583,7 +9620,7 @@ const ni = M`
             }
         }
     }
-`, li = M`
+`, Bi = F`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -9593,7 +9630,7 @@ const ni = M`
             }
         }
     }
-`, Bi = M`
+`, di = F`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -9620,11 +9657,11 @@ const ni = M`
             }
         }
     }
-`, di = M`
+`, wi = F`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, wi = M`
+`, Ei = F`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -9668,9 +9705,9 @@ const ni = M`
       (A = i.fontData) != null && A.assetUrl && await Ae(i.fontData.assetUrl);
     }
   }
-}, Ei = async (c, A) => {
+}, hi = async (c, A) => {
   var n;
-  const e = await N.getShadowGraphqlClient().query({
+  const e = await P.getShadowGraphqlClient().query({
     query: oi(((n = A == null ? void 0 : A.assets) == null ? void 0 : n.metadata) || !1),
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -9688,7 +9725,7 @@ const ni = M`
       }), cA.set({ id: i.option.id }, Promise.resolve(i.option)));
     });
   }), t;
-}, hi = async (c, A) => {
+}, Ci = async (c, A) => {
   const t = (await A).find((n) => n.id === c);
   if (!t)
     throw new Error(`Workflow not found: ${c}`);
@@ -9697,11 +9734,11 @@ const ni = M`
   const e = c.map((s) => cA.get({ id: s, options: A })), t = c.filter((s, o) => e[o] === void 0);
   if (t.length === 0)
     return Promise.all(e);
-  const n = Ei(t, A), a = t.map(
-    (s) => cA.set({ id: s, options: A }, hi(s, n))
+  const n = hi(t, A), a = t.map(
+    (s) => cA.set({ id: s, options: A }, Ci(s, n))
   ), i = e.filter((s) => s !== void 0);
   return await Promise.all(i.concat(a));
-}, QA = async (c, A) => (await lt([c], A))[0], Ci = (c) => c.sort((A, e) => A.index - e.index).map((A) => ({
+}, QA = async (c, A) => (await lt([c], A))[0], Qi = (c) => c.sort((A, e) => A.index - e.index).map((A) => ({
   id: J(),
   panelId: A.name,
   name: A.name,
@@ -9716,13 +9753,13 @@ const ni = M`
   editableArea: A.editableArea
 })), TA = (c, A) => {
   const e = c.workflowState, t = e ? JSON.parse(e) : void 0;
-  return t ? Object.values(t.layouts).map((n) => n.layout) : Ci(A.panels);
+  return t ? Object.values(t.layouts).map((n) => n.layout) : Qi(A.panels);
 };
-class Qi {
+class ui {
   constructor(A) {
     this.updateTransactionState = async (e) => {
       try {
-        return N.getShadowGraphqlClient().mutate({
+        return P.getShadowGraphqlClient().mutate({
           ...e,
           mutation: rn
         });
@@ -9748,6 +9785,12 @@ class Qi {
       throw new Error("Application key required to use Flow Service.");
     return new _a();
   }
+  async getIntegration() {
+    return (await P.getShadowGraphqlClient().query({
+      query: ci,
+      errorPolicy: "all"
+    })).data.currentIntegration;
+  }
   // TODO: Authentication functions should probably be moved to a separate class.
   /**
    * Attempts to load persisted authentication information from local storage, and authenticate with the Spiff Commerce API.
@@ -9790,7 +9833,7 @@ class Qi {
    */
   async authenticateTransactionFromLocalStorage(A) {
     var g, B, l, d, w, h;
-    const e = N.getShadowGraphqlClient(), t = await e.query({
+    const e = P.getShadowGraphqlClient(), t = await e.query({
       query: ri,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
@@ -9814,8 +9857,8 @@ class Qi {
       if (E && await this.authenticateCustomerId(E)) {
         const C = ((d = (l = this.customer) == null ? void 0 : l.bundleStakeholders) == null ? void 0 : d.find(
           (f) => {
-            var u, m;
-            return (m = (u = f.bundle) == null ? void 0 : u.transactions) == null ? void 0 : m.some((I) => I.id === A);
+            var u, I;
+            return (I = (u = f.bundle) == null ? void 0 : u.transactions) == null ? void 0 : I.some((m) => m.id === A);
           }
         )) || ((h = (w = this.customer) == null ? void 0 : w.stakeholders) == null ? void 0 : h.find(
           (f) => {
@@ -9831,7 +9874,7 @@ class Qi {
       }
     }
     const r = (await e.query({
-      query: ci,
+      query: gi,
       errorPolicy: "all",
       variables: {
         id: n.workflowId
@@ -9866,8 +9909,8 @@ class Qi {
   async getOrCreateCustomer(A) {
     var i;
     this.customer = void 0;
-    const e = N.getShadowGraphqlClient(), n = (await e.query({
-      query: gi,
+    const e = P.getShadowGraphqlClient(), n = (await e.query({
+      query: li,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9876,7 +9919,7 @@ class Qi {
     })).data.customer;
     if (!n.id) {
       const o = (i = (await e.mutate({
-        mutation: li,
+        mutation: Bi,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -9901,14 +9944,14 @@ class Qi {
   }
   async authenticateCustomerId(A) {
     var s;
-    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 n = t.get(A);
     if (!n)
       return !1;
     const i = (s = (await e.mutate({
-      mutation: Bi,
+      mutation: di,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9922,8 +9965,8 @@ class Qi {
    * @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({
-      mutation: di,
+    await P.getShadowGraphqlClient().mutate({
+      mutation: wi,
       variables: {
         emailAddress: A
       }
@@ -9937,8 +9980,8 @@ class Qi {
    */
   async verifyCode(A, e) {
     var a, i;
-    const n = (a = (await N.getShadowGraphqlClient().mutate({
-      mutation: wi,
+    const n = (a = (await P.getShadowGraphqlClient().mutate({
+      mutation: Ei,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9963,7 +10006,7 @@ class Qi {
    */
   async getNewBundle(A, e) {
     var s;
-    const n = (s = (await N.getShadowGraphqlClient().mutate({
+    const n = (s = (await P.getShadowGraphqlClient().mutate({
       mutation: xa,
       variables: {
         collectionId: A,
@@ -9987,7 +10030,7 @@ class Qi {
    */
   async getExistingBundle(A, e, t) {
     var g, B, l, d;
-    const n = x.getMap("bundleOwnerIds"), a = n == null ? void 0 : n.get(A), i = await N.getShadowGraphqlClient().query({
+    const n = x.getMap("bundleOwnerIds"), a = n == null ? void 0 : n.get(A), i = await P.getShadowGraphqlClient().query({
       query: ya,
       variables: {
         id: A
@@ -10012,7 +10055,7 @@ class Qi {
     var a;
     if (!this.customer)
       throw new Error("Customer not authenticated.");
-    const A = await N.getShadowGraphqlClient().query({
+    const A = await P.getShadowGraphqlClient().query({
       query: Sa,
       variables: {
         id: this.customer.id
@@ -10041,9 +10084,9 @@ class Qi {
       return await this.getWorkflowExperienceDeprecated(A, e, t);
     const a = async () => {
       var Q, C;
-      const E = N.getShadowGraphqlClient();
+      const E = P.getShadowGraphqlClient();
       if (n.type === "transaction") {
-        const { transactionId: f, readOnly: u } = n, m = await E.query({
+        const { transactionId: f, readOnly: u } = n, I = await E.query({
           query: BA,
           variables: {
             ids: [f]
@@ -10051,22 +10094,22 @@ class Qi {
           errorPolicy: "all",
           fetchPolicy: "no-cache"
         });
-        if (!((Q = m.data) != null && Q.transactions) || m.data.transactions.length === 0)
+        if (!((Q = I.data) != null && Q.transactions) || I.data.transactions.length === 0)
           throw new U("Existing transaction not found.");
-        const I = (C = m.data) == null ? void 0 : C.transactions[0];
-        if (!I.workflowId)
+        const m = (C = I.data) == null ? void 0 : C.transactions[0];
+        if (!m.workflowId)
           throw new U("Existing transaction has no workflow ID.");
-        const p = await QA(I.workflowId);
-        if (!I.product)
+        const p = await QA(m.workflowId);
+        if (!m.product)
           throw new U("Failed to load transaction, product not available.");
-        return { transaction: I, workflow: p, readOnly: u };
+        return { transaction: m, workflow: p, readOnly: u };
       }
       if (n.type === "integration" || n.type === "external") {
         const f = async () => {
           const p = n.type === "integration" ? { integrationProductId: n.integrationProductId } : {
             externalIntegrationId: n.externalIntegrationId,
             externalProductId: n.externalProductId
-          }, F = await E.mutate({
+          }, M = await E.mutate({
             mutation: Qe,
             variables: {
               ...p,
@@ -10078,14 +10121,14 @@ class Qi {
             // TODO: this should be changed to required once the API is updated. Should this also be moved to server.ts?
             context: this.options.applicationKey ? { headers: { "X-Application-Key": this.options.applicationKey } } : void 0
           });
-          if (!F.data || !F.data.transactionCreate)
+          if (!M.data || !M.data.transactionCreate)
             throw new U("Failed to create transaction!");
-          const y = F.data.transactionCreate;
+          const y = M.data.transactionCreate;
           if (!y.product)
             throw new U("Failed to create transaction, product not available.");
           return y;
-        }, u = QA(n.workflowId, n == null ? void 0 : n.graphql), [m, I] = await Promise.all([f(), u]);
-        return { transaction: m, workflow: I };
+        }, u = QA(n.workflowId, n == null ? void 0 : n.graphql), [I, m] = await Promise.all([f(), u]);
+        return { transaction: I, workflow: m };
       }
       throw new U("No workflow ID provided.");
     }, { transaction: i, workflow: s, readOnly: o } = await a();
@@ -10142,39 +10185,39 @@ class Qi {
   async getWorkflowExperiences(A, e) {
     if (A.length === 0)
       throw new U("No options provided!");
-    const t = N.getShadowGraphqlClient(), n = async (m) => {
+    const t = P.getShadowGraphqlClient(), n = async (I) => {
       var y, S;
-      if (m.length === 0)
+      if (I.length === 0)
         return [];
-      const I = m.map((Y) => Y.option.transactionId), p = await t.query({
+      const m = I.map((Y) => Y.option.transactionId), p = await t.query({
         query: BA,
         variables: {
-          ids: I
+          ids: m
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), F = p.data.transactions;
-      if (F.length !== m.length) {
+      }), M = p.data.transactions;
+      if (M.length !== I.length) {
         const Y = ((S = (y = p.errors) == null ? void 0 : y[0]) == null ? void 0 : S.message) || "Unknown error";
         throw new U(`Not all transactions were found: ${Y}`);
       }
-      return F.map((Y, P) => {
+      return M.map((Y, N) => {
         var H;
         return {
           transaction: Y,
           workflowId: Y.workflowId,
-          readOnly: ((H = m.find((T) => T.option.transactionId === Y.id)) == null ? void 0 : H.option.readOnly) ?? !1,
-          index: m[P].index
+          readOnly: ((H = I.find((T) => T.option.transactionId === Y.id)) == null ? void 0 : H.option.readOnly) ?? !1,
+          index: I[N].index
         };
       });
-    }, a = async (m) => {
-      var F, y, S;
-      if (m.length === 0)
+    }, a = async (I) => {
+      var M, y, S;
+      if (I.length === 0)
         return [];
-      const I = await t.mutate({
+      const m = await t.mutate({
         mutation: sn,
         variables: {
-          inputs: m.map((Y) => ({
+          inputs: I.map((Y) => ({
             integrationProductId: Y.option.type === "integration" ? Y.option.integrationProductId : void 0,
             externalIntegrationId: Y.option.type === "external" ? Y.option.externalIntegrationId : void 0,
             externalProductId: Y.option.type === "external" ? Y.option.externalProductId : void 0,
@@ -10184,42 +10227,42 @@ class Qi {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), p = (F = I.data) == null ? void 0 : F.transactionCreateMany;
+      }), p = (M = m.data) == null ? void 0 : M.transactionCreateMany;
       if (!p || p.length === 0) {
-        const Y = ((S = (y = I.errors) == null ? void 0 : y[0]) == null ? void 0 : S.message) || "Unknown error";
+        const Y = ((S = (y = m.errors) == null ? void 0 : y[0]) == null ? void 0 : S.message) || "Unknown error";
         throw new U(`Failed to create transactions: ${Y}`);
       }
-      return p.map((Y, P) => ({
+      return p.map((Y, N) => ({
         transaction: Y,
         workflowId: Y.workflowId,
         readOnly: !1,
-        index: m[P].index
+        index: I[N].index
       }));
-    }, i = A.map((m, I) => ({ option: m, index: I })), s = i.filter((m) => m.option.type === "transaction"), o = i.filter(
-      (m) => m.option.type === "integration" || m.option.type === "external"
+    }, i = A.map((I, m) => ({ option: I, index: m })), s = i.filter((I) => I.option.type === "transaction"), o = i.filter(
+      (I) => I.option.type === "integration" || I.option.type === "external"
     ), r = Ee(s, 10), g = Ee(o, 10), B = (await Promise.all([
       ...r.map(n),
       ...g.map(a)
-    ])).flat(), l = [...new Set(B.map((m) => m.workflowId))], d = await lt(l, e), w = new Map(d.map((m) => [m.id, m])), h = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), E = B.map(async (m) => {
+    ])).flat(), l = [...new Set(B.map((I) => I.workflowId))], d = await lt(l, e), w = new Map(d.map((I) => [I.id, I])), h = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), E = B.map(async (I) => {
       var T;
-      const { transaction: I, workflowId: p, readOnly: F, index: y } = m, S = w.get(p), Y = A[y];
-      !h.get(I.id) && I.transactionOwnerId && h.set(I.id, I.transactionOwnerId);
-      const P = h.get(I.id) || void 0, H = {
-        product: I.product,
-        transaction: I,
+      const { transaction: m, workflowId: p, readOnly: M, index: y } = I, S = w.get(p), Y = A[y];
+      !h.get(m.id) && m.transactionOwnerId && h.set(m.id, m.transactionOwnerId);
+      const N = h.get(m.id) || void 0, H = {
+        product: m.product,
+        transaction: m,
         layouts: [],
         singleVariantsRenderable: (T = Y == null ? void 0 : Y.workflowConfiguration) == null ? void 0 : T.singleVariantsRenderable,
-        stateMutationFunc: F ? async () => {
+        stateMutationFunc: M ? async () => {
           throw new k("State mutation is forbidden in read only mode!");
-        } : async (b) => this.updateTransactionState({ ...b, context: { transactionOwnerId: P } }),
-        readOnly: F,
+        } : async (b) => this.updateTransactionState({ ...b, context: { transactionOwnerId: N } }),
+        readOnly: M,
         workflow: S,
         isReloadedTransaction: Y.type === "transaction"
       };
-      if (Y.type === "transaction" && I.workflowState) {
-        const b = JSON.parse(I.workflowState);
+      if (Y.type === "transaction" && m.workflowState) {
+        const b = JSON.parse(m.workflowState);
         H.layouts = Object.values(b.layouts).map((V) => V.layout), await _(b), await AA(b), H.reloadedState = b;
-      } else if (!F && Y.workflowState) {
+      } else if (!M && Y.workflowState) {
         const b = JSON.parse(Y.workflowState);
         H.layouts = Object.values(b.layouts).map((V) => V.layout), await _(b), await AA(b), H.reloadedState = b;
       } else
@@ -10232,11 +10275,11 @@ class Qi {
       ), H.delayWorkflowStateSync = !0, this.initialized = !0, this.experienceOptions = H, { experienceOptions: H, index: y, options: Y };
     });
     x.setMap("transactionOwnerIds", h);
-    const f = (await Promise.all(E)).sort((m, I) => m.index - I.index).map(async (m) => {
-      const { experienceOptions: I, options: p } = m, F = new EA(this, I);
-      return await F.getWorkflowManager().getInitializationPromise(), p.type !== "transaction" && this.customer && await F.attachCustomerDetails({ email: this.customer.emailAddress }), F;
+    const f = (await Promise.all(E)).sort((I, m) => I.index - m.index).map(async (I) => {
+      const { experienceOptions: m, options: p } = I, M = new EA(this, m);
+      return await M.getWorkflowManager().getInitializationPromise(), p.type !== "transaction" && this.customer && await M.attachCustomerDetails({ email: this.customer.emailAddress }), M;
     }), u = await Promise.all(f);
-    return u.forEach((m) => m.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), u;
+    return u.forEach((I) => I.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), u;
   }
   /**
    * Initialize the client from an integration product.
@@ -10247,7 +10290,7 @@ class Qi {
     var i;
     if (A === "")
       throw new U("No integration product ID provided.");
-    const t = await N.getShadowGraphqlClient().mutate({
+    const t = await P.getShadowGraphqlClient().mutate({
       mutation: Qe,
       variables: {
         integrationProductId: A,
@@ -10285,7 +10328,7 @@ class Qi {
     var s, o, r, g;
     if (A === "")
       throw new U("No transaction ID provided.");
-    const t = N.getShadowGraphqlClient(), n = async () => {
+    const t = P.getShadowGraphqlClient(), n = async () => {
       var d, w;
       const l = (d = (await t.query({
         query: BA,
@@ -10376,7 +10419,7 @@ class Qi {
       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: cn,
         variables: {
           workflowId: A,
@@ -10435,7 +10478,7 @@ class Qi {
   }
   async getIntegrationProductById(A) {
     var a, i;
-    const n = (a = (await N.getShadowGraphqlClient().query({
+    const n = (a = (await P.getShadowGraphqlClient().query({
       query: gn,
       variables: {
         ids: [A]
@@ -10449,7 +10492,7 @@ class Qi {
   }
   async getIntegrationProductFromExternalIds(A, e) {
     var i;
-    const a = (i = (await N.getShadowGraphqlClient().query({
+    const a = (i = (await P.getShadowGraphqlClient().query({
       query: ln,
       variables: {
         externalProductId: e,
@@ -10463,7 +10506,7 @@ class Qi {
     return new fe(a);
   }
 }
-class Ui {
+class Gi {
   getInitializationPromise() {
     return Promise.resolve();
   }
@@ -10588,8 +10631,8 @@ class Ui {
   setWorkflowStateSyncEnabled(A) {
   }
 }
-var ui = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(ui || {});
-class mi extends W {
+var mi = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(mi || {});
+class Ii extends W {
   constructor(A, e) {
     var t;
     super(A, e), this.frameService = (t = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : t.frameService;
@@ -10631,43 +10674,43 @@ class mi extends W {
 }
 export {
   $ as AssetNotFoundError,
-  ki as AssetType,
-  Ji as BringForwardCommand,
-  bi as BringToBackCommand,
-  Li as BringToFrontCommand,
-  Ti as CanvasCommand,
+  Ji as AssetType,
+  bi as BringForwardCommand,
+  Li as BringToBackCommand,
+  Ti as BringToFrontCommand,
+  Oi as CanvasCommand,
   Xa as CollectionProduct,
-  Oi as CommandContext,
+  zi as CommandContext,
   an as ConversionDataType,
   nn as ConversionLocation,
-  zi as CreateElementCommand,
-  Ki as CreateLayoutCommand,
-  ji as DeleteElementCommand,
+  Ki as CreateElementCommand,
+  ji as CreateLayoutCommand,
+  Vi as DeleteElementCommand,
   CA as FlowExecutionNodeResult,
   Ai as FlowExecutionResult,
   _a as FlowService,
-  Vi as FontAlignmentCommand,
-  Wi as FontColorCommand,
-  Xi as FontSizeCommand,
-  qi as FontSourceCommand,
+  Wi as FontAlignmentCommand,
+  Xi as FontColorCommand,
+  qi as FontSizeCommand,
+  Zi as FontSourceCommand,
   Cn as FrameService,
-  ui as FrameStep,
-  mi as FrameStepHandle,
+  mi as FrameStep,
+  Ii as FrameStepHandle,
   re as GlobalPropertyHandle,
-  Zi as GroupCommand,
+  $i as GroupCommand,
   Vn as IllustrationStepHandle,
   PA as InformationMessageType,
   Aa as InformationStepHandle,
   fe as IntegrationProduct,
   en as IntegrationType,
-  $i as LayoutElementFactory,
-  _i as LayoutElementType,
+  _i as LayoutElementFactory,
+  As as LayoutElementType,
   z as LayoutNotFoundError,
   Wn as MaterialStepHandle,
   MA as MisconfigurationError,
-  Ui as MockWorkflowManager,
+  Gi as MockWorkflowManager,
   Xn as ModelStepHandle,
-  As as MoveCommand,
+  es as MoveCommand,
   gt as ObjectInput,
   ti as ObjectInputType,
   FA as OptionNotFoundError,
@@ -10680,63 +10723,63 @@ export {
   Ve as PromiseQueue,
   Zn as QuestionStepHandle,
   je as QueueablePromise,
-  es as ResizeCommand,
+  ts as ResizeCommand,
   rA as ResourceNotFoundError,
-  ts as RotateCommand,
-  ns as SendBackwardsCommand,
+  ns as RotateCommand,
+  as as SendBackwardsCommand,
   $n as ShapeStepHandle,
-  Qi as SpiffCommerceClient,
+  ui as SpiffCommerceClient,
   YA as StakeholderType,
-  as as StepAspectType,
+  is as StepAspectType,
   W as StepHandle,
-  is as StepType,
-  ss as TextChangeCommand,
+  ss as StepType,
+  os as TextChangeCommand,
   _n as TextStepHandle,
   Za as Transform,
   qa as TransformCollection,
   k as UnhandledBehaviorError,
-  os as UnitOfMeasurement,
+  rs as UnitOfMeasurement,
   X as Variant,
   EA as WorkflowExperienceImpl,
   O as assetService,
   sa as createDesign,
-  rs as dataUrlFromExternalUrl,
+  cs as dataUrlFromExternalUrl,
   LA as designService,
-  cs as determineCorrectFontSizeAndLines,
+  gs as determineCorrectFontSizeAndLines,
   mn as digitalContentStepService,
-  gs as findElement,
-  ls as frameDataCache,
+  ls as findElement,
+  Bs as frameDataCache,
   VA as frameStepService,
-  Bs as generate,
+  ds as generate,
   ma as generateCommands,
-  ds as generateSVGWithUnknownColors,
-  Ri as generateStateFromDesignInputSteps,
-  ws as getAttributesFromArrayBuffer,
-  Es as getAxisAlignedBoundingBox,
+  ws as generateSVGWithUnknownColors,
+  Ui as generateStateFromDesignInputSteps,
+  Es as getAttributesFromArrayBuffer,
+  hs as getAxisAlignedBoundingBox,
   hn as getBoundedOffsets,
-  hs as getFrameData,
-  Cs as getSvgElement,
+  Cs as getFrameData,
+  Qs as getSvgElement,
   QA as getWorkflow,
   lt as getWorkflows,
-  N as graphQlManager,
+  P as graphQlManager,
   IA as illustrationStepService,
-  Qs as loadFont,
+  us as loadFont,
   Xe as materialStepService,
   qe as modelStepService,
   Mn as moduleStepService,
   j as optionService,
-  us as patternImageDataCache,
+  ms as patternImageDataCache,
   x as persistenceService,
   Ze as pictureStepService,
   $e as questionStepService,
-  ms as registerFetchImplementation,
-  Is as registerWindowImplementation,
-  ps as rehydrateSerializedLayout,
-  fs as setCanvasModule,
+  Is as registerFetchImplementation,
+  ps as registerWindowImplementation,
+  fs as rehydrateSerializedLayout,
+  Ds as setCanvasModule,
   oA as shapeStepService,
   Qn as shortenUrl,
   yA as spiffCoreConfiguration,
-  Hi as stepAspectValuesToDesignInputSteps,
+  Ri as stepAspectValuesToDesignInputSteps,
   K as textStepService,
   Pn as toast
 };