@spiffcommerce/core 20.0.1-2 → 20.1.0-alpha.0

package/dist/index.js

@@ -1,5 +1,5 @@
 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 { 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 zA, IllustrationCacheCommand as Dt, getFontMetrics as Ft, getPatternImageData as KA, FontAlignmentCommand as Mt, FontColorCommand as yt, FontImageFillCommand as kA, applyTextTransformations as jA, 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 NA, 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";
@@ -16,32 +16,32 @@ 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;
   }
@@ -56,7 +56,7 @@ class k extends RA {
     super(`Unhandled Behavior Encountered: ${A}`);
   }
 }
-class sA extends RA {
+class oA extends RA {
   constructor(A) {
     super(`Parsing Error: ${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;
@@ -495,7 +495,7 @@ class $t {
     }
   }
 }
-const aA = "persistentAssets";
+const iA = "persistentAssets";
 class JA {
   /**
    * Add a new asset to persistence
@@ -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
@@ -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,12 +1319,12 @@ 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);
 }
 class In {
@@ -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",
@@ -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,7 +1693,7 @@ 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();
@@ -1701,7 +1701,7 @@ class fn {
         throw new UA("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) {
@@ -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;
@@ -2006,7 +2006,7 @@ const WA = 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,7 +2104,7 @@ 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));
@@ -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,
@@ -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);
@@ -2666,7 +2666,7 @@ class Hn {
   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 {
@@ -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 = [];
@@ -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.
@@ -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,
@@ -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,
@@ -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}`);
@@ -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) {
@@ -5410,7 +5410,7 @@ class qn {
             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));
@@ -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:
@@ -6512,7 +6512,7 @@ const LA = new Ba(), da = F`
         }
     }
 `;
-class EA {
+class hA {
   constructor(A, e) {
     var n;
     if (this.renderableScenes = [], this.renderableSceneCallbacks = [], this.debouncedSavedDesignUpdate = Je(async () => {
@@ -6530,11 +6530,11 @@ class EA {
       } catch (o) {
         s(o);
       }
-    }), console.log("constructing experience"), !e.workflow)
+    }), !e.workflow)
       throw new Error("No Workflow ID provided.");
     this.client = A;
     const t = e.layouts;
-    this.commandContext = new Pt(), console.log("initializing comamnd context"), this.commandContext.initialize(t, e.reloadedState), console.log("initialized it"), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.workflowManager = new qn(
+    this.commandContext = new Pt(), this.commandContext.initialize(t, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.workflowManager = new qn(
       e.workflow,
       ((n = e.product.profanities) == null ? void 0 : n.map((a) => a.word)) || [],
       t,
@@ -6567,7 +6567,7 @@ class EA {
         };
       });
       this.renderableScenes = i, this.renderableSceneCallbacks.forEach((s) => s(i));
-    }), console.log("end of experience constructor");
+    });
   }
   getClient() {
     return this.client;
@@ -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 ? {
@@ -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 });
@@ -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);
@@ -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) => {
@@ -7222,7 +7222,7 @@ const wa = [
       y: E.top
     };
     if (g) {
-      const [f, u] = uA(
+      const [f, u] = mA(
         t.data.size || i,
         g,
         E,
@@ -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 {
@@ -7470,7 +7470,7 @@ class Ya extends We {
       ignoreClear: !0,
       ignoreMouse: !0,
       enableRedraw: !1,
-      createCanvas: DA,
+      createCanvas: FA,
       createImage: He,
       DOMParser: Re(),
       fetch: $A
@@ -7498,7 +7498,7 @@ const Gi = (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);
     }
   }
@@ -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);
@@ -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;
   }
@@ -9703,7 +9703,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 +9711,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 +9736,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 +9745,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,
@@ -10101,7 +10101,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 +10113,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 +10141,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 +10163,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.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 +10186,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 +10204,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 +10275,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.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 +10345,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 +10369,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 +10420,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 +10442,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.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 +10486,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);
@@ -10688,7 +10691,7 @@ class fi extends W {
 }
 export {
   Ji as ArrayInput,
-  $ as AssetNotFoundError,
+  _ as AssetNotFoundError,
   Oi as AssetType,
   zi as BringForwardCommand,
   Ki as BringToBackCommand,
@@ -10701,7 +10704,7 @@ export {
   Xi as CreateElementCommand,
   qi as CreateLayoutCommand,
   Zi as DeleteElementCommand,
-  CA as FlowExecutionNodeResult,
+  QA as FlowExecutionNodeResult,
   ni as FlowExecutionResult,
   ti as FlowService,
   $i as FontAlignmentCommand,
@@ -10722,24 +10725,24 @@ export {
   as as LayoutElementType,
   z as LayoutNotFoundError,
   $n as MaterialStepHandle,
-  MA as MisconfigurationError,
+  yA as MisconfigurationError,
   bi as MockWorkflowManager,
   _n as ModelStepHandle,
   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,
+  gA as PromiseCache,
   Xe as PromiseQueue,
   ea as QuestionStepHandle,
   We as QueueablePromise,
   ss as ResizeCommand,
-  rA as ResourceNotFoundError,
+  cA as ResourceNotFoundError,
   os as RotateCommand,
   rs as SendBackwardsCommand,
   ta as ShapeStepHandle,
@@ -10756,7 +10759,7 @@ export {
   k as UnhandledBehaviorError,
   Bs as UnitOfMeasurement,
   X as Variant,
-  EA as WorkflowExperienceImpl,
+  hA as WorkflowExperienceImpl,
   O as assetService,
   ga as createDesign,
   ds as dataUrlFromExternalUrl,
@@ -10775,10 +10778,10 @@ export {
   mn as getBoundedOffsets,
   Is as getFrameData,
   ps as getSvgElement,
-  QA as getWorkflow,
+  uA as getWorkflow,
   wt as getWorkflows,
   P as graphQlManager,
-  IA as illustrationStepService,
+  pA as illustrationStepService,
   fs as loadFont,
   Ze as materialStepService,
   $e as modelStepService,
@@ -10792,9 +10795,9 @@ export {
   Ms as registerWindowImplementation,
   ys as rehydrateSerializedLayout,
   Ys as setCanvasModule,
-  oA as shapeStepService,
+  rA as shapeStepService,
   pn as shortenUrl,
-  yA as spiffCoreConfiguration,
+  q as spiffCoreConfiguration,
   Gi as stepAspectValuesToDesignInputSteps,
   K as textStepService,
   Un as toast