@spiffcommerce/core 20.4.1 → 20.4.2

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createHttpLink as Et, InMemoryCache as ht, ApolloClient as Ct, from as Qt, gql as F } from "@apollo/client/core";
 import { fetch as $e, getAttributesFromArrayBuffer as yA, AssetType as BA, StepType as D, getFrameData as _e, frameDataCache as ut, GroupCommand as G, UpdateFramePattern as YA, UpdateFrameThresholdSettingsCommand as mt, calculateOffsets as eA, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as SA, svgObjectURL as fe, fetchAsString as Z, DeleteElementCommand as $, generateDefaultRectangleFrameSvg as dA, GetSVGDimensions as It, patternImageDataCache as wA, fetchAsArrayBuffer as pt, findElement as De, modifySVGWithElementProperties as ft, IllustrationColorCommand as Ke, IllustrationCacheCommand as Dt, getFontMetrics as Ft, getPatternImageData as je, FontAlignmentCommand as Mt, FontColorCommand as yt, FontImageFillCommand as Je, applyTextTransformations as Ve, determineCorrectFontSizeAndLines as me, FontSourceCommand as EA, loadFont as AA, TextChangeCommand as Yt, FontSizeCommand as St, createElementNS as xt, createElement as Be, _loadFontExternalDataURL as tA, UpdateWorkflowStateCommand as hA, CommandContext as Pt, createCanvas as Fe, getSvgElement as xA, LayoutRenderingPurpose as PA, renderPapyrusComponentAsString as NA, loadImage as HA, getDomParser as RA, toBase64 as CA, getVariant as Nt, generateFrameSVG as Ht, getDefaultVariant as He, domParser as UA, sanitizeSvgTree as GA, traverse as Rt, xmlSerializer as vA, CreateLayoutCommand as Ut, AspectType as Ie, rehydrateSerializedLayout as ee } 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 es, FontSourceCommand as As, 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 { AssetType as zi, BringForwardCommand as Ki, BringToBackCommand as ji, BringToFrontCommand as Vi, CanvasCommand as Wi, CommandContext as Xi, CreateElementCommand as qi, CreateLayoutCommand as Zi, DeleteElementCommand as $i, FontAlignmentCommand as _i, FontColorCommand as es, FontSizeCommand as As, FontSourceCommand as ts, GroupCommand as ns, LayoutElementFactory as as, LayoutElementType as is, MoveCommand as ss, ResizeCommand as os, RotateCommand as rs, SendBackwardsCommand as cs, StepAspectType as gs, StepType as ls, TextChangeCommand as Bs, UnitOfMeasurement as ds, dataUrlFromExternalUrl as ws, determineCorrectFontSizeAndLines as Es, findElement as hs, frameDataCache as Cs, generate as Qs, generateSVGWithUnknownColors as us, getAttributesFromArrayBuffer as ms, getAxisAlignedBoundingBox as Is, getFrameData as ps, getSvgElement as fs, loadFont as Ds, patternImageDataCache as Fs, registerFetchImplementation as Ms, registerWindowImplementation as ys, rehydrateSerializedLayout as Ys, setCanvasModule as Ss } from "@spiffcommerce/papyrus";
 import { setContext as Gt } from "@apollo/client/link/context";
 import { onError as vt } from "@apollo/client/link/error";
 import { Pith as kA } from "pith";
@@ -6068,7 +6068,7 @@ class Ee {
       case D.Model:
         return new _n(e, A);
       case D.Frame:
-        return new fi(e, A);
+        return new Di(e, A);
       default:
         throw new k(`Step type ${A.type} not yet supported in Core SDK`);
     }
@@ -6516,6 +6516,7 @@ const Te = new Ba(), da = F`
         }
     }
 `;
