@spiffcommerce/core 26.22.1 → 26.23.0-beta.bb34beac-e663-5dca-b95b-caf892d90f8d

package/dist/index.mjs

@@ -1,31 +1,31 @@
-import { createHttpLink as er, ApolloClient as ar, from as nr, InMemoryCache as rr, gql as y } from "@apollo/client/core";
-import { setContext as ir } from "@apollo/client/link/context";
-import { onError as sr } from "@apollo/client/link/error";
-import { renderToStaticMarkup as or } from "preact-render-to-string";
+import { createHttpLink as ar, ApolloClient as nr, from as rr, InMemoryCache as ir, gql as y } from "@apollo/client/core";
+import { setContext as sr } from "@apollo/client/link/context";
+import { onError as or } from "@apollo/client/link/error";
+import { renderToStaticMarkup as an } from "preact-render-to-string";
 import { removeTypenameFromVariables as lr } from "@apollo/client/link/remove-typename";
 import { orientation as cr } from "exifr/dist/mini.umd.cjs";
-import { parse as an } from "css";
+import { parse as nn } from "css";
 import dr from "fuse.js";
 import { Pith as ca } from "pith";
 import Pt from "lodash.clonedeep";
-import { toString as nn } from "qrcode";
+import { toString as rn } from "qrcode";
 import Ar from "svg-path-bbox";
 import { parse as Je } from "opentype.js";
 import { jsx as F, jsxs as lt, Fragment as Vt } from "preact/jsx-runtime";
 import { dataUriToBuffer as ur } from "data-uri-to-buffer";
 import Da from "lodash.chunk";
-import rn from "lodash.isequal";
+import sn from "lodash.isequal";
 import { split as Ke } from "unicode-default-word-boundary";
-import sn from "lodash.debounce";
+import on from "lodash.debounce";
 import "fs";
 import "path";
 var he = /* @__PURE__ */ ((r) => (r.Data = "Data", r.Font = "Font", r.Frame = "Frame", r.Illustration = "Illustration", r.Image = "Image", r.Model = "Model", r.Material = "Material", r.Color = "Color", r.QuestionnaireCollateral = "QuestionnaireCollateral", r.RequestCollateral = "RequestCollateral", r.SignupCollateral = "SignupCollateral", r.Video = "Video", r.ColorProfile = "ColorProfile", r.Environment = "Environment", r))(he || {}), et = /* @__PURE__ */ ((r) => (r.FileUpload = "FileUpload", r.Option = "Option", r.ColorOption = "ColorOption", r.Text = "Text", r))(et || {}), D = /* @__PURE__ */ ((r) => (r.Information = "Information", r.Bulk = "Bulk", r.DigitalContent = "DigitalContent", r.Finish = "Finish", r.Frame = "Frame", r.Illustration = "Illustration", r.Introduction = "Introduction", r.Material = "Material", r.Model = "Model", r.Module = "Module", r.Picture = "Picture", r.Photo = "Photo", r.ProductOverlay = "ProductOverlay", r.Question = "Question", r.Shape = "Shape", r.SilentIllustration = "SilentIllustration", r.Text = "Text", r))(D || {}), hr = /* @__PURE__ */ ((r) => (r.Color = "Color", r.Colors = "Colors", r.Selection = "Selection", r.Selections = "Selections", r.Text = "Text", r.Upload = "Upload", r))(hr || {}), Gt = /* @__PURE__ */ ((r) => (r.ThreeD = "ThreeD", r.FreeDesign = "FreeDesign", r.Print = "Print", r))(Gt || {}), T = /* @__PURE__ */ ((r) => (r.Frame = "frame", r.Group = "group", r.Image = "image", r.Pattern = "pattern", r.Illustration = "illustration", r.Textbox = "textbox", r))(T || {}), mr = /* @__PURE__ */ ((r) => (r.Default = "Default", r.FirstTransaction = "FirstTransaction", r.OneToOne = "OneToOne", r))(mr || {}), gr = /* @__PURE__ */ ((r) => (r.Hyperlink = "Hyperlink", r.Edit = "Edit", r.Approve = "Approve", r))(gr || {}), fr = /* @__PURE__ */ ((r) => (r.Hub = "Hub", r.Shopify = "Shopify", r))(fr || {}), da = /* @__PURE__ */ ((r) => (r.BackgroundRemover = "BackgroundRemover", r.ConversionAccelerator = "Conversion Accelerator", r.ProcessBuilder = "ProcessBuilder", r))(da || {}), pr = /* @__PURE__ */ ((r) => (r[r.Orbit = 0] = "Orbit", r[r.Pan = 1] = "Pan", r))(pr || {}), me = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(me || {}), kt = /* @__PURE__ */ ((r) => (r.Autosize = "Autosize", r.Traditional = "Traditional", r))(kt || {}), H = /* @__PURE__ */ ((r) => (r[r.North = 0] = "North", r[r.Northeast = 1] = "Northeast", r[r.East = 2] = "East", r[r.Southeast = 3] = "Southeast", r[r.South = 4] = "South", r[r.Southwest = 5] = "Southwest", r[r.West = 6] = "West", r[r.Northwest = 7] = "Northwest", r))(H || {}), Cr = /* @__PURE__ */ ((r) => (r.Pixel = "px", r.Millimeter = "mm", r.Centimeter = "cm", r))(Cr || {});
-class on extends Error {
+class ln extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
   }
 }
