@spiffcommerce/core 18.5.0-alpha.1 → 19.0.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createHttpLink as gt, InMemoryCache as lt, ApolloClient as Bt, from as dt, gql as y } from "@apollo/client/core";
-import { fetch as qA, getAttributesFromArrayBuffer as De, AssetType as re, StepType as f, getFrameData as ZA, frameDataCache as wt, GroupCommand as G, UpdateFramePattern as fe, UpdateFrameThresholdSettingsCommand as Et, calculateOffsets as $A, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Fe, svgObjectURL as pA, fetchAsString as q, DeleteElementCommand as Z, generateDefaultRectangleFrameSvg as ce, GetSVGDimensions as ht, patternImageDataCache as ge, fetchAsArrayBuffer as Ct, findElement as DA, modifySVGWithElementProperties as Qt, IllustrationColorCommand as OA, IllustrationCacheCommand as ut, getFontMetrics as mt, getPatternImageData as zA, FontAlignmentCommand as It, FontColorCommand as pt, FontImageFillCommand as kA, applyTextTransformations as KA, determineCorrectFontSizeAndLines as uA, FontSourceCommand as le, loadFont as _A, TextChangeCommand as Dt, FontSizeCommand as ft, createElementNS as Ft, createElement as lA, _loadFontExternalDataURL as Ae, UpdateWorkflowStateCommand as Be, CommandContext as Mt, createCanvas as fA, getSvgElement as Me, LayoutRenderingPurpose as ye, renderPapyrusComponentAsString as Ye, loadImage as Se, getDomParser as xe, toBase64 as de, getVariant as yt, generateFrameSVG as Yt, getDefaultVariant as NA, domParser as Pe, sanitizeSvgTree as Ne, traverse as St, xmlSerializer as He, CreateLayoutCommand as xt, AspectType as mA, rehydrateSerializedLayout as _ } from "@spiffcommerce/papyrus";
-import { AssetType as Ui, BringForwardCommand as Gi, BringToBackCommand as vi, BringToFrontCommand as ki, CanvasCommand as Ji, CommandContext as bi, CreateElementCommand as Li, CreateLayoutCommand as Ti, DeleteElementCommand as Oi, FontAlignmentCommand as zi, FontColorCommand as Ki, FontSizeCommand as ji, FontSourceCommand as Vi, GroupCommand as Wi, LayoutElementFactory as Xi, LayoutElementType as qi, MoveCommand as Zi, ResizeCommand as $i, RotateCommand as _i, SendBackwardsCommand as As, StepAspectType as es, StepType as ts, TextChangeCommand as as, UnitOfMeasurement as ns, dataUrlFromExternalUrl as is, determineCorrectFontSizeAndLines as ss, findElement as os, frameDataCache as rs, generate as cs, generateSVGWithUnknownColors as gs, getAttributesFromArrayBuffer as ls, getAxisAlignedBoundingBox as Bs, getFrameData as ds, getSvgElement as ws, loadFont as Es, patternImageDataCache as hs, registerFetchImplementation as Cs, registerWindowImplementation as Qs, rehydrateSerializedLayout as us, setCanvasModule as ms } from "@spiffcommerce/papyrus";
+import { fetch as qA, getAttributesFromArrayBuffer as fe, AssetType as re, StepType as D, getFrameData as ZA, frameDataCache as wt, GroupCommand as G, UpdateFramePattern as De, UpdateFrameThresholdSettingsCommand as Et, calculateOffsets as $A, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Fe, svgObjectURL as pA, fetchAsString as q, DeleteElementCommand as Z, generateDefaultRectangleFrameSvg as ce, GetSVGDimensions as ht, patternImageDataCache as ge, fetchAsArrayBuffer as Ct, findElement as fA, modifySVGWithElementProperties as Qt, IllustrationColorCommand as OA, IllustrationCacheCommand as ut, getFontMetrics as mt, getPatternImageData as zA, FontAlignmentCommand as It, FontColorCommand as pt, FontImageFillCommand as kA, applyTextTransformations as KA, determineCorrectFontSizeAndLines as uA, FontSourceCommand as le, loadFont as _A, TextChangeCommand as ft, FontSizeCommand as Dt, createElementNS as Ft, createElement as lA, _loadFontExternalDataURL as Ae, UpdateWorkflowStateCommand as Be, CommandContext as Mt, createCanvas as DA, getSvgElement as Me, LayoutRenderingPurpose as ye, renderPapyrusComponentAsString as Ye, loadImage as Se, getDomParser as xe, toBase64 as de, getVariant as yt, generateFrameSVG as Yt, getDefaultVariant as NA, domParser as Pe, sanitizeSvgTree as Ne, traverse as St, xmlSerializer as He, CreateLayoutCommand as xt, AspectType as mA, rehydrateSerializedLayout as _ } from "@spiffcommerce/papyrus";
+import { AssetType as Ri, BringForwardCommand as Ui, BringToBackCommand as Gi, BringToFrontCommand as vi, CanvasCommand as ki, CommandContext as Ji, CreateElementCommand as bi, CreateLayoutCommand as Li, DeleteElementCommand as Ti, FontAlignmentCommand as Oi, FontColorCommand as zi, FontSizeCommand as Ki, FontSourceCommand as ji, GroupCommand as Vi, LayoutElementFactory as Wi, LayoutElementType as Xi, MoveCommand as qi, ResizeCommand as Zi, RotateCommand as $i, SendBackwardsCommand as _i, StepAspectType as As, StepType as es, TextChangeCommand as ts, UnitOfMeasurement as as, dataUrlFromExternalUrl as ns, determineCorrectFontSizeAndLines as is, findElement as ss, frameDataCache as os, generate as rs, generateSVGWithUnknownColors as cs, getAttributesFromArrayBuffer as gs, getAxisAlignedBoundingBox as ls, getFrameData as Bs, getSvgElement as ds, loadFont as ws, patternImageDataCache as Es, registerFetchImplementation as hs, registerWindowImplementation as Cs, rehydrateSerializedLayout as Qs, setCanvasModule as us } from "@spiffcommerce/papyrus";
 import { setContext as Pt } from "@apollo/client/link/context";
 import { onError as Nt } from "@apollo/client/link/error";
 import { Pith as Re } from "pith";