+var wa = /* @__PURE__ */ ((c) => (c.QuantityChanged = "QuantityChanged", c))(wa || {});
 class he {
   constructor(e, A) {
     var n;
@@ -6769,7 +6770,7 @@ class he {
     const e = Re(this.getCommandContext().getState());
     if (!e)
       throw new k("Internal state is undefined! Cannot copy experience!");
-    const A = JSON.stringify(e.transaction), t = this.getWorkflowManager().getWorkflow(), n = new Ii({}), a = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
+    const A = JSON.stringify(e.transaction), t = this.getWorkflowManager().getWorkflow(), n = new pi({}), a = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
     if (!a)
       throw new k("Integration product id is undefined!");
     return await n.initFromIntegrationProduct(a), await n.getWorkflowExperience(t.id, A, void 0);
@@ -6843,7 +6844,7 @@ class he {
     (this.eventCallbacks.get(e) || []).forEach((A) => A(this));
   }
 }
-const wa = [
+const Ea = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -6855,7 +6856,7 @@ const wa = [
   "textPath",
   "tref",
   "tspan"
-], Ea = async (c, e, A) => {
+], ha = async (c, e, A) => {
   const t = e.data, n = A.data.baseUrl, a = t.assetUrl.replace("localhost", "localstack"), i = n.slice(0, 4) === "http" ? "" : "https://", s = new URL(i + n);
   s.searchParams.append("video", CA(JSON.stringify([{ href: a }]))), s.pathname = s.pathname + (s.pathname.slice(-1) === "/" ? "" : "/");
   const o = s.toString(), g = `data:image/svg+xml;base64,${CA(await LA(o, { type: "svg" }))}`, B = (d) => {
@@ -6882,7 +6883,7 @@ const wa = [
   } catch (d) {
     return console.error(d), [];
   }
-}, ha = async (c, e, A, t) => {
+}, Ca = async (c, e, A, t) => {
   const n = A.data, a = n.assetUrl, i = await je(a);
   try {
     const s = Nt(n, t.option);
@@ -6935,7 +6936,7 @@ const wa = [
   } catch (s) {
     return console.error(s), [];
   }
-}, Ca = async (c, e, A, t) => {
+}, Qa = async (c, e, A, t) => {
   var m, I;
   const n = A.data, a = t.option;
   if (!a)
@@ -6955,7 +6956,7 @@ const wa = [
   GA(w);
   const h = {};
   Rt(w, (p) => {
-    wa.includes(p.tagName) && !p.attributes.getNamedItem("fill") && p.setAttribute("fill", "#000000");
+    Ea.includes(p.tagName) && !p.attributes.getNamedItem("fill") && p.setAttribute("fill", "#000000");
     const M = p.attributes.getNamedItem("fill");
     if (M && M.value !== "none") {
       const S = M.value, N = `spiff-fill-${S.replace(/\W/g, "")}`;
@@ -7004,7 +7005,7 @@ const wa = [
   } catch (p) {
     return console.error(p), [];
   }
-}, Qa = async (c, e, A) => {
+}, ua = async (c, e, A) => {
   const t = await it(A.data.module), n = e.data, a = (s, o) => {
     const r = c.find((B) => B.panelId === o.panelId);
     if (!r)
@@ -7034,7 +7035,7 @@ const wa = [
   } catch (s) {
     return console.error(s), [];
   }
-}, ua = async (c, e, A, t) => {
+}, ma = async (c, e, A, t) => {
   var g, B;
   const n = A.data, a = t.option;
   if (!a)
@@ -7076,7 +7077,7 @@ const wa = [
   } catch (l) {
     return console.error(l), [];
   }
-}, ma = async (c, e, A, t) => {
+}, Ia = async (c, e, A, t) => {
   var r;
   const n = A.data, a = t.option;
   if (!a)
@@ -7133,7 +7134,7 @@ const wa = [
   } catch (g) {
     return console.error(g), [];
   }
-}, Ia = async (c, e, A) => {
+}, pa = async (c, e, A) => {
   const t = [], a = (() => {
     var r, g;
     return e.type === D.ProductOverlay ? A || ((r = e.data.asset) == null ? void 0 : r.fileLink) || "" : ((g = e.data.asset) == null ? void 0 : g.fileLink) || "";
@@ -7200,7 +7201,7 @@ const wa = [
     });
   }
   return t;
-}, pa = async (c, e, A, t) => {
+}, fa = async (c, e, A, t) => {
   const n = [], a = A.data, i = 30, s = (E) => E.vertical ? "center" : E.textAlign || "center", o = () => {
     var f;
     const E = t.option;
@@ -7289,7 +7290,7 @@ const wa = [
       n.push(new L(C, Q));
   }
   return n;
-}, fa = (c, e) => c.conditions ? c.conditions.every((A) => {
+}, Da = (c, e) => c.conditions ? c.conditions.every((A) => {
   const t = e[A.targetStepName];
   if (t && t.selectedVariants) {
     const n = t.selectedVariants;
@@ -7298,7 +7299,7 @@ const wa = [
     );
   }
   return !1;
-}) : !0, Da = async (c, e, A, t) => {
+}) : !0, Fa = async (c, e, A, t) => {
   const n = [], a = {};
   for (const i of c) {
     const s = e.steps.find((o) => o.stepName === i.name);
@@ -7306,18 +7307,18 @@ const wa = [
       switch (s.type) {
         case D.DigitalContent:
           n.push(
-            ...await Ea(A, i, s)
+            ...await ha(A, i, s)
           );
           break;
         case D.Frame:
         case D.Photo:
           n.push(
-            ...await ha(A, a, i, s)
+            ...await Ca(A, a, i, s)
           );
           break;
         case D.Illustration:
           n.push(
-            ...await Ca(
+            ...await Qa(
               A,
               a,
               i,
@@ -7326,28 +7327,28 @@ const wa = [
           );
           break;
         case D.Module:
-          n.push(...await Qa(A, i, s));
+          n.push(...await ua(A, i, s));
           break;
         case D.Picture:
           n.push(
-            ...await ua(A, a, i, s)
+            ...await ma(A, a, i, s)
           );
           break;
         case D.Shape:
           n.push(
-            ...await ma(A, a, i, s)
+            ...await Ia(A, a, i, s)
           );
           break;
         case D.Text:
           n.push(
-            ...await pa(A, a, i, s)
+            ...await fa(A, a, i, s)
           );
           break;
       }
   }
   for (const i of e.steps)
-    i.type !== D.SilentIllustration && i.type !== D.ProductOverlay || fa(i, a) && n.push(
-      ...await Ia(A, i, t)
+    i.type !== D.SilentIllustration && i.type !== D.ProductOverlay || Da(i, a) && n.push(
+      ...await pa(A, i, t)
     );
   return n;
 };
@@ -7355,7 +7356,7 @@ class Ce {
   constructor(e) {
     this.handleCompleteRender = null;
     const A = /* @__PURE__ */ new Map();
-    e.forEach((t) => A.set(t.id, new ya(t.id, t.name, this))), this.layouts = A;
+    e.forEach((t) => A.set(t.id, new Ya(t.id, t.name, this))), this.layouts = A;
   }
   setCompleteRenderCallback(e) {
     this.handleCompleteRender = e, e(Array.from(this.layouts.values()));
@@ -7367,11 +7368,11 @@ class Ce {
     return this.layouts;
   }
 }
-const Fa = () => new Promise((c, e) => {
+const Ma = () => new Promise((c, e) => {
   const t = Fe().getContext("webgl2");
   c(!!t);
-}), Ma = Fa();
-class ya {
+}), ya = Ma();
+class Ya {
   constructor(e, A, t) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.lastModificationID = void 0, this.renderQueue = new XA(2), this.id = e, this.name = A, this.service = t;
   }
@@ -7434,10 +7435,10 @@ class ya {
       return;
     }
     this.renderQueue.enqueue(
-      new Ya(
+      new Sa(
         this.getID(),
         a,
-        await Ma,
+        await ya,
         () => {
           this.markLastCompletedStaticRender(), this.setStaticContextDirty(!0);
         },
@@ -7448,7 +7449,7 @@ class ya {
     );
   }
 }
-class Ya extends WA {
+class Sa extends WA {
   constructor(e, A, t, n, a, i, s) {
     super(), this.layoutId = e, this.ctx = A, this.nonPOTSupport = t, this.onRender = n, this.workflow = a, this.layouts = i, this.productOverlayImageUrl = s;
   }
@@ -7514,7 +7515,7 @@ class Ya extends WA {
     B.resize(s, o), await B.render(), this.onRender();
   }
 }
-const Gi = (c, e) => {
+const vi = (c, e) => {
   const A = [];
   return c.forEach((t) => {
     const n = e.steps.find((a) => a.stepName === t.stepName);
@@ -7525,15 +7526,15 @@ const Gi = (c, e) => {
       }
     });
   }), A;
-}, vi = async (c, e, A, t) => {
+}, ki = async (c, e, A, t) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
   n = new G(A.map((o) => new Ut(o))).apply(n);
-  const i = await Da(c, e, A, t);
+  const i = await Fa(c, e, A, t);
   return new G(i).apply(n);
-}, Sa = F`
+}, xa = F`
     ${ae}
     fragment ProductFields on Product {
         id
@@ -7577,7 +7578,7 @@ const Gi = (c, e) => {
         }
     }
 `, gt = F`
-    ${Sa}
+    ${xa}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
         productId
@@ -7631,7 +7632,7 @@ const Gi = (c, e) => {
             }
         }
     }
-`, xa = (c) => F`
+`, Pa = (c) => F`
     ${lt(c)}
     query GetBundle($id: String!) {
         bundles(ids: [$id]) {
@@ -7653,7 +7654,7 @@ const Gi = (c, e) => {
             }
         }
     }
-`, Pa = F`
+`, Na = F`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -7673,7 +7674,7 @@ const Gi = (c, e) => {
             }
         }
     }
-`, Na = F`
+`, Ha = F`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -7694,7 +7695,7 @@ const Gi = (c, e) => {
             }
         }
     }
-`, Ha = F`
+`, Ra = F`
     ${gt}
     query GetProductCollectionProducts($id: String!) {
         productCollections(ids: [$id]) {
@@ -7704,7 +7705,7 @@ const Gi = (c, e) => {
             }
         }
     }
-`, Ra = (c) => F`
+`, Ua = (c) => F`
     ${lt(c)}
     mutation CreateBundle($collectionId: String, $initialMetadata: [MetadataInput!]) {
         bundleCreate(collectionId: $collectionId, metadata: $initialMetadata) {
@@ -7723,25 +7724,25 @@ const Gi = (c, e) => {
             }
         }
     }
-`, Ua = F`
+`, Ga = F`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
         }
     }
-`, Ga = F`
+`, va = F`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, va = F`
+`, ka = F`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, ka = F`
+`, Ja = F`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -7756,7 +7757,7 @@ const Gi = (c, e) => {
             id
         }
     }
-`, Ja = F`
+`, ba = F`
     mutation BundleRemoveTransactions(
         $id: String!
         $transactionIds: [String!]!
@@ -7771,7 +7772,7 @@ const Gi = (c, e) => {
             id
         }
     }
-`, ba = F`
+`, La = F`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -7791,7 +7792,7 @@ const Gi = (c, e) => {
             }
         }
     }
-`, La = F`
+`, Ta = F`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -7811,14 +7812,14 @@ const Gi = (c, e) => {
             }
         }
     }
-`, Ta = F`
+`, Oa = F`
     mutation BundleUpdateTransactionOrder($id: String!, $transactionIds: [String!]!) {
         bundleUpdateTransactionOrder(id: $id, transactionIds: $transactionIds) {
             id
         }
     }
 `;
-class Oa {
+class za {
   constructor(e) {
     this.handleCache = {}, this.bundle = e;
   }
@@ -7862,13 +7863,13 @@ class Oa {
   async createHandle(e) {
     switch (e.type) {
       case Ie.FileUpload:
-        return new za(this.bundle, e);
+        return new Ka(this.bundle, e);
       case Ie.Option: {
         const A = e.entityId ? await j.getOption(e.entityId) : void 0;
-        return (A == null ? void 0 : A.type) === "Color" ? new ja(this.bundle, e, A) : new Bt(this.bundle, e, A);
+        return (A == null ? void 0 : A.type) === "Color" ? new Va(this.bundle, e, A) : new Bt(this.bundle, e, A);
       }
       case Ie.Text:
-        return new Ka(this.bundle, e);
+        return new ja(this.bundle, e);
     }
   }
 }
@@ -7924,7 +7925,7 @@ class gA {
     );
   }
 }
-class za extends gA {
+class Ka extends gA {
   constructor(e, A) {
     super(e, A);
   }
@@ -7951,7 +7952,7 @@ class za extends gA {
     await Promise.all(n);
   }
 }
-class Ka extends gA {
+class ja extends gA {
   constructor(e, A) {
     super(e, A);
   }
@@ -8046,7 +8047,7 @@ class Bt extends gA {
     await Promise.all(n);
   }
 }
-class ja extends Bt {
+class Va extends Bt {
   constructor(e, A, t) {
     super(e, A, t);
   }
@@ -8063,7 +8064,7 @@ class ja extends Bt {
     return this.getSharedSteps()[0].getCustomColor();
   }
 }
-const Va = F`
+const Wa = F`
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -8073,7 +8074,7 @@ const Va = F`
             }
         }
     }
-`, Wa = F`
+`, Xa = F`
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -8083,7 +8084,7 @@ const Va = F`
             }
         }
     }
-`, Xa = F`
+`, qa = F`
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -8094,7 +8095,7 @@ const Va = F`
         }
     }
 `;
-class qa {
+class Za {
   constructor(e, A, t) {
     this.bundleId = e, this.bundleOwnerId = A, this.initPromise = this.getOrCreateGlobalPropertyState().then((n) => {
       this.globalPropertyState = n;
@@ -8124,7 +8125,7 @@ class qa {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
     const e = await P.getShadowGraphqlClient().mutate({
-      mutation: Wa,
+      mutation: Xa,
       variables: {
         id: this.globalPropertyState.id,
         aspects: this.globalPropertyState.aspects
@@ -8141,7 +8142,7 @@ class qa {
   async getOrCreateGlobalPropertyState() {
     var t;
     const e = await P.getShadowGraphqlClient().query({
-      query: Xa,
+      query: qa,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -8154,7 +8155,7 @@ class qa {
     if (e.data.globalPropertyState && e.data.globalPropertyState.id)
       return e.data.globalPropertyState;
     const A = await P.getShadowGraphqlClient().mutate({
-      mutation: Va,
+      mutation: Wa,
       variables: {
         bundleId: this.bundleId
       },
@@ -8167,7 +8168,7 @@ class qa {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class Za {
+class $a {
   constructor(e) {
     this.setState(e);
   }
@@ -8250,7 +8251,7 @@ class Za {
     };
   }
 }
-class $a {
+class _a {
   constructor(e) {
     this.collection = e;
   }
@@ -8281,7 +8282,7 @@ class $a {
     if (this.collection.productCollectionProducts)
       return this.collection.productCollectionProducts.map((A) => new Oe(A));
     const e = await P.getShadowGraphqlClient().query({
-      query: Ha,
+      query: Ra,
       variables: {
         id: this.getId()
       },
@@ -8292,7 +8293,7 @@ class $a {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new _a(this.collection.transformCollection);
+      return new ei(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -8434,7 +8435,7 @@ class Ne {
     return this.workflow.imageUrl;
   }
 }
-class _a {
+class ei {
   constructor(e) {
     this.collection = e;
   }
@@ -8454,10 +8455,10 @@ class _a {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((e) => new ei(e));
+    return this.collection.transforms.map((e) => new Ai(e));
   }
 }
-class ei {
+class Ai {
   constructor(e) {
     this.transform = e;
   }
@@ -8487,11 +8488,11 @@ class ei {
 class FA {
   constructor(e, A, t, n, a) {
     var i, s;
-    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = e, this.id = A.id, this.name = A.name || "", this.ownerId = a, this.metadata = new Map(((i = A.metadata) == null ? void 0 : i.map((o) => [o.key, o.value])) || []), this.productCollection = A.productCollection, this.bundleStateManager = new Za(A.bundleStateData), this.globalPropertyStateManager = new qa(
+    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = e, this.id = A.id, this.name = A.name || "", this.ownerId = a, this.metadata = new Map(((i = A.metadata) == null ? void 0 : i.map((o) => [o.key, o.value])) || []), this.productCollection = A.productCollection, this.bundleStateManager = new $a(A.bundleStateData), this.globalPropertyStateManager = new Za(
       this.id,
       this.ownerId,
       this.checkConditionalHandlesChanged.bind(this)
-    ), this.globalPropertyHandleService = new Oa(this), this.setPreviewService(t), this.initializationPromise = this.loadExistingWorkflowExperiences(
+    ), this.globalPropertyHandleService = new za(this), this.setPreviewService(t), this.initializationPromise = this.loadExistingWorkflowExperiences(
       ((s = A.transactions) == null ? void 0 : s.map((o) => o.id)) || [],
       n
     );
@@ -8546,7 +8547,7 @@ class FA {
     return this.workflowExperiences.map((e) => e.getTotalPriceSubunits()).reduce((e, A) => e + A, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new $a(this.productCollection) : void 0;
+    return this.productCollection ? new _a(this.productCollection) : void 0;
   }
   async addWorkflowExperience(e) {
     await this.appendWorkflowExperience(e), await this.injectExperienceIntoPreviewService(e);
@@ -8563,7 +8564,7 @@ class FA {
       );
     const n = x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), a = A.map((i) => n.get(i));
     await P.getShadowGraphqlClient().mutate({
-      mutation: va,
+      mutation: ka,
       variables: {
         id: this.id,
         transactionIds: A,
@@ -8592,7 +8593,7 @@ class FA {
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const i = (x.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(t);
     await P.getShadowGraphqlClient().mutate({
-      mutation: Ga,
+      mutation: va,
       variables: {
         id: this.id,
         transactionId: t
@@ -8625,7 +8626,7 @@ class FA {
         (a) => a.getWorkflowManager().getTransaction().id === A.id
       );
       this.previewService && n.getWorkflowManager().ejectFromPreviewService(), this.bundleStateManager.removeStateForTransaction(A.id), await P.getShadowGraphqlClient().mutate({
-        mutation: ka,
+        mutation: Ja,
         variables: {
           id: this.id,
           transactionId: A.id,
@@ -8655,7 +8656,7 @@ class FA {
       )[0]
     );
     this.previewService && t.forEach((n) => n.getWorkflowManager().ejectFromPreviewService()), e.forEach((n) => this.bundleStateManager.removeStateForTransaction(n.id)), await P.getShadowGraphqlClient().mutate({
-      mutation: Ja,
+      mutation: ba,
       variables: {
         id: this.id,
         transactionIds: e.map((n) => n.id),
@@ -8716,7 +8717,7 @@ class FA {
   async addStakeholder(e, A) {
     var a;
     const t = await P.getShadowGraphqlClient().mutate({
-      mutation: ba,
+      mutation: La,
       variables: {
         id: this.id,
         details: e,
@@ -8734,7 +8735,7 @@ class FA {
   async updateStakeholders(e) {
     var n;
     const A = await P.getShadowGraphqlClient().mutate({
-      mutation: La,
+      mutation: Ta,
       variables: {
         id: this.id,
         input: e
@@ -8750,7 +8751,7 @@ class FA {
   }
   async getAllStakeholders() {
     const e = await P.getShadowGraphqlClient().query({
-      query: Pa,
+      query: Na,
       errorPolicy: "all",
       variables: {
         id: this.id
@@ -8850,7 +8851,7 @@ class FA {
   async updateBundle() {
     var A;
     if (!((A = (await P.getShadowGraphqlClient().mutate({
-      mutation: Ua,
+      mutation: Ga,
       variables: {
         id: this.id,
         name: this.name,
@@ -8865,7 +8866,7 @@ class FA {
   }
   async updateTransactionOrder() {
     await P.getShadowGraphqlClient().mutate({
-      mutation: Ta,
+      mutation: Oa,
       variables: {
         id: this.id,
         transactionIds: this.workflowExperiences.map((e) => e.getWorkflowManager().getTransaction().id)
@@ -8898,14 +8899,14 @@ class FA {
     );
   }
 }
-const Ai = F`
+const ti = F`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class ti {
+class ni {
   /**
    *
    * @param id
@@ -8916,7 +8917,7 @@ class ti {
   async execute(e, A, t) {
     var B, l, d;
     const a = (l = (B = (await P.getShadowGraphqlClient().mutate({
-      mutation: Ai,
+      mutation: ti,
       variables: {
         processFlowId: e,
         inputs: [...A.map((w) => w.getValueForTransmission())]
@@ -8958,7 +8959,7 @@ class ti {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (w.completedAt) {
-        s = !0, g = new ni(w);
+        s = !0, g = new ai(w);
         break;
       }
       o += 1;
@@ -8972,7 +8973,7 @@ class ti {
     return Promise.resolve(g);
   }
 }
-class ni {
+class ai {
   constructor(e) {
     this.execution = e;
   }
@@ -9057,8 +9058,8 @@ class lA {
     return e.startsWith("[") ? JSON.stringify(JSON.parse(e)) : e;
   }
 }
-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 ki extends lA {
+var ii = /* @__PURE__ */ ((c) => (c.Transaction = "Transaction", c.Bundle = "Bundle", c.Product = "Product", c.Variant = "Variant", c.Option = "Option", c.LineItem = "LineItem", c.Asset = "Asset", c))(ii || {});
+class Ji extends lA {
   constructor(e) {
     super(`"${e}"`);
   }
@@ -9073,7 +9074,7 @@ class dt extends lA {
     return e.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 Ji extends lA {
+class bi extends lA {
   constructor(e) {
     super(`[${e.map((A) => A.getRaw()).join(",")}]`);
   }
@@ -9120,7 +9121,7 @@ class MA {
     return e.sort((A, t) => (A.index ?? 0) - (t.index ?? 0)).map((A) => new Ne(A));
   }
 }
-const ii = F`
+const si = F`
     fragment RegionFields on Region {
         width
         top
@@ -9138,7 +9139,7 @@ const ii = F`
             height
         }
     }
