@spiffcommerce/core 20.1.0-beta.3 → 20.2.0

package/dist/index.js

@@ -1,14 +1,14 @@
 import { createHttpLink as Et, InMemoryCache as ht, ApolloClient as Ct, from as Qt, gql as F } from "@apollo/client/core";
-import { fetch as $A, getAttributesFromArrayBuffer as ye, AssetType as Be, StepType as D, getFrameData as _A, frameDataCache as ut, GroupCommand as G, UpdateFramePattern as Ye, UpdateFrameThresholdSettingsCommand as mt, calculateOffsets as Ae, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Se, svgObjectURL as pA, fetchAsString as q, DeleteElementCommand as Z, generateDefaultRectangleFrameSvg as de, GetSVGDimensions as It, patternImageDataCache as we, fetchAsArrayBuffer as pt, findElement as fA, modifySVGWithElementProperties as ft, IllustrationColorCommand as zA, IllustrationCacheCommand as Dt, getFontMetrics as Ft, getPatternImageData as KA, FontAlignmentCommand as Mt, FontColorCommand as yt, FontImageFillCommand as kA, applyTextTransformations as jA, determineCorrectFontSizeAndLines as uA, FontSourceCommand as Ee, loadFont as ee, TextChangeCommand as Yt, FontSizeCommand as St, createElementNS as xt, createElement as lA, _loadFontExternalDataURL as te, UpdateWorkflowStateCommand as he, CommandContext as Pt, createCanvas as DA, getSvgElement as xe, LayoutRenderingPurpose as Pe, renderPapyrusComponentAsString as Ne, loadImage as He, getDomParser as Re, toBase64 as Ce, getVariant as Nt, generateFrameSVG as Ht, getDefaultVariant as NA, domParser as Ue, sanitizeSvgTree as Ge, traverse as Rt, xmlSerializer as ve, CreateLayoutCommand as Ut, AspectType as mA, rehydrateSerializedLayout as _ } from "@spiffcommerce/papyrus";
-import { AssetType as ji, BringForwardCommand as Vi, BringToBackCommand as Wi, BringToFrontCommand as Xi, CanvasCommand as qi, CommandContext as Zi, CreateElementCommand as $i, CreateLayoutCommand as _i, DeleteElementCommand as As, FontAlignmentCommand as es, FontColorCommand as ts, FontSizeCommand as ns, FontSourceCommand as as, GroupCommand as is, LayoutElementFactory as ss, LayoutElementType as os, MoveCommand as rs, ResizeCommand as cs, RotateCommand as gs, SendBackwardsCommand as ls, StepAspectType as Bs, StepType as ds, TextChangeCommand as ws, UnitOfMeasurement as Es, dataUrlFromExternalUrl as hs, determineCorrectFontSizeAndLines as Cs, findElement as Qs, frameDataCache as us, generate as ms, generateSVGWithUnknownColors as Is, getAttributesFromArrayBuffer as ps, getAxisAlignedBoundingBox as fs, getFrameData as Ds, getSvgElement as Fs, loadFont as Ms, patternImageDataCache as ys, registerFetchImplementation as Ys, registerWindowImplementation as Ss, rehydrateSerializedLayout as xs, setCanvasModule as Ps } from "@spiffcommerce/papyrus";
+import { fetch as $A, getAttributesFromArrayBuffer as ye, AssetType as Be, StepType as D, getFrameData as _A, frameDataCache as ut, GroupCommand as G, UpdateFramePattern as Ye, UpdateFrameThresholdSettingsCommand as mt, calculateOffsets as Ae, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Se, svgObjectURL as fA, fetchAsString as Z, DeleteElementCommand as $, generateDefaultRectangleFrameSvg as de, GetSVGDimensions as It, patternImageDataCache as we, fetchAsArrayBuffer as pt, findElement as DA, modifySVGWithElementProperties as ft, IllustrationColorCommand as KA, IllustrationCacheCommand as Dt, getFontMetrics as Ft, getPatternImageData as jA, FontAlignmentCommand as Mt, FontColorCommand as yt, FontImageFillCommand as JA, applyTextTransformations as VA, determineCorrectFontSizeAndLines as mA, FontSourceCommand as Ee, loadFont as ee, TextChangeCommand as Yt, FontSizeCommand as St, createElementNS as xt, createElement as BA, _loadFontExternalDataURL as te, UpdateWorkflowStateCommand as he, CommandContext as Pt, createCanvas as FA, getSvgElement as xe, LayoutRenderingPurpose as Pe, renderPapyrusComponentAsString as Ne, loadImage as He, getDomParser as Re, toBase64 as Ce, getVariant as Nt, generateFrameSVG as Ht, getDefaultVariant as HA, domParser as Ue, sanitizeSvgTree as Ge, traverse as Rt, xmlSerializer as ve, CreateLayoutCommand as Ut, AspectType as IA, rehydrateSerializedLayout as AA } from "@spiffcommerce/papyrus";
+import { AssetType as Oi, BringForwardCommand as zi, BringToBackCommand as Ki, BringToFrontCommand as ji, CanvasCommand as Vi, CommandContext as Wi, CreateElementCommand as Xi, CreateLayoutCommand as qi, DeleteElementCommand as Zi, FontAlignmentCommand as $i, FontColorCommand as _i, FontSizeCommand as As, FontSourceCommand as es, GroupCommand as ts, LayoutElementFactory as ns, LayoutElementType as as, MoveCommand as is, ResizeCommand as ss, RotateCommand as os, SendBackwardsCommand as rs, StepAspectType as cs, StepType as gs, TextChangeCommand as ls, UnitOfMeasurement as Bs, dataUrlFromExternalUrl as ds, determineCorrectFontSizeAndLines as ws, findElement as Es, frameDataCache as hs, generate as Cs, generateSVGWithUnknownColors as Qs, getAttributesFromArrayBuffer as us, getAxisAlignedBoundingBox as ms, getFrameData as Is, getSvgElement as ps, loadFont as fs, patternImageDataCache as Ds, registerFetchImplementation as Fs, registerWindowImplementation as Ms, rehydrateSerializedLayout as ys, setCanvasModule as Ys } from "@spiffcommerce/papyrus";
 import { setContext as Gt } from "@apollo/client/link/context";
 import { onError as vt } from "@apollo/client/link/error";
 import { Pith as ke } from "pith";
 import Je from "lodash.debounce";
 import be from "lodash.isequal";
-import HA from "lodash.clonedeep";
+import RA from "lodash.clonedeep";
 import { toString as Le } from "qrcode";
-import { split as VA } from "unicode-default-word-boundary";
+import { split as WA } from "unicode-default-word-boundary";
 import ne from "svg-path-bbox";
 import Qe from "lodash.chunk";
 class Te extends Error {
@@ -16,57 +16,57 @@ class Te extends Error {
     super(A), this.name = this.constructor.name;
   }
 }