@@ -186,8 +186,8 @@ class Jt {
         if (window && window.__SENTRY__) {
           const C = window.__SENTRY__.hub;
           if (C) {
-            const D = C.traceHeaders();
-            Object.entries(D).forEach(([u, m]) => {
+            const f = C.traceHeaders();
+            Object.entries(f).forEach(([u, m]) => {
               r[u] = m;
             });
           }
@@ -380,7 +380,7 @@ const N = new Jt(), bt = y`
 class jt {
   constructor() {
     this.cache = /* @__PURE__ */ new Map(), this.materialCache = /* @__PURE__ */ new Map(), this.loadImageAsFileInfo = async (A) => {
-      const e = await A.arrayBuffer(), t = await De(e), a = (n, i) => {
+      const e = await A.arrayBuffer(), t = await fe(e), a = (n, i) => {
         const s = atob(n.split(",")[1]), o = [];
         for (let r = 0; r < s.length; r++)
           o.push(s.charCodeAt(r));
@@ -1090,14 +1090,14 @@ const Oe = y`
             workflowState
         }
     }
-`, nA = [f.SilentIllustration, f.ProductOverlay], oa = async (c) => {
+`, nA = [D.SilentIllustration, D.ProductOverlay], oa = async (c) => {
   const A = [];
   c.introduction && A.push({
     name: "Introduction",
     title: c.name,
     renderableSteps: [
       {
-        type: f.Introduction,
+        type: D.Introduction,
         stepName: "Introduction",
         stepTitle: c.name,
         helpText: c.introduction,
@@ -1132,7 +1132,7 @@ const Oe = y`
     title: e,
     renderableSteps: [
       {
-        type: f.Finish,
+        type: D.Finish,
         stepName: "Finish",
         stepTitle: e,
         helpText: "",
@@ -1168,7 +1168,7 @@ const Oe = y`
   for (const s of t)
     for (const o of s.renderableSteps) {
       const r = (((i = o.option) == null ? void 0 : i.variants) || []).length;
-      o.silent || (o.type === f.Model || o.type === f.Material || o.type === f.Picture || o.type === f.Shape ? (r > 1 || e) && a.push(o.stepName) : a.push(o.stepName));
+      o.silent || (o.type === D.Model || o.type === D.Material || o.type === D.Picture || o.type === D.Shape ? (r > 1 || e) && a.push(o.stepName) : a.push(o.stepName));
     }
   const n = t.filter((s) => s.renderableSteps.filter(
     (r) => a.includes(r.stepName)
@@ -1428,7 +1428,7 @@ class Ba {
     n.forEach((o, r) => {
       s(
         new G([
-          new fe(o, e, A[r]),
+          new De(o, e, A[r]),
           new Et(o, a.useThreshold, a.invertThreshold, a.threshold, a.thresholdSaturation)
         ])
       );
@@ -1461,14 +1461,14 @@ class Qe {
       if (!n)
         throw new z(a);
       let i = "";
-      if (this.configuration.type === f.ProductOverlay) {
+      if (this.configuration.type === D.ProductOverlay) {
         let l = "";
         if ((o = this.product) != null && o.overlayImageUrl && (l = this.product.overlayImageUrl), i = l, !l)
           throw new MA(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
       if (s === v.Image) {
-        const l = this.configuration.type === f.SilentIllustration ? (r = this.configuration.data.asset) == null ? void 0 : r.fileLink : (g = this.product) == null ? void 0 : g.overlayImageUrl;
+        const l = this.configuration.type === D.SilentIllustration ? (r = this.configuration.data.asset) == null ? void 0 : r.fileLink : (g = this.product) == null ? void 0 : g.overlayImageUrl;
         if (!l)
           throw new Error("Undefined raster silent step source");
         const d = {
@@ -1483,7 +1483,7 @@ class Qe {
           layer: a.layer,
           layerIndex: a.layerIndex,
           immutable: a.immutable,
-          productOverlay: this.configuration.type === f.ProductOverlay ? !0 : void 0,
+          productOverlay: this.configuration.type === D.ProductOverlay ? !0 : void 0,
           rotation: a.rotation,
           excludeFromExport: this.configuration.data.excludeFromPrint,
           preserveAspectRatio: "none"
@@ -1496,7 +1496,7 @@ class Qe {
           command: new L(d, n)
         };
       } else {
-        const l = this.configuration.type === f.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : i, w = await Fe(await (async () => new Promise((E, Q) => {
+        const l = this.configuration.type === D.SilentIllustration ? (B = this.configuration.data.asset) == null ? void 0 : B.fileLink : i, w = await Fe(await (async () => new Promise((E, Q) => {
           if (!l) {
             Q("Undefined vector silent step source");
             return;
@@ -1520,7 +1520,7 @@ class Qe {
           layerIndex: a.layerIndex,
           rotation: a.rotation,
           immutable: a.immutable,
-          productOverlay: this.configuration.type === f.ProductOverlay ? !0 : void 0,
+          productOverlay: this.configuration.type === D.ProductOverlay ? !0 : void 0,
           excludeFromExport: this.configuration.data.excludeFromPrint
         };
         return {
@@ -1536,11 +1536,11 @@ class Qe {
   async trigger() {
     if (!this.configuration.data.regions)
       throw new MA(this.configuration, "Missing regions.");
-    if (this.configuration.type === f.SilentIllustration) {
+    if (this.configuration.type === D.SilentIllustration) {
       const A = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(A);
     } else
-      return this.configuration.type === f.ProductOverlay ? Promise.all(
+      return this.configuration.type === D.ProductOverlay ? Promise.all(
         this.configuration.data.regions.map((A) => {
           if (!this.layouts.find((t) => A.panelId === t.panelId))
             throw new z(A);
@@ -1550,7 +1550,7 @@ class Qe {
   }
   evaluateAssetType() {
     var e, t, a;
-    const A = this.configuration.type === f.ProductOverlay && ((e = this.product) != null && e.overlayImageUrl) ? this.product.overlayImageUrl.toLowerCase() : (a = (t = this.configuration.data.asset) == null ? void 0 : t.fileLink) == null ? void 0 : a.toLowerCase().split("?")[0];
+    const A = this.configuration.type === D.ProductOverlay && ((e = this.product) != null && e.overlayImageUrl) ? this.product.overlayImageUrl.toLowerCase() : (a = (t = this.configuration.data.asset) == null ? void 0 : t.fileLink) == null ? void 0 : a.toLowerCase().split("?")[0];
     return A != null && A.startsWith("data:image/png") || A != null && A.endsWith(".jpeg") || A != null && A.endsWith(".jpg") || A != null && A.endsWith(".png") ? v.Image : A != null && A.endsWith(".svg") || A != null && A.startsWith("image/svg+xml") ? v.Illustration : v.Illustration;
   }
 }
@@ -1613,9 +1613,9 @@ class wa {
     if (!e && t !== "" && a === "") {
       const g = async () => {
         var u, m;
-        const C = (await Le([t]))[0], D = (m = (u = C == null ? void 0 : C.versions) == null ? void 0 : u.find((I) => I.name === "mpeg4")) == null ? void 0 : m.link;
-        return { asset: C, link: D };
-      }, B = await new Promise((C, D) => {
+        const C = (await Le([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;
+        return { asset: C, link: f };
+      }, B = await new Promise((C, f) => {
         new je(
           async () => !!(await g()).link,
           async () => {
@@ -1628,7 +1628,7 @@ class wa {
             });
           },
           () => {
-            D("Poller timed out with 40 attempts @ 3 second interval");
+            f("Poller timed out with 40 attempts @ 3 second interval");
           },
           3e3,
           40
@@ -1847,7 +1847,7 @@ class ha {
       };
       ge.set(A, i), e.setPatternData(i);
     } else {
-      const t = await Ct(A, !0), a = await De(t), n = {
+      const t = await Ct(A, !0), a = await fe(t), n = {
         src: A,
         width: a.width,
         height: a.height,
@@ -1867,7 +1867,7 @@ class ha {
     n && n(!0);
     const r = await Promise.all(
       A.data.regions.map(async (d, w) => {
-        const h = await ZA(o[w]), E = s.getImageData(), Q = t.map((p) => new Z(p.id)), C = E ? $A(E, h) : void 0, D = E ? {
+        const h = await ZA(o[w]), E = s.getImageData(), Q = t.map((p) => new Z(p.id)), C = E ? $A(E, h) : void 0, f = E ? {
           id: J(),
           src: E.src,
           x: (C == null ? void 0 : C.x) || 0,
@@ -1883,7 +1883,7 @@ class ha {
         return {
           command: this.getCreateElementCommand(u, d, I, {
             frameData: h,
-            pattern: D,
+            pattern: f,
             disablePlaceholder: A.data.disablePlaceholder,
             focalBlur: A.data.focalBlur,
             focalBlurStrength: A.data.focalBlurStrength,
@@ -1980,7 +1980,7 @@ class Ca {
     if (t.length === 0)
       return [];
     try {
-      return DA(
+      return fA(
         t[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -2057,7 +2057,7 @@ class Ca {
     var d, w;
     if (e.length === 0)
       return;
-    const i = DA(
+    const i = fA(
       e[0].id,
       a().map((h) => h.layoutState)
     ), s = { ...i.colors }, o = {};
@@ -2109,13 +2109,13 @@ class Ca {
     if (!o)
       throw new oA(s);
     const r = await Fe(await this.getIllustrationBody(o)), g = await pA(r.svg), B = (C) => {
-      const D = n.getLayouts().find((m) => m.panelId === C.panelId);
-      if (!D)
+      const f = n.getLayouts().find((m) => m.panelId === C.panelId);
+      if (!f)
         throw new z(C);
       const u = J();
       return {
         regionElement: { id: u, region: C },
-        command: this.getCreateElementCommand(u, C, D, {
+        command: this.getCreateElementCommand(u, C, f, {
           stepName: A.stepName,
           src: o,
           objectURL: g,
@@ -2126,9 +2126,9 @@ class Ca {
     let h = Array.from(Object.values(r.colors)).map((C) => C.browserValue);
     const E = A.data.colorOption;
     return E && ((Q = E.variants) == null || Q.forEach((C) => {
-      h = h.map((D) => {
+      h = h.map((f) => {
         var u;
-        return D.toLowerCase() === ((u = C.color) == null ? void 0 : u.toLowerCase()) ? C.name : D;
+        return f.toLowerCase() === ((u = C.color) == null ? void 0 : u.toLowerCase()) ? C.name : f;
       });
     })), n.updateMetadata(A.stepName, { colors: h }), {
       command: new G(w),
@@ -2141,9 +2141,9 @@ class Ca {
             n.setMandatoryFulfilled(A.stepName, !0), a(!1);
           }
         );
-        const C = await this.availableColors(A, n) || [], D = Object.keys(r.colors);
-        if (A.data.colorPickerEnabled && C.length === 1 && D.length === 1) {
-          const u = C[0], m = D[0];
+        const C = await this.availableColors(A, n) || [], f = Object.keys(r.colors);
+        if (A.data.colorPickerEnabled && C.length === 1 && f.length === 1) {
+          const u = C[0], m = f[0];
           await this.changeColors(
             A,
             l.map((I) => I.regionElement),
@@ -2522,7 +2522,7 @@ class pa {
   }
 }
 const Xe = new pa();
-class Da {
+class fa {
   async init(A, e, t) {
     const a = A.option;
     if (!a)
@@ -2580,8 +2580,8 @@ class Da {
     };
   }
 }
-const qe = new Da();
-class fa {
+const qe = new fa();
+class Da {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
   }
@@ -2686,7 +2686,7 @@ class fa {
       };
     } else {
       const r = (d) => {
-        const w = n.find((D) => D.panelId === d.panelId);
+        const w = n.find((f) => f.panelId === d.panelId);
         if (!w)
           throw new z(d);
         const h = s(), E = `
@@ -2753,7 +2753,7 @@ class fa {
     }
   }
 }
-const sA = new fa();
+const sA = new Da();
 class Fa {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -2862,7 +2862,7 @@ class Ya {
     return null;
   }
   findLayoutElements(A, e) {
-    return A.getRegionElements(e.stepName).map((n) => DA(n.id, A.getAllLayoutData()));
+    return A.getRegionElements(e.stepName).map((n) => fA(n.id, A.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -3024,14 +3024,14 @@ class Ya {
       if (o && l) {
         const d = (r = o.variants) == null ? void 0 : r.find((w) => w.id === l);
         if (d) {
-          const w = await this.fontDataFromVariant(d), h = s.map((D) => ({ id: D.id, region: D.stepRegion })), E = (g = a.storage) == null ? void 0 : g.color, Q = (B = a.storage) == null ? void 0 : B.text;
+          const w = await this.fontDataFromVariant(d), h = s.map((f) => ({ id: f.id, region: f.stepRegion })), E = (g = a.storage) == null ? void 0 : g.color, Q = (B = a.storage) == null ? void 0 : B.text;
           await e.setSelectionsAndElements(
             A.stepName,
             [d],
             h,
             async () => {
               e.updateMetadata(A.stepName, { color: E, text: Q }), e.updateStorage(A.stepName, { text: Q, inputText: Q });
-              const D = s.map((m) => new le(m.id, w)), u = new G(D);
+              const f = s.map((m) => new le(m.id, w)), u = new G(f);
               e.getCommandDispatcher()(u), e.setMandatoryFulfilled(A.stepName, !0);
             }
           );
@@ -3163,11 +3163,11 @@ class Ya {
             colorProfileAssetKey: (h = E.colorProfile) == null ? void 0 : h.key
           });
         }
-        const C = await this.getDefaultColor(t), D = C || "#000000", u = {
+        const C = await this.getDefaultColor(t), f = C || "#000000", u = {
           stepRegion: B,
           stepName: A,
           align: this.textAlign(t),
-          fill: n.color ? n.color : D,
+          fill: n.color ? n.color : f,
           fontSize: t.size || bA,
           fontData: a,
           id: w,
@@ -3237,9 +3237,9 @@ class Ya {
     ), g;
   }
   generateTextChangeCommandsForRegion(A, e, t, a) {
-    const n = [], i = new Dt(t, a);
+    const n = [], i = new ft(t, a);
     if (n.push(i), !e.size) {
-      const o = new ft(t, A);
+      const o = new Dt(t, A);
       n.push(o);
     }
     return new G(n);
@@ -4760,8 +4760,8 @@ class Ua extends ae {
     Q.setAttribute("opacity", "0"), E.appendChild(Q);
     const C = R("g");
     E.appendChild(C);
-    const D = s();
-    C.appendChild(D);
+    const f = s();
+    C.appendChild(f);
     const u = ee(i);
     return ie(C, u, l, d), At(o.outerHTML);
   }
@@ -4803,8 +4803,8 @@ class va extends ae {
     t ? (w = B * 0.25 * (1 + 0.1), h = l / 2 * (1 + 0.1), E = l * 0.22, Q = B * 0.32) : (w = B * 0.22 * (1 + 0.1), h = l * 0.8, E = l * 0.067, Q = B * 0.33);
     const C = R("g");
     g.appendChild(C), C.setAttribute("transform", `translate(${E} ${Q}) rotate(-10)`);
-    const D = ne(w, h);
-    D.setAttribute("opacity", "0"), C.appendChild(D);
+    const f = ne(w, h);
+    f.setAttribute("opacity", "0"), C.appendChild(f);
     const u = R("g");
     C.appendChild(u);
     const m = r();
@@ -4826,21 +4826,21 @@ class Ja extends ae {
     return this.svgElement(A, e);
   }
   svgElement(A, e) {
-    const t = Ae(ka), n = A !== "" ? ((D) => D.charAt(0).toUpperCase() + D.substr(1).toLowerCase())(A) : "", i = t.getPath(n, 0, 72, 72), s = i.toSVG(2), o = i.getBoundingBox(), r = o.x2 - o.x1, g = i.toPathData(3), B = () => {
-      const D = R("g");
-      D.classList.add("module-text-group");
+    const t = Ae(ka), n = A !== "" ? ((f) => f.charAt(0).toUpperCase() + f.substr(1).toLowerCase())(A) : "", i = t.getPath(n, 0, 72, 72), s = i.toSVG(2), o = i.getBoundingBox(), r = o.x2 - o.x1, g = i.toPathData(3), B = () => {
+      const f = R("g");
+      f.classList.add("module-text-group");
       const u = R("defs");
-      D.appendChild(u), u.appendChild(_e(0, 2, 2, "shadow"));
+      f.appendChild(u), u.appendChild(_e(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"), D.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = m.outerHTML;
+      I.classList.add("module-layer0"), f.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = m.outerHTML;
       const p = R("g");
-      p.classList.add("module-layer1"), D.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;
+      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"), D.appendChild(F), F.setAttribute("fill", "rgb(255,209,0)"), F.setAttribute("transform", "translate(1,-0.1)"), F.innerHTML = s;
+      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");
-      return M.classList.add("module-layer3"), D.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = s, new se(D).transform(([Y, P]) => [Y, P + (r / 2 - Y) ** 2 / (r * 6)]), D;
+      return M.classList.add("module-layer3"), f.appendChild(M), M.setAttribute("fill", "white"), M.innerHTML = s, new se(f).transform(([Y, P]) => [Y, P + (r / 2 - Y) ** 2 / (r * 6)]), f;
     }, l = R("g");
     l.classList.add("module-root");
     const d = R("defs");
@@ -4890,12 +4890,8 @@ class La {
         return;
       const E = this.getCommandContext().getAllLayouts(), Q = (C = this.getLayoutPreviewService()) == null ? void 0 : C.getAll();
       if (Q)
-        for (const [, D] of Q)
-          D.render(
-            this.getWorkflow(),
-            E,
-            this.getProduct().overlayImageUrl
-          );
+        for (const [, f] of Q)
+          f.render(this.getWorkflow(), E, this.getProduct().overlayImageUrl);
     }, this.updateTransaction = n, this.commandContext = a, this.reloadedState = g, this.transaction = i, this.readOnly = B, this.singleVariantsRenderable = w, this.confirmedDesign = !1, this.editedSteps = {}, this.informationResults = [], this.mandatorySteps = {}, this.pendingUpdates = [], this.selectionCost = 0, this.workflow = A, this.stepSpecificServices = {}, this.profanityFilter = e, this.pollers = [], this.allScenes = [], this.layouts = t, this.product = s, this.previewService = o, this.modelContainer = l, this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, this.confirmCallbacks = [], this.editedCallbacks = [], this.elementsCallbacks = [], this.informationResultCallbacks = [], this.initCallbacks = [], this.mandatoryCallbacks = [], this.makingAdjustmentsCallback = [], this.metadataCallbacks = [], this.selectionCallbacks = [], this.stepSpecificStorageCallbacks = {}, this.storageCallbacks = [], this.currentAdjustingStepId = "", this.renderableContextService = r, this.isReloadedTransaction = d, h && (this.workflowStatePromiseQueue.enabled = !1), this.initializationPromise = this.initializeDefaultWorkflowState(A), this.initializationPromise.then(() => {
       this.initialized = !0;
     }), this.initializationPromise.catch((E) => {
@@ -5087,7 +5083,7 @@ class La {
       model: this.getProduct().modelUrl,
       contextService: this.getLayoutPreviewService()
     });
-    this.setModelContainer(e), eA(this.allScenes, this.stepSelections).filter((n) => n).map((n) => n.renderableSteps).flat().filter((n) => n.type === f.Model || n.type === f.Material).forEach((n) => {
+    this.setModelContainer(e), eA(this.allScenes, this.stepSelections).filter((n) => n).map((n) => n.renderableSteps).flat().filter((n) => n.type === D.Model || n.type === D.Material).forEach((n) => {
       var o, r, g;
       if (!((o = n.option) != null && o.id)) {
         console.error(`Failed to read option id from step: ${n.stepName}`);
@@ -5097,7 +5093,7 @@ class La {
       if (i.length === 0)
         return;
       const s = i[0];
-      if (n.type === f.Model) {
+      if (n.type === D.Model) {
         if (!this.modelContainer)
           throw new k(
             "We should always have a model container when injecting a preview!"
@@ -5169,7 +5165,11 @@ class La {
     const A = this.serialize();
     this.workflowStatePromiseQueue.enqueue(
       new me(async () => {
-        await this.updateTransaction({
+        await new Promise((e) => {
+          setTimeout(() => {
+            e();
+          }, 1);
+        }), await this.updateTransaction({
           variables: {
             id: this.transaction.id,
             workflowState: A.transaction
@@ -5227,17 +5227,17 @@ class La {
     ), A), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((A, e) => (e.type === f.Model && !tA(e, this.stepSelections) && A.push(e.stepName), A), []);
+    return this.workflow.steps.reduce((A, e) => (e.type === D.Model && !tA(e, this.stepSelections) && A.push(e.stepName), A), []);
   }
   async stepElementsForIntroducedSilentSteps(A, e) {
     const t = this.product;
     if (!t)
       return Promise.resolve({ stepElements: {}, commands: [] });
     const a = async (r, g, B) => {
-      if (r.type === f.SilentIllustration) {
+      if (r.type === D.SilentIllustration) {
         const l = await new Qe(r, g).trigger();
         return { step: r, results: l };
-      } else if (r.type === f.ProductOverlay) {
+      } else if (r.type === D.ProductOverlay) {
         const l = await new Qe(
           r,
           g,
@@ -5303,15 +5303,15 @@ class La {
       [A]: t
     }, this.removeElements(l);
     const h = this.workflow.steps.find((I) => I.stepName === A);
-    if ((h == null ? void 0 : h.type) === f.Frame) {
+    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 E = l.map((I) => new Z(I.id)), Q = new Be(this.constructSerializableWorkflow()), C = [...w, ...E, Q];
     C.length > 0 && this.commandContext.apply(new G(C), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
-    const D = this.getInvalidModelVariants(), u = this.modelContainer;
+    const f = this.getInvalidModelVariants(), u = this.modelContainer;
     if (u) {
-      const I = D.map(
+      const I = f.map(
         (p) => u.applyModelVariant(
           p,
           {
@@ -5329,7 +5329,7 @@ class La {
     for (const o of a)
       if (!this.stepInitialised[o.stepName])
         switch (this.stepInitialised[o.stepName] = !0, o.type) {
-          case f.DigitalContent:
+          case D.DigitalContent:
             t.push(
               Ea.init(
                 o,
@@ -5338,8 +5338,8 @@ class La {
               )
             );
             break;
-          case f.Frame:
-          case f.Photo:
+          case D.Frame:
+          case D.Photo:
             {
               const r = new Ba(o.data.forceImageCover);
               r.connectWorkflowManager(this, o.stepName), this.stepSpecificServices[o.stepName] = {
@@ -5349,40 +5349,40 @@ class La {
               );
             }
             break;
-          case f.Illustration:
+          case D.Illustration:
             t.push(
               IA.init(o, this, this.reloadedState)
             );
             break;
-          case f.Material:
+          case D.Material:
             t.push(
               Ve.init(o, this, this.reloadedState)
             );
             break;
-          case f.Model:
+          case D.Model:
             t.push(We.init(o, this, this.reloadedState));
             break;
-          case f.Module:
+          case D.Module:
             this.stepSpecificServices[o.stepName] = {
               module: await et(o.data.module)
             }, t.push(
               Ia.init(o, this, this.reloadedState)
             );
             break;
-          case f.Picture:
+          case D.Picture:
             t.push(
               Xe.init(o, this, this.reloadedState)
             );
             break;
-          case f.Question:
+          case D.Question:
             t.push(
               qe.init(o, this, this.reloadedState)
             );
             break;
-          case f.Shape:
+          case D.Shape:
             t.push(sA.init(o, this, this.reloadedState));
             break;
-          case f.Text:
+          case D.Text:
             t.push(K.init(o, this, this.reloadedState));
             break;
         }
@@ -5650,7 +5650,7 @@ class Ta extends W {
     const A = this.manager.getRegionElements(this.step.stepName) || [];
     if (A.length !== 0)
       try {
-        return DA(A[0].id, this.manager.getAllLayoutData()).colors;
+        return fA(A[0].id, this.manager.getAllLayoutData()).colors;
       } catch (e) {
         console.error(e);
       }
@@ -5989,24 +5989,24 @@ class Xa extends W {
 class wA {
   static get(A, e) {
     switch (e.type) {
-      case f.Information:
+      case D.Information:
         return new Xa(A, e);
-      case f.Question:
+      case D.Question:
         return new ja(A, e);
-      case f.Text:
+      case D.Text:
         return new Wa(A, e);
-      case f.Illustration:
+      case D.Illustration:
         return new Ta(A, e);
-      case f.Picture:
+      case D.Picture:
         return new Ka(A, e);
-      case f.Shape:
+      case D.Shape:
         return new Va(A, e);
-      case f.Material:
+      case D.Material:
         return new Oa(A, e);
-      case f.Model:
+      case D.Model:
         return new za(A, e);
-      case f.Frame:
-        return new Ci(A, e);
+      case D.Frame:
+        return new hi(A, e);
       default:
         throw new k(`Step type ${e.type} not yet supported in Core SDK`);
     }
@@ -6250,7 +6250,7 @@ const at = y`
         }
       }
     return [S, Y];
-  }, [C] = await Q(!0), D = Object.fromEntries(
+  }, [C] = await Q(!0), f = Object.fromEntries(
     Object.keys(C).map((M) => [M, C[M].map((S) => S.id)])
   ), [u] = await Q(!1), m = Object.fromEntries(
     Object.keys(u).map((M) => [
@@ -6277,7 +6277,7 @@ const at = y`
           S.push({ key: Y, value: P });
         M.metadata = S;
       }
-      if (D) {
+      if (f) {
         const S = [];
         for (const [Y, P] of Object.entries(m))
           S.push({ key: Y, ids: P });
@@ -6523,16 +6523,16 @@ class EA {
     return this.workflowManager;
   }
   async createPreviewImage(A, e) {
-    var C, D;
+    var C, f;
     const t = this.workflowManager.getWorkflow(), a = (C = t == null ? void 0 : t.finalizeStepConfig) == null ? void 0 : C.lookAtAnimation;
     if (A) {
       if (!a)
         throw new Error("Failed to generate cart preview image!");
-      return await ((D = this.workflowManager.getPreviewService()) == null ? void 0 : D.renderSceneScreenshot(e ?? 512, a)) || "";
+      return await ((f = this.workflowManager.getPreviewService()) == null ? void 0 : f.renderSceneScreenshot(e ?? 512, a)) || "";
     }
     let n = 2048;
     e && e <= 2048 && (n = e);
-    const i = fA(n, n), s = this.commandContext.getAllLayouts(), o = t.defaultPreviewPanelIndex || 0, r = t.panels[o], g = s.find((u) => {
+    const i = DA(n, n), 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);
     }) || s[0], B = g.layoutState.layout.previewRegion ? {
@@ -6557,7 +6557,7 @@ class EA {
     await (await Re.from(d, h, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: fA,
+      createCanvas: DA,
       createImage: Se,
       DOMParser: xe(),
       fetch: qA
@@ -6701,7 +6701,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(), a = new Ei({}), n = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
+    const e = JSON.stringify(A.transaction), t = this.getWorkflowManager().getWorkflow(), a = new wi({}), n = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
     if (!n)
       throw new k("Integration product id is undefined!");
     return await a.initFromIntegrationProduct(n), await a.getWorkflowExperience(t.id, e, void 0);
@@ -6728,7 +6728,7 @@ class EA {
    * @returns Returns true when a valid handle is implemented for a given step type. Certain steps don't support handles, such as silent illustrations.
    */
   stepHasHandle(A) {
-    return A.type !== f.SilentIllustration && A.type !== f.ProductOverlay;
+    return A.type !== D.SilentIllustration && A.type !== D.ProductOverlay;
   }
   getExportedData() {
     var a;
@@ -6833,7 +6833,7 @@ const sn = [
           },
           d
         ),
-        new fe(l, i, w)
+        new De(l, i, w)
       ];
     };
     return (await Promise.all(t.data.regions.map((r) => o(r)))).flat();
@@ -6881,7 +6881,7 @@ const sn = [
           break;
         }
   }
-  const D = (p) => {
+  const f = (p) => {
     const F = c.find((S) => S.panelId === p.panelId);
     if (!F)
       throw new z(p);
@@ -6905,7 +6905,7 @@ const sn = [
     );
   }, u = t.data.regions;
   try {
-    return u.map(D);
+    return u.map(f);
   } catch (p) {
     return console.error(p), [];
   }
@@ -7041,7 +7041,7 @@ const sn = [
 }, dn = async (c, A, e) => {
   const t = [], n = (() => {
     var r, g;
-    return A.type === f.ProductOverlay ? e || ((r = A.data.asset) == null ? void 0 : r.fileLink) || "" : ((g = A.data.asset) == null ? void 0 : g.fileLink) || "";
+    return A.type === D.ProductOverlay ? e || ((r = A.data.asset) == null ? void 0 : r.fileLink) || "" : ((g = A.data.asset) == null ? void 0 : g.fileLink) || "";
   })(), s = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? v.Image : n.endsWith(".svg") ? v.Illustration : v.Illustration)(), o = A.data.regions;
   if (s === "image")
     try {
@@ -7059,7 +7059,7 @@ const sn = [
           height: r.height,
           layer: r.layer,
           layerIndex: r.layerIndex,
-          productOverlay: A.type === f.ProductOverlay ? !0 : void 0,
+          productOverlay: A.type === D.ProductOverlay ? !0 : void 0,
           scaleX: 1,
           scaleY: 1,
           rotation: r.rotation,
@@ -7098,7 +7098,7 @@ const sn = [
         scaleX: 1,
         scaleY: 1,
         rotation: B.rotation,
-        productOverlay: A.type === f.ProductOverlay ? !0 : void 0,
+        productOverlay: A.type === D.ProductOverlay ? !0 : void 0,
         excludeFromExport: A.data.excludeFromPrint
       };
       t.push(new L(d, l));
@@ -7107,11 +7107,11 @@ const sn = [
   return t;
 }, wn = async (c, A, e, t) => {
   const a = [], n = e.data, i = 30, s = (E) => E.vertical ? "center" : E.textAlign || "center", o = () => {
-    var D;
+    var f;
     const E = t.option;
     if (!E)
       return;
-    const Q = ((D = E.variants) == null ? void 0 : D.find((u) => u.id === n.fontVariantId)) || NA(E);
+    const Q = ((f = E.variants) == null ? void 0 : f.find((u) => u.id === n.fontVariantId)) || NA(E);
     if (!Q || !Q.asset)
       return;
     A[t.stepName] = { selectedVariants: [Q] };
@@ -7138,7 +7138,7 @@ const sn = [
     return C == null ? void 0 : C.color;
   }, w = n.color || await d(t.data), h = t.data.regions;
   for (const E of h) {
-    const Q = c.find((D) => D.panelId === E.panelId);
+    const Q = c.find((f) => f.panelId === E.panelId);
     if (!Q)
       continue;
     const C = {
@@ -7163,7 +7163,7 @@ const sn = [
       y: E.top
     };
     if (g) {
-      const [D, u] = uA(
+      const [f, u] = uA(
         t.data.size || i,
         g,
         E,
@@ -7183,7 +7183,7 @@ const sn = [
         new L(
           {
             ...C,
-            fontSize: D,
+            fontSize: f,
             text: C.curved ? C.text : (u || []).join(`
 `)
           },
@@ -7209,18 +7209,18 @@ const sn = [
     const s = A.steps.find((o) => o.stepName === i.name);
     if (s)
       switch (s.type) {
-        case f.DigitalContent:
+        case D.DigitalContent:
           a.push(
             ...await on(e, i, s)
           );
           break;
-        case f.Frame:
-        case f.Photo:
+        case D.Frame:
+        case D.Photo:
           a.push(
             ...await rn(e, n, i, s)
           );
           break;
-        case f.Illustration:
+        case D.Illustration:
           a.push(
             ...await cn(
               e,
@@ -7230,20 +7230,20 @@ const sn = [
             )
           );
           break;
-        case f.Module:
+        case D.Module:
           a.push(...await gn(e, i, s));
           break;
-        case f.Picture:
+        case D.Picture:
           a.push(
             ...await ln(e, n, i, s)
           );
           break;
-        case f.Shape:
+        case D.Shape:
           a.push(
             ...await Bn(e, n, i, s)
           );
           break;
-        case f.Text:
+        case D.Text:
           a.push(
             ...await wn(e, n, i, s)
           );
@@ -7251,7 +7251,7 @@ const sn = [
       }
   }
   for (const i of A.steps)
-    i.type !== f.SilentIllustration && i.type !== f.ProductOverlay || En(i, n) && a.push(
+    i.type !== D.SilentIllustration && i.type !== D.ProductOverlay || En(i, n) && a.push(
       ...await dn(e, i, t)
     );
   return a;
@@ -7273,7 +7273,7 @@ class hA {
   }
 }
 const Cn = () => new Promise((c, A) => {
-  const t = fA().getContext("webgl2");
+  const t = DA().getContext("webgl2");
   c(!!t);
 }), Qn = Cn();
 class un {
@@ -7411,7 +7411,7 @@ class mn extends ze {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: fA,
+      createCanvas: DA,
       createImage: Se,
       DOMParser: xe(),
       fetch: qA
@@ -7419,18 +7419,18 @@ class mn extends ze {
     B.resize(s, o), await B.render(), this.onRender();
   }
 }
-const xi = (c, A) => {
+const Si = (c, A) => {
   const e = [];
   return c.forEach((t) => {
     const a = A.steps.find((n) => n.stepName === t.stepName);
-    (a == null ? void 0 : a.type) === f.Text && t.stepAspectType === "Text" && e.push({
+    (a == null ? void 0 : a.type) === D.Text && t.stepAspectType === "Text" && e.push({
       name: a.stepName,
       data: {
         text: t.value
       }
     });
   }), e;
-}, Pi = async (c, A, e, t) => {
+}, xi = async (c, A, e, t) => {
   let a = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -7537,7 +7537,7 @@ const xi = (c, A) => {
             }
         }
     }
-`, Dn = y`
+`, fn = y`
     ${st}
     query GetBundle($id: String!) {
         bundles(ids: [$id]) {
@@ -7559,7 +7559,7 @@ const xi = (c, A) => {
             }
         }
     }
-`, fn = y`
+`, Dn = y`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -8071,39 +8071,51 @@ class On {
     A && (this.state = JSON.parse(A));
   }
   applyStateToWorkflowExperience(A) {
-    var n, i;
-    if (!this.state || !((n = A == null ? void 0 : A.getWorkflowManager()) != null && n.getModelContainer()))
+    var i;
+    if (!this.state || !((i = A == null ? void 0 : A.getWorkflowManager()) != null && i.getModelContainer()))
       return;
-    const e = (i = this.state.transactions.find(
-      (s) => s.transactionId === A.getWorkflowManager().getTransaction().id && s.transform
-    )) == null ? void 0 : i.transform;
+    const e = this.state.transactions.find(
+      (s) => s.transactionId === A.getWorkflowManager().getTransaction().id
+    );
     if (!e)
       return;
-    const t = this.flipTransform(
-      e,
-      A.getWorkflowManager().getPreviewService()
-    ), a = A.getWorkflowManager().getModelContainer();
-    a.position = t.position, a.rotation = t.rotation, a.scale = t.scale;
-  }
-  setWorkflowExperienceTransform(A, e) {
-    var s;
-    if (!((s = A == null ? void 0 : A.getWorkflowManager()) != null && s.getModelContainer()))
+    const t = this.getTransformToApply(e);
+    if (!t)
       return;
-    const t = this.flipTransform(
-      e,
+    const a = this.flipTransform(
+      t,
       A.getWorkflowManager().getPreviewService()
-    ), a = A.getWorkflowManager().getModelContainer();
-    a.position = t.position, a.rotation = t.rotation, a.scale = t.scale;
-    const n = A.getWorkflowManager().getTransaction().id;
+    ), n = A.getWorkflowManager().getModelContainer();
+    n.position = a.position, n.rotation = a.rotation, n.scale = a.scale;
+  }
+  getTransformToApply(A) {
+    return A.activeTransform && A.transforms ? A.transforms[A.activeTransform] : A.transform;
+  }
+  updateWorkflowExperienceTransform(A, e, t) {
+    const a = A.getWorkflowManager().getTransaction().id;
     this.state ? this.state.transactions || (this.state.transactions = []) : this.state = {
       transactions: []
     };
-    const i = this.state.transactions.find((o) => o.transactionId === n);
-    i ? i.transform = e : this.state.transactions.push({
-      transactionId: n,
-      transform: e
+    const n = this.state.transactions.find((i) => i.transactionId === a);
+    n ? (n.transforms || (n.transforms = {}), n.transforms[e] = t) : this.state.transactions.push({
+      transactionId: a,
+      activeTransform: e,
+      transforms: { [e]: t }
     });
   }
+  activateWorkflowExperienceTransform(A, e) {
+    var o, r;
+    if (!((o = A == null ? void 0 : A.getWorkflowManager()) != null && o.getModelContainer()) || !this.state)
+      return;
+    const t = A.getWorkflowManager().getTransaction().id, a = this.state.transactions.find((g) => g.transactionId === t), n = (r = a == null ? void 0 : a.transforms) == null ? void 0 : r[e];
+    if (!n)
+      return;
+    const i = this.flipTransform(
+      n,
+      A.getWorkflowManager().getPreviewService()
+    ), s = A.getWorkflowManager().getModelContainer();
+    s.position = i.position, s.rotation = i.rotation, s.scale = i.scale, a.activeTransform = e;
+  }
   removeStateForTransaction(A) {
     if (!this.state || !this.state.transactions)
       return;
@@ -8608,7 +8620,7 @@ class pe {
   }
   async getAllStakeholders() {
     const A = await N.getShadowGraphqlClient().query({
-      query: fn,
+      query: Dn,
       errorPolicy: "all",
       variables: {
         id: this.id
@@ -8661,8 +8673,11 @@ class pe {
         await this.injectExperienceIntoPreviewService(e);
     A && A.registerModelLoadEventListener && A.registerModelLoadEventListener(this.onModelLoadEvent.bind(this)), this.previewService && this.previewService !== A && this.previewService.unregisterModelLoadEventListener && this.previewService.unregisterModelLoadEventListener(this.onModelLoadEvent.bind(this)), this.previewService = A;
   }
-  setWorkflowExperienceTransform(A, e) {
-    return this.bundleStateManager.setWorkflowExperienceTransform(A, e), this.updateBundle();
+  updateWorkflowExperienceTransform(A, e, t) {
+    return this.bundleStateManager.updateWorkflowExperienceTransform(A, e, t), this.updateBundle();
+  }
+  activateWorkflowExperienceTransform(A, e) {
+    return this.bundleStateManager.activateWorkflowExperienceTransform(A, e), this.updateBundle();
   }
   onModelLoadEvent(A) {
     A.eventType === "unload" || !A.modelContainer || (A.modelContainer.registerMaterialSelectedCallback(() => this.onModelSelectedEvent(A.modelContainer, !0)), A.modelContainer.registerMaterialDeselectedCallback(() => this.onModelSelectedEvent(A.modelContainer, !1)));
@@ -9446,24 +9461,6 @@ const _n = y`
         }
     }
 `, ii = y`
-    query GetIntegrationWithPartnerAndLogo {
-        currentIntegration {
-            id
-            logo
-            theme {
-                id
-                configuration
-                primaryColor
-                secondaryColor
-                textColor
-            }
-            partner {
-                id
-                name
-            }
-        }
-    }
-`, si = y`
     ${GA(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -9485,7 +9482,7 @@ const _n = y`
             }
         }
     }
-`, oi = y`
+`, si = y`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -9495,7 +9492,7 @@ const _n = y`
             }
         }
     }
-`, ri = y`
+`, oi = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -9505,7 +9502,7 @@ const _n = y`
             }
         }
     }
-`, ci = y`
+`, ri = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -9532,11 +9529,11 @@ const _n = y`
             }
         }
     }
-`, gi = y`
+`, ci = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, li = y`
+`, gi = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -9580,7 +9577,7 @@ const _n = y`
       (A = i.fontData) != null && A.assetUrl && await _A(i.fontData.assetUrl);
     }
   }
-}, Bi = async (c, A) => {
+}, li = async (c, A) => {
   var a;
   const e = await N.getShadowGraphqlClient().query({
     query: ai(((a = A == null ? void 0 : A.assets) == null ? void 0 : a.metadata) || !1),
@@ -9600,7 +9597,7 @@ const _n = y`
       }), rA.set({ id: i.option.id }, Promise.resolve(i.option)));
     });
   }), t;
-}, di = async (c, A) => {
+}, Bi = async (c, A) => {
   const t = (await A).find((a) => a.id === c);
   if (!t)
     throw new Error(`Workflow not found: ${c}`);
@@ -9609,11 +9606,11 @@ const _n = y`
   const e = c.map((s) => rA.get({ id: s, options: A })), t = c.filter((s, o) => e[o] === void 0);
   if (t.length === 0)
     return Promise.all(e);
-  const a = Bi(t, A), n = t.map(
-    (s) => rA.set({ id: s, options: A }, di(s, a))
+  const a = li(t, A), n = t.map(
+    (s) => rA.set({ id: s, options: A }, Bi(s, a))
   ), i = e.filter((s) => s !== void 0);
   return await Promise.all(i.concat(n));
-}, QA = async (c, A) => (await ct([c], A))[0], wi = (c) => c.sort((A, e) => A.index - e.index).map((A) => ({
+}, QA = async (c, A) => (await ct([c], A))[0], di = (c) => c.sort((A, e) => A.index - e.index).map((A) => ({
   id: J(),
   panelId: A.name,
   name: A.name,
@@ -9628,9 +9625,9 @@ const _n = y`
   editableArea: A.editableArea
 })), TA = (c, A) => {
   const e = c.workflowState, t = e ? JSON.parse(e) : void 0;
-  return t ? Object.values(t.layouts).map((a) => a.layout) : wi(A.panels);
+  return t ? Object.values(t.layouts).map((a) => a.layout) : di(A.panels);
 };
-class Ei {
+class wi {
   constructor(A) {
     this.updateTransactionState = async (e) => {
       try {
@@ -9660,12 +9657,6 @@ class Ei {
       throw new Error("Application key required to use Flow Service.");
     return new Xn();
   }
-  async getIntegration() {
-    return (await N.getShadowGraphqlClient().query({
-      query: ii,
-      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.
@@ -9731,14 +9722,14 @@ class Ei {
       const E = s.get(A);
       if (E && await this.authenticateCustomerId(E)) {
         const C = ((d = (l = this.customer) == null ? void 0 : l.bundleStakeholders) == null ? void 0 : d.find(
-          (D) => {
+          (f) => {
             var u, m;
-            return (m = (u = D.bundle) == null ? void 0 : u.transactions) == null ? void 0 : m.some((I) => I.id === A);
+            return (m = (u = f.bundle) == null ? void 0 : u.transactions) == null ? void 0 : m.some((I) => I.id === A);
           }
         )) || ((h = (w = this.customer) == null ? void 0 : w.stakeholders) == null ? void 0 : h.find(
-          (D) => {
+          (f) => {
             var u;
-            return ((u = D.transaction) == null ? void 0 : u.id) === A;
+            return ((u = f.transaction) == null ? void 0 : u.id) === A;
           }
         ));
         if (C)
@@ -9749,7 +9740,7 @@ class Ei {
       }
     }
     const r = (await e.query({
-      query: si,
+      query: ii,
       errorPolicy: "all",
       variables: {
         id: a.workflowId
@@ -9785,7 +9776,7 @@ class Ei {
     var i;
     this.customer = void 0;
     const e = N.getShadowGraphqlClient(), a = (await e.query({
-      query: oi,
+      query: si,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9794,7 +9785,7 @@ class Ei {
     })).data.customer;
     if (!a.id) {
       const o = (i = (await e.mutate({
-        mutation: ri,
+        mutation: oi,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -9826,7 +9817,7 @@ class Ei {
     if (!a)
       return !1;
     const i = (s = (await e.mutate({
-      mutation: ci,
+      mutation: ri,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9841,7 +9832,7 @@ class Ei {
    */
   async generateVerificationCode(A) {
     await N.getShadowGraphqlClient().mutate({
-      mutation: gi,
+      mutation: ci,
       variables: {
         emailAddress: A
       }
@@ -9856,7 +9847,7 @@ class Ei {
   async verifyCode(A, e) {
     var n, i;
     const a = (n = (await N.getShadowGraphqlClient().mutate({
-      mutation: li,
+      mutation: gi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9906,7 +9897,7 @@ class Ei {
   async getExistingBundle(A, e, t) {
     var g, B, l, d;
     const a = x.getMap("bundleOwnerIds"), n = a == null ? void 0 : a.get(A), i = await N.getShadowGraphqlClient().query({
-      query: Dn,
+      query: fn,
       variables: {
         id: A
       },
@@ -9961,10 +9952,10 @@ class Ei {
       var Q, C;
       const E = N.getShadowGraphqlClient();
       if (a.type === "transaction") {
-        const { transactionId: D, readOnly: u } = a, m = await E.query({
+        const { transactionId: f, readOnly: u } = a, m = await E.query({
           query: BA,
           variables: {
-            ids: [D]
+            ids: [f]
           },
           errorPolicy: "all",
           fetchPolicy: "no-cache"
@@ -9980,7 +9971,7 @@ class Ei {
         return { transaction: I, workflow: p, readOnly: u };
       }
       if (a.type === "integration" || a.type === "external") {
-        const D = async () => {
+        const f = async () => {
           const p = a.type === "integration" ? { integrationProductId: a.integrationProductId } : {
             externalIntegrationId: a.externalIntegrationId,
             externalProductId: a.externalProductId
@@ -10002,7 +9993,7 @@ class Ei {
           if (!M.product)
             throw new U("Failed to create transaction, product not available.");
           return M;
-        }, u = QA(a.workflowId, a == null ? void 0 : a.graphql), [m, I] = await Promise.all([D(), u]);
+        }, u = QA(a.workflowId, a == null ? void 0 : a.graphql), [m, I] = await Promise.all([f(), u]);
         return { transaction: m, workflow: I };
       }
       throw new U("No workflow ID provided.");
@@ -10150,10 +10141,10 @@ class Ei {
       ), H.delayWorkflowStateSync = !0, this.initialized = !0, this.experienceOptions = H, { experienceOptions: H, index: M, options: Y };
     });
     x.setMap("transactionOwnerIds", h);
-    const D = (await Promise.all(E)).sort((m, I) => m.index - I.index).map(async (m) => {
+    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;
-    }), u = await Promise.all(D);
+    }), u = await Promise.all(f);
     return u.forEach((m) => m.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), u;
   }
   /**
@@ -10187,10 +10178,7 @@ class Ei {
       product: a.product,
       transaction: a,
       layouts: [],
-      stateMutationFunc: async (s) => this.updateTransactionState({
-        ...s,
-        context: { transactionOwnerId: a.transactionOwnerId }
-      })
+      stateMutationFunc: async (s) => this.updateTransactionState({ ...s, context: { transactionOwnerId: a.transactionOwnerId } })
     }, this.initialized = !0;
   }
   /**
@@ -10263,10 +10251,7 @@ class Ei {
         product: l.product,
         transaction: l,
         layouts: [],
-        stateMutationFunc: async (d) => this.updateTransactionState({
-          ...d,
-          context: { transactionOwnerId: l.transactionOwnerId }
-        }),
+        stateMutationFunc: async (d) => this.updateTransactionState({ ...d, context: { transactionOwnerId: l.transactionOwnerId } }),
         readOnly: e
       }, this.initialized = !0;
     } catch {
@@ -10352,7 +10337,7 @@ class Ei {
     e.set(A.partner.id, A.id), x.setMap("partnerCustomerIds", e);
   }
 }
-class Ni {
+class Pi {
   getInitializationPromise() {
     return Promise.resolve();
   }
@@ -10477,8 +10462,8 @@ class Ni {
   setWorkflowStateSyncEnabled(A) {
   }
 }
-var hi = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(hi || {});
-class Ci extends W {
+var Ei = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(Ei || {});
+class hi extends W {
   constructor(A, e) {
     var t;
     super(A, e), this.frameService = (t = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : t.frameService;
@@ -10520,42 +10505,42 @@ class Ci extends W {
 }
 export {
   $ as AssetNotFoundError,
-  Ui as AssetType,
-  Gi as BringForwardCommand,
-  vi as BringToBackCommand,
-  ki as BringToFrontCommand,
-  Ji as CanvasCommand,
+  Ri as AssetType,
+  Ui as BringForwardCommand,
+  Gi as BringToBackCommand,
+  vi as BringToFrontCommand,
+  ki as CanvasCommand,
   Kn as CollectionProduct,
-  bi as CommandContext,
+  Ji as CommandContext,
   ta as ConversionDataType,
   ea as ConversionLocation,
-  Li as CreateElementCommand,
-  Ti as CreateLayoutCommand,
-  Oi as DeleteElementCommand,
+  bi as CreateElementCommand,
+  Li as CreateLayoutCommand,
+  Ti as DeleteElementCommand,
   CA as FlowExecutionNodeResult,
   qn as FlowExecutionResult,
   Xn as FlowService,
-  zi as FontAlignmentCommand,
-  Ki as FontColorCommand,
-  ji as FontSizeCommand,
-  Vi as FontSourceCommand,
+  Oi as FontAlignmentCommand,
+  zi as FontColorCommand,
+  Ki as FontSizeCommand,
+  ji as FontSourceCommand,
   Ba as FrameService,
-  hi as FrameStep,
-  Ci as FrameStepHandle,
+  Ei as FrameStep,
+  hi as FrameStepHandle,
   oe as GlobalPropertyHandle,
-  Wi as GroupCommand,
+  Vi as GroupCommand,
   Ta as IllustrationStepHandle,
   PA as InformationMessageType,
   Xa as InformationStepHandle,
   _t as IntegrationType,
-  Xi as LayoutElementFactory,
-  qi as LayoutElementType,
+  Wi as LayoutElementFactory,
+  Xi as LayoutElementType,
   z as LayoutNotFoundError,
   Oa as MaterialStepHandle,
   MA as MisconfigurationError,
-  Ni as MockWorkflowManager,
+  Pi as MockWorkflowManager,
   za as ModelStepHandle,
-  Zi as MoveCommand,
+  qi as MoveCommand,
   rt as ObjectInput,
   $n as ObjectInputType,
   FA as OptionNotFoundError,
@@ -10568,63 +10553,63 @@ export {
   Ke as PromiseQueue,
   ja as QuestionStepHandle,
   ze as QueueablePromise,
-  $i as ResizeCommand,
+  Zi as ResizeCommand,
   oA as ResourceNotFoundError,
-  _i as RotateCommand,
-  As as SendBackwardsCommand,
+  $i as RotateCommand,
+  _i as SendBackwardsCommand,
   Va as ShapeStepHandle,
-  Ei as SpiffCommerceClient,
+  wi as SpiffCommerceClient,
   YA as StakeholderType,
-  es as StepAspectType,
+  As as StepAspectType,
   W as StepHandle,
-  ts as StepType,
-  as as TextChangeCommand,
+  es as StepType,
+  ts as TextChangeCommand,
   Wa as TextStepHandle,
   Vn as Transform,
   jn as TransformCollection,
   k as UnhandledBehaviorError,
-  ns as UnitOfMeasurement,
+  as as UnitOfMeasurement,
   X as Variant,
   EA as WorkflowExperienceImpl,
   O as assetService,
   en as createDesign,
-  is as dataUrlFromExternalUrl,
+  ns as dataUrlFromExternalUrl,
   LA as designService,
-  ss as determineCorrectFontSizeAndLines,
+  is as determineCorrectFontSizeAndLines,
   Ea as digitalContentStepService,
-  os as findElement,
-  rs as frameDataCache,
+  ss as findElement,
+  os as frameDataCache,
   VA as frameStepService,
-  cs as generate,
+  rs as generate,
   hn as generateCommands,
-  gs as generateSVGWithUnknownColors,
-  Pi as generateStateFromDesignInputSteps,
-  ls as getAttributesFromArrayBuffer,
-  Bs as getAxisAlignedBoundingBox,
+  cs as generateSVGWithUnknownColors,
+  xi as generateStateFromDesignInputSteps,
+  gs as getAttributesFromArrayBuffer,
+  ls as getAxisAlignedBoundingBox,
   la as getBoundedOffsets,
-  ds as getFrameData,
-  ws as getSvgElement,
+  Bs as getFrameData,
+  ds as getSvgElement,
   QA as getWorkflow,
   ct as getWorkflows,
   N as graphQlManager,
   IA as illustrationStepService,
-  Es as loadFont,
+  ws as loadFont,
   Ve as materialStepService,
   We as modelStepService,
   Ia as moduleStepService,
   j as optionService,
-  hs as patternImageDataCache,
+  Es as patternImageDataCache,
   x as persistenceService,
   Xe as pictureStepService,
   qe as questionStepService,
-  Cs as registerFetchImplementation,
-  Qs as registerWindowImplementation,
-  us as rehydrateSerializedLayout,
-  ms as setCanvasModule,
+  hs as registerFetchImplementation,
+  Cs as registerWindowImplementation,
+  Qs as rehydrateSerializedLayout,
+  us as setCanvasModule,
   sA as shapeStepService,
   da as shortenUrl,
   yA as spiffCoreConfiguration,
-  xi as stepAspectValuesToDesignInputSteps,
+  Si as stepAspectValuesToDesignInputSteps,
   K as textStepService,
   Ma as toast
 };