-`, si = F`
+`, oi = F`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -9149,7 +9150,7 @@ const ii = F`
             z
         }
     }
-`, oi = F`
+`, ri = F`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -9233,21 +9234,21 @@ const ii = F`
             weight
         }
     }
-`, ri = F`
+`, ci = F`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, ci = (c) => F`
+`, gi = (c) => F`
         ${ve(c)}
         ${iA}
         ${KA}
-        ${ii}
         ${si}
         ${oi}
         ${ri}
+        ${ci}
         query GetWorkflows($ids: [String!]!) {
             workflows(ids: $ids) {
                 allowProofDownload
@@ -9625,7 +9626,7 @@ const ii = F`
                 }
             }
         }
-    `, gi = F`
+    `, li = F`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -9642,7 +9643,7 @@ const ii = F`
             }
         }
     }
-`, li = F`
+`, Bi = F`
     query GetIntegrationWithPartnerAndLogo {
         currentIntegration {
             id
@@ -9660,7 +9661,7 @@ const ii = F`
             }
         }
     }
-`, Bi = F`
+`, di = F`
     ${ve(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -9682,7 +9683,7 @@ const ii = F`
             }
         }
     }
-`, di = F`
+`, wi = F`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -9692,7 +9693,7 @@ const ii = F`
             }
         }
     }