-class Yt extends on {
+class Yt extends ln {
   constructor(t) {
     super(`ConfigurationError - ${t}`);
   }
@@ -55,7 +55,7 @@ class fe extends Yt {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class Ee extends on {
+class Ee extends ln {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
@@ -179,14 +179,14 @@ function ct(r, t) {
   }
   return Xe(r, t);
 }
-const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), cn = async (r) => {
+const cn = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), dn = async (r) => {
   const t = xa.get(r);
   if (t)
     return t;
   const a = (async () => {
     var i;
     const n = await ct(r);
-    return ln.set(r, ((i = n.headers) == null ? void 0 : i.get("content-type")) || ""), await n.arrayBuffer();
+    return cn.set(r, ((i = n.headers) == null ? void 0 : i.get("content-type")) || ""), await n.arrayBuffer();
   })();
   return xa.set(r, a), a;
 }, vr = async (r) => {
@@ -206,7 +206,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
   const r = Jt();
   return new r.DOMParser();
 }, Br = () => Mt([typeof DOMParser]) ? DOMParser : Jt().DOMParser, be = (r, t) => new Promise((e, a) => {
-  t ? cn(r).then(e).catch(a) : ct(r).then((n) => {
+  t ? dn(r).then(e).catch(a) : ct(r).then((n) => {
     n.arrayBuffer().then(e).catch(a);
   }).catch((n) => {
     a(n);
@@ -215,7 +215,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
   t ? vr(r).then(e).catch(a) : ct(r).then((n) => {
     n.text().then(e).catch(a);
   }).catch(a);
-}), dn = (r) => or(r), Qe = /* @__PURE__ */ new Map(), br = async (r, t) => {
+}), An = (r) => an(r), Qe = /* @__PURE__ */ new Map(), br = async (r, t) => {
   if (Mt([typeof FontFace])) {
     if (Qe.has(t))
       return Qe.get(t);
@@ -257,7 +257,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
   const e = t();
   return e || "image/svg+xml";
 }, tc = async (r) => {
-  const t = await cn(r), e = ln.get(r) || Kt(t);
+  const t = await dn(r), e = cn.get(r) || Kt(t);
   return await Pr(new Blob([t], { type: e }));
 }, Ir = (r) => {
   let t = "";
@@ -268,7 +268,7 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
 }, Dr = async (r) => {
   const t = Kt(r), e = new Uint8Array(r), a = Ir(e), n = btoa(a);
   return `data:${t};base64,${n}`;
-}, Aa = (r) => `data:image/svg+xml;base64,${btoa(r)}`, An = (r) => {
+}, Aa = (r) => `data:image/svg+xml;base64,${btoa(r)}`, un = (r) => {
   const t = r.replace(/\r?\n/g, ""), e = t.indexOf(",");
   if (e === -1 || e <= 4)
     throw new TypeError("malformed data: URI");
@@ -287,17 +287,17 @@ const ln = /* @__PURE__ */ new Map(), xa = /* @__PURE__ */ new Map(), Fa = /* @_
     !i || !i.result ? e() : t(i.result.toString());
   }, a.readAsDataURL(r);
 });
-let un;
+let hn;
 const Ma = (r) => {
-  un = r;
+  hn = r;
 };
 let ua;
 const xr = (r) => {
   ua = r;
 }, Fr = () => ua;
-let hn;
+let mn;
 const kr = (r) => {
-  hn = r;
+  mn = r;
 }, Mr = () => new Promise((r) => {
   const t = wt.getHubUrl(), e = (a) => {
     a.origin === t && (window.removeEventListener("message", e), r(a.data));
@@ -306,8 +306,8 @@ const kr = (r) => {
 }), Tr = async () => {
   const r = {
     applicationKey: ua,
-    customerToken: un,
-    bearer: hn
+    customerToken: hn,
+    bearer: mn
   };
   return typeof window < "u" && (window.location.href.includes("/workflows/product/") || window.location.href.includes("hub=true")) ? { ...await Mr(), ...r } : r;
 };
@@ -321,10 +321,10 @@ class Qr {
     return this.shadowGraphqlClient;
   }
   constructShadowGraphqlClient() {
-    const t = er({
+    const t = ar({
       uri: `${wt.getServerUrl()}/graphql`,
       fetch: ct
-    }), e = ir(async (i, s) => {
+    }), e = sr(async (i, s) => {
       const { headers: o } = s, l = o || {}, c = await Tr(), d = s.bearer ?? c.bearer, A = s.partnerId ?? c.partnerId, u = s.activeIntegration ?? c.activeIntegration, h = s.transactionOwnerId, m = s.customerToken ?? c.customerToken, g = s.applicationKey ?? c.applicationKey, f = s.bundleOwnerId;
       try {
         if (window && window.__SENTRY__) {
@@ -341,13 +341,13 @@ class Qr {
       return d && (l.Authorization = `Bearer ${d}`), A && (l.partnerId = A), u && (l.activeIntegration = u), h && (l.transactionOwnerId = h), m && (l.customerToken = m), g && (l["X-Application-Key"] = g), f && (l.bundleOwnerId = f), {
         headers: l
       };
-    }), a = sr(({ operation: i, graphQLErrors: s, networkError: o }) => {
+    }), a = or(({ operation: i, graphQLErrors: s, networkError: o }) => {
       const l = s || [];
       o && console.log("GraphQL Network error"), l.forEach(() => console.log("GraphQL Error: " + i.operationName));
     }), n = lr();
-    return new ar({
-      link: nr([n, a, e, t]),
-      cache: new rr(),
+    return new nr({
+      link: rr([n, a, e, t]),
+      cache: new ir(),
       name: "Core"
     });
   }
@@ -358,8 +358,8 @@ const mt = (r, t, e) => {
   if (Ze !== void 0)
     return Ze(r, t, e);
   try {
-    const a = gn(!0);
-    return mn(a), a.createCanvas(r, t, e);
+    const a = fn(!0);
+    return gn(a), a.createCanvas(r, t, e);
   } catch {
     throw new Error("Canvas module not set");
   }
@@ -367,16 +367,16 @@ const mt = (r, t, e) => {
   if (ta !== void 0)
     return ta(r, t);
   try {
-    const e = gn(!0);
-    return mn(e), e.loadImage(r, t);
+    const e = fn(!0);
+    return gn(e), e.loadImage(r, t);
   } catch {
     throw new Error("Canvas module not set");
   }
 };
-function mn(r) {
+function gn(r) {
   Ze = r == null ? void 0 : r.createCanvas, ta = r == null ? void 0 : r.loadImage;
 }
-function gn(r) {
+function fn(r) {
   try {
     if (document.createElement("canvas").getContext("2d"))
       return {
@@ -3192,9 +3192,9 @@ function Ta(r) {
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
 const ne = (r) => {
-  const t = fn(r.spotColor);
+  const t = pn(r.spotColor);
   return t ? `${r.browserValue} ${t}` : r.browserValue;
-}, fn = (r) => {
+}, pn = (r) => {
   if (!r)
     return "";
   if (r.profileName.includes("/") && r.profileName.includes(".icc")) {
@@ -3247,7 +3247,7 @@ const ne = (r) => {
     }
     if (a.tagName === "style") {
       try {
-        (i = an(a.innerHTML).stylesheet) == null || i.rules.forEach((c) => {
+        (i = nn(a.innerHTML).stylesheet) == null || i.rules.forEach((c) => {
           e.push(c);
         }), a.remove();
       } catch (l) {
@@ -3282,9 +3282,9 @@ const ne = (r) => {
   if (!e)
     throw new Error("viewBox not specified on SVG!");
   a && r.setAttribute("width", a.replace(t, "")), n && r.setAttribute("height", n.replace(t, ""));
-}, pn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, qr = (r, t, e) => {
+}, Cn = (r) => dt().parseFromString(r, "image/svg+xml").firstElementChild, qr = (r, t, e) => {
   r.setAttribute("height", `${e}px`), r.setAttribute("width", `${t}px`);
-}, Cn = (r, t, e) => {
+}, wn = (r, t, e) => {
   Ft(r, (a) => {
     const n = a.attributes.getNamedItem("fill");
     n && n.value !== "none" && a.classList.forEach((s) => {
@@ -3323,16 +3323,16 @@ const ne = (r) => {
       }
     });
   });
-}, wn = (r) => Et().serializeToString(r), ga = (r, t, e, a, n) => {
-  const i = pn(r);
+}, yn = (r) => Et().serializeToString(r), ga = (r, t, e, a, n) => {
+  const i = Cn(r);
   if (!i)
     throw new Error("Failed to read SVG.");
-  return qr(i, t, e), Cn(i, a, n), wn(i);
+  return qr(i, t, e), wn(i, a, n), yn(i);
 }, fa = (r, t, e) => {
-  const a = pn(r);
+  const a = Cn(r);
   if (!a)
     throw new Error("Failed to read SVG.");
-  return Cn(a, t, e), wn(a);
+  return wn(a, t, e), yn(a);
 }, Yr = (r) => {
   const t = /<svg.*<\/svg>/s, e = r.match(t) || [], a = (e == null ? void 0 : e.length) > 0 ? e[0] : "";
   return dt().parseFromString(a, "image/svg+xml");
@@ -3699,7 +3699,7 @@ class ai {
     }
   }
 }
-const Nt = "persistentAssets", yn = class ft {
+const Nt = "persistentAssets", Sn = class ft {
   /**
    * Add a new asset to persistence
    * @param asset The asset to add.
@@ -3750,8 +3750,8 @@ const Nt = "persistentAssets", yn = class ft {
     ft.callbacks.forEach((t) => t());
   }
 };
-yn.callbacks = [];
-let Bt = yn;
+Sn.callbacks = [];
+let Bt = Sn;
 const Na = "bgrmPersistentAssets";
 class J {
   static has(t) {
@@ -3817,7 +3817,7 @@ class ni {
     this.disabled = t;
   }
 }
-const Ht = new ni(), Sn = y`
+const Ht = new ni(), vn = y`
     fragment OptionFields on Option {
         id
         name
@@ -3857,7 +3857,7 @@ const Ht = new ni(), Sn = y`
 `, ri = y`
     ${Xt(!1)}
     ${pa}
-    ${Sn}
+    ${vn}
     query GetOptions($ids: [String]!) {
         options(ids: $ids) {
             ...OptionFields
@@ -3932,7 +3932,7 @@ class li {
     }
   }
 }
-const X = new li(), vn = y`
+const X = new li(), En = y`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -4054,7 +4054,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, En = y`
+`, Bn = y`
     fragment StakeholderFields on Stakeholder {
         id
         type
@@ -4062,7 +4062,7 @@ const X = new li(), vn = y`
         authorizationNote
         authorizationStatus
     }
-`, Bn = y`
+`, bn = y`
     fragment TransactionShareActionFields on TransactionShareAction {
         id
         title
@@ -4073,9 +4073,9 @@ const X = new li(), vn = y`
     }
 `, di = y`
     ${De}
-    ${En}
     ${Bn}
-    ${vn}
+    ${bn}
+    ${En}
     query ReadTransactions($ids: [String]!) {
         transactions(ids: $ids) {
             customLogoLink
@@ -4292,7 +4292,7 @@ const X = new li(), vn = y`
         }
     }
 `, mi = y`
-    ${Bn}
+    ${bn}
     query ReadTransactionForShareActions($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4302,14 +4302,14 @@ const X = new li(), vn = y`
             }
         }
     }
-`, bn = y`
+`, In = y`
     query ReadWorkflowStates($ids: [String]!) {
         transactions(ids: $ids) {
             id
             workflowState
         }
     }
-`, In = y`
+`, Dn = y`
     ${De}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -4373,14 +4373,14 @@ const X = new li(), vn = y`
         }
     }
 `, gi = y`
-    ${In}
+    ${Dn}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
 `, fi = y`
-    ${In}
+    ${Dn}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
             externalIntegrationId: $externalIntegrationId
@@ -4390,7 +4390,7 @@ const X = new li(), vn = y`
         }
     }
 `, pi = y`
-    ${En}
+    ${Bn}
     query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
             stakeholders {
@@ -4528,7 +4528,7 @@ const X = new li(), vn = y`
 `, Ei = (r) => y`
         ${Xt(r)}
         ${pa}
-        ${Sn}
+        ${vn}
         ${wi}
         ${yi}
         ${Si}
@@ -4602,6 +4602,7 @@ const X = new li(), vn = y`
                     width
                     index
                     name
+                    title
                     useEditableArea
                     transparentBackground
                     previewRegion {
@@ -4633,6 +4634,7 @@ const X = new li(), vn = y`
                     stepTitle
                     helpText
                     mandatory
+                    relevantPanelName
                     silent
                     conditions {
                         requiredVariantSelections
@@ -5047,7 +5049,7 @@ const X = new li(), vn = y`
         }
     }
 `, Di = y`
-    ${vn}
+    ${En}
     ${Pe}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
@@ -5173,12 +5175,12 @@ const X = new li(), vn = y`
     );
   return i;
 };
-class Dn {
+class Pn {
   constructor() {
     this.timestamp = Date.now();
   }
 }
-class Pn {
+class xn {
   /**
    * Constructs a new promise queue.
    * @param queueMaxSize An optional maximum size, when the max size is hit.
@@ -5311,7 +5313,7 @@ const Q = () => {
           {
             id: "element-group",
             clipPath: a.purpose === Gt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: S.map((E) => Qn(E)).filter((E) => !!E)
+            children: S.map((E) => Nn(E)).filter((E) => !!E)
           }
         ),
         l && /* @__PURE__ */ F(
@@ -5430,7 +5432,7 @@ const Q = () => {
     x: (r.x - t.x) * n - (r.y - t.y) * a + t.x,
     y: (r.x - t.x) * a + (r.y - t.y) * n + t.y
   };
-}, mc = 0.352778, gc = 0.035277, xn = (r) => {
+}, mc = 0.352778, gc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = gt(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ F("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ F(
     "g",
@@ -5452,7 +5454,7 @@ const Q = () => {
       )
     }
   ) });
-}, Fn = (r) => {
+}, kn = (r) => {
   var l;
   const t = `spiff-group-clip-${r.id}`, e = r.rotation || 0, a = gt(e), n = Math.cos(a), i = -Math.sin(a), s = ya(r.children);
   return /* @__PURE__ */ lt(Vt, { children: [
@@ -5479,7 +5481,7 @@ const Q = () => {
               height: r.height
             }
           ) : void 0,
-          s.map((c) => Qn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
+          s.map((c) => Nn(c)).filter((c) => !!c).map((c) => /* @__PURE__ */ F("g", { clipPath: `url(#${t})`, children: c }))
         ]
       }
     )
@@ -5559,7 +5561,7 @@ const Q = () => {
                 matrix(${r.scaleX}, 0, 0, ${r.scaleY}, 0, 0)
                 `,
             children: /* @__PURE__ */ F(
-              Fn,
+              kn,
               {
                 id: t,
                 x: 0,
@@ -5576,7 +5578,7 @@ const Q = () => {
       }
     )
   ] });
-}, kn = /* @__PURE__ */ new Map();
+}, Mn = /* @__PURE__ */ new Map();
 class Oi {
   constructor(t) {
     this.font = t, this.glyphsFromText = /* @__PURE__ */ new Map(), this.kerningValues = /* @__PURE__ */ new Map(), this.height = this.calculateApproximateHeight();
@@ -5635,7 +5637,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       return St(r).getFont();
     } catch {
       if (Ui(r)) {
-        const a = An(r), n = Je(a);
+        const a = un(r), n = Je(a);
         return aa(r, n), n;
       } else {
         const a = await be(r, !0), n = Je(a);
@@ -5645,21 +5647,21 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   })();
   return Oe.set(r, e), e;
 }, Li = (r) => {
-  const t = An(r), e = Je(t);
+  const t = un(r), e = Je(t);
   return aa(r, e), e;
 }, St = (r) => {
-  const t = kn.get(r);
+  const t = Mn.get(r);
   if (t)
     return t;
   throw new Error("Font metrics unavailable for font");
 }, aa = (r, t) => {
   const e = new Oi(t);
-  return kn.set(r, e), e;
+  return Mn.set(r, e), e;
 }, fc = async (r) => {
   const t = dt(), e = t.parseFromString(r, "image/svg+xml"), a = e.firstElementChild, n = /* @__PURE__ */ new Map();
   a.querySelectorAll("style").forEach((d) => {
     var u;
-    (u = an(d.innerHTML).stylesheet) == null || u.rules.forEach((h) => {
+    (u = nn(d.innerHTML).stylesheet) == null || u.rules.forEach((h) => {
       var m, g, f;
       if (h.type === "font-face" && h.declarations) {
         const p = (m = h.declarations.find(
@@ -5744,7 +5746,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: l };
 }, $i = (r, t, e, a, n, i) => {
-  const s = (i ?? Ca) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Mn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
+  const s = (i ?? Ca) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, l = Tn(r, o, t), c = r.length * s * o, d = a / l, A = n / c;
   return Math.min(A, d);
 }, Vi = (r, t, e, a) => {
   var c;
@@ -5771,7 +5773,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, zi = (r, t, e, a, n) => {
   const s = St(t.assetUrl).getFont();
   let o = { ...r };
-  const l = { ...r }, c = Mn(a, e / s.unitsPerEm, St(t.assetUrl));
+  const l = { ...r }, c = Tn(a, e / s.unitsPerEm, St(t.assetUrl));
   return c && c < o.width && (l.width = c, n === "left" ? (l.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), l.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : n === "right" ? l.left += o.width - c : l.left += (o.width - c) / 2, a && Wi(a, a).every(([d, A]) => d === A) && (o = l)), o;
 }, Ue = 1, ht = (r, t, e) => {
   let a = 0;
@@ -5791,7 +5793,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       a = Math.max(a, o || 0);
     }
   }), a *= t, a;
-}, Mn = (r, t, e) => {
+}, Tn = (r, t, e) => {
   let a = 0;
   return r.forEach((n) => {
     a = Math.max(a, ht(n, t, e));
@@ -5805,7 +5807,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   let a = r || "";
   return e.stripControlCharacters && (a = a.replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, "")), e.uppercase && (a = a.toUpperCase()), e.vertical && (a = a.split("").join(`
 `)), a;
-}, Wi = (r, t) => r.map((e, a) => [e, t[a]]), ji = (r = "center", t = !1) => t ? "center" : r, Tn = (r) => r === "left" ? "start" : r === "right" ? "end" : "middle", Zt = (r, t, e) => r.fontData ? {
+}, Wi = (r, t) => r.map((e, a) => [e, t[a]]), ji = (r = "center", t = !1) => t ? "center" : r, Qn = (r) => r === "left" ? "start" : r === "right" ? "end" : "middle", Zt = (r, t, e) => r.fontData ? {
   ...r,
   ...(() => {
     if (r.algorithm === kt.Traditional) {
@@ -5831,7 +5833,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     return null;
   const u = () => {
     var p;
-    return r.textFillImage ? `url("#${s}")` : (p = r._renderingConfiguration) != null && p.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${fn(r.fillSpotColorDefinition)}` : r.fill;
+    return r.textFillImage ? `url("#${s}")` : (p = r._renderingConfiguration) != null && p.spotColors && r.fillSpotColorDefinition ? `${r.fill} ${pn(r.fillSpotColorDefinition)}` : r.fill;
   };
   return /* @__PURE__ */ lt(Vt, { children: [
     /* @__PURE__ */ lt("defs", { children: [
@@ -5918,14 +5920,14 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     const s = (r.amountLines - 1) / 2;
     return (r.thisLineIdx - s) * n + r.fontSize / 4;
   };
-  return /* @__PURE__ */ F("tspan", { textAnchor: Tn(r.align), x: e(), y: `${a()}px`, children: r.text });
+  return /* @__PURE__ */ F("tspan", { textAnchor: Qn(r.align), x: e(), y: `${a()}px`, children: r.text });
 }, Yi = (r) => {
   const t = `#${r.curvedPathId}`;
   return /* @__PURE__ */ F(
     "textPath",
     {
       startOffset: (() => r.align === "left" ? "0%" : r.align === "right" ? "100%" : "50%")(),
-      textAnchor: Tn(r.align),
+      textAnchor: Qn(r.align),
       href: t,
       xlinkHref: t,
       children: r.text
@@ -5935,7 +5937,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   var s, o;
   if (r.cachedObjectURL && !((s = r._renderingConfiguration) != null && s.omitCachedFields))
     return /* @__PURE__ */ F(
-      xn,
+      Fn,
       {
         id: r.id,
         src: r.cachedObjectURL,
@@ -6042,7 +6044,10 @@ class Ki {
         layout: t,
         elements: e
       },
-      getComponentWithProps: (a) => wa(t, e, a)
+      getComponentWithProps: (a) => {
+        const n = wa(t, e, a);
+        return n && console.log(an(n)), n;
+      }
     };
   }
   initialize(t, e) {
@@ -6057,7 +6062,7 @@ class Ki {
       layouts: {}
     };
     t.forEach((n) => {
-      a = new Un(n).apply(a);
+      a = new Ln(n).apply(a);
     }), this.runStateCallbacks(), this.state = {
       transaction: a
     };
@@ -6067,7 +6072,7 @@ class Ki {
     return { ...t, transaction: e.apply(a) };
   }
 }
-const Qn = (r) => r.type === T.Image ? /* @__PURE__ */ F(xn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ F(Ri, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ F(Ji, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ F(Hi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ F(Fn, { ...r }, r.id) : null, wa = (r, t, e) => {
+const Nn = (r) => r.type === T.Image ? /* @__PURE__ */ F(Fn, { ...r }, r.id) : r.type === T.Frame ? /* @__PURE__ */ F(Ri, { ...r }, r.id) : r.type === T.Illustration ? /* @__PURE__ */ F(Ji, { ...r }, r.id) : r.type === T.Textbox ? /* @__PURE__ */ F(Hi, { ...r }, r.id) : r.type === T.Group ? /* @__PURE__ */ F(kn, { ...r }, r.id) : null, wa = (r, t, e) => {
   const a = e.renderingConfiguration, n = a != null && a.removeExcludedElements ? t.filter((i) => !i.excludeFromExport) : t;
   return /* @__PURE__ */ F(
     Ni,
@@ -6117,7 +6122,7 @@ const te = (r) => {
     if (r.defaultVariant !== void 0)
       return t.find((e) => e.id === r.defaultVariant);
   }
-}, At = /* @__PURE__ */ new Map(), Lt = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map(), Nn = async (r, t) => {
+}, At = /* @__PURE__ */ new Map(), Lt = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map(), Rn = async (r, t) => {
   if (!t) {
     if (!r)
       throw new Error("No region or src supplied. Cannot construct frame!");
@@ -6194,7 +6199,7 @@ const te = (r) => {
   if (At.has(r))
     return At.get(r);
   if (r.startsWith("data:image/svg+xml")) {
-    const a = ur(r), n = new TextDecoder().decode(a.buffer), i = Rn(n), s = {
+    const a = ur(r), n = new TextDecoder().decode(a.buffer), i = On(n), s = {
       src: r,
       width: i.width,
       height: i.height,
@@ -6225,8 +6230,8 @@ const te = (r) => {
   }
 }, va = async (r) => {
   const t = await at(r);
-  return Rn(t);
-}, Ua = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), Rn = (r) => {
+  return On(t);
+}, Ua = (r) => r.endsWith("mm") ? Number(r.replace("mm", "")) * 3.7795275591 : r.endsWith("px") ? Number(r.replace("px", "")) : Number(r), On = (r) => {
   const a = dt().parseFromString(r, "image/svg+xml").querySelector("svg");
   if (!a)
     throw new Error("No svg tag found, this svg must be malformed!");
@@ -6240,7 +6245,7 @@ const te = (r) => {
 }, Ot = (r, t) => {
   const e = r.layoutState.elements.filter((n) => n.layer === t), a = Math.max(...e.map((n) => n.layerIndex).filter((n) => n !== void 0));
   return Math.max(a, 0) + 1;
-}, On = async (r) => new Promise((t) => {
+}, Un = async (r) => new Promise((t) => {
   at(r).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
@@ -6294,7 +6299,7 @@ const te = (r) => {
     panelId: r.layoutState.layout.panelId
   };
   if (e && t === T.Illustration) {
-    const l = await ot(await On(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
+    const l = await ot(await Un(e)), u = dt().parseFromString(l.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!u)
       throw new Error("SVG missing viewBox.");
     const h = o.height, m = u.split(" "), g = parseFloat(m[2]) || 1, f = parseFloat(m[3]) || 1, p = g / f;
@@ -6313,7 +6318,7 @@ const te = (r) => {
 };
 class pc {
   static async getFrame(t, e) {
-    const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
+    const a = await Rn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -6447,7 +6452,7 @@ class pc {
     };
   }
   static async getIllustration(t, e) {
-    const a = e.region || await Ut(t, T.Illustration, e.src), n = await ot(await On(e.src)), i = await qt(n.svg), s = Q();
+    const a = e.region || await Ut(t, T.Illustration, e.src), n = await ot(await Un(e.src)), i = await qt(n.svg), s = Q();
     return {
       cachedObjectURL: i,
       stepRegion: e.region,
@@ -6641,7 +6646,7 @@ class O extends R {
     return this.oldState = t, this.commands.reduce((e, a) => a.apply(e), t);
   }
 }
-class Un extends R {
+class Ln extends R {
   constructor(t) {
     super(), this.layout = t;
   }
@@ -7262,7 +7267,7 @@ const is = async (r) => {
     throw console.error(e), new Be("Failed to shorten URL, see console.");
   }
 };
-class Ln {
+class $n {
   async poll() {
     try {
       if (await this.predicate()) {
@@ -7309,7 +7314,7 @@ class ss {
       const h = (await ea([e]))[0], m = (f = (g = h == null ? void 0 : h.versions) == null ? void 0 : g.find((p) => p.name === "mpeg4")) == null ? void 0 : f.link;
       return { asset: h, link: m };
     }, s = await new Promise((h, m) => {
-      new Ln(
+      new $n(
         async () => !!(await i()).link,
         async () => {
           const g = await i();
@@ -7349,7 +7354,7 @@ class ss {
     return t.data.regions.map(e);
   }
   async command(t, e, a, n) {
-    const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await nn(t, { type: "svg" }))}`, l = e.map((c) => {
+    const i = a.getLayouts(), o = `data:image/svg+xml;base64,${btoa(await rn(t, { type: "svg" }))}`, l = e.map((c) => {
       const d = c.region, A = i.find((u) => u.panelId === (d == null ? void 0 : d.panelId));
       if (!A && d)
         throw new Y(d);
@@ -7377,7 +7382,7 @@ class ss {
     } };
   }
 }
-const $n = new ss();
+const Vn = new ss();
 class we {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
@@ -7499,7 +7504,7 @@ class we {
     const o = e.fileLink || "";
     return o.endsWith(".pdf") || o.endsWith(".eps") || o.endsWith(".ai") ? new Promise((c) => {
       a.addPoller(
-        new Ln(
+        new $n(
           async () => {
             var h;
             const A = (h = (await U.getFromServer(e.key || "")).versions) == null ? void 0 : h.find((m) => m.name === "svg");
@@ -8090,7 +8095,7 @@ class ls {
     };
   }
 }
-const Vn = new ls();
+const zn = new ls();
 class cs {
   async init(t, e, a) {
     const n = t.option;
@@ -8176,7 +8181,7 @@ class cs {
     };
   }
 }
-const zn = new cs();
+const Gn = new cs();
 class ds {
   async init(t, e, a) {
     if (a)
@@ -8289,7 +8294,7 @@ class ds {
     return n(""), { input: e, helperData: {} };
   }
 }
-const Gn = new ds();
+const Wn = new ds();
 class As {
   async init(t, e, a) {
     const n = t.option;
@@ -8381,7 +8386,7 @@ class As {
     };
   }
 }
-const Wn = new As();
+const jn = new As();
 class us {
   async init(t, e, a) {
     const n = t.option;
@@ -8440,7 +8445,7 @@ class us {
     };
   }
 }
-const jn = new us();
+const Hn = new us();
 class hs {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
@@ -9454,7 +9459,7 @@ class Is extends Cs {
     return Es(f, C, e.height, e.width, 0.35, 0.65), vs(u.outerHTML);
   }
 }
-async function Hn(r) {
+async function qn(r) {
   if (r === "Vegemite")
     return new Is();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
@@ -10002,7 +10007,7 @@ const xs = y`
 `;
 var Me = /* @__PURE__ */ ((r) => (r.Error = "Error", r.Warning = "Warning", r.Info = "Info", r))(Me || {});
 const to = 1e3;
-class ja extends Dn {
+class ja extends Pn {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
   }
@@ -10016,7 +10021,7 @@ class ja extends Dn {
 }
 class eo {
   constructor(t, e, a, n, i, s, o, l, c, d, A, u, h = !1, m, g = !1, f = !1, p = !1) {
-    this.workflowStatePromiseQueue = new Pn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
+    this.workflowStatePromiseQueue = new xn(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var v;
       if (!this.previewService)
         return;
@@ -10306,7 +10311,7 @@ class eo {
       ...this.storage,
       [t]: { ...this.storage[t], ...e }
     };
-    if (!rn(a, this.storage)) {
+    if (!sn(a, this.storage)) {
       this.storage = a;
       const n = new $a(this.constructSerializableWorkflow());
       this.commandContext.apply(n, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
@@ -10547,7 +10552,7 @@ class eo {
         switch (this.stepInitialised[l.stepName] = !0, l.type) {
           case D.DigitalContent:
             a.push(
-              $n.init(
+              Vn.init(
                 l,
                 this,
                 this.reloadedState
@@ -10566,27 +10571,27 @@ class eo {
             break;
           case D.Material:
             a.push(
-              Vn.init(l, this, this.reloadedState)
+              zn.init(l, this, this.reloadedState)
             );
             break;
           case D.Model:
-            a.push(zn.init(l, this, this.reloadedState));
+            a.push(Gn.init(l, this, this.reloadedState));
             break;
           case D.Module:
             this.stepSpecificServices[l.stepName] = {
-              module: await Hn(l.data.module)
+              module: await qn(l.data.module)
             }, a.push(
-              Gn.init(l, this, this.reloadedState)
+              Wn.init(l, this, this.reloadedState)
             );
             break;
           case D.Picture:
             a.push(
-              Wn.init(l, this, this.reloadedState)
+              jn.init(l, this, this.reloadedState)
             );
             break;
           case D.Question:
             a.push(
-              jn.init(l, this, this.reloadedState)
+              Hn.init(l, this, this.reloadedState)
             );
             break;
           case D.Shape:
@@ -10739,7 +10744,7 @@ class it {
     return this.variantData.enabled;
   }
 }
-const qn = class sa {
+const Yn = class sa {
   constructor(t, e, a) {
     this.manager = t, this.step = e, this.tags = a;
   }
@@ -10870,8 +10875,8 @@ const qn = class sa {
     e ? i && e.executeCameraAnimation(i) : console.warn("No preview service available, cannot execute camera animations."), a ? n && a.executeAnimation(n, t) : console.warn("No model container available, cannot execute model animations.");
   }
 };
-qn.updateState = /* @__PURE__ */ new Map();
-let rt = qn;
+Yn.updateState = /* @__PURE__ */ new Map();
+let rt = Yn;
 class ao extends rt {
   constructor(t, e, a) {
     super(t, e, a);
@@ -10955,7 +10960,7 @@ class no extends rt {
     super(t, e, a);
   }
   selectVariant(t) {
-    return Vn.selectVariant(
+    return zn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -10968,7 +10973,7 @@ class ro extends rt {
     super(t, e, a);
   }
   selectVariant(t) {
-    return zn.selectVariant(
+    return Gn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -10986,7 +10991,7 @@ class io extends rt {
    * @returns A promise that can be awaited to ensure the new image asset has been updated on the design.
    */
   selectVariant(t) {
-    return Wn.selectVariant(
+    return jn.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -11001,7 +11006,7 @@ class so extends rt {
   async selectVariant(t) {
     if (!t.getId())
       throw new Error("Unable to select variant with a null ID");
-    await jn.selectVariant(this.step, t.getId(), this.manager);
+    await Hn.selectVariant(this.step, t.getId(), this.manager);
   }
   /**
    * The way that this step expects to be rendered.
@@ -11299,7 +11304,7 @@ class Ao extends rt {
    * @returns The final URL string for the QR code.
    */
   async selectVideo(t) {
-    return $n.regenerateQRCode(
+    return Vn.regenerateQRCode(
       this.manager.getRegionElements(this.step.stepName),
       t.key,
       this.manager,
@@ -11337,7 +11342,7 @@ class uo extends rt {
     return ((t = this.manager.getStepStorage(this.step.stepName)) == null ? void 0 : t.text) || "";
   }
   setText(t) {
-    Gn.changeText(this.step, t, this.manager, (e) => {
+    Wn.changeText(this.step, t, this.manager, (e) => {
       if (e) {
         const a = [
           ...this.manager.getInformationResults(),
@@ -11385,7 +11390,7 @@ class ie {
     }
   }
 }
-const Yn = y`
+const Jn = y`
     fragment CreateDesignTransaction on Transaction {
         id
         designName
@@ -11411,7 +11416,7 @@ const Yn = y`
         }
     }
 `, ho = y`
-    ${Yn}
+    ${Jn}
     mutation CreateDesign(
         $name: String!
         $layouts: [LayoutInput]!
@@ -11443,7 +11448,7 @@ const Yn = y`
         }
     }
 `, mo = y`
-    ${Yn}
+    ${Jn}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
             id
@@ -11561,7 +11566,7 @@ const go = async (r) => {
       });
   }
   return n;
-}, Jn = (r, t, e, a, n, i, s, o) => {
+}, Kn = (r, t, e, a, n, i, s, o) => {
   var m, g;
   const l = t.basePrice || 0, c = r.priceModifierTotal || 0, d = po(a, e, void 0, i), u = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(r.id), h = {
     additionalExternalProductId: (m = r.integrationProduct) == null ? void 0 : m.additionalExternalProductId,
@@ -11585,7 +11590,7 @@ const go = async (r) => {
     workflowViewerReadOnlyLink: r.workflowViewerReadOnlyLink || ""
   };
   return i && (h.metadata = i), a && (h.selectedVariants = a), n && (h.sku = n), h;
-}, Kn = async (r, t, e, a, n, i, s, o, l, c) => {
+}, _n = async (r, t, e, a, n, i, s, o, l, c) => {
   var I;
   await (async () => {
     var j;
@@ -11593,7 +11598,7 @@ const go = async (r) => {
       return c;
     await r.outstandingRequestsPromise();
     const x = (k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(n.id), N = await b.getShadowGraphqlClient().query({
-      query: bn,
+      query: In,
       variables: { ids: [n.id] },
       fetchPolicy: "no-cache",
       errorPolicy: "all",
@@ -11682,7 +11687,7 @@ const go = async (r) => {
 }, Co = async (r, t, e, a, n, i, s, o, l, c, d) => {
   var p, C;
   l("workflow.steps.finish.finalize.buildingLayouts");
-  const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await Kn(
+  const { designDetails: A, cartSelectionsWithPrices: u, cartMetadata: h } = await _n(
     r,
     t,
     e,
@@ -11699,7 +11704,7 @@ const go = async (r) => {
     throw new Error("Failed to create design");
   l("workflow.steps.finish.finalize.updatingTransaction");
   const f = m.transaction;
-  return Jn(
+  return Kn(
     f,
     n,
     t,
@@ -11718,7 +11723,7 @@ const go = async (r) => {
   const n = await (async () => {
     var c;
     const l = await b.getShadowGraphqlClient().query({
-      query: bn,
+      query: In,
       variables: { ids: r.map((d) => d.transaction.id) },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
@@ -11727,7 +11732,7 @@ const go = async (r) => {
       l.errors && console.log("Server Error:", d.message);
     }), null) : (c = l.data) != null && c.transactions ? l.data.transactions.map((d) => d.workflowState ?? null) : null;
   })(), i = await Promise.all(
-    r.map(async (o, l) => await Kn(
+    r.map(async (o, l) => await _n(
       o.workflowManager,
       o.workflow,
       o.layouts,
@@ -11747,7 +11752,7 @@ const go = async (r) => {
   return t("workflow.steps.finish.finalize.updatingTransaction"), s.map((o, l) => {
     var u;
     const c = r[l], d = i[l], A = o.transaction;
-    return Jn(
+    return Kn(
       A,
       c.product,
       c.workflow,
@@ -11879,7 +11884,7 @@ var Bo = /* @__PURE__ */ ((r) => (r.QuantityChanged = "QuantityChanged", r.Price
 class bo {
   constructor(t, e) {
     var n;
-    if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = sn(async () => {
+    if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = on(async () => {
       await je.getSavedDesignByTransaction(
         this.getWorkflowManager().getTransaction().id
       ) && this.save();
@@ -12016,7 +12021,7 @@ class bo {
         purpose: Gt.Print,
         region: { left: A.x, top: A.y, width: A.width, height: A.height }
       }
-    }), g = dn(m);
+    }), g = An(m);
     await (await ca.from(h, g, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !1,
@@ -12331,7 +12336,7 @@ const Io = [
 ], Do = async (r, t, e) => {
   const a = t.data, n = e.data.baseUrl, i = a.assetUrl.replace("localhost", "localstack"), s = n.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + n);
   o.searchParams.append("video", ka(JSON.stringify([{ href: i }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
-  const l = o.toString(), d = `data:image/svg+xml;base64,${ka(await nn(l, { type: "svg" }))}`, A = (h) => {
+  const l = o.toString(), d = `data:image/svg+xml;base64,${ka(await rn(l, { type: "svg" }))}`, A = (h) => {
     const m = r.find((f) => f.panelId === h.panelId);
     if (!m)
       throw new Y(h);
@@ -12362,7 +12367,7 @@ const Io = [
     o && (t[a.stepName] = { selectedVariants: [o] });
     const l = async (c) => {
       var g;
-      const d = await Nn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await xe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
+      const d = await Rn(c, (g = o == null ? void 0 : o.asset) == null ? void 0 : g.fileLink), A = await xe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
       if (!h)
         throw new Y(c);
       const m = Sa(
@@ -12483,7 +12488,7 @@ const Io = [
     return console.error(E), [];
   }
 }, Fo = async (r, t, e) => {
-  const a = await Hn(e.data.module), n = t.data, i = (o, l) => {
+  const a = await qn(e.data.module), n = t.data, i = (o, l) => {
     const c = r.find((A) => A.panelId === l.panelId);
     if (!c)
       throw new Y(l);
@@ -12860,7 +12865,7 @@ const Uo = () => new Promise((r, t) => {
 }), Lo = Uo();
 class $o {
   constructor(t, e, a, n) {
-    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new Pn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n;
+    this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new xn(2), this.id = t, this.name = e, this.service = a, this.panelSize = n;
   }
   getID() {
     return this.id;
@@ -12926,7 +12931,7 @@ class $o {
     );
   }
 }
-class Vo extends Dn {
+class Vo extends Pn {
   // TODO: Do we need to pass this whole array in?
   constructor(t, e, a, n, i) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = a, this.onRender = n, this.layouts = i;
@@ -12979,7 +12984,7 @@ class Vo extends Dn {
       l = i.width, c = i.height;
     const d = wa(t.layoutState.layout, e, {
       renderingConfiguration: { purpose: Gt.ThreeD }
-    }), A = dn(d), u = await ca.from(this.ctx, A, {
+    }), A = An(d), u = await ca.from(this.ctx, A, {
       anonymousCrossOrigin: !0,
       ignoreDimensions: !this.nonPOTSupport,
       ignoreAnimation: !0,
@@ -13010,7 +13015,7 @@ const Ic = (r, t) => {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
-  n = new O(e.map((l) => new Un(l))).apply(n);
+  n = new O(e.map((l) => new Ln(l))).apply(n);
   const s = await Ro(r, t, e, a);
   return new O(s).apply(n);
 };
@@ -13068,7 +13073,7 @@ class zo {
         );
       case et.Option: {
         const e = t.entityId ? await X.getOption(t.entityId) : void 0;
-        return (e == null ? void 0 : e.type) === "Color" ? new Ha(this.bundle, t, e) : new _n(this.bundle, t, e);
+        return (e == null ? void 0 : e.type) === "Color" ? new Ha(this.bundle, t, e) : new Xn(this.bundle, t, e);
       }
       case et.Text:
         return new Wo(this.bundle, t);
@@ -13402,7 +13407,7 @@ class Wo extends Ba {
     await Promise.all(n);
   }
 }
-class _n extends Ba {
+class Xn extends Ba {
   constructor(t, e, a) {
     super(t, e), this.optionResource = a;
   }
@@ -13477,7 +13482,7 @@ class _n extends Ba {
     await Promise.all(n);
   }
 }
-class Ha extends _n {
+class Ha extends Xn {
   constructor(t, e, a) {
     super(t, e, a);
   }
@@ -14989,9 +14994,9 @@ class Pc extends ba {
     super(`"${t}"`);
   }
 }
-class Xn extends ba {
+class Zn extends ba {
   constructor(t, e) {
-    if (e !== "Asset" && !Xn.validUUID(t))
+    if (e !== "Asset" && !Zn.validUUID(t))
       throw new Error("Invalid ID, must be a valid v4 UUID. https://www.uuidgenerator.net/");
     super(`{"isSpiffObject": true, "id": "${t}", "type": "${e}"}`);
   }
@@ -15179,7 +15184,7 @@ const Ya = y`
   if (!a)
     throw new Error(`Workflow not found: ${r}`);
   return a;
-}, Zn = async (r, t) => {
+}, tr = async (r, t) => {
   const e = r.map((o) => Ht.get({ id: o, options: t })), a = r.filter((o, l) => e[l] === void 0);
   if (a.length === 0)
     return Promise.all(e);
@@ -15187,10 +15192,11 @@ const Ya = y`
     (o) => Ht.set({ id: o, options: t }, Al(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, Fc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, Fc = async (r, t) => (await tr([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
+  title: t.title,
   index: t.index,
   createdAt: /* @__PURE__ */ new Date(),
   updatedAt: /* @__PURE__ */ new Date(),
@@ -15215,7 +15221,7 @@ class kc {
       } catch (a) {
         throw console.error(a), new ut("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.22.1"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && xr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.23.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     wt.setHubUrl(t.hubUrl), wt.setServerUrl(t.serverUrl), wt.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && kr(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -15719,7 +15725,7 @@ class kc {
     ), c = Da(o, 10), d = Da(l, 10), A = (await Promise.all([
       ...c.map(n),
       ...d.map(i)
-    ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await Zn(u, e), m = new Map(h.map((S) => [S.id, S])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (S) => {
+    ])).flat(), u = [...new Set(A.map((S) => S.workflowId))], h = await tr(u, e), m = new Map(h.map((S) => [S.id, S])), g = k.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), f = A.map(async (S) => {
       var j;
       const { transaction: B, workflowId: E, readOnly: I, index: P } = S, x = m.get(E), M = t[P];
       !g.get(B.id) && B.transactionOwnerId && g.set(B.id, B.transactionOwnerId);
@@ -15897,7 +15903,7 @@ function le(r, t, e) {
 }
 class fl {
   constructor(t, e) {
-    this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = sn(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
+    this.minZoomScale = [0.03], this.maxZoomScale = [20], this._debouncedUpdateFrameOffsets = on(this.updateFrameOffsets, 200), this.targetElements = [], this.onFrameDataChangeListeners = [], this.onZoomChangeListeners = [], this.forceImageCover = t, this.initialZoom = e, this.thresholdSettings = {
       useThreshold: !1,
       invertThreshold: !1,
       threshold: 128,
@@ -15918,7 +15924,7 @@ class fl {
           let i = !1;
           for (let s = 0; s < n.currentFrameSources.length; s++) {
             const o = n.currentFrameSources[s], l = await xe(o), c = this.frameData ? this.frameData[s] : void 0;
-            rn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
+            sn(l, c) || (this.frameData || (this.frameData = new Array(n.currentFrameSources.length)), this.frameData[s] = l, i = !0);
           }
           i && (this.onFrameDataChangeListeners.forEach(
             (s) => s(this.frameData)
@@ -16724,9 +16730,9 @@ K = { __e: function(r, t, e, a) {
       }
   throw r;
 } }, typeof Promise == "function" && Promise.prototype.then.bind(Promise.resolve());
-var st, qe, Ja, tr = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
+var st, qe, Ja, er = [], Ye = [], Ka = K.__b, _a = K.__r, Xa = K.diffed, Za = K.__c, tn = K.unmount;
 function xl() {
-  for (var r; r = tr.shift(); )
+  for (var r; r = er.shift(); )
     if (r.__P && r.__H)
       try {
         r.__H.__h.forEach(ue), r.__H.__h.forEach(la), r.__H.__h = [];
@@ -16745,7 +16751,7 @@ K.__b = function(r) {
 }, K.diffed = function(r) {
   Xa && Xa(r);
   var t = r.__c;
-  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Fl)(xl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (er.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Fl)(xl)), t.__H.__.forEach(function(e) {
     e.i && (e.__H = e.i), e.__V !== Ye && (e.__ = e.__V), e.i = void 0, e.__V = Ye;
   })), qe = st = null;
 }, K.__c = function(r, t) {
@@ -16803,7 +16809,7 @@ export {
   Pl as ConversionDataType,
   Dl as ConversionLocation,
   W as CreateElementCommand,
-  Un as CreateLayoutCommand,
+  Ln as CreateLayoutCommand,
   vt as DeleteElementCommand,
   Ao as DigitalContentStepHandle,
   Go as FileUploadGlobalPropertyHandle,
@@ -16834,9 +16840,9 @@ export {
   ro as ModelStepHandle,
   uo as ModuleStepHandle,
   Cc as MoveCommand,
-  Xn as ObjectInput,
+  Zn as ObjectInput,
   rl as ObjectInputType,
-  _n as OptionGlobalPropertyHandle,
+  Xn as OptionGlobalPropertyHandle,
   ge as OptionNotFoundError,
   Dt as ParseError,
   io as PictureStepHandle,
@@ -16844,9 +16850,9 @@ export {
   qo as ProductCollection,
   zt as ProductWorkflow,
   Ht as PromiseCache,
-  Pn as PromiseQueue,
+  xn as PromiseQueue,
   so as QuestionStepHandle,
-  Dn as QueueablePromise,
+  Pn as QueueablePromise,
   yc as ResizeCommand,
   Wt as ResourceNotFoundError,
   wc as RotateCommand,
@@ -16880,7 +16886,7 @@ export {
   tc as dataUrlFromExternalUrl,
   je as designService,
   Ae as determineCorrectFontSizeAndLines,
-  $n as digitalContentStepService,
+  Vn as digitalContentStepService,
   dt as domParser,
   Lc as duplicateBundle,
   $c as duplicateTransaction,
@@ -16918,26 +16924,26 @@ export {
   oc as getTrueCoordinates,
   Wc as getUnorderedTransactions,
   Fc as getWorkflow,
-  Zn as getWorkflows,
+  tr as getWorkflows,
   b as graphQlManager,
   de as illustrationStepService,
   sc as isCloseToValue,
   Tt as loadFont,
   ac as matchHexToPms,
-  Vn as materialStepService,
+  zn as materialStepService,
   mc as mmPerPixel,
-  zn as modelStepService,
+  Gn as modelStepService,
   fa as modifySVGColors,
-  Gn as moduleStepService,
+  Wn as moduleStepService,
   Oc as nameBundle,
   Uc as nameTransaction,
   X as optionService,
   fc as outlineFontsInSvg,
   At as patternImageDataCache,
   k as persistenceService,
-  Wn as pictureStepService,
+  jn as pictureStepService,
   ec as pmsToRgb,
-  jn as questionStepService,
+  Hn as questionStepService,
   Zl as registerFetchImplementation,
   Xl as registerWindowImplementation,
   La as rehydrateSerializedLayout,
@@ -16945,13 +16951,13 @@ export {
   re as rotateAroundPoint,
   ma as sanitizeSvgTree,
   kr as setBearerAuthenticationToken,
-  mn as setCanvasModule,
+  gn as setCanvasModule,
   $t as shapeStepService,
   is as shortenUrl,
   wt as spiffCoreConfiguration,
   Ic as stepAspectValuesToDesignInputSteps,
   Qa as svgColorValueToDefinition,
-  Rn as svgStringDimensions,
+  On as svgStringDimensions,
   Aa as svgToDataUrl,
   q as textStepService,
   gs as toast,