-class gA extends Te {
+class lA extends Te {
   constructor(A) {
     super(`ConfigurationError - ${A}`);
   }
 }
-class FA extends gA {
+class MA extends lA {
   constructor(A) {
     super(`Option not Configured: ${A.stepTitle}`), this.optionId = (A == null ? void 0 : A.optionId) || "N/A";
   }
 }
-class z extends gA {
+class z extends lA {
   constructor(A) {
     super(`Panel not Found: ${A.panelId}`), this.panelId = (A == null ? void 0 : A.panelId) || "N/A";
   }
 }
-class $ extends gA {
+class _ extends lA {
   constructor(A) {
     super(`Asset not found for variant: ${A.name}`), this.variant = A;
   }
 }
-class rA extends gA {
+class cA extends lA {
   constructor(A) {
     super(`Resource not found for asset: ${A.name}`), this.asset = A;
   }
 }
-class MA extends gA {
+class yA extends lA {
   constructor(A, e) {
     super(`Workflow Misconfiguration: ${A.stepName} - ${e}`), this.step = A;
   }
 }
-class RA extends Te {
+class UA extends Te {
   constructor(A) {
     super(`ImplementationError - ${A}`);
   }
 }
-class k extends RA {
+class k extends UA {
   constructor(A) {
     super(`Unhandled Behavior Encountered: ${A}`);
   }
 }
-class sA extends RA {
+class oA extends UA {
   constructor(A) {
     super(`Parsing Error: ${A}`);
   }
 }
-class U extends RA {
+class U extends UA {
   constructor(A) {
     super(`Client Error: ${A}`);
   }
 }
-class UA extends RA {
+class GA extends UA {
   constructor(A) {
     super(`Resource Generation Failed: ${A}`);
   }
@@ -147,7 +147,7 @@ class bt {
     this.serverUrlCallbacks.push(A);
   }
 }
-const yA = new bt();
+const q = new bt();
 let Oe;
 const me = (c) => {
   Oe = c;
@@ -156,7 +156,7 @@ let ae;
 const Lt = (c) => {
   ae = c;
 }, Tt = () => ae, Ot = () => new Promise((c) => {
-  const A = yA.getHubUrl(), e = (t) => {
+  const A = q.getHubUrl(), e = (t) => {
     t.origin === A && (window.removeEventListener("message", e), c(t.data));
   };
   window.parent !== window && (window.addEventListener("message", e, !1), window.parent.postMessage("ready", A));
@@ -169,7 +169,7 @@ const Lt = (c) => {
 };
 class Kt {
   constructor() {
-    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), yA.addServerUrlCallback(() => {
+    this.shadowGraphqlClient = this.constructShadowGraphqlClient(), q.addServerUrlCallback(() => {
       this.shadowGraphqlClient = this.constructShadowGraphqlClient();
     });
   }
@@ -178,7 +178,7 @@ class Kt {
   }
   constructShadowGraphqlClient() {
     const A = Et({
-      uri: `${yA.getServerUrl()}/graphql`,
+      uri: `${q.getServerUrl()}/graphql`,
       fetch: $A
     }), e = Gt(async (i, s) => {
       const { headers: o } = s, r = o || {}, g = await zt(), 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;
@@ -258,7 +258,7 @@ const P = new Kt(), jt = F`
             value
         }
     }
-`, GA = (c) => F`
+`, vA = (c) => F`
         ${c && jt || ""}
         fragment AssetFields on Asset {
             name
@@ -274,7 +274,7 @@ const P = new Kt(), jt = F`
             ${c && "...AssetMetadataFields" || ""}
         }
     `, Vt = F`
-    ${GA(!1)}
+    ${vA(!1)}
     query GetAssets($keys: [String]!) {
         assets(keys: $keys) {
             ...AssetFields
@@ -445,7 +445,7 @@ class $t {
         g.lengthComputable && t(g.loaded * 100 / g.total);
       }, r.onload = () => {
         const g = i.assetResponse.asset;
-        JA.add(i.assetResponse.asset), s(g);
+        bA.add(i.assetResponse.asset), s(g);
       }, r.onerror = o, r.send(A.blob);
     }), i.assetResponse.asset;
   }
@@ -463,10 +463,10 @@ class $t {
     }
   }
   removePersistedAsset(A) {
-    JA.remove(A);
+    bA.remove(A);
   }
   getPersistedAssets() {
-    return JA.list();
+    return bA.list();
   }
   /**
    * Handles mimeType resolution & asset creation request
@@ -495,8 +495,8 @@ class $t {
     }
   }
 }
-const aA = "persistentAssets";
-class JA {
+const iA = "persistentAssets";
+class bA {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -508,27 +508,27 @@ class JA {
     }
     const e = /* @__PURE__ */ new Map();
     e.set(A.key || "", A.fileLink);
-    const t = x.getMap(aA);
+    const t = x.getMap(iA);
     t && t.forEach((n, a) => {
       e.set(a, n);
-    }), x.setMap(aA, e);
+    }), x.setMap(iA, e);
   }
   /**
    * Remove an existing asset from persistence. Noop if the asset doesn't exist.
    * @param assetKey The key to remove.
    */
   static remove(A) {
-    const e = x.getMap(aA);
+    const e = x.getMap(iA);
     if (!e)
       return;
     const t = Array.from(e.entries()).find((n) => n[0] === A);
-    t && (e.delete(t[0]), x.setMap(aA, e));
+    t && (e.delete(t[0]), x.setMap(iA, e));
   }
   /**
    * Get a list of all persisted assets.
    */
   static list() {
-    const A = x.getMap(aA);
+    const A = x.getMap(iA);
     return A ? Array.from(A.entries()).map((e) => ({ assetKey: e[0], src: e[1] })) : [];
   }
 }
@@ -564,7 +564,7 @@ class _t {
     this.disabled = A;
   }
 }
-const cA = new _t(), Ke = F`
+const gA = new _t(), Ke = F`
     fragment OptionFields on Option {
         id
         name
@@ -605,7 +605,7 @@ const cA = new _t(), Ke = F`
         }
     }
 `, An = F`
-    ${GA(!1)}
+    ${vA(!1)}
     ${ie}
     ${Ke}
     query GetOptions($ids: [String]!) {
@@ -629,11 +629,11 @@ const cA = new _t(), Ke = F`
     });
   }), A.data.options;
 }, tn = async (c, A) => (await A).find((t) => t.id === c), nn = async (c) => {
-  const A = c.map((i) => cA.get({ id: i })), e = c.filter((i, s) => A[s] === void 0);
+  const A = c.map((i) => gA.get({ id: i })), e = c.filter((i, s) => A[s] === void 0);
   if (e.length === 0)
     return Promise.all(A);
   const t = en(e), n = e.map(
-    (i) => cA.set({ id: i }, tn(i, t))
+    (i) => gA.set({ id: i }, tn(i, t))
   ), a = A.filter((i) => i !== void 0);
   return await Promise.all(a.concat(n));
 };
@@ -692,7 +692,7 @@ class an {
 }
 const j = new an();
 var sn = /* @__PURE__ */ ((c) => (c.Hub = "Hub", c.Shopify = "Shopify", c))(sn || {}), on = /* @__PURE__ */ ((c) => (c[c.Orbit = 0] = "Orbit", c[c.Pan = 1] = "Pan", c))(on || {}), rn = /* @__PURE__ */ ((c) => (c.Manual = "Manual", c.OnStart = "OnStart", c.OnQuit = "OnQuit", c.OnEnd = "OnEnd", c))(rn || {}), cn = /* @__PURE__ */ ((c) => (c.Email = "Email", c.FirstName = "FirstName", c.LastName = "LastName", c.Phone = "Phone", c))(cn || {}), YA = /* @__PURE__ */ ((c) => (c.Owner = "Owner", c.Approver = "Approver", c.Editor = "Editor", c.Viewer = "Viewer", c))(YA || {});
-const nA = F`
+const aA = F`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -710,7 +710,7 @@ const nA = F`
         }
     }
 `, Ie = F`
-    ${nA}
+    ${aA}
     mutation CreateTransaction(
         $integrationProductId: String
         $externalIntegrationId: String
@@ -794,7 +794,7 @@ const nA = F`
         }
     }
 `, gn = F`
-    ${nA}
+    ${aA}
     mutation CreateTransactions($inputs: [TransactionCreateInput]!) {
         transactionCreateMany(inputs: $inputs) {
             id
@@ -866,7 +866,7 @@ const nA = F`
         }
     }
 `, ln = F`
-    ${nA}
+    ${aA}
     mutation ClaimTransaction($id: String!) {
         transactionClaim(id: $id) {
             id
@@ -937,8 +937,8 @@ const nA = F`
             }
         }
     }
-`, BA = F`
-    ${nA}
+`, dA = F`
+    ${aA}
     query ReadTransactions($ids: [String]!) {
         transactions(ids: $ids) {
             customLogoLink
@@ -1091,7 +1091,7 @@ const je = F`
         }
     }
 `, Ve = F`
-    ${nA}
+    ${aA}
     fragment IntegrationProductFields on IntegrationProduct {
         id
         externalProductId
@@ -1149,7 +1149,7 @@ const je = F`
             ...IntegrationProductFields
         }
     }
-`, iA = [D.SilentIllustration, D.ProductOverlay], hn = async (c) => {
+`, sA = [D.SilentIllustration, D.ProductOverlay], hn = async (c) => {
   const A = [];
   c.introduction && A.push({
     name: "Introduction",
@@ -1172,16 +1172,16 @@ const je = F`
       A.push({
         name: t.stepName,
         title: t.stepTitle,
-        renderableSteps: iA.includes(t.type) ? [] : [t],
-        silentSteps: iA.includes(t.type) ? [t] : []
+        renderableSteps: sA.includes(t.type) ? [] : [t],
+        silentSteps: sA.includes(t.type) ? [t] : []
       });
     else {
       const a = A.find((i) => i.name === n.name);
-      a ? iA.includes(t.type) ? a.silentSteps.push(t) : a.renderableSteps.push(t) : A.push({
+      a ? sA.includes(t.type) ? a.silentSteps.push(t) : a.renderableSteps.push(t) : A.push({
         name: n.name,
         title: n.name,
-        renderableSteps: iA.includes(t.type) ? [] : [t],
-        silentSteps: iA.includes(t.type) ? [t] : []
+        renderableSteps: sA.includes(t.type) ? [] : [t],
+        silentSteps: sA.includes(t.type) ? [t] : []
       });
     }
   }
@@ -1204,7 +1204,7 @@ const je = F`
     ],
     silentSteps: []
   }), A;
-}, Cn = (c, A) => A.find((e) => e.stepNames.includes(c)), tA = (c, A) => (c.conditions || []).every((e) => {
+}, Cn = (c, A) => A.find((e) => e.stepNames.includes(c)), nA = (c, A) => (c.conditions || []).every((e) => {
   const t = A[e.targetStepName];
   if (t && t.selectedVariants) {
     const n = t.selectedVariants;
@@ -1217,13 +1217,13 @@ const je = F`
   const e = {
     name: c.name,
     title: c.title,
-    renderableSteps: c.renderableSteps.filter((t) => tA(t, A)),
-    silentSteps: c.silentSteps.filter((t) => tA(t, A))
+    renderableSteps: c.renderableSteps.filter((t) => nA(t, A)),
+    silentSteps: c.silentSteps.filter((t) => nA(t, A))
   };
   return e.silentSteps.length === 0 && e.renderableSteps.length === 0 ? null : e;
-}, eA = (c, A) => c.map((e) => Qn(e, A)).filter((e) => e !== null), un = async (c, A, e = !1) => {
+}, tA = (c, A) => c.map((e) => Qn(e, A)).filter((e) => e !== null), un = async (c, A, e = !1) => {
   var i;
-  const t = eA(c, A), n = [];
+  const t = tA(c, A), n = [];
   for (const s of t)
     for (const o of s.renderableSteps) {
       const r = (((i = o.option) == null ? void 0 : i.variants) || []).length;
@@ -1319,15 +1319,15 @@ function mn(c, A, e, t) {
     const s = c, o = Math.max(A.width / e.width, A.height / e.height);
     s.zoom = Math.max(o, c.zoom);
     const r = e.width * s.zoom, g = e.height * s.zoom;
-    return s.x = dA(c.x, A.width - r, 0), s.y = dA(c.y, A.height - g, 0), s;
+    return s.x = wA(c.x, A.width - r, 0), s.y = wA(c.y, A.height - g, 0), s;
   }
   const i = c;
-  return i.x = dA(i.x, -n, A.width), i.y = dA(i.y, -a, A.height), i;
+  return i.x = wA(i.x, -n, A.width), i.y = wA(i.y, -a, A.height), i;
 }
-function dA(c, A, e) {
+function wA(c, A, e) {
   return Math.min(Math.max(c, A), e);
 }
-let In = class {
+class In {
   constructor(A) {
     this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = Je(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = A, this.thresholdSettings = { useThreshold: !1, invertThreshold: !1, threshold: 128, thresholdSaturation: 0.5 };
   }
@@ -1511,7 +1511,7 @@ let In = class {
       this.offsets[t] = Ae(A, e);
     }), this._debouncedUpdateFrameOffsets(this.offsets, A, this.frameData, this.thresholdSettings, this.targetElements));
   }
-};
+}
 class pe {
   constructor(A, e, t) {
     this.processRegion = async (n) => {
@@ -1523,7 +1523,7 @@ class pe {
       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");
+          throw new yA(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const s = this.evaluateAssetType();
       if (s === v.Image) {
@@ -1560,13 +1560,13 @@ class pe {
             Q("Undefined vector silent step source");
             return;
           }
-          q(l, !0).then((C) => {
+          Z(l, !0).then((C) => {
             E(C);
           }).catch((C) => console.error(C));
         }))()), h = {
           stepName: this.configuration.stepName,
           id: J(),
-          cachedObjectURL: await pA(w.svg),
+          cachedObjectURL: await fA(w.svg),
           src: l,
           svg: w.svg,
           colors: w.colors,
@@ -1594,7 +1594,7 @@ class pe {
   }
   async trigger() {
     if (!this.configuration.data.regions)
-      throw new MA(this.configuration, "Missing regions.");
+      throw new yA(this.configuration, "Missing regions.");
     if (this.configuration.type === D.SilentIllustration) {
       const A = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(A);
@@ -1614,7 +1614,7 @@ class pe {
   }
 }
 const pn = async (c) => {
-  const A = `${yA.getServicesApiUrl()}/shortener`;
+  const A = `${q.getServicesApiUrl()}/shortener`;
   try {
     return (await (await fetch(A, {
       method: "POST",
@@ -1624,7 +1624,7 @@ const pn = async (c) => {
       }
     })).json()).shortUrl;
   } catch (e) {
-    throw console.error(e), new UA("Failed to shorten URL, see console.");
+    throw console.error(e), new GA("Failed to shorten URL, see console.");
   }
 };
 class qe {
@@ -1680,7 +1680,7 @@ class fn {
           async () => {
             const u = await g();
             if (!u.link || !u.link)
-              throw new rA(u.asset);
+              throw new cA(u.asset);
             C({
               rel: "mpeg4",
               href: u.link
@@ -1693,15 +1693,15 @@ class fn {
           40
         );
       });
-      A.forEach((C) => o(new Z(C.id)));
+      A.forEach((C) => o(new $(C.id)));
       const l = i.data.baseUrl.slice(0, 4) === "http" ? "" : "https://", d = new URL(l + i.data.baseUrl);
       d.searchParams.append("video", btoa(JSON.stringify([B]))), d.pathname = d.pathname + (d.pathname.slice(-1) === "/" ? "" : "/");
       const w = d.toString();
       if (w.length >= 2e3)
-        throw new UA("Cannot create QR code, URL too long.");
+        throw new GA("Cannot create QR code, URL too long.");
       const h = await pn(w);
       if (s(h), !i.data || !i.data.regions)
-        throw new MA(i, "Missing regions.");
+        throw new yA(i, "Missing regions.");
       const E = await this.regionElements(i), Q = await this.command(h, E, a, i.stepName);
       Q && (Q.command && a.getCommandDispatcher()(Q.command), Q.followup && await Q.followup()), await a.setSelectionsAndElements(i.stepName, [], E, async () => {
         a.updateStorage(i.stepName, {
@@ -1753,11 +1753,11 @@ class Fn {
         return de(e);
       const t = A.asset;
       if (!t)
-        throw new $(A);
+        throw new _(A);
       const n = t.fileLink;
       if (n)
-        return q(n, !0);
-      throw new rA(t);
+        return Z(n, !0);
+      throw new cA(t);
     };
   }
   async init(A, e, t) {
@@ -1852,7 +1852,7 @@ class Fn {
           });
         },
         () => {
-          throw new UA("Failed to resolve transcoded PDF");
+          throw new GA("Failed to resolve transcoded PDF");
         }
       )
     ) : this.loadPatternFromAsset(e, A, t);
@@ -1926,7 +1926,7 @@ class Fn {
     a && a(!0);
     const r = await Promise.all(
       A.data.regions.map(async (d, w) => {
-        const h = await _A(o[w]), E = s.getImageData(), Q = t.map((p) => new Z(p.id)), C = E ? Ae(E, h) : void 0, f = E ? {
+        const h = await _A(o[w]), E = s.getImageData(), Q = t.map((p) => new $(p.id)), C = E ? Ae(E, h) : void 0, f = E ? {
           id: J(),
           src: E.src,
           x: (C == null ? void 0 : C.x) || 0,
@@ -1990,7 +1990,7 @@ class Fn {
     const t = A.fileLink;
     if (t)
       return t;
-    throw new rA(A);
+    throw new cA(A);
   }
   async loadPatternFromAsset(A, e, t) {
     var s;
@@ -2002,11 +2002,11 @@ class Fn {
     }), t.markUpdateCompleted(a);
   }
 }
-const WA = new Fn();
+const XA = new Fn();
 class Mn {
   async getIllustrationBody(A) {
     return new Promise((e) => {
-      q(A, !0).then((t) => {
+      Z(A, !0).then((t) => {
         e(t);
       }).catch((t) => console.error(t));
     });
@@ -2039,7 +2039,7 @@ class Mn {
     if (t.length === 0)
       return [];
     try {
-      return fA(
+      return DA(
         t[0].id,
         e.getAllLayoutData()
       ).colors;
@@ -2104,10 +2104,10 @@ class Mn {
     const i = {};
     for (const [B, l] of a.entries())
       i[B] = { browserValue: l, spotColor: (g = i[B]) == null ? void 0 : g.spotColor };
-    const s = ft(A, e, t, i), o = await pA(s), r = [];
+    const s = ft(A, e, t, i), o = await fA(s), r = [];
     for (const B of n) {
       for (const [l, d] of a.entries())
-        r.push(new zA(B, l, d));
+        r.push(new KA(B, l, d));
       r.push(new Dt(B, s, o));
     }
     return new G(r);
@@ -2116,7 +2116,7 @@ class Mn {
     var d, w;
     if (e.length === 0)
       return;
-    const i = fA(
+    const i = DA(
       e[0].id,
       n().map((h) => h.layoutState)
     ), s = { ...i.colors }, o = {};
@@ -2157,17 +2157,17 @@ class Mn {
   async selectVariantCommand(A, e, t, n, a) {
     var Q;
     if (!A.data || !A.data.regions)
-      throw new MA(A, "Missing regions.");
+      throw new yA(A, "Missing regions.");
     n(!0);
-    const i = t.map((C) => new Z(C.id));
+    const i = t.map((C) => new $(C.id));
     a.setMandatoryFulfilled(A.stepName, !1);
     const s = e.asset;
     if (!s)
-      throw new $(e);
+      throw new _(e);
     const o = s.fileLink;
     if (!o)
-      throw new rA(s);
-    const r = await Se(await this.getIllustrationBody(o)), g = await pA(r.svg), B = (C) => {
+      throw new cA(s);
+    const r = await Se(await this.getIllustrationBody(o)), g = await fA(r.svg), B = (C) => {
       const f = a.getLayouts().find((m) => m.panelId === C.panelId);
       if (!f)
         throw new z(C);
@@ -2215,12 +2215,12 @@ class Mn {
     };
   }
 }
-const IA = new Mn();
+const pA = new Mn();
 class yn {
   async init(A, e, t) {
     const n = A.option;
     if (!n)
-      throw new FA(A);
+      throw new MA(A);
     if (t)
       await this.reload(A, e, t);
     else {
@@ -2238,7 +2238,7 @@ class yn {
       t.serializableWorkflow.steps
     ), s = Object.values(t.layouts).map((g) => g.elements).flat().filter((g) => g.stepName === A.stepName), o = A.option;
     if (!o)
-      throw new FA(A);
+      throw new MA(A);
     if (n != null && n.selectedVariants) {
       const g = n.selectedVariants[0].id;
       if (g) {
@@ -2272,7 +2272,7 @@ class yn {
     n(!0);
     const i = e.material;
     if (!i)
-      throw n(!1), new $(e);
+      throw n(!1), new _(e);
     return {
       command: void 0,
       followup: async () => {
@@ -2294,7 +2294,7 @@ class Yn {
   async init(A, e, t) {
     const n = A.option;
     if (!n)
-      throw new FA(A);
+      throw new MA(A);
     if (t)
       await this.reload(A, e, t);
     else {
@@ -2327,7 +2327,7 @@ class Yn {
               if (d && A.option) {
                 const h = (w = B.asset) == null ? void 0 : w.fileLink;
                 if (!h)
-                  throw new $(B);
+                  throw new _(B);
                 await d.applyModelVariant(
                   A.stepName || "",
                   {
@@ -2352,7 +2352,7 @@ class Yn {
     n(!0);
     const a = (i = e.asset) == null ? void 0 : i.fileLink;
     if (!a)
-      throw new $(e);
+      throw new _(e);
     return {
       command: void 0,
       followup: async () => {
@@ -2415,7 +2415,7 @@ class Sn {
       if (!E)
         return console.error(`Can not find layout for region: ${l.panelId}`), null;
       const Q = [];
-      return d && Q.push(new Z(w)), Q.push(
+      return d && Q.push(new $(w)), Q.push(
         new L(
           {
             stepRegion: l,
@@ -2478,7 +2478,7 @@ class Sn {
     }
     if (!/^$|^[a-zA-Z0-9 ]+$/.test(e))
       return n("Unsupported characters."), !1;
-    const a = VA(e.toLowerCase());
+    const a = WA(e.toLowerCase());
     for (const i of a)
       for (const s in t) {
         const o = t[s].toLowerCase().replace(/\s/g, "");
@@ -2532,12 +2532,12 @@ class Pn {
   async selectVariantCommand(A, e, t, n) {
     const a = e.asset;
     if (!a)
-      throw new $(e);
+      throw new _(e);
     const i = a == null ? void 0 : a.fileLink;
     if (!i)
       return console.error("No URL for picture!"), null;
     n(!0), t.setMandatoryFulfilled(A.stepName, !1);
-    const o = t.getRegionElements(A.stepName).map((B) => new Z(B.id)), r = (B) => {
+    const o = t.getRegionElements(A.stepName).map((B) => new $(B.id)), r = (B) => {
       const d = t.getLayouts().find((h) => h.panelId === B.panelId);
       if (!d)
         throw new z(B);
@@ -2659,14 +2659,14 @@ class Hn {
       const o = s.region;
       if (!n.find((g) => g.panelId === (o == null ? void 0 : o.panelId)))
         throw new z(o);
-      return new zA(s.id, this.shapeFillId, A);
+      return new KA(s.id, this.shapeFillId, A);
     }).filter((s) => !!s);
     t.getCommandDispatcher()(new G(i)), t.updateStorage(e.stepName, { colour: A });
   }
   async init(A, e, t) {
     const n = A.option;
     if (!n)
-      throw new FA(A);
+      throw new MA(A);
     if (t)
       await this.reload(A, e, t);
     else {
@@ -2731,7 +2731,7 @@ class Hn {
         if (!a.find((h) => h.panelId === (l == null ? void 0 : l.panelId)))
           throw new z(l);
         const w = s();
-        return new zA(B.id, this.shapeFillId, w);
+        return new KA(B.id, this.shapeFillId, w);
       }, g = t.map(r).filter((B) => !!B);
       return {
         command: new G(g),
@@ -2812,7 +2812,7 @@ class Hn {
     }
   }
 }
-const oA = new Hn();
+const rA = new Hn();
 class Rn {
   constructor() {
     this.latestToast = null, this.toastType = null, this.toastCallbacks = [];
@@ -2835,7 +2835,7 @@ class Rn {
     );
   }
 }
-const Un = new Rn(), bA = 30;
+const Un = new Rn(), LA = 30;
 class SA extends Error {
   constructor(A) {
     super(A), Object.setPrototypeOf(this, new.target.prototype), this.name = SA.name;
@@ -2867,7 +2867,7 @@ class vn {
     }, this.textAlign = (A) => A.vertical ? "center" : A.textAlign || "center", this.getErrorsForText = (A, e, t) => {
       const n = [];
       e.data && e.data.maxLength && A.length > e.data.maxLength && n.push({ localizationKey: "workflow.steps.text.characterLimit" });
-      const a = t.getProfanities(), i = VA(A.toLowerCase());
+      const a = t.getProfanities(), i = WA(A.toLowerCase());
       for (const o of i)
         for (const r in a) {
           const g = a[r].toLowerCase().replace(/\s/g, "");
@@ -2888,7 +2888,7 @@ class vn {
     if (t)
       await this.reload(A, e, t);
     else {
-      const o = this.getDefaultImageFillVariant(A.data), r = (a = o == null ? void 0 : o.asset) == null ? void 0 : a.fileLink, g = r ? await KA(r) : void 0, B = g ? {
+      const o = this.getDefaultImageFillVariant(A.data), r = (a = o == null ? void 0 : o.asset) == null ? void 0 : a.fileLink, g = r ? await jA(r) : void 0, B = g ? {
         src: g.src,
         height: g.height,
         width: g.width,
@@ -2921,7 +2921,7 @@ class vn {
     return null;
   }
   findLayoutElements(A, e) {
-    return A.getRegionElements(e.stepName).map((a) => fA(a.id, A.getAllLayoutData()));
+    return A.getRegionElements(e.stepName).map((a) => DA(a.id, A.getAllLayoutData()));
   }
   /**
    * Get the colors that can be used for a given text step.
@@ -2983,7 +2983,7 @@ class vn {
       })) == null ? void 0 : n.filter((i) => !!i)) || [];
       return Promise.all(
         a.map(async (i) => {
-          const s = await KA(i);
+          const s = await jA(i);
           return {
             src: i,
             width: s.width,
@@ -3007,13 +3007,13 @@ class vn {
       fillImage: e
     });
     for (const r of t) {
-      const g = new kA(r.id, e);
+      const g = new JA(r.id, e);
       a(g);
     }
   }
   getProcessedInput(A, e, t) {
     const n = t ? A : this.injectReplaceableText(A, e);
-    return jA(n, {
+    return VA(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -3032,7 +3032,7 @@ class vn {
     for (const l of e) {
       if (!l.fontData)
         throw new k("Failed to resolve font data for text.");
-      const [d, w] = uA(
+      const [d, w] = mA(
         l.fontSize,
         l.fontData,
         { left: l.x, top: l.y, width: l.width, height: l.height, rotation: l.rotation, panelId: "" },
@@ -3125,10 +3125,10 @@ class vn {
   async fontDataFromVariant(A) {
     const e = A.asset;
     if (!e)
-      throw new $(A);
+      throw new _(A);
     const t = e.fileLink;
     if (!t)
-      throw new rA(e);
+      throw new cA(e);
     const n = await ee(t);
     return {
       assetUrl: t,
@@ -3141,12 +3141,12 @@ class vn {
     if (n.length > 0) {
       const l = n.map((h) => new Ee(h.id, g));
       if (o) {
-        const h = n.map((E) => new kA(E.id, o));
+        const h = n.map((E) => new JA(E.id, o));
         l.push(...h);
       }
       const d = await this.changeInputTextWithRegion(
         A,
-        A.data.size || bA,
+        A.data.size || LA,
         g,
         t.text || "",
         t,
@@ -3171,7 +3171,7 @@ class vn {
         a
       ), d = await this.changeInputTextWithRegion(
         A,
-        A.data.size || bA,
+        A.data.size || LA,
         g,
         ((B = l[0]) == null ? void 0 : B.newElement.input) || t.text || A.data.defaultText || "",
         t,
@@ -3182,7 +3182,7 @@ class vn {
       ), w = l.flatMap((E) => E.commands);
       if (o) {
         const E = l.map(
-          (Q) => new kA(Q.regionElement.id, o)
+          (Q) => new JA(Q.regionElement.id, o)
         );
         w.push(...E);
       }
@@ -3227,7 +3227,7 @@ class vn {
           stepName: A,
           align: this.textAlign(t),
           fill: a.color ? a.color : f,
-          fontSize: t.size || bA,
+          fontSize: t.size || LA,
           fontData: n,
           id: w,
           layer: B.layer,
@@ -3249,7 +3249,7 @@ class vn {
         }, m = [], I = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map();
         if (!u.fontData)
           throw new k("Failed to resolve font data for text.");
-        const [M, y] = uA(
+        const [M, y] = mA(
           u.fontSize,
           u.fontData,
           {
@@ -3310,7 +3310,7 @@ class vn {
     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 [m, I] = mA(
           e,
           t,
           u.region,
@@ -3322,7 +3322,7 @@ class vn {
     const Q = (() => {
       if (A.data && A.data.maxLength && l.length > A.data.maxLength)
         return g && g(!0), { info: "0" };
-      const u = i.getProfanities(), m = VA(l.toLowerCase());
+      const u = i.getProfanities(), m = WA(l.toLowerCase());
       for (const I of m)
         for (const p in u) {
           const M = u[p].toLowerCase().replace(/\s/g, "");
@@ -4644,13 +4644,13 @@ function tt(c, A, e) {
   Tn(A, e, `bgdef-${t}`), c.appendChild(Ln(`#bgdef-${t}`));
 }
 const nt = (c, A, e, t) => {
-  const n = lA("filter");
+  const n = BA("filter");
   n.setAttribute("id", t), n.setAttribute("height", "200%"), n.setAttribute("width", "200%"), n.setAttribute("x", "-50%"), n.setAttribute("y", "-50%");
-  const a = lA("feOffset");
+  const a = BA("feOffset");
   n.appendChild(a), a.setAttribute("result", "offOut"), a.setAttribute("in", "SourceAlpha"), a.setAttribute("dx", `${c}`), a.setAttribute("dy", `${A}`);
-  const i = lA("feGaussianBlur");
+  const i = BA("feGaussianBlur");
   n.appendChild(i), i.setAttribute("result", "blurOut"), i.setAttribute("in", "offOut"), i.setAttribute("stdDeviation", `${e}`);
-  const s = lA("feBlend");
+  const s = BA("feBlend");
   return n.appendChild(s), s.setAttribute("in", "SourceGraphic"), s.setAttribute("in2", "blurOut"), s.setAttribute("mode", "normal"), n;
 }, at = (c) => {
   let A = c;
@@ -4715,7 +4715,7 @@ class ce {
             l = (B * 100 | 0) / 100;
             break;
           default:
-            throw new sA("Failed to encode path.");
+            throw new oA("Failed to encode path.");
         }
         o || i.push(" "), i.push(l), o = !1;
       }
@@ -4729,12 +4729,12 @@ class ce {
     for (e.lastIndex = 0; a = e.exec(A); ) {
       const i = a[1].toLowerCase(), s = (a[2].match(t) || []).map(parseFloat), o = i === a[1], r = fe[i];
       if (s.length < r.length)
-        throw new sA(
+        throw new oA(
           `Path type "${i}" given ${s.length} arguments, expected ${r.length}.`
         );
       if (r.length > 0) {
         if (s.length % r.length !== 0)
-          throw new sA(
+          throw new oA(
             `Path type "${i}" given ${s.length} arguments, not divisible by ${r.length}`
           );
         for (let g = 0; g < s.length / r.length; g++) {
@@ -4759,7 +4759,7 @@ class ce {
         if (s in a && o in a) {
           const r = [a[s], a[o]], g = e(r);
           if (g.length < 2)
-            throw new sA("Transformer must return at least 2 points.");
+            throw new oA("Transformer must return at least 2 points.");
           a[s] = g[0], a[o] = g[1];
         }
       }
@@ -4920,7 +4920,7 @@ async function it(c) {
   if (c === "Favourites")
     return new zn();
   if (c === "Maltesers") {
-    const A = q("https://assets.spiff.com.au/public/modules/img/MaltesersBackground.svg"), e = q("https://assets.spiff.com.au/public/modules/img/MaltesersBackgroundShort.svg"), t = await Promise.all([A, e]);
+    const A = Z("https://assets.spiff.com.au/public/modules/img/MaltesersBackground.svg"), e = Z("https://assets.spiff.com.au/public/modules/img/MaltesersBackgroundShort.svg"), t = await Promise.all([A, e]);
     return new jn(t[0], t[1]);
   }
   if (c === "Vegemite")
@@ -4973,7 +4973,7 @@ class qn {
     this.reloadedState && this.reloadedState.serializableWorkflow.steps.forEach((s) => {
       this.storage[s.stepName] = s.storage || {};
     }), this.allScenes = await hn(A);
-    const n = eA(this.allScenes, this.stepSelections).map((s) => s.silentSteps).flat(), { stepElements: a, commands: i } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
+    const n = tA(this.allScenes, this.stepSelections).map((s) => s.silentSteps).flat(), { stepElements: a, commands: i } = await this.stepElementsForIntroducedSilentSteps(n, !!this.reloadedState);
     this.commandContext.apply(new G(i), !0), this.stepElements = { ...this.stepElements, ...a }, await this.ensureStepsAreLoaded(), !this.isReloadedTransaction && this.updateStateWithServer(), this.renderLayouts(), this.reloadedState && e();
   }
   setWorkflowStateSyncEnabled(A) {
@@ -5142,7 +5142,7 @@ class qn {
       model: this.getProduct().modelUrl,
       contextService: this.getLayoutPreviewService()
     });
-    this.setModelContainer(e), eA(this.allScenes, this.stepSelections).filter((a) => a).map((a) => a.renderableSteps).flat().filter((a) => a.type === D.Model || a.type === D.Material).forEach((a) => {
+    this.setModelContainer(e), tA(this.allScenes, this.stepSelections).filter((a) => a).map((a) => a.renderableSteps).flat().filter((a) => a.type === D.Model || a.type === D.Material).forEach((a) => {
       var o, r, g;
       if (!((o = a.option) != null && o.id)) {
         console.error(`Failed to read option id from step: ${a.stepName}`);
@@ -5254,7 +5254,7 @@ class qn {
     const A = this.getCommandContext().getState();
     if (!A)
       throw new k("Attempted to serialize state before it was initialized.");
-    return { transaction: JSON.stringify(this.dehydrateState(HA(A.transaction))) };
+    return { transaction: JSON.stringify(this.dehydrateState(RA(A.transaction))) };
   }
   dehydrateState(A) {
     for (const e of Object.values(A.layouts).map((t) => t.elements).flat())
@@ -5281,12 +5281,12 @@ class qn {
     this.stepElements = e(this.stepElements, A);
   }
   getInvalidCanvasRegions() {
-    return this.workflow.steps.reduce((A, e) => (tA(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
+    return this.workflow.steps.reduce((A, e) => (nA(e, this.stepSelections) || this.stepElements[e.stepName] && this.stepElements[e.stepName].forEach(
       (t) => A.push(t)
     ), A), []);
   }
   getInvalidModelVariants() {
-    return this.workflow.steps.reduce((A, e) => (e.type === D.Model && !tA(e, this.stepSelections) && A.push(e.stepName), A), []);
+    return this.workflow.steps.reduce((A, e) => (e.type === D.Model && !nA(e, this.stepSelections) && A.push(e.stepName), A), []);
   }
   async stepElementsForIntroducedSilentSteps(A, e) {
     const t = this.product;
@@ -5336,7 +5336,7 @@ class qn {
   async reset() {
     this.commandContext.getAllLayouts().forEach(
       (e) => e.layoutState.elements.forEach((t) => {
-        this.getCommandDispatcher()(new Z(t.id));
+        this.getCommandDispatcher()(new $(t.id));
       })
     ), this.stepElements = {}, this.stepInitialised = {}, this.stepMetadata = {}, this.stepSelections = {}, this.storage = {}, await this.ensureStepsAreLoaded();
   }
@@ -5347,13 +5347,13 @@ class qn {
       ...this.stepSelections,
       [A]: { selectedVariants: e }
     }, this.selectionCost = Object.values(this.stepSelections).reduce((I, p) => I + p.selectedVariants.map((M) => M.priceModifier || 0).reduce((M, y) => M + 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]);
+      nA(I, this.stepSelections) || (this.stepInitialised[I.stepName] = !1, delete this.stepMetadata[I.stepName], delete this.stepSelections[I.stepName], delete this.storage[I.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(
+    const i = this.allScenes, s = tA(i, a), o = tA(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)
     );
     r.forEach((I) => {
-      tA(I, this.stepSelections) || (this.stepInitialised[I.stepName] = !1);
+      nA(I, this.stepSelections) || (this.stepInitialised[I.stepName] = !1);
     });
     const l = this.getInvalidCanvasRegions(), { stepElements: d, commands: w } = await this.stepElementsForIntroducedSilentSteps(B, !1);
     this.stepElements = {
@@ -5366,7 +5366,7 @@ class qn {
       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 he(this.constructSerializableWorkflow()), C = [...w, ...E, Q];
+    const E = l.map((I) => new $(I.id)), Q = new he(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) {
@@ -5384,7 +5384,7 @@ class qn {
     await this.onSelectionChange(), n && await n();
   }
   async ensureStepsAreLoaded() {
-    const e = eA(this.allScenes, this.stepSelections).map((o) => o.renderableSteps), t = [], n = e.flat();
+    const e = tA(this.allScenes, this.stepSelections).map((o) => o.renderableSteps), t = [], n = e.flat();
     for (const o of n)
       if (!this.stepInitialised[o.stepName])
         switch (this.stepInitialised[o.stepName] = !0, o.type) {
@@ -5404,13 +5404,13 @@ class qn {
               r.connectWorkflowManager(this, o.stepName), this.stepSpecificServices[o.stepName] = {
                 frameService: r
               }, t.push(
-                WA.init(o, this, this.reloadedState)
+                XA.init(o, this, this.reloadedState)
               );
             }
             break;
           case D.Illustration:
             t.push(
-              IA.init(o, this, this.reloadedState)
+              pA.init(o, this, this.reloadedState)
             );
             break;
           case D.Material:
@@ -5439,7 +5439,7 @@ class qn {
             );
             break;
           case D.Shape:
-            t.push(oA.init(o, this, this.reloadedState));
+            t.push(rA.init(o, this, this.reloadedState));
             break;
           case D.Text:
             t.push(K.init(o, this, this.reloadedState));
@@ -5593,7 +5593,7 @@ class X {
     return this.variantData.enabled;
   }
 }
-const st = class XA {
+const st = class qA {
   constructor(A, e) {
     this.manager = A, this.step = e;
   }
@@ -5603,13 +5603,13 @@ const st = class XA {
    * @param value The new value
    */
   setUpdateState(A) {
-    XA.updateState.set(this.step.stepName, A);
+    qA.updateState.set(this.step.stepName, A);
   }
   /**
    * @returns Gets the current update state of this step. All step handles for this step will see this value.
    */
   getUpdateState() {
-    return !!XA.updateState.get(this.step.stepName);
+    return !!qA.updateState.get(this.step.stepName);
   }
   /**
    * Gets the currently selected variant, or undefined if no variant is selected.
@@ -5677,7 +5677,7 @@ const st = class XA {
    */
   executeAnimations() {
     const A = this.manager.getPreviewService(), e = this.manager.getModelContainer(), t = this.step.data.modelAnimation, n = this.step.data.lookAtAnimation;
-    A && n && A.executeCameraAnimation(n), e && t && e.executeAnimation(t);
+    A ? n && A.executeCameraAnimation(n) : console.warn("No preview service available, cannot execute camera animations."), e ? t && e.executeAnimation(t) : console.warn("No model container available, cannot execute model animations.");
   }
 };
 st.updateState = /* @__PURE__ */ new Map();
@@ -5693,7 +5693,7 @@ class Zn extends W {
    */
   async selectVariant(A) {
     if (!this.getUpdateState() && this.getCurrentVariant() !== A)
-      return IA.selectVariant(
+      return pA.selectVariant(
         this.step,
         A.getResource(),
         this.manager.getRegionElements(this.step.stepName) || [],
@@ -5709,7 +5709,7 @@ class Zn extends W {
     const A = this.manager.getRegionElements(this.step.stepName) || [];
     if (A.length !== 0)
       try {
-        return fA(A[0].id, this.manager.getAllLayoutData()).colors;
+        return DA(A[0].id, this.manager.getAllLayoutData()).colors;
       } catch (e) {
         console.error(e);
       }
@@ -5719,7 +5719,7 @@ class Zn extends W {
    */
   setColor(A, e) {
     const t = /* @__PURE__ */ new Map();
-    return t.set(A, e), IA.changeColors(
+    return t.set(A, e), pA.changeColors(
       this.step,
       this.manager.getRegionElements(this.step.stepName),
       this.manager,
@@ -5731,7 +5731,7 @@ class Zn extends W {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? IA.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? pA.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled;
@@ -5804,7 +5804,7 @@ class ta extends W {
   }
   selectVariant(A) {
     const e = A.getResource();
-    return oA.selectVariant(
+    return rA.selectVariant(
       this.step,
       {
         fill: e.color,
@@ -5822,7 +5822,7 @@ class ta extends W {
    * @deprecated The shape step can now pass through colors returned by getColors via selectVariant. Please swap setColor for selectVariant.
    */
   setColor(A) {
-    return oA.selectVariant(
+    return rA.selectVariant(
       this.step,
       A,
       this.manager.getRegionElements(this.step.stepName) || [],
@@ -5834,7 +5834,7 @@ class ta extends W {
    * @returns A list of color definitions that are currently applied to the illustration.
    */
   getColors() {
-    return oA.availableColours(this.step);
+    return rA.availableColours(this.step);
   }
   /**
    * Allows for setting a custom color when the custom variant is selected. Will
@@ -5846,7 +5846,7 @@ class ta extends W {
       throw new Error(
         "Custom colors can only be set on a non-custom variant. Please add a custom variant to the step."
       );
-    return oA.setCustomColor(A, this.step, this.manager);
+    return rA.setCustomColor(A, this.step, this.manager);
   }
   getCustomColor() {
     var e, t;
@@ -6045,7 +6045,7 @@ class aa extends W {
     return this.step.data.content;
   }
 }
-class wA {
+class EA {
   static get(A, e) {
     switch (e.type) {
       case D.Information:
@@ -6172,7 +6172,7 @@ const ot = F`
       }))
     }
   })).data) == null ? void 0 : e.designCreateMany;
-}, qA = (c, A, e) => {
+}, ZA = (c, A, e) => {
   const t = (a) => {
     const i = {};
     if (a.type === "Frame") {
@@ -6212,7 +6212,7 @@ const ot = F`
   const n = {};
   let a;
   if (e) {
-    a = qA(e, A, !1);
+    a = ZA(e, A, !1);
     for (const i of Object.keys(a))
       n[i] = {
         value: a[i],
@@ -6283,7 +6283,7 @@ const ot = F`
       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 = (M = A == null ? void 0 : A.finalizeStepConfig) == null ? void 0 : M.lookAtAnimation, w = l && A.showModelOnFinishStep && !!d, h = o && qA(o, A, !0), E = o && qA(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 && ZA(o, A, !0), E = o && ZA(o, A, !1), Q = async (y) => {
     const S = {};
     let Y = 0;
     if (Object.keys(a).length > 0)
@@ -6292,12 +6292,12 @@ const ot = F`
         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)) {
-            const vA = T.stepTitle;
-            S[vA] ? S[vA].push({
+            const kA = T.stepTitle;
+            S[kA] ? S[kA].push({
               id: V.id || "",
               name: V.name,
               priceModifier: V.priceModifier
-            }) : S[vA] = [
+            }) : S[kA] = [
               {
                 id: V.id || "",
                 name: V.name,
@@ -6497,7 +6497,7 @@ class Ba {
     throw new k("Unexpected storage method requested");
   }
 }
-const LA = new Ba(), da = F`
+const TA = new Ba(), da = F`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -6512,11 +6512,11 @@ const LA = new Ba(), da = F`
         }
     }
 `;
-class EA {
+class hA {
   constructor(A, e) {
     var n;
     if (this.renderableScenes = [], this.renderableSceneCallbacks = [], this.debouncedSavedDesignUpdate = Je(async () => {
-      await LA.getSavedDesignByTransaction(
+      await TA.getSavedDesignByTransaction(
         this.getWorkflowManager().getTransaction().id
       ) && this.save();
     }, 2500), this.getCanvasObjectURLAsync = async (a) => new Promise((i, s) => {
@@ -6591,7 +6591,7 @@ 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) => {
+    const i = FA(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);
     }) || s[0], B = g.layoutState.layout.previewRegion ? {
@@ -6606,7 +6606,7 @@ class EA {
       height: g.layoutState.layout.height
     }, l = this.commandContext.getLayoutById(g.layoutState.layout.id), d = i.getContext("2d");
     if (!d)
-      throw new UA("Failed to obtain 2D context for preview image creation");
+      throw new GA("Failed to obtain 2D context for preview image creation");
     const w = xe(l.layoutState.layout, l.layoutState.elements, {
       renderingConfiguration: {
         purpose: Pe.Print,
@@ -6616,7 +6616,7 @@ class EA {
     await (await ke.from(d, h, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
-      createCanvas: DA,
+      createCanvas: FA,
       createImage: He,
       DOMParser: Re(),
       fetch: $A
@@ -6627,7 +6627,7 @@ class EA {
   getStepById(A) {
     const e = this.getWorkflowManager().getWorkflow().steps.find((t) => t.stepName === A);
     if (!(!e || !this.stepHasHandle(e)))
-      return wA.get(this.getWorkflowManager(), e);
+      return EA.get(this.getWorkflowManager(), e);
   }
   getSteps() {
     return this.getScenes().flatMap((A) => this.getStepsByScene(A));
@@ -6687,10 +6687,10 @@ class EA {
   getStepByName(A) {
     const e = this.getWorkflowManager().getWorkflow().steps.find((t) => t.stepTitle === A);
     if (!(!e || !this.stepHasHandle(e)))
-      return wA.get(this.getWorkflowManager(), e);
+      return EA.get(this.getWorkflowManager(), e);
   }
   getStepsByType(A) {
-    return this.getWorkflowManager().getWorkflow().steps.filter((e) => e.type === A).map((e) => wA.get(this.getWorkflowManager(), e));
+    return this.getWorkflowManager().getWorkflow().steps.filter((e) => e.type === A).map((e) => EA.get(this.getWorkflowManager(), e));
   }
   getStepsByScene(A) {
     if (!this.getWorkflowManager().getWorkflow().stepGroups.find((t) => t.name === A.name))
@@ -6699,7 +6699,7 @@ class EA {
       );
     return A.stepIds.map(
       (t) => this.getWorkflowManager().getWorkflow().steps.find((n) => n.stepName === t)
-    ).filter((t) => this.stepHasHandle(t)).map((t) => wA.get(this.getWorkflowManager(), t));
+    ).filter((t) => this.stepHasHandle(t)).map((t) => EA.get(this.getWorkflowManager(), t));
   }
   async attachCustomerDetails(A) {
     return this.assignCustomerDetails({ emailAddress: A.email });
@@ -6742,7 +6742,7 @@ class EA {
         var o;
         if (A)
           return A;
-        const a = this.getWorkflowManager().getTransaction().id, s = (o = (await LA.getSavedDesigns()).find((r) => r.transactionId === a)) == null ? void 0 : o.title;
+        const a = this.getWorkflowManager().getTransaction().id, s = (o = (await TA.getSavedDesigns()).find((r) => r.transactionId === a)) == null ? void 0 : o.title;
         return s || "My design";
       })(),
       thumbnail: await this.createPreviewImage(!1, 256),
@@ -6753,11 +6753,11 @@ class EA {
       workflowId: this.getWorkflowManager().getWorkflow().id,
       lastEdited: /* @__PURE__ */ new Date()
     };
-    return await LA.addDesign(n), n;
+    return await TA.addDesign(n), n;
   }
   async copy() {
     var s;
-    const A = HA(this.getCommandContext().getState());
+    const A = RA(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 Ii({}), a = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
@@ -6847,7 +6847,7 @@ const wa = [
     return console.error(d), [];
   }
 }, ha = async (c, A, e, t) => {
-  const n = e.data, a = n.assetUrl, i = await KA(a);
+  const n = e.data, a = n.assetUrl, i = await jA(a);
   try {
     const s = Nt(n, t.option);
     s && (A[t.stepName] = { selectedVariants: [s] });
@@ -6904,7 +6904,7 @@ const wa = [
   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 = ((m = a.variants) == null ? void 0 : m.find((p) => p.id === n.illustrationVariantId)) || HA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!i.asset)
@@ -6913,7 +6913,7 @@ const wa = [
   const s = (I = i.asset) == null ? void 0 : I.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 = Ue().parseFromString(B, "image/svg+xml").firstElementChild;
+  const o = await Z(s, !0), r = /<svg.*?<\/svg>/s, g = o.match(r) || [], B = (g == null ? void 0 : g.length) > 0 ? g[0] : "", w = Ue().parseFromString(B, "image/svg+xml").firstElementChild;
   if (!w)
     return console.error("Failed to read SVG."), [];
   Ge(w);
@@ -7003,7 +7003,7 @@ const wa = [
   const n = e.data, a = t.option;
   if (!a)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const i = ((g = a.variants) == null ? void 0 : g.find((l) => l.id === n.pictureVariantId)) || NA(a);
+  const i = ((g = a.variants) == null ? void 0 : g.find((l) => l.id === n.pictureVariantId)) || HA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.pictureVariantId}`), [];
   if (!i.asset)
@@ -7045,7 +7045,7 @@ const wa = [
   const n = e.data, a = t.option;
   if (!a)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const i = ((r = a.variants) == null ? void 0 : r.find((g) => g.id === n.colorVariantId)) || NA(a);
+  const i = ((r = a.variants) == null ? void 0 : r.find((g) => g.id === n.colorVariantId)) || HA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   A[t.stepName] = { selectedVariants: [i] };
@@ -7131,10 +7131,10 @@ const wa = [
       console.error(r);
     }
   else {
-    const r = await q(a, !0), g = (B) => {
+    const r = await Z(a, !0), g = (B) => {
       const l = /<svg.*?<\/svg>/s, d = B.match(l) || [], w = (d == null ? void 0 : d.length) > 0 ? d[0] : "", Q = Ue().parseFromString(w, "image/svg+xml").firstElementChild;
       if (!Q)
-        throw new sA("Failed to read SVG.");
+        throw new oA("Failed to read SVG.");
       return Ge(Q), ve().serializeToString(Q);
     };
     o.forEach((B) => {
@@ -7170,7 +7170,7 @@ const wa = [
     const E = t.option;
     if (!E)
       return;
-    const Q = ((f = E.variants) == null ? void 0 : f.find((u) => u.id === a.fontVariantId)) || NA(E);
+    const Q = ((f = E.variants) == null ? void 0 : f.find((u) => u.id === a.fontVariantId)) || HA(E);
     if (!Q || !Q.asset)
       return;
     A[t.stepName] = { selectedVariants: [Q] };
@@ -7186,7 +7186,7 @@ const wa = [
       assetUrl: E,
       name: Q.names.fullName.en
     };
-  })(), B = (t.data.replaceableText ? t.data.replaceableText.replace("{{}}", a.text) : a.text) || "", l = jA(B, {
+  })(), B = (t.data.replaceableText ? t.data.replaceableText.replace("{{}}", a.text) : a.text) || "", l = VA(B, {
     vertical: t.data.vertical,
     uppercase: t.data.uppercase
   }), d = async (E) => {
@@ -7222,12 +7222,12 @@ const wa = [
       y: E.top
     };
     if (g) {
-      const [f, u] = uA(
+      const [f, u] = mA(
         t.data.size || i,
         g,
         E,
         [
-          jA(l, {
+          VA(l, {
             vertical: t.data.vertical,
             uppercase: t.data.uppercase
           })
@@ -7315,7 +7315,7 @@ const wa = [
     );
   return n;
 };
-class hA {
+class CA {
   constructor(A) {
     this.handleCompleteRender = null;
     const e = /* @__PURE__ */ new Map();
@@ -7332,7 +7332,7 @@ class hA {
   }
 }
 const Fa = () => new Promise((c, A) => {
-  const t = DA().getContext("webgl2");
+  const t = FA().getContext("webgl2");
   c(!!t);
 }), Ma = Fa();
 class ya {
@@ -7386,7 +7386,7 @@ class ya {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(A, e, t) {
-    const n = HA(e);
+    const n = RA(e);
     this.lastRequestedRenderArguments = {
       workflow: A,
       layouts: n,
@@ -7470,7 +7470,7 @@ class Ya extends We {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: DA,
+      createCanvas: FA,
       createImage: He,
       DOMParser: Re(),
       fetch: $A
@@ -7478,7 +7478,7 @@ class Ya extends We {
     B.resize(s, o), await B.render(), this.onRender();
   }
 }
-const ki = (c, A) => {
+const Gi = (c, A) => {
   const e = [];
   return c.forEach((t) => {
     const n = A.steps.find((a) => a.stepName === t.stepName);
@@ -7489,7 +7489,7 @@ const ki = (c, A) => {
       }
     });
   }), e;
-}, Ji = async (c, A, e, t) => {
+}, vi = async (c, A, e, t) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -7498,7 +7498,7 @@ const ki = (c, A) => {
   const i = await Da(c, A, e, t);
   return new G(i).apply(n);
 }, Sa = F`
-    ${nA}
+    ${aA}
     fragment ProductFields on Product {
         id
         basePrice
@@ -7824,13 +7824,13 @@ class Oa {
   }
   async createHandle(A) {
     switch (A.type) {
-      case mA.FileUpload:
+      case IA.FileUpload:
         return new za(this.bundle, A);
-      case mA.Option: {
+      case IA.Option: {
         const e = A.entityId ? await j.getOption(A.entityId) : void 0;
         return (e == null ? void 0 : e.type) === "Color" ? new ja(this.bundle, A, e) : new Bt(this.bundle, A, e);
       }
-      case mA.Text:
+      case IA.Text:
         return new Ka(this.bundle, A);
     }
   }
@@ -8079,7 +8079,7 @@ class qa {
   async setAspect(A, e) {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
-    const t = HA(this.globalPropertyState), n = this.globalPropertyState.aspects.find((a) => a.name === A);
+    const t = RA(this.globalPropertyState), n = this.globalPropertyState.aspects.find((a) => a.name === A);
     n ? n.value = e : this.globalPropertyState.aspects.push({ name: A, value: e }), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(t, this.globalPropertyState);
   }
   async updateGlobalPropertyState() {
@@ -8235,14 +8235,14 @@ class $a {
   getProducts() {
     if (!this.collection.productCollectionProducts)
       throw new Error("Failed to find products on collection. Ensure you fetch them first!");
-    return this.collection.productCollectionProducts.map((A) => new TA(A));
+    return this.collection.productCollectionProducts.map((A) => new OA(A));
   }
   /**
    * A list of products in this collections with useful helpers for interacting with them.
    */
   async fetchProducts() {
     if (this.collection.productCollectionProducts)
-      return this.collection.productCollectionProducts.map((e) => new TA(e));
+      return this.collection.productCollectionProducts.map((e) => new OA(e));
     const A = await P.getShadowGraphqlClient().query({
       query: Ha,
       variables: {
@@ -8251,7 +8251,7 @@ class $a {
       errorPolicy: "all",
       fetchPolicy: "no-cache"
     });
-    return this.collection.productCollectionProducts = A.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.map((e) => new TA(e));
+    return this.collection.productCollectionProducts = A.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.map((e) => new OA(e));
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
@@ -8264,7 +8264,7 @@ class $a {
     return this.collection;
   }
 }
-class TA {
+class OA {
   constructor(A) {
     this.product = A.product, this.productResource = A;
   }
@@ -8312,10 +8312,10 @@ class TA {
     if (e) {
       const n = A.find((a) => a.workflowName === e);
       if (n)
-        return new ZA(n);
+        return new NA(n);
     }
     const t = A[0];
-    return new ZA(t);
+    return new NA(t);
   }
   /**
    * A list of all integrations this product is connected to.
@@ -8362,7 +8362,7 @@ class TA {
     ), (s = t == null ? void 0 : t.additionalIntegrationProduct) != null && s.product ? e + (t.additionalIntegrationProduct.product.basePrice || 0) : e;
   }
 }
-class ZA {
+class NA {
   constructor(A) {
     this.workflow = A;
   }
@@ -8443,7 +8443,7 @@ class Fe {
       this.id,
       this.ownerId,
       this.checkConditionalHandlesChanged.bind(this)
-    ), this.globalPropertyHandleService = new Oa(this), this.setPreviewService(t), this.initializationPromise = this.loadExistingBundles(
+    ), this.globalPropertyHandleService = new Oa(this), this.setPreviewService(t), this.initializationPromise = this.loadExistingWorkflowExperiences(
       ((s = e.transactions) == null ? void 0 : s.map((o) => o.id)) || [],
       n
     );
@@ -8489,7 +8489,7 @@ class Fe {
     return this.globalPropertyStateManager;
   }
   async getGlobalPropertyTotalSubunits() {
-    return (await this.globalPropertyHandleService.getHandles()).filter((t) => t.getType() === mA.Option).map((t) => {
+    return (await this.globalPropertyHandleService.getHandles()).filter((t) => t.getType() === IA.Option).map((t) => {
       var n;
       return ((n = t.getCurrentVariant()) == null ? void 0 : n.getPrice()) || 0;
     }).reduce((t, n) => t + n, 0);
@@ -8785,7 +8785,7 @@ class Fe {
       await e;
     }
   }
-  async loadExistingBundles(A, e) {
+  async loadExistingWorkflowExperiences(A, e) {
     if (A.length === 0)
       return;
     const t = await this.client.getWorkflowExperiences(
@@ -8938,14 +8938,14 @@ class ni {
    * @returns The nodes contained within the execution.
    */
   getNodes() {
-    return this.execution.nodes.map((A) => new CA(A));
+    return this.execution.nodes.map((A) => new QA(A));
   }
   /**
    * @param type The type of node to return.
    * @returns A list of nodes matching the requested type.
    */
   getNodesByType(A) {
-    return this.execution.nodes.filter((e) => e.type === A).map((e) => new CA(e));
+    return this.execution.nodes.filter((e) => e.type === A).map((e) => new QA(e));
   }
   /**
    * @returns A list of input nodes that exist in this execution.
@@ -8954,7 +8954,7 @@ class ni {
     return this.execution.nodes.filter(
       (A) => A.type === "StartTerminal"
       /* StartTerminal */
-    ).map((A) => new CA(A));
+    ).map((A) => new QA(A));
   }
   /**
    * @returns A list of out put nodes that exist in this execution.
@@ -8963,7 +8963,7 @@ class ni {
     return this.execution.nodes.filter(
       (A) => A.type === "EndTerminal"
       /* EndTerminal */
-    ).map((A) => new CA(A));
+    ).map((A) => new QA(A));
   }
   /**
    * @returns A date object representing the point in time this execution completed.
@@ -8980,7 +8980,7 @@ class ni {
       return new Date(this.execution.failedAt);
   }
 }
-class CA {
+class QA {
   constructor(A) {
     this.node = A;
   }
@@ -9010,7 +9010,7 @@ class le {
   }
 }
 var ai = /* @__PURE__ */ ((c) => (c.Transaction = "Transaction", c.Bundle = "Bundle", c.Product = "Product", c.Variant = "Variant", c.Option = "Option", c.LineItem = "LineItem", c.Asset = "Asset", c))(ai || {});
-class bi extends le {
+class ki extends le {
   constructor(A) {
     super(`"${A}"`);
   }
@@ -9025,7 +9025,7 @@ class dt extends le {
     return A.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i);
   }
 }
-class Li extends le {
+class Ji extends le {
   constructor(A) {
     super(`[${A.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -9059,7 +9059,17 @@ class Me {
       throw new Error(
         "No workflows found on product. This is generally due to a configuration error. Please confirm at least one workflow is configured for this product."
       );
-    return new ZA(A[0]);
+    return new NA(A[0]);
+  }
+  getAllWorkflows() {
+    if (!this.integrationProduct.product)
+      throw new Error("IntegrationProductResource does not have a product");
+    const A = this.integrationProduct.product.workflows || [];
+    if (A.length === 0)
+      throw new Error(
+        "No workflows found on product. This is generally due to a configuration error. Please confirm at least one workflow is configured for this product."
+      );
+    return A.sort((e, t) => (e.index ?? 0) - (t.index ?? 0)).map((e) => new NA(e));
   }
 }
 const ii = F`
@@ -9183,7 +9193,7 @@ const ii = F`
         name
     }
 `, ci = (c) => F`
-        ${GA(c)}
+        ${vA(c)}
         ${ie}
         ${Ke}
         ${ii}
@@ -9603,7 +9613,7 @@ const ii = F`
         }
     }
 `, Bi = F`
-    ${GA(!1)}
+    ${vA(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
             id
@@ -9703,7 +9713,7 @@ const ii = F`
             }
         }
     }
-`, AA = async (c) => {
+`, eA = async (c) => {
   var A;
   for (const e in c.layouts) {
     const t = c.layouts[e].elements.filter(
@@ -9711,7 +9721,7 @@ const ii = F`
     );
     for (let a = 0; a < t.length; ++a) {
       const i = t[a];
-      i.src && i.svg && (i.cachedObjectURL = await pA(i.svg));
+      i.src && i.svg && (i.cachedObjectURL = await fA(i.svg));
     }
     const n = c.layouts[e].elements.filter((a) => a.type === v.Textbox);
     for (let a = 0; a < n.length; ++a) {
@@ -9736,7 +9746,7 @@ const ii = F`
       var s, o, r;
       delete i.data.__typename, (s = i.option) != null && s.id && ((o = i.option.defaultVariant) != null && o.asset && O.cacheAsset(i.option.defaultVariant.asset), i.option.colorProfile && O.cacheAsset(i.option.colorProfile), (r = i.option.variants) == null || r.forEach((g) => {
         g.asset && O.cacheAsset(g.asset), g.displayImage && O.cacheAsset(g.displayImage), g.thumbnail && O.cacheAsset(g.thumbnail), g.material && O.cacheMaterial(g.material);
-      }), cA.set({ id: i.option.id }, Promise.resolve(i.option)));
+      }), gA.set({ id: i.option.id }, Promise.resolve(i.option)));
     });
   }), t;
 }, ui = async (c, A) => {
@@ -9745,14 +9755,14 @@ const ii = F`
     throw new Error(`Workflow not found: ${c}`);
   return t;
 }, wt = async (c, A) => {
-  const e = c.map((s) => cA.get({ id: s, options: A })), t = c.filter((s, o) => e[o] === void 0);
+  const e = c.map((s) => gA.get({ id: s, options: A })), t = c.filter((s, o) => e[o] === void 0);
   if (t.length === 0)
     return Promise.all(e);
   const n = Qi(t, A), a = t.map(
-    (s) => cA.set({ id: s, options: A }, ui(s, n))
+    (s) => gA.set({ id: s, options: A }, ui(s, n))
   ), i = e.filter((s) => s !== void 0);
   return await Promise.all(i.concat(a));
-}, QA = async (c, A) => (await wt([c], A))[0], mi = (c) => c.sort((A, e) => A.index - e.index).map((A) => ({
+}, uA = async (c, A) => (await wt([c], A))[0], mi = (c) => c.sort((A, e) => A.index - e.index).map((A) => ({
   id: J(),
   panelId: A.name,
   name: A.name,
@@ -9765,7 +9775,7 @@ const ii = F`
   previewRegion: A.previewRegion,
   useEditableArea: A.useEditableArea,
   editableArea: A.editableArea
-})), OA = (c, A) => {
+})), zA = (c, A) => {
   const e = c.workflowState, t = e ? JSON.parse(e) : void 0;
   return t ? Object.values(t.layouts).map((n) => n.layout) : mi(A.panels);
 };
@@ -10101,7 +10111,7 @@ class Ii {
       const E = P.getShadowGraphqlClient();
       if (n.type === "transaction") {
         const { transactionId: f, readOnly: u } = n, m = await E.query({
-          query: BA,
+          query: dA,
           variables: {
             ids: [f]
           },
@@ -10113,7 +10123,7 @@ class Ii {
         const I = (C = m.data) == null ? void 0 : C.transactions[0];
         if (!I.workflowId)
           throw new U("Existing transaction has no workflow ID.");
-        const p = await QA(I.workflowId);
+        const p = await uA(I.workflowId);
         if (!I.product)
           throw new U("Failed to load transaction, product not available.");
         return { transaction: I, workflow: p, readOnly: u };
@@ -10141,7 +10151,7 @@ class Ii {
           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]);
+        }, u = uA(n.workflowId, n == null ? void 0 : n.graphql), [m, I] = await Promise.all([f(), u]);
         return { transaction: m, workflow: I };
       }
       throw new U("No workflow ID provided.");
@@ -10163,16 +10173,16 @@ class Ii {
     };
     if (n.type === "transaction" && i.workflowState) {
       const E = JSON.parse(i.workflowState);
-      r.layouts = Object.values(E.layouts).map((Q) => Q.layout), await _(E), await AA(E), r.reloadedState = E;
+      r.layouts = Object.values(E.layouts).map((Q) => Q.layout), await AA(E), await eA(E), r.reloadedState = E;
     } else if (!o && n.workflowState) {
       const E = JSON.parse(n.workflowState);
-      r.layouts = Object.values(E.layouts).map((Q) => Q.layout), await _(E), await AA(E), r.reloadedState = E;
+      r.layouts = Object.values(E.layouts).map((Q) => Q.layout), await AA(E), await eA(E), r.reloadedState = E;
     } else
-      r.layouts = OA(
+      r.layouts = zA(
         r.transaction,
         r.workflow
       );
-    if (r.renderableContextService = new hA(
+    if (r.renderableContextService = new CA(
       r.layouts
     ), n.previewService ? (r.previewService = n.previewService, (d = r.product) != null && d.modelUrl && (r.modelContainer = r.previewService.loadModel({
       model: r.product.modelUrl,
@@ -10186,7 +10196,7 @@ class Ii {
     } else
       r.isReloadedTransaction = !0;
     this.initialized = !0, this.experienceOptions = r;
-    const g = new EA(this, r);
+    const g = new hA(this, r);
     return await g.getWorkflowManager().getInitializationPromise(), n.type !== "transaction" && this.customer && await g.attachCustomerDetails({ email: this.customer.emailAddress }), g;
   }
   /**
@@ -10204,7 +10214,7 @@ class Ii {
       if (m.length === 0)
         return [];
       const I = m.map((Y) => Y.option.transactionId), p = await t.query({
-        query: BA,
+        query: dA,
         variables: {
           ids: I
         },
@@ -10275,22 +10285,22 @@ class Ii {
       };
       if (Y.type === "transaction" && I.workflowState) {
         const b = JSON.parse(I.workflowState);
-        H.layouts = Object.values(b.layouts).map((V) => V.layout), await _(b), await AA(b), H.reloadedState = b;
+        H.layouts = Object.values(b.layouts).map((V) => V.layout), await AA(b), await eA(b), H.reloadedState = b;
       } 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;
+        H.layouts = Object.values(b.layouts).map((V) => V.layout), await AA(b), await eA(b), H.reloadedState = b;
       } else
-        H.layouts = OA(
+        H.layouts = zA(
           H.transaction,
           H.workflow
         );
-      return H.renderableContextService = new hA(
+      return H.renderableContextService = new CA(
         H.layouts
       ), 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, M = new EA(this, I);
+      const { experienceOptions: I, options: p } = m, M = new hA(this, I);
       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;
@@ -10345,7 +10355,7 @@ class Ii {
     const t = P.getShadowGraphqlClient(), n = async () => {
       var d, w;
       const l = (d = (await t.query({
-        query: BA,
+        query: dA,
         variables: { ids: [A] },
         fetchPolicy: "no-cache",
         errorPolicy: "all"
@@ -10369,7 +10379,7 @@ class Ii {
     const a = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), i = a.get(A);
     if (i) {
       const l = (s = (await t.query({
-        query: BA,
+        query: dA,
         variables: {
           ids: [A]
         },
@@ -10420,16 +10430,16 @@ class Ii {
     if (!this.initialized || !this.experienceOptions)
       throw new U("Cannot launch experience: Not initialized.");
     if (this.experienceOptions.transaction.workflowId) {
-      const o = await QA(this.experienceOptions.transaction.workflowId);
+      const o = await uA(this.experienceOptions.transaction.workflowId);
       if (this.experienceOptions.workflow = o, this.experienceOptions.transaction.workflowState) {
         const g = JSON.parse(this.experienceOptions.transaction.workflowState);
-        this.experienceOptions.layouts = Object.values(g.layouts).map((B) => B.layout), await _(g), await AA(g), this.experienceOptions.reloadedState = g;
+        this.experienceOptions.layouts = Object.values(g.layouts).map((B) => B.layout), await AA(g), await eA(g), this.experienceOptions.reloadedState = g;
       }
-      this.experienceOptions.previewService = t && t(o), this.experienceOptions.renderableContextService = new hA(this.experienceOptions.layouts), (n = this.experienceOptions.product) != null && n.modelUrl && (this.experienceOptions.modelContainer = (a = this.experienceOptions.previewService) == null ? void 0 : a.loadModel({
+      this.experienceOptions.previewService = t && t(o), this.experienceOptions.renderableContextService = new CA(this.experienceOptions.layouts), (n = this.experienceOptions.product) != null && n.modelUrl && (this.experienceOptions.modelContainer = (a = this.experienceOptions.previewService) == null ? void 0 : a.loadModel({
         model: this.experienceOptions.product.modelUrl,
         contextService: this.experienceOptions.renderableContextService
       }));
-      const r = new EA(this, this.experienceOptions);
+      const r = new hA(this, this.experienceOptions);
       return await r.getWorkflowManager().getInitializationPromise(), r;
     }
     if (A) {
@@ -10442,20 +10452,20 @@ class Ii {
         context: {
           transactionOwnerId: r
         }
-      }), B = QA(A);
+      }), B = uA(A);
       if (await Promise.all([g, B]), this.experienceOptions.workflow = await B, e) {
         const d = JSON.parse(e);
-        this.experienceOptions.layouts = Object.values(d.layouts).map((w) => w.layout), await _(d), await AA(d), this.experienceOptions.reloadedState = d;
+        this.experienceOptions.layouts = Object.values(d.layouts).map((w) => w.layout), await AA(d), await eA(d), this.experienceOptions.reloadedState = d;
       } else
-        this.experienceOptions.layouts = OA(
+        this.experienceOptions.layouts = zA(
           this.experienceOptions.transaction,
           this.experienceOptions.workflow
         );
-      this.experienceOptions.previewService = t && t(await B), this.experienceOptions.renderableContextService = new hA(this.experienceOptions.layouts), (i = this.experienceOptions.product) != null && i.modelUrl && (this.experienceOptions.modelContainer = (s = this.experienceOptions.previewService) == null ? void 0 : s.loadModel({
+      this.experienceOptions.previewService = t && t(await B), this.experienceOptions.renderableContextService = new CA(this.experienceOptions.layouts), (i = this.experienceOptions.product) != null && i.modelUrl && (this.experienceOptions.modelContainer = (s = this.experienceOptions.previewService) == null ? void 0 : s.loadModel({
         model: this.experienceOptions.product.modelUrl,
         contextService: this.experienceOptions.renderableContextService
       }));
-      const l = new EA(this, this.experienceOptions);
+      const l = new hA(this, this.experienceOptions);
       return await l.getWorkflowManager().getInitializationPromise(), l;
     }
     throw new U("No workflow ID provided.");
@@ -10486,6 +10496,9 @@ class Ii {
       throw new U("Cannot get transaction: Not initialized.");
     return this.experienceOptions.transaction;
   }
+  configureUrls(A, e, t) {
+    q.setHubUrl(A), q.setServerUrl(e), q.setServicesApiUrl(t);
+  }
   storeCustomer(A) {
     const e = x.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
     e.set(A.partner.id, A.id), x.setMap("partnerCustomerIds", e);
@@ -10519,8 +10532,11 @@ class Ii {
       throw new Error("Integration product not found.");
     return new Me(a);
   }
+  async getIntegrationProduct(A) {
+    return A.type === "integration" ? this.getIntegrationProductById(A.integrationProductId) : this.getIntegrationProductFromExternalIds(A.externalIntegrationId, A.externalProductId);
+  }
 }
-class Ti {
+class bi {
   getInitializationPromise() {
     return Promise.resolve();
   }
@@ -10653,7 +10669,7 @@ class fi extends W {
   }
   selectVariant(A) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return WA.selectVariant(
+    return XA.selectVariant(
       this.step,
       A.getResource(),
       e,
@@ -10667,7 +10683,7 @@ class fi extends W {
     });
   }
   selectImage(A) {
-    return WA.selectImage(this.step, A, this.manager);
+    return XA.selectImage(this.step, A, this.manager);
   }
   getImageData() {
     if (this.frameService)
@@ -10686,129 +10702,116 @@ class fi extends W {
     return this.step.data.overlayImageUrl;
   }
 }
-class Di {
-  /**
-   *  * Send a message to the parent window.
-   * We don't currently know the domain of the parent window in a secure way so we use `window.parent.origin` to send the message.
-   * FIXME: One day in the future let's build a whitelist or something similar that can be used to validate the origin of the parent window.
-   * @param event The event to send. Must be strongly typed as one of the FrameEvent types.
-   */
-  postMessage(A) {
-    window.self !== window.top ? window.parent.postMessage(A, window.parent.origin) : console.warn("The frame service is being used in a context where there is no parent window.");
-  }
-}
-const Oi = new Di();
 export {
-  Li as ArrayInput,
-  $ as AssetNotFoundError,
-  ji as AssetType,
-  Vi as BringForwardCommand,
-  Wi as BringToBackCommand,
-  Xi as BringToFrontCommand,
-  qi as CanvasCommand,
-  TA as CollectionProduct,
-  Zi as CommandContext,
+  Ji as ArrayInput,
+  _ as AssetNotFoundError,
+  Oi as AssetType,
+  zi as BringForwardCommand,
+  Ki as BringToBackCommand,
+  ji as BringToFrontCommand,
+  Vi as CanvasCommand,
+  OA as CollectionProduct,
+  Wi as CommandContext,
   cn as ConversionDataType,
   rn as ConversionLocation,
-  $i as CreateElementCommand,
-  _i as CreateLayoutCommand,
-  As as DeleteElementCommand,
-  CA as FlowExecutionNodeResult,
+  Xi as CreateElementCommand,
+  qi as CreateLayoutCommand,
+  Zi as DeleteElementCommand,
+  QA as FlowExecutionNodeResult,
   ni as FlowExecutionResult,
   ti as FlowService,
-  es as FontAlignmentCommand,
-  ts as FontColorCommand,
-  ns as FontSizeCommand,
-  as as FontSourceCommand,
+  $i as FontAlignmentCommand,
+  _i as FontColorCommand,
+  As as FontSizeCommand,
+  es as FontSourceCommand,
   In as FrameService,
   pi as FrameStep,
   fi as FrameStepHandle,
   ge as GlobalPropertyHandle,
-  is as GroupCommand,
+  ts as GroupCommand,
   Zn as IllustrationStepHandle,
   PA as InformationMessageType,
   aa as InformationStepHandle,
   Me as IntegrationProduct,
   sn as IntegrationType,
-  ss as LayoutElementFactory,
-  os as LayoutElementType,
+  ns as LayoutElementFactory,
+  as as LayoutElementType,
   z as LayoutNotFoundError,
   $n as MaterialStepHandle,
-  MA as MisconfigurationError,
-  Ti as MockWorkflowManager,
+  yA as MisconfigurationError,
+  bi as MockWorkflowManager,
   _n as ModelStepHandle,
-  rs as MoveCommand,
+  is as MoveCommand,
   dt as ObjectInput,
   ai as ObjectInputType,
-  FA as OptionNotFoundError,
-  sA as ParseError,
+  MA as OptionNotFoundError,
+  oA as ParseError,
   Aa as PictureStepHandle,
   on as ProductCameraRig,
   $a as ProductCollection,
-  ZA as ProductWorkflow,
-  cA as PromiseCache,
+  NA as ProductWorkflow,
+  gA as PromiseCache,
   Xe as PromiseQueue,
   ea as QuestionStepHandle,
   We as QueueablePromise,
-  cs as ResizeCommand,
-  rA as ResourceNotFoundError,
-  gs as RotateCommand,
-  ls as SendBackwardsCommand,
+  ss as ResizeCommand,
+  cA as ResourceNotFoundError,
+  os as RotateCommand,
+  rs as SendBackwardsCommand,
   ta as ShapeStepHandle,
   Ii as SpiffCommerceClient,
   YA as StakeholderType,
-  Bs as StepAspectType,
+  cs as StepAspectType,
   W as StepHandle,
-  ds as StepType,
-  ws as TextChangeCommand,
-  bi as TextInput,
+  gs as StepType,
+  ls as TextChangeCommand,
+  ki as TextInput,
   na as TextStepHandle,
   Ai as Transform,
   _a as TransformCollection,
   k as UnhandledBehaviorError,
-  Es as UnitOfMeasurement,
+  Bs as UnitOfMeasurement,
   X as Variant,
-  EA as WorkflowExperienceImpl,
+  hA as WorkflowExperienceImpl,
   O as assetService,
   ga as createDesign,
-  hs as dataUrlFromExternalUrl,
-  LA as designService,
-  Cs as determineCorrectFontSizeAndLines,
+  ds as dataUrlFromExternalUrl,
+  TA as designService,
+  ws as determineCorrectFontSizeAndLines,
   Dn as digitalContentStepService,
-  Qs as findElement,
-  us as frameDataCache,
-  Oi as frameService,
-  WA as frameStepService,
-  ms as generate,
+  Es as findElement,
+  hs as frameDataCache,
+  XA as frameStepService,
+  Cs as generate,
   Da as generateCommands,
-  Is as generateSVGWithUnknownColors,
-  Ji as generateStateFromDesignInputSteps,
-  ps as getAttributesFromArrayBuffer,
-  fs as getAxisAlignedBoundingBox,
+  Qs as generateSVGWithUnknownColors,
+  vi as generateStateFromDesignInputSteps,
+  us as getAttributesFromArrayBuffer,
+  ms as getAxisAlignedBoundingBox,
   mn as getBoundedOffsets,
-  Ds as getFrameData,
-  Fs as getSvgElement,
-  QA as getWorkflow,
+  Is as getFrameData,
+  ps as getSvgElement,
+  uA as getWorkflow,
   wt as getWorkflows,
   P as graphQlManager,
-  IA as illustrationStepService,
-  Ms as loadFont,
+  pA as illustrationStepService,
+  fs as loadFont,
   Ze as materialStepService,
   $e as modelStepService,
   xn as moduleStepService,
   j as optionService,
-  ys as patternImageDataCache,
+  Ds as patternImageDataCache,
   x as persistenceService,
   _e as pictureStepService,
   At as questionStepService,
-  Ys as registerFetchImplementation,
-  Ss as registerWindowImplementation,
-  xs as rehydrateSerializedLayout,
-  Ps as setCanvasModule,
-  oA as shapeStepService,
+  Fs as registerFetchImplementation,
+  Ms as registerWindowImplementation,
+  ys as rehydrateSerializedLayout,
+  Ys as setCanvasModule,
+  rA as shapeStepService,
   pn as shortenUrl,
-  yA as spiffCoreConfiguration,
-  ki as stepAspectValuesToDesignInputSteps,
+  q as spiffCoreConfiguration,
+  Gi as stepAspectValuesToDesignInputSteps,
   K as textStepService,
   Un as toast
 };