-`, wi = F`
+`, Ei = F`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -9702,7 +9703,7 @@ const ii = F`
             }
         }
     }
-`, Ei = F`
+`, hi = F`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -9729,11 +9730,11 @@ const ii = F`
             }
         }
     }
-`, hi = F`
+`, Ci = F`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, Ci = F`
+`, Qi = F`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -9777,10 +9778,10 @@ const ii = F`
       (e = i.fontData) != null && e.assetUrl && await AA(i.fontData.assetUrl);
     }
   }
-}, Qi = async (c, e) => {
+}, ui = async (c, e) => {
   var n;
   const A = await P.getShadowGraphqlClient().query({
-    query: ci(((n = e == null ? void 0 : e.assets) == null ? void 0 : n.metadata) || !1),
+    query: gi(((n = e == null ? void 0 : e.assets) == null ? void 0 : n.metadata) || !1),
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -9797,7 +9798,7 @@ const ii = F`
       }), ge.set({ id: i.option.id }, Promise.resolve(i.option)));
     });
   }), t;
-}, ui = async (c, e) => {
+}, mi = async (c, e) => {
   const t = (await e).find((n) => n.id === c);
   if (!t)
     throw new Error(`Workflow not found: ${c}`);
@@ -9806,11 +9807,11 @@ const ii = F`
   const A = c.map((s) => ge.get({ id: s, options: e })), t = c.filter((s, o) => A[o] === void 0);
   if (t.length === 0)
     return Promise.all(A);
-  const n = Qi(t, e), a = t.map(
-    (s) => ge.set({ id: s, options: e }, ui(s, n))
+  const n = ui(t, e), a = t.map(
+    (s) => ge.set({ id: s, options: e }, mi(s, n))
   ), i = A.filter((s) => s !== void 0);
   return await Promise.all(i.concat(a));
-}, ue = async (c, e) => (await wt([c], e))[0], mi = (c) => c.sort((e, A) => e.index - A.index).map((e) => ({
+}, ue = async (c, e) => (await wt([c], e))[0], Ii = (c) => c.sort((e, A) => e.index - A.index).map((e) => ({
   id: J(),
   panelId: e.name,
   name: e.name,
@@ -9825,9 +9826,9 @@ const ii = F`
   editableArea: e.editableArea
 })), ze = (c, e) => {
   const A = c.workflowState, t = A ? JSON.parse(A) : void 0;
-  return t ? Object.values(t.layouts).map((n) => n.layout) : mi(e.panels);
+  return t ? Object.values(t.layouts).map((n) => n.layout) : Ii(e.panels);
 };
-class Ii {
+class pi {
   constructor(e) {
     this.updateTransactionState = async (A) => {
       try {
@@ -9855,11 +9856,11 @@ class Ii {
   getFlowService() {
     if (!Tt())
       throw new Error("Application key required to use Flow Service.");
-    return new ti();
+    return new ni();
   }
   async getIntegration() {
     return (await P.getShadowGraphqlClient().query({
-      query: li,
+      query: Bi,
       errorPolicy: "all"
     })).data.currentIntegration;
   }
@@ -9906,7 +9907,7 @@ class Ii {
   async authenticateTransactionFromLocalStorage(e) {
     var g, B, l, d, w, h;
     const A = P.getShadowGraphqlClient(), t = await A.query({
-      query: gi,
+      query: li,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9946,7 +9947,7 @@ class Ii {
       }
     }
     const r = (await A.query({
-      query: Bi,
+      query: di,
       errorPolicy: "all",
       variables: {
         id: n.workflowId
@@ -9982,7 +9983,7 @@ class Ii {
     var i;
     this.customer = void 0;
     const A = P.getShadowGraphqlClient(), n = (await A.query({
-      query: di,
+      query: wi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -9991,7 +9992,7 @@ class Ii {
     })).data.customer;
     if (!n.id) {
       const o = (i = (await A.mutate({
-        mutation: wi,
+        mutation: Ei,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -10023,7 +10024,7 @@ class Ii {
     if (!n)
       return !1;
     const i = (s = (await A.mutate({
-      mutation: Ei,
+      mutation: hi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10038,7 +10039,7 @@ class Ii {
    */
   async generateVerificationCode(e) {
     await P.getShadowGraphqlClient().mutate({
-      mutation: hi,
+      mutation: Ci,
       variables: {
         emailAddress: e
       }
@@ -10053,7 +10054,7 @@ class Ii {
   async verifyCode(e, A) {
     var a, i;
     const n = (a = (await P.getShadowGraphqlClient().mutate({
-      mutation: Ci,
+      mutation: Qi,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -10079,7 +10080,7 @@ class Ii {
   async getNewBundle(e, A, t) {
     var o, r, g;
     const a = (g = (await P.getShadowGraphqlClient().mutate({
-      mutation: Ra(((r = (o = t == null ? void 0 : t.graphql) == null ? void 0 : o.productCollection) == null ? void 0 : r.eagerFetchProducts) || !1),
+      mutation: Ua(((r = (o = t == null ? void 0 : t.graphql) == null ? void 0 : o.productCollection) == null ? void 0 : r.eagerFetchProducts) || !1),
       variables: {
         collectionId: e,
         initialMetadata: A ? Object.entries(A).map((B, l) => ({ key: B[0], value: B[1] })) : void 0
@@ -10103,7 +10104,7 @@ class Ii {
   async getExistingBundle(e, A, t, n) {
     var B, l, d, w, h, E;
     const a = x.getMap("bundleOwnerIds"), i = a == null ? void 0 : a.get(e), s = await P.getShadowGraphqlClient().query({
-      query: xa(((l = (B = n == null ? void 0 : n.graphql) == null ? void 0 : B.productCollection) == null ? void 0 : l.eagerFetchProducts) || !1),
+      query: Pa(((l = (B = n == null ? void 0 : n.graphql) == null ? void 0 : B.productCollection) == null ? void 0 : l.eagerFetchProducts) || !1),
       variables: {
         id: e
       },
@@ -10128,7 +10129,7 @@ class Ii {
     if (!this.customer)
       throw new Error("Customer not authenticated.");
     const e = await P.getShadowGraphqlClient().query({
-      query: Na,
+      query: Ha,
       variables: {
         id: this.customer.id
       },
@@ -10584,7 +10585,7 @@ class Ii {
     return e.type === "integration" ? this.getIntegrationProductById(e.integrationProductId) : this.getIntegrationProductFromExternalIds(e.externalIntegrationId, e.externalProductId);
   }
 }
-class bi {
+class Li {
   getInitializationPromise() {
     return Promise.resolve();
   }
@@ -10709,8 +10710,8 @@ class bi {
   setWorkflowStateSyncEnabled(e) {
   }
 }
-var pi = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(pi || {});
-class fi extends W {
+var fi = /* @__PURE__ */ ((c) => (c.SelectFrame = "SelectFrame", c.SelectImage = "SelectImage", c.Position = "Position", c))(fi || {});
+class Di extends W {
   constructor(e, A) {
     var t;
     super(e, A), this.frameService = (t = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : t.frameService;
@@ -10751,115 +10752,116 @@ class fi extends W {
   }
 }
 export {
-  Ji as ArrayInput,
+  bi as ArrayInput,
   _ as AssetNotFoundError,
-  Oi as AssetType,
-  zi as BringForwardCommand,
-  Ki as BringToBackCommand,
-  ji as BringToFrontCommand,
-  Vi as CanvasCommand,
+  zi as AssetType,
+  Ki as BringForwardCommand,
+  ji as BringToBackCommand,
+  Vi as BringToFrontCommand,
+  Wi as CanvasCommand,
   Oe as CollectionProduct,
-  Wi as CommandContext,
+  Xi as CommandContext,
   cn as ConversionDataType,
   rn as ConversionLocation,
-  Xi as CreateElementCommand,
-  qi as CreateLayoutCommand,
-  Zi as DeleteElementCommand,
+  qi as CreateElementCommand,
+  Zi as CreateLayoutCommand,
+  $i as DeleteElementCommand,
   Qe as FlowExecutionNodeResult,
-  ni as FlowExecutionResult,
-  ti as FlowService,
-  $i as FontAlignmentCommand,
-  _i as FontColorCommand,
-  es as FontSizeCommand,
-  As as FontSourceCommand,
+  ai as FlowExecutionResult,
+  ni as FlowService,
+  _i as FontAlignmentCommand,
+  es as FontColorCommand,
+  As as FontSizeCommand,
+  ts as FontSourceCommand,
   In as FrameService,
-  pi as FrameStep,
-  fi as FrameStepHandle,
+  fi as FrameStep,
+  Di as FrameStepHandle,
   gA as GlobalPropertyHandle,
-  ts as GroupCommand,
+  ns as GroupCommand,
   Zn as IllustrationStepHandle,
   Pe as InformationMessageType,
   aa as InformationStepHandle,
   MA as IntegrationProduct,
   sn as IntegrationType,
-  ns as LayoutElementFactory,
-  as as LayoutElementType,
+  as as LayoutElementFactory,
+  is as LayoutElementType,
   z as LayoutNotFoundError,
   $n as MaterialStepHandle,
   ye as MisconfigurationError,
-  bi as MockWorkflowManager,
+  Li as MockWorkflowManager,
   _n as ModelStepHandle,
-  is as MoveCommand,
+  ss as MoveCommand,
   dt as ObjectInput,
-  ai as ObjectInputType,
+  ii as ObjectInputType,
   Me as OptionNotFoundError,
   oe as ParseError,
   ea as PictureStepHandle,
   on as ProductCameraRig,
-  $a as ProductCollection,
+  _a as ProductCollection,
   Ne as ProductWorkflow,
   ge as PromiseCache,
   XA as PromiseQueue,
   Aa as QuestionStepHandle,
   WA as QueueablePromise,
-  ss as ResizeCommand,
+  os as ResizeCommand,
   ce as ResourceNotFoundError,
-  os as RotateCommand,
-  rs as SendBackwardsCommand,
+  rs as RotateCommand,
+  cs as SendBackwardsCommand,
   ta as ShapeStepHandle,
-  Ii as SpiffCommerceClient,
+  pi as SpiffCommerceClient,
   Ye as StakeholderType,
-  cs as StepAspectType,
+  gs as StepAspectType,
   W as StepHandle,
-  gs as StepType,
-  ls as TextChangeCommand,
-  ki as TextInput,
+  ls as StepType,
+  Bs as TextChangeCommand,
+  Ji as TextInput,
   na as TextStepHandle,
-  ei as Transform,
-  _a as TransformCollection,
+  Ai as Transform,
+  ei as TransformCollection,
   k as UnhandledBehaviorError,
-  Bs as UnitOfMeasurement,
+  ds as UnitOfMeasurement,
   X as Variant,
+  wa as WorkflowExperienceEventType,
   he as WorkflowExperienceImpl,
   O as assetService,
   ga as createDesign,
-  ds as dataUrlFromExternalUrl,
+  ws as dataUrlFromExternalUrl,
   Te as designService,
-  ws as determineCorrectFontSizeAndLines,
+  Es as determineCorrectFontSizeAndLines,
   Dn as digitalContentStepService,
-  Es as findElement,
-  hs as frameDataCache,
+  hs as findElement,
+  Cs as frameDataCache,
   Xe as frameStepService,
-  Cs as generate,
-  Da as generateCommands,
-  Qs as generateSVGWithUnknownColors,
-  vi as generateStateFromDesignInputSteps,
-  us as getAttributesFromArrayBuffer,
-  ms as getAxisAlignedBoundingBox,
+  Qs as generate,
+  Fa as generateCommands,
+  us as generateSVGWithUnknownColors,
+  ki as generateStateFromDesignInputSteps,
+  ms as getAttributesFromArrayBuffer,
+  Is as getAxisAlignedBoundingBox,
   mn as getBoundedOffsets,
-  Is as getFrameData,
-  ps as getSvgElement,
+  ps as getFrameData,
+  fs as getSvgElement,
   ue as getWorkflow,
   wt as getWorkflows,
   P as graphQlManager,
   pe as illustrationStepService,
-  fs as loadFont,
+  Ds as loadFont,
   ZA as materialStepService,
   $A as modelStepService,
   xn as moduleStepService,
   j as optionService,
-  Ds as patternImageDataCache,
+  Fs as patternImageDataCache,
   x as persistenceService,
   _A as pictureStepService,
   et as questionStepService,
-  Fs as registerFetchImplementation,
-  Ms as registerWindowImplementation,
-  ys as rehydrateSerializedLayout,
-  Ys as setCanvasModule,
+  Ms as registerFetchImplementation,
+  ys as registerWindowImplementation,
+  Ys as rehydrateSerializedLayout,
+  Ss as setCanvasModule,
   re as shapeStepService,
   pn as shortenUrl,
   q as spiffCoreConfiguration,
-  Gi as stepAspectValuesToDesignInputSteps,
+  vi as stepAspectValuesToDesignInputSteps,
   K as textStepService,
   Un as toast
 };