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

package/dist/index.js

@@ -1,14 +1,14 @@
 import { createHttpLink as Et, InMemoryCache as ht, ApolloClient as Ct, from as Qt, gql as F } from "@apollo/client/core";
-import { fetch as $A, getAttributesFromArrayBuffer as ye, AssetType as Be, StepType as D, getFrameData as _A, frameDataCache as ut, GroupCommand as G, UpdateFramePattern as Ye, UpdateFrameThresholdSettingsCommand as mt, calculateOffsets as Ae, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Se, svgObjectURL as 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 { fetch as $A, getAttributesFromArrayBuffer as ye, AssetType as Be, StepType as D, getFrameData as _A, frameDataCache as ut, GroupCommand as G, UpdateFramePattern as Ye, UpdateFrameThresholdSettingsCommand as mt, calculateOffsets as Ae, LayoutElementType as v, generate as J, CreateElementCommand as L, generateSVGWithUnknownColors as Se, svgObjectURL as fA, fetchAsString as Z, DeleteElementCommand as $, generateDefaultRectangleFrameSvg as de, GetSVGDimensions as It, patternImageDataCache as we, fetchAsArrayBuffer as pt, findElement as DA, modifySVGWithElementProperties as ft, IllustrationColorCommand as KA, IllustrationCacheCommand as Dt, getFontMetrics as Ft, getPatternImageData as jA, FontAlignmentCommand as Mt, FontColorCommand as yt, FontImageFillCommand as JA, applyTextTransformations as VA, determineCorrectFontSizeAndLines as mA, FontSourceCommand as Ee, loadFont as ee, TextChangeCommand as Yt, FontSizeCommand as St, createElementNS as xt, createElement as BA, _loadFontExternalDataURL as te, UpdateWorkflowStateCommand as he, CommandContext as Pt, createCanvas as FA, getSvgElement as xe, LayoutRenderingPurpose as Pe, renderPapyrusComponentAsString as Ne, loadImage as He, getDomParser as Re, toBase64 as Ce, getVariant as Nt, generateFrameSVG as Ht, getDefaultVariant as HA, domParser as Ue, sanitizeSvgTree as Ge, traverse as Rt, xmlSerializer as ve, CreateLayoutCommand as Ut, AspectType as IA, rehydrateSerializedLayout as AA } from "@spiffcommerce/papyrus";
 import { AssetType as Oi, BringForwardCommand as zi, BringToBackCommand as Ki, BringToFrontCommand as ji, CanvasCommand as Vi, CommandContext as Wi, CreateElementCommand as Xi, CreateLayoutCommand as qi, DeleteElementCommand as Zi, FontAlignmentCommand as $i, FontColorCommand as _i, FontSizeCommand as As, FontSourceCommand as es, GroupCommand as ts, LayoutElementFactory as ns, LayoutElementType as as, MoveCommand as is, ResizeCommand as ss, RotateCommand as os, SendBackwardsCommand as rs, StepAspectType as cs, StepType as gs, TextChangeCommand as ls, UnitOfMeasurement as Bs, dataUrlFromExternalUrl as ds, determineCorrectFontSizeAndLines as ws, findElement as Es, frameDataCache as hs, generate as Cs, generateSVGWithUnknownColors as Qs, getAttributesFromArrayBuffer as us, getAxisAlignedBoundingBox as ms, getFrameData as Is, getSvgElement as ps, loadFont as fs, patternImageDataCache as Ds, registerFetchImplementation as Fs, registerWindowImplementation as Ms, rehydrateSerializedLayout as ys, setCanvasModule as Ys } from "@spiffcommerce/papyrus";
 import { setContext as Gt } from "@apollo/client/link/context";
 import { onError as vt } from "@apollo/client/link/error";
 import { Pith as ke } from "pith";
 import Je from "lodash.debounce";
 import be from "lodash.isequal";
-import HA from "lodash.clonedeep";
+import RA from "lodash.clonedeep";
 import { toString as Le } from "qrcode";
-import { split as VA } from "unicode-default-word-boundary";
+import { split as WA } from "unicode-default-word-boundary";
 import ne from "svg-path-bbox";
 import Qe from "lodash.chunk";
 class Te extends Error {
@@ -46,27 +46,27 @@ class yA extends lA {
     super(`Workflow Misconfiguration: ${A.stepName} - ${e}`), this.step = A;
   }
 }
-class RA extends Te {
+class UA extends Te {
   constructor(A) {
     super(`ImplementationError - ${A}`);
   }
 }
-class k extends RA {
+class k extends UA {
   constructor(A) {
     super(`Unhandled Behavior Encountered: ${A}`);
   }
 }
-class oA extends RA {
+class oA extends UA {
   constructor(A) {
     super(`Parsing Error: ${A}`);
   }
 }
-class U extends RA {
+class U extends UA {
   constructor(A) {
     super(`Client Error: ${A}`);
   }
 }
-class UA extends RA {
+class GA extends UA {
   constructor(A) {
     super(`Resource Generation Failed: ${A}`);
   }
@@ -258,7 +258,7 @@ const P = new Kt(), jt = F`
             value
         }
     }
-`, GA = (c) => F`
+`, vA = (c) => F`
         ${c && jt || ""}
         fragment AssetFields on Asset {
             name
@@ -274,7 +274,7 @@ const P = new Kt(), jt = F`
             ${c && "...AssetMetadataFields" || ""}
         }
     `, Vt = F`
-    ${GA(!1)}
+    ${vA(!1)}
     query GetAssets($keys: [String]!) {
         assets(keys: $keys) {
             ...AssetFields
@@ -445,7 +445,7 @@ class $t {
         g.lengthComputable && t(g.loaded * 100 / g.total);
       }, r.onload = () => {
         const g = i.assetResponse.asset;
-        JA.add(i.assetResponse.asset), s(g);
+        bA.add(i.assetResponse.asset), s(g);
       }, r.onerror = o, r.send(A.blob);
     }), i.assetResponse.asset;
   }
@@ -463,10 +463,10 @@ class $t {
     }
   }
   removePersistedAsset(A) {
-    JA.remove(A);
+    bA.remove(A);
   }
   getPersistedAssets() {
-    return JA.list();
+    return bA.list();
   }
   /**
    * Handles mimeType resolution & asset creation request
@@ -496,7 +496,7 @@ class $t {
   }
 }
 const iA = "persistentAssets";
-class JA {
+class bA {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -605,7 +605,7 @@ const gA = new _t(), Ke = F`
         }
     }
 `, An = F`
-    ${GA(!1)}
+    ${vA(!1)}
     ${ie}
     ${Ke}
     query GetOptions($ids: [String]!) {
@@ -1624,7 +1624,7 @@ const pn = async (c) => {
       }
     })).json()).shortUrl;
   } catch (e) {
-    throw console.error(e), new UA("Failed to shorten URL, see console.");
+    throw console.error(e), new GA("Failed to shorten URL, see console.");
   }
 };
 class qe {
@@ -1698,7 +1698,7 @@ class fn {
       d.searchParams.append("video", btoa(JSON.stringify([B]))), d.pathname = d.pathname + (d.pathname.slice(-1) === "/" ? "" : "/");
       const w = d.toString();
       if (w.length >= 2e3)
-        throw new UA("Cannot create QR code, URL too long.");
+        throw new GA("Cannot create QR code, URL too long.");
       const h = await pn(w);
       if (s(h), !i.data || !i.data.regions)
         throw new yA(i, "Missing regions.");
@@ -1852,7 +1852,7 @@ class Fn {
           });
         },
         () => {
-          throw new UA("Failed to resolve transcoded PDF");
+          throw new GA("Failed to resolve transcoded PDF");
         }
       )
     ) : this.loadPatternFromAsset(e, A, t);
@@ -2002,7 +2002,7 @@ class Fn {
     }), t.markUpdateCompleted(a);
   }
 }
-const WA = new Fn();
+const XA = new Fn();
 class Mn {
   async getIllustrationBody(A) {
     return new Promise((e) => {
@@ -2107,7 +2107,7 @@ class Mn {
     const s = ft(A, e, t, i), o = await fA(s), r = [];
     for (const B of n) {
       for (const [l, d] of a.entries())
-        r.push(new zA(B, l, d));
+        r.push(new KA(B, l, d));
       r.push(new Dt(B, s, o));
     }
     return new G(r);
@@ -2478,7 +2478,7 @@ class Sn {
     }
     if (!/^$|^[a-zA-Z0-9 ]+$/.test(e))
       return n("Unsupported characters."), !1;
-    const a = VA(e.toLowerCase());
+    const a = WA(e.toLowerCase());
     for (const i of a)
       for (const s in t) {
         const o = t[s].toLowerCase().replace(/\s/g, "");
@@ -2659,7 +2659,7 @@ class Hn {
       const o = s.region;
       if (!n.find((g) => g.panelId === (o == null ? void 0 : o.panelId)))
         throw new z(o);
-      return new zA(s.id, this.shapeFillId, A);
+      return new KA(s.id, this.shapeFillId, A);
     }).filter((s) => !!s);
     t.getCommandDispatcher()(new G(i)), t.updateStorage(e.stepName, { colour: A });
   }
@@ -2731,7 +2731,7 @@ class Hn {
         if (!a.find((h) => h.panelId === (l == null ? void 0 : l.panelId)))
           throw new z(l);
         const w = s();
-        return new zA(B.id, this.shapeFillId, w);
+        return new KA(B.id, this.shapeFillId, w);
       }, g = t.map(r).filter((B) => !!B);
       return {
         command: new G(g),
@@ -2835,7 +2835,7 @@ class Rn {
     );
   }
 }
-const Un = new Rn(), bA = 30;
+const Un = new Rn(), LA = 30;
 class SA extends Error {
   constructor(A) {
     super(A), Object.setPrototypeOf(this, new.target.prototype), this.name = SA.name;
@@ -2867,7 +2867,7 @@ class vn {
     }, this.textAlign = (A) => A.vertical ? "center" : A.textAlign || "center", this.getErrorsForText = (A, e, t) => {
       const n = [];
       e.data && e.data.maxLength && A.length > e.data.maxLength && n.push({ localizationKey: "workflow.steps.text.characterLimit" });
-      const a = t.getProfanities(), i = VA(A.toLowerCase());
+      const a = t.getProfanities(), i = WA(A.toLowerCase());
       for (const o of i)
         for (const r in a) {
           const g = a[r].toLowerCase().replace(/\s/g, "");
@@ -2888,7 +2888,7 @@ class vn {
     if (t)
       await this.reload(A, e, t);
     else {
-      const o = this.getDefaultImageFillVariant(A.data), r = (a = o == null ? void 0 : o.asset) == null ? void 0 : a.fileLink, g = r ? await KA(r) : void 0, B = g ? {
+      const o = this.getDefaultImageFillVariant(A.data), r = (a = o == null ? void 0 : o.asset) == null ? void 0 : a.fileLink, g = r ? await jA(r) : void 0, B = g ? {
         src: g.src,
         height: g.height,
         width: g.width,
@@ -2983,7 +2983,7 @@ class vn {
       })) == null ? void 0 : n.filter((i) => !!i)) || [];
       return Promise.all(
         a.map(async (i) => {
-          const s = await KA(i);
+          const s = await jA(i);
           return {
             src: i,
             width: s.width,
@@ -3007,13 +3007,13 @@ class vn {
       fillImage: e
     });
     for (const r of t) {
-      const g = new kA(r.id, e);
+      const g = new JA(r.id, e);
       a(g);
     }
   }
   getProcessedInput(A, e, t) {
     const n = t ? A : this.injectReplaceableText(A, e);
-    return jA(n, {
+    return VA(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -3141,12 +3141,12 @@ class vn {
     if (n.length > 0) {
       const l = n.map((h) => new Ee(h.id, g));
       if (o) {
-        const h = n.map((E) => new kA(E.id, o));
+        const h = n.map((E) => new JA(E.id, o));
         l.push(...h);
       }
       const d = await this.changeInputTextWithRegion(
         A,
-        A.data.size || bA,
+        A.data.size || LA,
         g,
         t.text || "",
         t,
@@ -3171,7 +3171,7 @@ class vn {
         a
       ), d = await this.changeInputTextWithRegion(
         A,
-        A.data.size || bA,
+        A.data.size || LA,
         g,
         ((B = l[0]) == null ? void 0 : B.newElement.input) || t.text || A.data.defaultText || "",
         t,
@@ -3182,7 +3182,7 @@ class vn {
       ), w = l.flatMap((E) => E.commands);
       if (o) {
         const E = l.map(
-          (Q) => new kA(Q.regionElement.id, o)
+          (Q) => new JA(Q.regionElement.id, o)
         );
         w.push(...E);
       }
@@ -3227,7 +3227,7 @@ class vn {
           stepName: A,
           align: this.textAlign(t),
           fill: a.color ? a.color : f,
-          fontSize: t.size || bA,
+          fontSize: t.size || LA,
           fontData: n,
           id: w,
           layer: B.layer,
@@ -3322,7 +3322,7 @@ class vn {
     const Q = (() => {
       if (A.data && A.data.maxLength && l.length > A.data.maxLength)
         return g && g(!0), { info: "0" };
-      const u = i.getProfanities(), m = VA(l.toLowerCase());
+      const u = i.getProfanities(), m = WA(l.toLowerCase());
       for (const I of m)
         for (const p in u) {
           const M = u[p].toLowerCase().replace(/\s/g, "");
@@ -5254,7 +5254,7 @@ class qn {
     const A = this.getCommandContext().getState();
     if (!A)
       throw new k("Attempted to serialize state before it was initialized.");
-    return { transaction: JSON.stringify(this.dehydrateState(HA(A.transaction))) };
+    return { transaction: JSON.stringify(this.dehydrateState(RA(A.transaction))) };
   }
   dehydrateState(A) {
     for (const e of Object.values(A.layouts).map((t) => t.elements).flat())
@@ -5404,7 +5404,7 @@ class qn {
               r.connectWorkflowManager(this, o.stepName), this.stepSpecificServices[o.stepName] = {
                 frameService: r
               }, t.push(
-                WA.init(o, this, this.reloadedState)
+                XA.init(o, this, this.reloadedState)
               );
             }
             break;
@@ -5593,7 +5593,7 @@ class X {
     return this.variantData.enabled;
   }
 }
-const st = class XA {
+const st = class qA {
   constructor(A, e) {
     this.manager = A, this.step = e;
   }
@@ -5603,13 +5603,13 @@ const st = class XA {
    * @param value The new value
    */
   setUpdateState(A) {
-    XA.updateState.set(this.step.stepName, A);
+    qA.updateState.set(this.step.stepName, A);
   }
   /**
    * @returns Gets the current update state of this step. All step handles for this step will see this value.
    */
   getUpdateState() {
-    return !!XA.updateState.get(this.step.stepName);
+    return !!qA.updateState.get(this.step.stepName);
   }
   /**
    * Gets the currently selected variant, or undefined if no variant is selected.
@@ -6172,7 +6172,7 @@ const ot = F`
       }))
     }
   })).data) == null ? void 0 : e.designCreateMany;
-}, qA = (c, A, e) => {
+}, ZA = (c, A, e) => {
   const t = (a) => {
     const i = {};
     if (a.type === "Frame") {
@@ -6212,7 +6212,7 @@ const ot = F`
   const n = {};
   let a;
   if (e) {
-    a = qA(e, A, !1);
+    a = ZA(e, A, !1);
     for (const i of Object.keys(a))
       n[i] = {
         value: a[i],
@@ -6283,7 +6283,7 @@ const ot = F`
       N.errors && console.log("Server Error:", b.message);
     }), null) : H ?? null;
   })() || (console.warn("State mismatch detected. Uploading known state explicitly"), console.warn("State Object:", JSON.stringify(t())), await c.updateStateWithServerImmediate(t), console.log("Server state is undefined @ Workflow completion"));
-  const l = c.getPreviewService(), d = (M = A == null ? void 0 : A.finalizeStepConfig) == null ? void 0 : M.lookAtAnimation, w = l && A.showModelOnFinishStep && !!d, h = o && qA(o, A, !0), E = o && qA(o, A, !1), Q = async (y) => {
+  const l = c.getPreviewService(), d = (M = A == null ? void 0 : A.finalizeStepConfig) == null ? void 0 : M.lookAtAnimation, w = l && A.showModelOnFinishStep && !!d, h = o && ZA(o, A, !0), E = o && ZA(o, A, !1), Q = async (y) => {
     const S = {};
     let Y = 0;
     if (Object.keys(a).length > 0)
@@ -6292,12 +6292,12 @@ const ot = F`
         for (let b = 0; b < H.selections.length; ++b) {
           const V = H.selections[b];
           if (T && (!y || T.option && (T.option.variants || []).length > 1 && !T.data.hideSelectionInCart && !T.data.hideSelectionsInCart)) {
-            const vA = T.stepTitle;
-            S[vA] ? S[vA].push({
+            const kA = T.stepTitle;
+            S[kA] ? S[kA].push({
               id: V.id || "",
               name: V.name,
               priceModifier: V.priceModifier
-            }) : S[vA] = [
+            }) : S[kA] = [
               {
                 id: V.id || "",
                 name: V.name,
@@ -6497,7 +6497,7 @@ class Ba {
     throw new k("Unexpected storage method requested");
   }
 }
-const LA = new Ba(), da = F`
+const TA = new Ba(), da = F`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -6516,7 +6516,7 @@ class hA {
   constructor(A, e) {
     var n;
     if (this.renderableScenes = [], this.renderableSceneCallbacks = [], this.debouncedSavedDesignUpdate = Je(async () => {
-      await LA.getSavedDesignByTransaction(
+      await TA.getSavedDesignByTransaction(
         this.getWorkflowManager().getTransaction().id
       ) && this.save();
     }, 2500), this.getCanvasObjectURLAsync = async (a) => new Promise((i, s) => {
@@ -6606,7 +6606,7 @@ class hA {
       height: g.layoutState.layout.height
     }, l = this.commandContext.getLayoutById(g.layoutState.layout.id), d = i.getContext("2d");
     if (!d)
-      throw new UA("Failed to obtain 2D context for preview image creation");
+      throw new GA("Failed to obtain 2D context for preview image creation");
     const w = xe(l.layoutState.layout, l.layoutState.elements, {
       renderingConfiguration: {
         purpose: Pe.Print,
@@ -6742,7 +6742,7 @@ class hA {
         var o;
         if (A)
           return A;
-        const a = this.getWorkflowManager().getTransaction().id, s = (o = (await LA.getSavedDesigns()).find((r) => r.transactionId === a)) == null ? void 0 : o.title;
+        const a = this.getWorkflowManager().getTransaction().id, s = (o = (await TA.getSavedDesigns()).find((r) => r.transactionId === a)) == null ? void 0 : o.title;
         return s || "My design";
       })(),
       thumbnail: await this.createPreviewImage(!1, 256),
@@ -6753,11 +6753,11 @@ class hA {
       workflowId: this.getWorkflowManager().getWorkflow().id,
       lastEdited: /* @__PURE__ */ new Date()
     };
-    return await LA.addDesign(n), n;
+    return await TA.addDesign(n), n;
   }
   async copy() {
     var s;
-    const A = HA(this.getCommandContext().getState());
+    const A = RA(this.getCommandContext().getState());
     if (!A)
       throw new k("Internal state is undefined! Cannot copy experience!");
     const e = JSON.stringify(A.transaction), t = this.getWorkflowManager().getWorkflow(), n = new Ii({}), a = (s = this.getWorkflowManager().getTransaction().integrationProduct) == null ? void 0 : s.id;
@@ -6847,7 +6847,7 @@ const wa = [
     return console.error(d), [];
   }
 }, ha = async (c, A, e, t) => {
-  const n = e.data, a = n.assetUrl, i = await KA(a);
+  const n = e.data, a = n.assetUrl, i = await jA(a);
   try {
     const s = Nt(n, t.option);
     s && (A[t.stepName] = { selectedVariants: [s] });
@@ -6904,7 +6904,7 @@ const wa = [
   const n = e.data, a = t.option;
   if (!a)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const i = ((m = a.variants) == null ? void 0 : m.find((p) => p.id === n.illustrationVariantId)) || NA(a);
+  const i = ((m = a.variants) == null ? void 0 : m.find((p) => p.id === n.illustrationVariantId)) || HA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.illustrationVariantId}`), [];
   if (!i.asset)
@@ -7003,7 +7003,7 @@ const wa = [
   const n = e.data, a = t.option;
   if (!a)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const i = ((g = a.variants) == null ? void 0 : g.find((l) => l.id === n.pictureVariantId)) || NA(a);
+  const i = ((g = a.variants) == null ? void 0 : g.find((l) => l.id === n.pictureVariantId)) || HA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.pictureVariantId}`), [];
   if (!i.asset)
@@ -7045,7 +7045,7 @@ const wa = [
   const n = e.data, a = t.option;
   if (!a)
     return console.error(`No option for step ${t.stepName}.`), [];
-  const i = ((r = a.variants) == null ? void 0 : r.find((g) => g.id === n.colorVariantId)) || NA(a);
+  const i = ((r = a.variants) == null ? void 0 : r.find((g) => g.id === n.colorVariantId)) || HA(a);
   if (!i)
     return console.error(`No variant with ID: ${n.colorVariantId}`), [];
   A[t.stepName] = { selectedVariants: [i] };
@@ -7170,7 +7170,7 @@ const wa = [
     const E = t.option;
     if (!E)
       return;
-    const Q = ((f = E.variants) == null ? void 0 : f.find((u) => u.id === a.fontVariantId)) || NA(E);
+    const Q = ((f = E.variants) == null ? void 0 : f.find((u) => u.id === a.fontVariantId)) || HA(E);
     if (!Q || !Q.asset)
       return;
     A[t.stepName] = { selectedVariants: [Q] };
@@ -7186,7 +7186,7 @@ const wa = [
       assetUrl: E,
       name: Q.names.fullName.en
     };
-  })(), B = (t.data.replaceableText ? t.data.replaceableText.replace("{{}}", a.text) : a.text) || "", l = jA(B, {
+  })(), B = (t.data.replaceableText ? t.data.replaceableText.replace("{{}}", a.text) : a.text) || "", l = VA(B, {
     vertical: t.data.vertical,
     uppercase: t.data.uppercase
   }), d = async (E) => {
@@ -7227,7 +7227,7 @@ const wa = [
         g,
         E,
         [
-          jA(l, {
+          VA(l, {
             vertical: t.data.vertical,
             uppercase: t.data.uppercase
           })
@@ -7386,7 +7386,7 @@ class ya {
    * Actions to perform when a static render event is fired for this canvas.
    */
   async render(A, e, t) {
-    const n = HA(e);
+    const n = RA(e);
     this.lastRequestedRenderArguments = {
       workflow: A,
       layouts: n,
@@ -8079,7 +8079,7 @@ class qa {
   async setAspect(A, e) {
     if (!this.globalPropertyState)
       throw new Error("Global property state not initialized");
-    const t = HA(this.globalPropertyState), n = this.globalPropertyState.aspects.find((a) => a.name === A);
+    const t = RA(this.globalPropertyState), n = this.globalPropertyState.aspects.find((a) => a.name === A);
     n ? n.value = e : this.globalPropertyState.aspects.push({ name: A, value: e }), await this.updateGlobalPropertyState(), await this.onGlobalPropertyStateChange(t, this.globalPropertyState);
   }
   async updateGlobalPropertyState() {
@@ -8235,14 +8235,14 @@ class $a {
   getProducts() {
     if (!this.collection.productCollectionProducts)
       throw new Error("Failed to find products on collection. Ensure you fetch them first!");
-    return this.collection.productCollectionProducts.map((A) => new TA(A));
+    return this.collection.productCollectionProducts.map((A) => new OA(A));
   }
   /**
    * A list of products in this collections with useful helpers for interacting with them.
    */
   async fetchProducts() {
     if (this.collection.productCollectionProducts)
-      return this.collection.productCollectionProducts.map((e) => new TA(e));
+      return this.collection.productCollectionProducts.map((e) => new OA(e));
     const A = await P.getShadowGraphqlClient().query({
       query: Ha,
       variables: {
@@ -8251,7 +8251,7 @@ class $a {
       errorPolicy: "all",
       fetchPolicy: "no-cache"
     });
-    return this.collection.productCollectionProducts = A.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.map((e) => new TA(e));
+    return this.collection.productCollectionProducts = A.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.map((e) => new OA(e));
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
@@ -8264,7 +8264,7 @@ class $a {
     return this.collection;
   }
 }
-class TA {
+class OA {
   constructor(A) {
     this.product = A.product, this.productResource = A;
   }
@@ -8312,10 +8312,10 @@ class TA {
     if (e) {
       const n = A.find((a) => a.workflowName === e);
       if (n)
-        return new ZA(n);
+        return new NA(n);
     }
     const t = A[0];
-    return new ZA(t);
+    return new NA(t);
   }
   /**
    * A list of all integrations this product is connected to.
@@ -8362,7 +8362,7 @@ class TA {
     ), (s = t == null ? void 0 : t.additionalIntegrationProduct) != null && s.product ? e + (t.additionalIntegrationProduct.product.basePrice || 0) : e;
   }
 }
-class ZA {
+class NA {
   constructor(A) {
     this.workflow = A;
   }
@@ -8443,7 +8443,7 @@ class Fe {
       this.id,
       this.ownerId,
       this.checkConditionalHandlesChanged.bind(this)
-    ), this.globalPropertyHandleService = new Oa(this), this.setPreviewService(t), this.initializationPromise = this.loadExistingBundles(
+    ), this.globalPropertyHandleService = new Oa(this), this.setPreviewService(t), this.initializationPromise = this.loadExistingWorkflowExperiences(
       ((s = e.transactions) == null ? void 0 : s.map((o) => o.id)) || [],
       n
     );
@@ -8785,7 +8785,7 @@ class Fe {
       await e;
     }
   }
-  async loadExistingBundles(A, e) {
+  async loadExistingWorkflowExperiences(A, e) {
     if (A.length === 0)
       return;
     const t = await this.client.getWorkflowExperiences(
@@ -9059,7 +9059,17 @@ class Me {
       throw new Error(
         "No workflows found on product. This is generally due to a configuration error. Please confirm at least one workflow is configured for this product."
       );
-    return new ZA(A[0]);
+    return new NA(A[0]);
+  }
+  getAllWorkflows() {
+    if (!this.integrationProduct.product)
+      throw new Error("IntegrationProductResource does not have a product");
+    const A = this.integrationProduct.product.workflows || [];
+    if (A.length === 0)
+      throw new Error(
+        "No workflows found on product. This is generally due to a configuration error. Please confirm at least one workflow is configured for this product."
+      );
+    return A.sort((e, t) => (e.index ?? 0) - (t.index ?? 0)).map((e) => new NA(e));
   }
 }
 const ii = F`
@@ -9183,7 +9193,7 @@ const ii = F`
         name
     }
 `, ci = (c) => F`
-        ${GA(c)}
+        ${vA(c)}
         ${ie}
         ${Ke}
         ${ii}
@@ -9603,7 +9613,7 @@ const ii = F`
         }
     }
 `, Bi = F`
-    ${GA(!1)}
+    ${vA(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
             id
@@ -9765,7 +9775,7 @@ const ii = F`
   previewRegion: A.previewRegion,
   useEditableArea: A.useEditableArea,
   editableArea: A.editableArea
-})), OA = (c, A) => {
+})), zA = (c, A) => {
   const e = c.workflowState, t = e ? JSON.parse(e) : void 0;
   return t ? Object.values(t.layouts).map((n) => n.layout) : mi(A.panels);
 };
@@ -10168,7 +10178,7 @@ class Ii {
       const E = JSON.parse(n.workflowState);
       r.layouts = Object.values(E.layouts).map((Q) => Q.layout), await AA(E), await eA(E), r.reloadedState = E;
     } else
-      r.layouts = OA(
+      r.layouts = zA(
         r.transaction,
         r.workflow
       );
@@ -10280,7 +10290,7 @@ class Ii {
         const b = JSON.parse(Y.workflowState);
         H.layouts = Object.values(b.layouts).map((V) => V.layout), await AA(b), await eA(b), H.reloadedState = b;
       } else
-        H.layouts = OA(
+        H.layouts = zA(
           H.transaction,
           H.workflow
         );
@@ -10447,7 +10457,7 @@ class Ii {
         const d = JSON.parse(e);
         this.experienceOptions.layouts = Object.values(d.layouts).map((w) => w.layout), await AA(d), await eA(d), this.experienceOptions.reloadedState = d;
       } else
-        this.experienceOptions.layouts = OA(
+        this.experienceOptions.layouts = zA(
           this.experienceOptions.transaction,
           this.experienceOptions.workflow
         );
@@ -10656,7 +10666,7 @@ class fi extends W {
   }
   selectVariant(A) {
     const e = this.manager.getRegionElements(this.step.stepName);
-    return WA.selectVariant(
+    return XA.selectVariant(
       this.step,
       A.getResource(),
       e,
@@ -10670,7 +10680,7 @@ class fi extends W {
     });
   }
   selectImage(A) {
-    return WA.selectImage(this.step, A, this.manager);
+    return XA.selectImage(this.step, A, this.manager);
   }
   getImageData() {
     if (this.frameService)
@@ -10697,7 +10707,7 @@ export {
   Ki as BringToBackCommand,
   ji as BringToFrontCommand,
   Vi as CanvasCommand,
-  TA as CollectionProduct,
+  OA as CollectionProduct,
   Wi as CommandContext,
   cn as ConversionDataType,
   rn as ConversionLocation,
@@ -10736,7 +10746,7 @@ export {
   Aa as PictureStepHandle,
   on as ProductCameraRig,
   $a as ProductCollection,
-  ZA as ProductWorkflow,
+  NA as ProductWorkflow,
   gA as PromiseCache,
   Xe as PromiseQueue,
   ea as QuestionStepHandle,
@@ -10763,12 +10773,12 @@ export {
   O as assetService,
   ga as createDesign,
   ds as dataUrlFromExternalUrl,
-  LA as designService,
+  TA as designService,
   ws as determineCorrectFontSizeAndLines,
   Dn as digitalContentStepService,
   Es as findElement,
   hs as frameDataCache,
-  WA as frameStepService,
+  XA as frameStepService,
   Cs as generate,
   Da as generateCommands,
   Qs as generateSVGWithUnknownColors,