@spiffcommerce/core 26.23.4-beta.9a6b3f77-3bf6-52ad-a823-41cd49720f64 → 26.24.0-beta.45f6b2c8-5de9-523b-a94d-3ea63326d3a4

package/dist/index.mjs

@@ -19,7 +19,7 @@ import { split as Ke } from "unicode-default-word-boundary";
 import sn from "lodash.debounce";
 import "fs";
 import "path";
-var ue = /* @__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))(ue || {}), 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 || {}), he = /* @__PURE__ */ ((r) => (r.Owner = "Owner", r.Approver = "Approver", r.Editor = "Editor", r.Viewer = "Viewer", r))(he || {}), 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 || {});
+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 {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -30,7 +30,7 @@ class Yt extends on {
     super(`ConfigurationError - ${t}`);
   }
 }
-class me extends Yt {
+class ge extends Yt {
   constructor(t) {
     super(`Option not Configured: ${t.stepTitle}`), this.optionId = (t == null ? void 0 : t.optionId) || "N/A";
   }
@@ -50,32 +50,32 @@ class Wt extends Yt {
     super(`Resource not found for asset: ${t.name}`), this.asset = t;
   }
 }
-class ge extends Yt {
+class fe extends Yt {
   constructor(t, e) {
     super(`Workflow Misconfiguration: ${t.stepName} - ${e}`), this.step = t;
   }
 }
-class ve extends on {
+class Ee extends on {
   constructor(t) {
     super(`ImplementationError - ${t}`);
   }
 }
-class z extends ve {
+class z extends Ee {
   constructor(t) {
     super(`Unhandled Behavior Encountered: ${t}`);
   }
 }
-class Dt extends ve {
+class Dt extends Ee {
   constructor(t) {
     super(`Parsing Error: ${t}`);
   }
 }
-class ut extends ve {
+class ut extends Ee {
   constructor(t) {
     super(`Client Error: ${t}`);
   }
 }
-class Ee extends ve {
+class Be extends Ee {
   constructor(t) {
     super(`Resource Generation Failed: ${t}`);
   }
@@ -158,10 +158,10 @@ class Sr {
 }
 const wt = new Sr();
 let _e, Xe;
-function Xl(r) {
+function ec(r) {
   _e = r;
 }
-function Zl(r) {
+function ac(r) {
   Xe = r;
 }
 function Jt() {
@@ -195,7 +195,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
     return t;
   const a = (async () => await (await ct(r)).text())();
   return xa.set(r, a), a;
-}, Mt = (r) => r.every((t) => t !== "undefined"), te = (r) => Mt([typeof document]) ? document.createElement(r) : Jt().document.createElement(r), Er = (r, t) => {
+}, Mt = (r) => r.every((t) => t !== "undefined"), ee = (r) => Mt([typeof document]) ? document.createElement(r) : Jt().document.createElement(r), Er = (r, t) => {
   if (Mt([typeof document]))
     return document.createElementNS(r, t);
   const a = Jt().document.createElement(t);
@@ -205,7 +205,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
     return new DOMParser();
   const r = Jt();
   return new r.DOMParser();
-}, Br = () => Mt([typeof DOMParser]) ? DOMParser : Jt().DOMParser, Be = (r, t) => new Promise((e, a) => {
+}, 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) => {
     n.arrayBuffer().then(e).catch(a);
   }).catch((n) => {
@@ -229,7 +229,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
     return new XMLSerializer();
   const r = Jt();
   return new r.XMLSerializer();
-}, ka = (r) => btoa(r), be = (r) => {
+}, ka = (r) => btoa(r), Ie = (r) => {
   function t() {
     const a = new Uint8Array(r), n = 4;
     if (a.length >= n) {
@@ -256,8 +256,8 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, tc = async (r) => {
-  const t = await cn(r), e = ln.get(r) || be(t);
+}, nc = async (r) => {
+  const t = await cn(r), e = ln.get(r) || Ie(t);
   return await Pr(new Blob([t], { type: e }));
 }, Ir = (r) => {
   let t = "";
@@ -266,7 +266,7 @@ const ln = /* @__PURE__ */ new Map(), Fa = /* @__PURE__ */ new Map(), xa = /* @_
     t += String.fromCharCode(r[a]);
   return t;
 }, Dr = async (r) => {
-  const t = be(r), e = new Uint8Array(r), a = Ir(e), n = btoa(a);
+  const t = Ie(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) => {
   const t = r.replace(/\r?\n/g, ""), e = t.indexOf(",");
@@ -400,16 +400,16 @@ let Ne;
 function ha() {
   return Ne === void 0 && (Ne = Br()), Ne;
 }
-let ee = null;
+let ae = null;
 const Nr = (r) => new Promise((t) => {
-  if (be(r) !== "image/jpeg")
+  if (Ie(r) !== "image/jpeg")
     return t(1);
   cr(r).then((a) => t(a || 1)).catch(() => t(1));
 }), Rr = async () => {
-  if (ee !== null)
-    return !ee;
+  if (ae !== null)
+    return !ae;
   const t = await Kt("data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAAAAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAIAAwMBEQACEQEDEQH/xABRAAEAAAAAAAAAAAAAAAAAAAAKEAEBAQADAQEAAAAAAAAAAAAGBQQDCAkCBwEBAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AG8T9NfSMEVMhQvoP3fFiRZ+MTHDifa/95OFSZU5OzRzxkyejv8ciEfhSceSXGjS8eSdLnZc2HDm4M3BxcXwH/9k=");
-  return ee = t.width === 2 && t.height === 3, !ee;
+  return ae = t.width === 2 && t.height === 3, !ae;
 }, Or = (r) => {
   const e = r.naturalWidth / r.naturalHeight;
   return r.naturalHeight <= 8192 && r.naturalWidth <= 8192 ? [r.naturalWidth, r.naturalHeight] : r.naturalHeight > r.naturalWidth ? [e * 8192, 8192] : [8192, 8192 / e];
@@ -445,9 +445,9 @@ const Nr = (r) => new Promise((t) => {
       break;
   }
   return d.drawImage(e, 0, 0, o, l), c;
-}, Ie = async (r) => {
+}, De = async (r) => {
   const t = await Ur(r);
-  return be(r) === "image/jpeg" ? {
+  return Ie(r) === "image/jpeg" ? {
     dataUrl: t.toDataURL("image/jpeg", 1),
     height: t.height,
     width: t.width
@@ -3145,7 +3145,7 @@ const Nr = (r) => new Promise((t) => {
   parseInt(r.substring(2, 4), 16),
   parseInt(r.substring(4, 6), 16)
 ]);
-function ec(r) {
+function rc(r) {
   const t = jt.indexOf(r);
   return t >= 0 ? Ft[t] : "";
 }
@@ -3153,7 +3153,7 @@ function Lr(r) {
   const t = Ft.indexOf(r);
   return t >= 0 ? jt[t] : "";
 }
-function ac(r, t = 64) {
+function ic(r, t = 64) {
   const e = [], a = [], n = Lr(r);
   n && e.push({
     pms: n,
@@ -3172,7 +3172,7 @@ function ac(r, t = 64) {
   return e.sort((A, u) => A.distance - u.distance);
 }
 const $r = jt.map((r, t) => ({ pms: r, hex: Ft[t] })), Vr = new dr($r, { keys: ["pms"] });
-function nc(r, t) {
+function sc(r, t) {
   return Vr.search(r, t ? { limit: t } : void 0);
 }
 let Qt = null;
@@ -3191,7 +3191,7 @@ function Ta(r) {
   const t = r.substring(1).toUpperCase();
   return t.length === 6 ? t : t.length === 3 ? `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}` : "";
 }
-const ae = (r) => {
+const ne = (r) => {
   const t = fn(r.spotColor);
   return t ? `${r.browserValue} ${t}` : r.browserValue;
 }, fn = (r) => {
@@ -3293,13 +3293,13 @@ const ae = (r) => {
         if (o)
           a.setAttribute(
             "fill",
-            e ? ae(o) : o.browserValue
+            e ? ne(o) : o.browserValue
           );
         else {
           const l = t[s];
           l && a.setAttribute(
             "fill",
-            e ? ae(l) : l.browserValue
+            e ? ne(l) : l.browserValue
           );
         }
       }
@@ -3311,13 +3311,13 @@ const ae = (r) => {
         if (o)
           a.setAttribute(
             "stroke",
-            e ? ae(o) : o.browserValue
+            e ? ne(o) : o.browserValue
           );
         else {
           const l = t[s];
           l && a.setAttribute(
             "fill",
-            e ? ae(l) : l.browserValue
+            e ? ne(l) : l.browserValue
           );
         }
       }
@@ -3523,7 +3523,7 @@ const ae = (r) => {
 class ai {
   constructor() {
     this.cache = /* @__PURE__ */ new Map(), this.bgrmProcessCache = /* @__PURE__ */ new Map(), this.materialCache = /* @__PURE__ */ new Map(), this.loadImageAsFileInfo = async (t) => {
-      const e = await t.arrayBuffer(), a = await Ie(e), n = (i, s) => {
+      const e = await t.arrayBuffer(), a = await De(e), n = (i, s) => {
         const o = atob(i.split(",")[1]), l = [];
         for (let c = 0; c < o.length; c++)
           l.push(o.charCodeAt(c));
@@ -3613,7 +3613,7 @@ class ai {
     }, a, n);
   }
   async uploadFile(t, e) {
-    const n = this.isRaster(t) ? ue.Image : ue.Illustration, i = await this.loadImageAsFileInfo(t);
+    const n = this.isRaster(t) ? he.Image : he.Illustration, i = await this.loadImageAsFileInfo(t);
     return await this.uploadAssetWithProgress(i, n, e, !0);
   }
   async removeBackgroundFromAsset(t) {
@@ -3949,7 +3949,7 @@ const X = new li(), vn = y`
             activeAddons
         }
     }
-`, De = y`
+`, Pe = y`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -3968,7 +3968,7 @@ const X = new li(), vn = y`
         }
     }
 `, ci = y`
-    ${De}
+    ${Pe}
     mutation CreateTransactions(
         $inputs: [TransactionCreateInput]!
         $marketplaceThemeInstallId: String
@@ -4072,7 +4072,7 @@ const X = new li(), vn = y`
         url
     }
 `, di = y`
-    ${De}
+    ${Pe}
     ${En}
     ${Bn}
     ${vn}
@@ -4309,8 +4309,8 @@ const X = new li(), vn = y`
             workflowState
         }
     }
-`, In = y`
-    ${De}
+`, In = (r) => y`
+    ${Pe}
     fragment IntegrationProductFields on IntegrationProduct {
         id
         externalProductId
@@ -4371,17 +4371,36 @@ const X = new li(), vn = y`
                 minQty
                 percentage
             }
+            ${r ? `
+                integrationProducts {
+                    id
+                    externalProductId
+                    externalVariantId
+                    additionalExternalProductId
+                    additionalExternalVariantId
+                    additionalIntegrationProduct {
+                        ...AdditionalIntegrationProductFields
+                    }
+                    integration {
+                        id
+                        enabled
+                        externalIntegrationId
+                        type
+                        isCurrent
+                    }
+                }
+            ` : ""}
         }
     }
-`, gi = y`
-    ${In}
+`, gi = (r) => y`
+    ${In(r)}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
-`, fi = y`
-    ${In}
+`, fi = (r) => y`
+    ${In(r)}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
             externalIntegrationId: $externalIntegrationId
@@ -4968,7 +4987,7 @@ const X = new li(), vn = y`
             }
         }
     }
-`, Pe = y`
+`, Fe = y`
     fragment MarketplaceThemeInstallConfigurationFields on MarketplaceThemeInstallConfiguration {
         id
         themeInstallId
@@ -5043,7 +5062,7 @@ const X = new li(), vn = y`
         }
     }
 `, Ii = y`
-    ${Pe}
+    ${Fe}
     query GetMarketplaceThemeInstallConfiguration($themeConfigurationId: String!, $themeInstallId: String!) {
         marketplaceThemeInstallConfiguration(id: $themeConfigurationId, themeInstallId: $themeInstallId, raw: false) {
             ...MarketplaceThemeInstallConfigurationFields
@@ -5051,7 +5070,7 @@ const X = new li(), vn = y`
     }
 `, Di = y`
     ${vn}
-    ${Pe}
+    ${Fe}
     query GetCurrentIntegration($themeConfigurationId: String) {
         currentIntegration {
             id
@@ -5063,7 +5082,7 @@ const X = new li(), vn = y`
         }
     }
 `, Pi = y`
-    ${Pe}
+    ${Fe}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
             marketplaceThemeInstallConfiguration(raw: false) {
@@ -5072,7 +5091,7 @@ const X = new li(), vn = y`
         }
     }
 `, Fi = y`
-    ${Pe}
+    ${Fe}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
             marketplaceThemeInstallConfiguration(raw: false) {
@@ -5355,7 +5374,7 @@ const Q = () => {
       ]
     }
   );
-}, rc = (r, t, e, a, n) => {
+}, oc = (r, t, e, a, n) => {
   const i = gt(n), s = e / 2, o = a / 2, l = r + s, c = t + o, d = Math.sin(i), A = Math.cos(i), u = s, h = s, m = -o, g = o, f = u * A - m * d, p = h * A - g * d, C = u * d + m * A, w = h * d + g * A, v = Math.max(Math.abs(f), Math.abs(p)), S = Math.max(Math.abs(C), Math.abs(w));
   return {
     minX: l - v,
@@ -5363,25 +5382,25 @@ const Q = () => {
     minY: c - S,
     maxY: c + S
   };
-}, ic = (r, t, e) => {
+}, lc = (r, t, e) => {
   const a = Math.sqrt(Math.pow(t.x - r.x, 2) + Math.pow(t.y - r.y, 2)), n = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), i = Math.sqrt(Math.pow(e.x - r.x, 2) + Math.pow(e.y - r.y, 2));
   return Math.acos((n * n + a * a - i * i) / (2 * n * a)) * (180 / Math.PI);
-}, gt = (r) => r * (Math.PI / 180), sc = (r, t, e) => Math.abs(r - t) < e, oc = (r, t, e) => {
+}, gt = (r) => r * (Math.PI / 180), cc = (r, t, e) => Math.abs(r - t) < e, dc = (r, t, e) => {
   const a = Math.sin(gt(e)), n = Math.cos(gt(e));
   return {
     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
   };
-}, lc = (r, t) => ({
+}, Ac = (r, t) => ({
   x: (r.x + t.x) / 2,
   y: (r.y + t.y) / 2
-}), cc = (r, t, e, a) => ({
+}), uc = (r, t, e, a) => ({
   x: r.x + (t == null ? void 0 : t.x) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), dc = (r, t, e, a) => ({
+}), hc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + (t == null ? void 0 : t.y) * a
-}), Ac = (r, t, e, a) => ({
+}), mc = (r, t, e, a) => ({
   x: r.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: r.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * a
 }), bt = (r) => {
@@ -5403,7 +5422,7 @@ const Q = () => {
     case H.Southwest:
       return H.Northwest;
   }
-}, uc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, hc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, gc = (r, t) => t > 45 && t <= 135 ? bt(r) : t > 135 && t <= 225 ? bt(bt(r)) : t > 225 && t <= 315 ? bt(bt(bt(r))) : r, fc = (r, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const a = gt(r.rotation), n = {
     x: t.x + r.x * e.x,
     y: t.x + r.y * e.y
@@ -5421,19 +5440,19 @@ const Q = () => {
     y: o.y - r.height * e.y / 2
   };
   return {
-    a: ne(n, l, a),
-    b: ne(i, l, a),
-    c: ne(s, l, a),
-    d: ne(o, l, a),
+    a: re(n, l, a),
+    b: re(i, l, a),
+    c: re(s, l, a),
+    d: re(o, l, a),
     center: l
   };
-}, ne = (r, t, e) => {
+}, re = (r, t, e) => {
   const a = Math.sin(e), n = Math.cos(e);
   return {
     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, Fn = (r) => {
+}, pc = 0.352778, Cc = 0.035277, Fn = (r) => {
   const t = r.rotation || 0, e = gt(t), a = Math.cos(e), n = -Math.sin(e);
   return /* @__PURE__ */ x("g", { mask: r.stepName || r.productOverlay ? void 0 : r.mask, children: /* @__PURE__ */ x(
     "g",
@@ -5641,7 +5660,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
         const a = An(r), n = Je(a);
         return aa(r, n), n;
       } else {
-        const a = await Be(r, !0), n = Je(a);
+        const a = await be(r, !0), n = Je(a);
         return aa(r, n), await br(n, r), n;
       }
     }
@@ -5658,7 +5677,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
 }, aa = (r, t) => {
   const e = new Oi(t);
   return kn.set(r, e), e;
-}, fc = async (r) => {
+}, wc = 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;
@@ -5694,17 +5713,17 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     h.appendChild(F);
   }
   return e.querySelectorAll("text").forEach((d) => d.remove()), Et().serializeToString(a);
-}, fe = (r, t, e, a) => Math.max(Gi(r.join(`
+}, pe = (r, t, e, a) => Math.max(Gi(r.join(`
 `), e, a), t), Ra = (r, t, e, a, n, i) => {
   const s = (i || Ca) * n.getApproximateHeight(), o = t.split(`
 `);
   try {
-    const l = o.flatMap((d) => le(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
+    const l = o.flatMap((d) => ce(d, r.width, a, n)), c = l.flatMap((d) => d.lines);
     return {
       lines: c,
       requiredHeight: l.flatMap((d) => d.lines).length * (a * s),
       fontSize: e,
-      requiredWidth: fe(c, r.width, a, n)
+      requiredWidth: pe(c, r.width, a, n)
     };
   } catch {
     const c = t.split("");
@@ -5712,17 +5731,17 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
       lines: c,
       requiredHeight: c.length * (a * s),
       fontSize: e,
-      requiredWidth: fe(c, r.width, a, n)
+      requiredWidth: pe(c, r.width, a, n)
     };
   }
-}, le = (r, t, e, a) => {
+}, ce = (r, t, e, a) => {
   const n = ht(r, e, a);
   if (n <= t)
     return { lines: [r], width: n };
   if (!(r.indexOf(" ") > -1)) {
     if (r.length <= 1)
       throw new Error(`Character ${r} is wider than region`);
-    const d = Math.floor(r.length / 2), A = le(r.slice(0, d), t, e, a), u = le(r.slice(d), t, e, a);
+    const d = Math.floor(r.length / 2), A = ce(r.slice(0, d), t, e, a), u = ce(r.slice(d), t, e, a);
     return { lines: [...A.lines, ...u.lines], width: Math.max(A.width, u.width) };
   }
   const s = r.split(" "), o = [];
@@ -5730,7 +5749,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   for (; c < s.length; ) {
     const d = s[c];
     if (ht(d, e, a) > t) {
-      const A = le(d, t, e, a);
+      const A = ce(d, t, e, a);
       o.push(...A.lines), l = Math.max(l, A.width), c++;
     } else {
       const A = [d];
@@ -5761,14 +5780,14 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
     return {
       lines: o,
       requiredHeight: t.height,
-      requiredWidth: fe(o, t.width, s, n),
+      requiredWidth: pe(o, t.width, s, n),
       fontSize: t.fontSize
     };
   const l = t.width !== e.width != (t.height !== e.height);
   return t.lineHeight === e.lineHeight && !l && e.input === r ? {
     lines: o,
     requiredHeight: t.height,
-    requiredWidth: fe(o, t.width, s, n),
+    requiredWidth: pe(o, t.width, s, n),
     fontSize: $i(o, n, i, t.width, t.height, a)
   } : Ra(t, r, t.fontSize, s, n, a);
 }, zi = (r, t, e, a, n) => {
@@ -5803,7 +5822,7 @@ const Ui = (r) => r.substring(0, 5).toLowerCase().trim() === "data:", Oe = /* @_
   stripControlCharacters: !0,
   vertical: !1,
   uppercase: !1
-}, pe = (r, t = Oa) => {
+}, Ce = (r, t = Oa) => {
   const e = { ...Oa, ...t };
   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(`
@@ -6143,7 +6162,7 @@ const Zt = (r) => {
   if (!e.asset)
     throw new Error(`No asset for variant with ID: ${r.frameVariantId}`);
   return e;
-}, Fe = async (r) => {
+}, xe = async (r) => {
   if (Le.has(r))
     return Le.get(r);
   const e = (async () => {
@@ -6214,7 +6233,7 @@ const Zt = (r) => {
     };
     return At.set(r, s), s;
   } else {
-    const a = await Be(r, !0), n = await Ie(a), i = {
+    const a = await be(r, !0), n = await De(a), i = {
       src: r,
       width: n.width,
       height: n.height,
@@ -6300,7 +6319,7 @@ const Zt = (r) => {
     o.height = o.width / p, o.top += (h - o.height) / 2;
   }
   if (e && t === T.Image) {
-    const l = o.height, c = await Be(e), d = await Ie(c), A = d.width / d.height;
+    const l = o.height, c = await be(e), d = await De(c), A = d.width / d.height;
     o.height = o.width / A, o.top += (l - o.height) / 2;
   }
   if (e && t === T.Textbox && (a != null && a.text) && (a != null && a.fontScale)) {
@@ -6310,9 +6329,9 @@ const Zt = (r) => {
   }
   return o;
 };
-class pc {
+class yc {
   static async getFrame(t, e) {
-    const a = await Nn(e.region, e.src), n = await Fe(a), i = e.region || await Ut(t, T.Frame);
+    const a = await Nn(e.region, e.src), n = await xe(a), i = e.region || await Ut(t, T.Frame);
     return {
       id: Q(),
       x: i.left,
@@ -6359,7 +6378,7 @@ class pc {
     const { configuration: a, fontSrc: n, designInputStep: i } = e, s = await Tt(n), o = {
       assetUrl: n,
       name: s.names.fullName.en
-    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = pe(c, {
+    }, l = (i == null ? void 0 : i.text) || a.defaultText || "", c = a.replaceableText ? a.replaceableText.replace("{{}}", l) : l, d = Ce(c, {
       vertical: a.vertical,
       uppercase: a.uppercase
     }), A = e.region || await Ut(t, T.Textbox, n, {
@@ -6556,7 +6575,7 @@ class $a extends R {
     };
   }
 }
-class Cc extends R {
+class Sc extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.x = e, this.y = a;
   }
@@ -6579,7 +6598,7 @@ class Cc extends R {
     };
   }
 }
-class wc extends R {
+class vc extends R {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -6601,7 +6620,7 @@ class wc extends R {
     };
   }
 }
-class yc extends R {
+class Ec extends R {
   constructor(t, e, a) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(a);
   }
@@ -6913,7 +6932,7 @@ class as extends R {
     };
   }
 }
-class Sc extends R {
+class Bc extends R {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
@@ -7032,7 +7051,7 @@ class rs extends R {
     };
   }
 }
-class vc extends R {
+class bc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7061,7 +7080,7 @@ class vc extends R {
     };
   }
 }
-class Ec extends R {
+class Ic extends R {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -7092,7 +7111,7 @@ class Ec extends R {
     };
   }
 }
-class Bc extends R {
+class Dc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7119,7 +7138,7 @@ class Bc extends R {
     };
   }
 }
-class bc extends R {
+class Pc extends R {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7157,7 +7176,7 @@ class za {
       if (this.configuration.type === D.ProductOverlay) {
         let u = "";
         if ((l = this.product) != null && l.overlayImageUrl && (u = this.product.overlayImageUrl), s = u, !u)
-          throw new ge(this.configuration, "Couldn't find an asset for product overlay step");
+          throw new fe(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const o = this.evaluateAssetType();
       if (o === T.Image) {
@@ -7228,7 +7247,7 @@ class za {
   }
   async trigger() {
     if (!this.configuration.data.regions)
-      throw new ge(this.configuration, "Missing regions.");
+      throw new fe(this.configuration, "Missing regions.");
     if (this.configuration.type === D.SilentIllustration) {
       const t = this.configuration.data.regions.map(this.processRegion);
       return Promise.all(t);
@@ -7258,7 +7277,7 @@ const is = async (r) => {
       }
     })).json()).shortUrl;
   } catch (e) {
-    throw console.error(e), new Ee("Failed to shorten URL, see console.");
+    throw console.error(e), new Be("Failed to shorten URL, see console.");
   }
 };
 class Ln {
@@ -7331,10 +7350,10 @@ class ss {
     l.searchParams.append("video", btoa(JSON.stringify([s]))), l.pathname = l.pathname + (l.pathname.slice(-1) === "/" ? "" : "/");
     const c = l.toString();
     if (c.length >= 2e3)
-      throw new Ee("Cannot create QR code, URL too long.");
+      throw new Be("Cannot create QR code, URL too long.");
     const d = await is(c);
     if (!n.data || !n.data.regions)
-      throw new ge(n, "Missing regions.");
+      throw new fe(n, "Missing regions.");
     const A = await this.regionElements(n), u = await this.command(d, A, a, n.stepName);
     return u && (u.command && a.getCommandDispatcher()(u.command), u.followup && await u.followup()), await a.setSelectionsAndElements(n.stepName, [], A, async () => {
       a.updateStorage(n.stepName, {
@@ -7377,7 +7396,7 @@ class ss {
   }
 }
 const $n = new ss();
-class Ce {
+class we {
   constructor() {
     this.frameSourceSvg = async (t, e) => {
       if (!t)
@@ -7491,7 +7510,7 @@ class Ce {
   }
   selectImage(t, e, a, n = !0) {
     var l;
-    const i = Ce.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
+    const i = we.patternSource(e), s = (l = a.getStepStorage(t.stepName)) == null ? void 0 : l.framePatternSrc;
     if (s && s === i)
       return Promise.resolve();
     a.setEditedStatus(t.stepName, !0);
@@ -7512,7 +7531,7 @@ class Ce {
             });
           },
           () => {
-            throw new Ee("Failed to resolve transcoded PDF");
+            throw new Be("Failed to resolve transcoded PDF");
           }
         )
       );
@@ -7574,7 +7593,7 @@ class Ce {
       };
       At.set(t, A), e.setPatternData(A, a);
     } else {
-      const s = await Be(t, !0), o = await Ie(s), l = {
+      const s = await be(t, !0), o = await De(s), l = {
         src: t,
         width: o.width,
         height: o.height,
@@ -7668,7 +7687,7 @@ class Ce {
     i && i(!0);
     const c = t.data.initialZoomLevel, d = await Promise.all(
       t.data.regions.map(async (m, g) => {
-        const f = await Fe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
+        const f = await xe(l[g]), p = o.getImageData(), C = a.map((I) => new vt(I.id)), w = p ? Sa(
           p,
           f,
           c && !t.data.forceImageCover ? { scale: c } : void 0,
@@ -7736,7 +7755,7 @@ class Ce {
   }
   async loadPatternFromAsset(t, e, a, n) {
     var c, d;
-    const i = Ce.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
+    const i = we.patternSource(t), s = a.markUpdatePending(), o = (c = a.getWorkflowExperience().getStepById(e.stepName)) == null ? void 0 : c.frameService;
     if (!o)
       throw a.markUpdateCompleted(s), new Error("Frame service unavailable, cannot load pattern!");
     try {
@@ -7763,7 +7782,7 @@ class Ce {
     ), this.validateColorCount(e, a);
   }
 }
-const pt = new Ce();
+const pt = new we();
 class os {
   async getIllustrationBody(t) {
     return new Promise((e) => {
@@ -7928,7 +7947,7 @@ class os {
   async selectVariantCommand(t, e, a, n, i) {
     var p;
     if (!t.data || !t.data.regions)
-      throw new ge(t, "Missing regions.");
+      throw new fe(t, "Missing regions.");
     n(!0);
     const s = a.map((C) => new vt(C.id));
     t.mandatory && i.setMandatoryFulfilled(t.stepName, !1);
@@ -8011,12 +8030,12 @@ class os {
     };
   }
 }
-const ce = new os();
+const de = new os();
 class ls {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new me(t);
+      throw new ge(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8034,7 +8053,7 @@ class ls {
       a.serializableWorkflow.steps
     ), o = Object.values(a.layouts).map((d) => d.elements).flat().filter((d) => d.stepName === t.stepName), l = t.option;
     if (!l)
-      throw new me(t);
+      throw new ge(t);
     if (n != null && n.selectedVariants) {
       const d = n.selectedVariants[0].id;
       if (d) {
@@ -8094,7 +8113,7 @@ class cs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new me(t);
+      throw new ge(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8466,7 +8485,7 @@ class hs {
   async init(t, e, a) {
     const n = t.option;
     if (!n)
-      throw new me(t);
+      throw new ge(t);
     if (a)
       await this.reload(t, e, a);
     else {
@@ -8665,7 +8684,7 @@ const gs = new ms(), Ge = (r, t, e, a, n) => {
     m || (c = !1);
   }
   return [null, null];
-}, de = (r, t, e, a, n) => {
+}, Ae = (r, t, e, a, n) => {
   let i, s;
   const o = St(t.assetUrl), l = o.getFont();
   if (n.size) {
@@ -8683,16 +8702,16 @@ const gs = new ms(), Ge = (r, t, e, a, n) => {
   const A = d / l.unitsPerEm;
   return [i, s] = Ge(e, a, d, A, o), [d, i, s];
 }, We = 30;
-class we extends Error {
+class ye extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = we.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = ye.name;
   }
 }
 const fs = ["‘", "’", "“", "”", `
 `];
-class ye extends Error {
+class Se extends Error {
   constructor(t) {
-    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = ye.name;
+    super(t), Object.setPrototypeOf(this, new.target.prototype), this.name = Se.name;
   }
 }
 class ps {
@@ -8906,7 +8925,7 @@ class ps {
   }
   getProcessedInput(t, e, a) {
     const n = a ? t : this.injectReplaceableText(t, e);
-    return pe(n, {
+    return Ce(n, {
       vertical: e.vertical,
       uppercase: e.uppercase
     });
@@ -8924,7 +8943,7 @@ class ps {
     for (const A of e) {
       if (!A.fontData)
         throw new z("Failed to resolve font data for text.");
-      const [u, h] = de(
+      const [u, h] = Ae(
         A.fontSize,
         A.fontData,
         { left: A.x, top: A.y, width: A.width, height: A.height, rotation: A.rotation, panelId: "" },
@@ -9119,7 +9138,7 @@ class ps {
       const h = s.getLayouts().find((f) => f.panelId === A.panelId), m = Q();
       try {
         if (!h)
-          throw new ye("Failed to find layout for region: " + A.panelId);
+          throw new Se("Failed to find layout for region: " + A.panelId);
         const f = a.colorOption;
         let p;
         if (f && f.variants) {
@@ -9158,7 +9177,7 @@ class ps {
         }, S = [], B = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
         if (!v.fontData)
           throw new z("Failed to resolve font data for text.");
-        const [I, P] = de(
+        const [I, P] = Ae(
           v.fontSize,
           v.fontData,
           {
@@ -9186,10 +9205,10 @@ class ps {
           fontData: n
         };
       } catch (f) {
-        throw console.log(f), new we("Error adding font to region");
+        throw console.log(f), new ye("Error adding font to region");
       }
     }, d = await Promise.all(a.regions.map(c)).catch((A) => {
-      throw A instanceof we ? (gs.setLatestToast("Failed to load font.", Me.Error), A) : A instanceof ye ? A : new Error(A);
+      throw A instanceof ye ? (gs.setLatestToast("Failed to load font.", Me.Error), A) : A instanceof Se ? A : new Error(A);
     });
     return await s.setSelectionsAndElements(
       t,
@@ -9219,7 +9238,7 @@ class ps {
     const A = (n || "").replace(/^(?![\u000A\u000D])[\u0000-\u001F\u007F-\u009F]/g, ""), u = this.getProcessedInput(A, t.data, o), h = s.getRegionElements(t.stepName), m = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
     for (const v of h)
       if (v.region) {
-        const [S, B] = de(
+        const [S, B] = Ae(
           e,
           a,
           v.region,
@@ -9273,13 +9292,13 @@ const ws = "data:application/octet-stream;base64,AAEAAAAPAIAAAwBwRkZUTYdHeHoAAEl
   const e = tt("rect");
   return e.setAttribute("height", `${r}`), e.setAttribute("width", `${t}`), e;
 }, Ss = (r, t, e, a) => {
-  const n = te("filter");
+  const n = ee("filter");
   n.setAttribute("id", a), n.setAttribute("height", "200%"), n.setAttribute("width", "200%"), n.setAttribute("x", "-50%"), n.setAttribute("y", "-50%");
-  const i = te("feOffset");
+  const i = ee("feOffset");
   n.appendChild(i), i.setAttribute("result", "offOut"), i.setAttribute("in", "SourceAlpha"), i.setAttribute("dx", `${r}`), i.setAttribute("dy", `${t}`);
-  const s = te("feGaussianBlur");
+  const s = ee("feGaussianBlur");
   n.appendChild(s), s.setAttribute("result", "blurOut"), s.setAttribute("in", "offOut"), s.setAttribute("stdDeviation", `${e}`);
-  const o = te("feBlend");
+  const o = ee("feBlend");
   return n.appendChild(o), o.setAttribute("in", "SourceGraphic"), o.setAttribute("in2", "blurOut"), o.setAttribute("mode", "normal"), n;
 }, vs = (r) => {
   let t = r;
@@ -9458,7 +9477,7 @@ async function Hn(r) {
     return new Is();
   throw new z(`Failed to resolve Module, Module ${r} not found`);
 }
-const xe = y`
+const te = y`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -9481,7 +9500,7 @@ const xe = y`
         }
     }
 `, Ds = y`
-    ${xe}
+    ${te}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
             id
@@ -9491,7 +9510,7 @@ const xe = y`
         }
     }
 `, Ps = y`
-    ${xe}
+    ${te}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
             id
@@ -9502,7 +9521,7 @@ const xe = y`
     }
 `;
 y`
-    ${xe}
+    ${te}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
             id
@@ -9513,7 +9532,7 @@ y`
     }
 `;
 const Fs = y`
-    ${De}
+    ${Pe}
     fragment ProductFields on Product {
         id
         basePrice
@@ -9626,7 +9645,7 @@ const Fs = y`
         }
     }
 `, xs = (r) => y`
-    ${xe}
+    ${te}
     ${ke(r)}
     query GetBundle($id: String!) {
         globalPropertyState(bundleId: $id) {
@@ -9806,6 +9825,7 @@ const Fs = y`
         }
     }
 `, Rs = (r) => y`
+    ${te}
     ${ke(r)}
     mutation DuplicateBundle(
         $id: String!
@@ -10566,7 +10586,7 @@ class eo {
             break;
           case D.Illustration:
             a.push(
-              ce.init(l, this, this.reloadedState)
+              de.init(l, this, this.reloadedState)
             );
             break;
           case D.Material:
@@ -10888,7 +10908,7 @@ class ao extends rt {
    */
   async selectVariant(t) {
     if (!this.getUpdateState() && this.getCurrentVariant() !== t)
-      return ce.selectVariant(
+      return de.selectVariant(
         this.step,
         t.getResource(),
         this.manager.getRegionElements(this.step.stepName) || [],
@@ -10934,7 +10954,7 @@ class ao extends rt {
         const d = c.id.replace(/\W/g, "");
         a ? n.set(d, { browserValue: e, pmsValue: a }) : n.set(d, e);
       }
-    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), ce.changeColors(
+    }) : a ? n.set(t, { browserValue: e, pmsValue: a }) : n.set(t, e), de.changeColors(
       this.step,
       this.manager.getRegionElements(this.step.stepName),
       this.manager,
@@ -10946,7 +10966,7 @@ class ao extends rt {
     return this.step.data.colorOption;
   }
   getAvailableColors() {
-    return this.step.data.colorPickerEnabled ? ce.availableColors(this.step, this.manager) : Promise.resolve([]);
+    return this.step.data.colorPickerEnabled ? de.availableColors(this.step, this.manager) : Promise.resolve([]);
   }
   isColorPickerEnabled() {
     return this.step.data.colorPickerEnabled ?? !1;
@@ -11360,7 +11380,7 @@ class uo extends rt {
     });
   }
 }
-class re {
+class ie {
   static get(t, e) {
     switch (e.type) {
       case D.DigitalContent:
@@ -11382,7 +11402,7 @@ class re {
       case D.Model:
         return new ro(t, e, t.getStepTags(e.stepName));
       case D.Frame:
-        return new Cl(t, e, t.getStepTags(e.stepName));
+        return new Sl(t, e, t.getStepTags(e.stepName));
       case D.Module:
         return new uo(t, e, t.getStepTags(e.stepName));
       default:
@@ -11462,14 +11482,14 @@ const Yn = y`
         }
     }
 `;
-function Se(r) {
+function ve(r) {
   const t = JSON.parse(atob(r.split(".")[1])).exp;
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= t;
 }
 const go = async (r) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([l, c]) => l.startsWith("CognitoIdentityServiceProvider") && l.endsWith("idToken"))) == null ? void 0 : s[0]) || "", a = localStorage.getItem(e), n = {};
-  return a && !Se(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
+  return a && !ve(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
     mutation: ho,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -11490,7 +11510,7 @@ const go = async (r) => {
 }, fo = async (r) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([l, c]) => l.startsWith("CognitoIdentityServiceProvider") && l.endsWith("idToken"))) == null ? void 0 : s[0]) || "", a = localStorage.getItem(e), n = {};
-  return a && !Se(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
+  return a && !ve(a) && (n.Authorization = `Bearer ${a}`), (o = (await b.getShadowGraphqlClient().mutate({
     mutation: mo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
@@ -11649,7 +11669,7 @@ const go = async (r) => {
     const P = await (await ct(B)).blob();
     B = (await U.uploadAsset(
       { name: `${n.id}-preview-image.png`, blob: P },
-      ue.Image,
+      he.Image,
       !0,
       !1
     )).fileLink;
@@ -12015,7 +12035,7 @@ class bo {
       height: d.layoutState.layout.height
     }, u = this.commandContext.getLayoutById(d.layoutState.layout.id), h = s.getContext("2d");
     if (!h)
-      throw new Ee("Failed to obtain 2D context for preview image creation");
+      throw new Be("Failed to obtain 2D context for preview image creation");
     const m = wa(u.layoutState.layout, u.layoutState.elements, {
       renderingConfiguration: {
         purpose: Gt.Print,
@@ -12040,7 +12060,7 @@ class bo {
     const a = this.cachedStepHandles.get(e.stepName);
     if (a)
       return a;
-    const n = re.get(this.getWorkflowManager(), e);
+    const n = ie.get(this.getWorkflowManager(), e);
     return this.cachedStepHandles.set(e.stepName, n), n;
   }
   getSteps() {
@@ -12144,10 +12164,10 @@ class bo {
   getStepByName(t) {
     const e = this.getWorkflowManager().getWorkflow().steps.find((a) => a.stepTitle === t);
     if (!(!e || !this.stepHasHandle(e)))
-      return re.get(this.getWorkflowManager(), e);
+      return ie.get(this.getWorkflowManager(), e);
   }
   getStepsByType(t) {
-    return this.getWorkflowManager().getWorkflow().steps.filter((e) => e.type === t).map((e) => re.get(this.getWorkflowManager(), e));
+    return this.getWorkflowManager().getWorkflow().steps.filter((e) => e.type === t).map((e) => ie.get(this.getWorkflowManager(), e));
   }
   getStepsByScene(t) {
     if (!this.getWorkflowManager().getWorkflow().stepGroups.find((a) => a.name === t.name))
@@ -12156,7 +12176,7 @@ class bo {
       );
     return t.stepIds.map(
       (a) => this.getWorkflowManager().getWorkflow().steps.find((n) => n.stepName === a)
-    ).filter((a) => this.stepHasHandle(a)).map((a) => re.get(this.getWorkflowManager(), a));
+    ).filter((a) => this.stepHasHandle(a)).map((a) => ie.get(this.getWorkflowManager(), a));
   }
   async attachCustomerDetails(t) {
     return this.assignCustomerDetails({ emailAddress: t.email });
@@ -12367,7 +12387,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 Fe(d), u = Q(), h = r.find((f) => f.panelId === c.panelId);
+      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);
       if (!h)
         throw new Y(c);
       const m = Sa(
@@ -12705,7 +12725,7 @@ const Io = [
       assetUrl: f,
       name: p.names.fullName.en
     };
-  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = pe(A, {
+  })(), A = (a.data.replaceableText ? a.data.replaceableText.replace("{{}}", i.text) : i.text) || "", u = Ce(A, {
     vertical: a.data.vertical,
     uppercase: a.data.uppercase
   }), h = async (f) => {
@@ -12741,12 +12761,12 @@ const Io = [
       y: f.top
     };
     if (d) {
-      const [w, v] = de(
+      const [w, v] = Ae(
         a.data.size || s,
         d,
         f,
         [
-          pe(u, {
+          Ce(u, {
             vertical: a.data.vertical,
             uppercase: a.data.uppercase
           })
@@ -12999,7 +13019,7 @@ class Vo extends Dn {
     u.resize(l, c), await u.render(), this.onRender();
   }
 }
-const Ic = (r, t) => {
+const Fc = (r, t) => {
   const e = [];
   return r.forEach((a) => {
     const n = t.steps.find((i) => i.stepName === a.stepName);
@@ -13010,7 +13030,7 @@ const Ic = (r, t) => {
       }
     });
   }), e;
-}, Dc = async (r, t, e, a) => {
+}, xc = async (r, t, e, a) => {
   let n = {
     serializableWorkflow: { steps: [] },
     layouts: {}
@@ -13805,7 +13825,83 @@ class Ho {
     };
   }
 }
-class qo {
+const qo = y`
+    query GetManyMetafields($entityIds: [String!]!) {
+        metafieldsMany(entityIds: $entityIds) {
+            id
+            value
+            metafieldConfiguration {
+                id
+                name
+            }
+        }
+    }
+`;
+class Yo {
+  constructor() {
+    this.internalMap = /* @__PURE__ */ new Map();
+  }
+  /**
+   * Givena  specific entity, request the given keys for that entity.
+   * This will first check if the keys are already present in the internal map, and if not, it will fetch them from the server.
+   * @param entityId The entity to check.
+   * @param keys The keys to look for.
+   * @returns Returns map of keys and values for the given entity. Missing keys will not be present. Use map.has() to check if a key was present.
+   */
+  async requestKeysForEntity(t, e) {
+    const a = /* @__PURE__ */ new Map();
+    return await this.ensureIdsArePresent(e), e.forEach((n) => {
+      const i = this.requestKeyForEntityIfAvailable(t, n);
+      i && a.set(n, i);
+    }), a;
+  }
+  async ensureIdsArePresent(t) {
+    if (t.every((a) => this.internalMap.has(a)))
+      return;
+    const e = await b.getShadowGraphqlClient().query({
+      query: qo,
+      errorPolicy: "all",
+      variables: {
+        entityIds: t.filter((a) => !this.internalMap.has(a))
+      }
+    });
+    t.forEach((a, n) => {
+      const i = e.data.metafieldsMany[n];
+      this.internalMap.set(
+        a,
+        i.map((s) => ({ key: s.metafieldConfiguration.name, value: s.value }))
+      );
+    });
+  }
+  /**
+   * Returns a metafield for this product if available. Fetching from the server if not available locally.
+   * @param entityId The entity to request a field for.
+   * @param key The field name to request
+   * @returns A promise resolving to the field if available or undefined if not.
+   */
+  async requestKeyForEntity(t, e) {
+    if (!this.internalMap.has(t))
+      return;
+    let a = this.internalMap.get(t);
+    const n = a.find((i) => i.key === e);
+    return n || (await this.ensureIdsArePresent([t]), a = this.internalMap.get(t)), n ? JSON.parse(n.value) : void 0;
+  }
+  /**
+   * Returns a metafield for this product if available. Checks locally only, use ensureIdsArePresent to fetch first from the server.
+   * @param entityId The entity to request a field for.
+   * @param key The field name to request
+   * @returns A promise resolving to the field if available or undefined if not.
+   */
+  requestKeyForEntityIfAvailable(t, e) {
+    if (!this.internalMap.has(t))
+      return;
+    const n = this.internalMap.get(t).find((i) => i.key === e);
+    if (n)
+      return JSON.parse(n.value);
+  }
+}
+const Jo = new Yo();
+class Ko {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
     const e = this.collection.productCollectionProducts;
@@ -13841,14 +13937,14 @@ class qo {
   getProducts() {
     if (!this.collection.productCollectionProducts)
       throw new Error("Failed to find products on collection. Ensure you fetch them first!");
-    return this.collection.productCollectionProducts.filter((t) => !!t.product).map((t) => new ie(t));
+    return this.collection.productCollectionProducts.filter((t) => !!t.product).map((t) => new se(t));
   }
   /**
    * A list of products in this collections with useful helpers for interacting with them.
    */
   async fetchProducts(t) {
     if (this.fullFetched)
-      return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new ie(a));
+      return this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new se(a));
     const e = await b.getShadowGraphqlClient().query({
       query: Ms,
       variables: {
@@ -13857,7 +13953,7 @@ class qo {
       },
       errorPolicy: "all"
     });
-    return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new ie(a));
+    return t || (this.fullFetched = !0), this.collection.productCollectionProducts = e.data.productCollections[0].productCollectionProducts || [], this.collection.productCollectionProducts.filter((a) => !!a.product).map((a) => new se(a));
   }
   /**
    * Returns a list of collections products matching the associated metafield filters.
@@ -13913,13 +14009,13 @@ class qo {
       errorPolicy: "all"
     });
     return {
-      items: ((l = (o = (s = n == null ? void 0 : n.data) == null ? void 0 : s.productCollections) == null ? void 0 : o[0].productCollectionProductsFeed) == null ? void 0 : l.items.filter((u) => !!u.product).map((u) => new ie(u))) || [],
+      items: ((l = (o = (s = n == null ? void 0 : n.data) == null ? void 0 : s.productCollections) == null ? void 0 : o[0].productCollectionProductsFeed) == null ? void 0 : l.items.filter((u) => !!u.product).map((u) => new se(u))) || [],
       total: ((A = (d = (c = n == null ? void 0 : n.data) == null ? void 0 : c.productCollections) == null ? void 0 : d[0].productCollectionProductsFeed) == null ? void 0 : A.total) ?? 0
     };
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Yo(this.collection.transformCollection);
+      return new _o(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -13928,7 +14024,7 @@ class qo {
     return this.collection;
   }
 }
-class ie {
+class se {
   constructor(t) {
     this.product = t.product, this.productResource = t;
   }
@@ -14055,6 +14151,14 @@ class ie {
       }
     ), (o = a == null ? void 0 : a.additionalIntegrationProduct) != null && o.product ? e + (a.additionalIntegrationProduct.product.basePrice || 0) : e;
   }
+  /**
+   * Requests a set of metafields for this product. Metafields that are not available locally will be fetched from the server.
+   * @param keys The set of metafield keys to request.
+   * @returns A map of metafield key to value. Any unavailable keys will not be present in the map. use map.has() to check if a key is present.
+   */
+  async RequestMetafields(t) {
+    return Jo.requestKeysForEntity(this.product.id, t);
+  }
 }
 class zt {
   constructor(t) {
@@ -14080,7 +14184,7 @@ class zt {
     return this.workflow.imageUrl;
   }
 }
-class Yo {
+class _o {
   constructor(t) {
     this.collection = t;
   }
@@ -14100,10 +14204,10 @@ class Yo {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new Jo(t));
+    return this.collection.transforms.map((t) => new Xo(t));
   }
 }
-class Jo {
+class Xo {
   constructor(t) {
     this.transform = t;
   }
@@ -14130,7 +14234,7 @@ class Jo {
     };
   }
 }
-const Ko = y`
+const Zo = y`
     mutation AddAddressToBundle(
         $bundleId: String!
         $streetAddress: String
@@ -14152,21 +14256,21 @@ const Ko = y`
             id
         }
     }
-`, _o = y`
+`, tl = y`
     mutation AddOrganizationToBundle($bundleId: String!, $organizationName: String!) {
         organizationAttachToBundle(bundleId: $bundleId, organizationName: $organizationName) {
             id
         }
     }
-`, Xo = y`
+`, el = y`
     mutation GenerateQuoteId($id: String!) {
         bundleGenerateQuoteId(id: $id) {
             id
             quoteId
         }
     }
-`, Zo = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlobalPropertyAspects(t).includes(e) && n.getType() === a), tl = (r, t, e) => {
-  const n = Zo(
+`, al = (r, t, e, a) => r.flatMap((n) => n.getSteps()).filter((n) => n.getGlobalPropertyAspects(t).includes(e) && n.getType() === a), nl = (r, t, e) => {
+  const n = al(
     r,
     t,
     e,
@@ -14220,7 +14324,7 @@ class He {
   async generateQuoteId() {
     var a, n;
     const e = (n = (a = (await b.getShadowGraphqlClient().mutate({
-      mutation: Xo,
+      mutation: el,
       variables: {
         id: this.id
       },
@@ -14232,7 +14336,7 @@ class He {
   }
   async attachAddress(t, e, a, n, i, s) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: Ko,
+      mutation: Zo,
       variables: {
         bundleId: this.id,
         streetAddress: t || void 0,
@@ -14249,7 +14353,7 @@ class He {
   }
   async attachOrganization(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: _o,
+      mutation: tl,
       variables: {
         bundleId: this.id,
         organizationName: t
@@ -14323,7 +14427,7 @@ class He {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new qo(this.productCollection) : void 0;
+    return this.productCollection ? new Ko(this.productCollection) : void 0;
   }
   async initializeAdditionalRequiredColorChannels(t) {
     var e, a, n, i;
@@ -14334,7 +14438,7 @@ class He {
           (d) => d.name === l
         );
         if (c && c.type === et.ColorOption) {
-          const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = tl(
+          const d = (a = s.getCurrentVariant()) == null ? void 0 : a.getAssetResource(), A = ((n = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : n.channelNumbers) || [], u = ((i = d == null ? void 0 : d.assetConfiguration) == null ? void 0 : i.defaultColorVariants) || [], h = nl(
             this.getWorkflowExperiences(),
             this.globalConfigurationPropertyId || "",
             l
@@ -14526,7 +14630,7 @@ class He {
       variables: {
         id: this.id,
         details: t,
-        type: e || he.Owner
+        type: e || me.Owner
       },
       context: {
         bundleOwnerId: this.ownerId
@@ -14834,14 +14938,14 @@ class He {
     };
   }
 }
-const el = y`
+const rl = y`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class al {
+class il {
   /**
    *
    * @param id
@@ -14852,7 +14956,7 @@ class al {
   async execute(t, e, a) {
     var A, u, h;
     const i = (u = (A = (await b.getShadowGraphqlClient().mutate({
-      mutation: el,
+      mutation: rl,
       variables: {
         processFlowId: t,
         inputs: [...e.map((m) => m.getValueForTransmission())]
@@ -14894,7 +14998,7 @@ class al {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (m.completedAt) {
-        o = !0, d = new nl(m);
+        o = !0, d = new sl(m);
         break;
       }
       l += 1;
@@ -14908,7 +15012,7 @@ class al {
     return Promise.resolve(d);
   }
 }
-class nl {
+class sl {
   constructor(t) {
     this.execution = t;
   }
@@ -14922,14 +15026,14 @@ class nl {
    * @returns The nodes contained within the execution.
    */
   getNodes() {
-    return this.execution.nodes.map((t) => new se(t));
+    return this.execution.nodes.map((t) => new oe(t));
   }
   /**
    * @param type The type of node to return.
    * @returns A list of nodes matching the requested type.
    */
   getNodesByType(t) {
-    return this.execution.nodes.filter((e) => e.type === t).map((e) => new se(e));
+    return this.execution.nodes.filter((e) => e.type === t).map((e) => new oe(e));
   }
   /**
    * @returns A list of input nodes that exist in this execution.
@@ -14938,7 +15042,7 @@ class nl {
     return this.execution.nodes.filter(
       (t) => t.type === "StartTerminal"
       /* StartTerminal */
-    ).map((t) => new se(t));
+    ).map((t) => new oe(t));
   }
   /**
    * @returns A list of out put nodes that exist in this execution.
@@ -14947,7 +15051,7 @@ class nl {
     return this.execution.nodes.filter(
       (t) => t.type === "EndTerminal"
       /* EndTerminal */
-    ).map((t) => new se(t));
+    ).map((t) => new oe(t));
   }
   /**
    * @returns A date object representing the point in time this execution completed.
@@ -14964,7 +15068,7 @@ class nl {
       return new Date(this.execution.failedAt);
   }
 }
-class se {
+class oe {
   constructor(t) {
     this.node = t;
   }
@@ -14993,8 +15097,8 @@ class ba {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var rl = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(rl || {});
-class Pc extends ba {
+var ol = /* @__PURE__ */ ((r) => (r.Transaction = "Transaction", r.Bundle = "Bundle", r.Product = "Product", r.Variant = "Variant", r.Option = "Option", r.LineItem = "LineItem", r.Asset = "Asset", r))(ol || {});
+class kc extends ba {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -15009,7 +15113,7 @@ class Xn extends ba {
     return t.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 Fc extends ba {
+class Mc extends ba {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -15067,7 +15171,7 @@ const Ya = y`
             }
         }
     }
-`, il = y`
+`, ll = y`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -15077,7 +15181,7 @@ const Ya = y`
             }
         }
     }
-`, sl = y`
+`, cl = y`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -15107,11 +15211,11 @@ const Ya = y`
             }
         }
     }
-`, ol = y`
+`, dl = y`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, ll = y`
+`, Al = y`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -15142,7 +15246,7 @@ const Ya = y`
             }
         }
     }
-`, cl = y`
+`, ul = y`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -15160,7 +15264,7 @@ const Ya = y`
             }
         }
     }
-`, dl = async (r, t) => {
+`, hl = async (r, t) => {
   var n;
   const e = await b.getShadowGraphqlClient().query({
     query: Ei(((n = t == null ? void 0 : t.assets) == null ? void 0 : n.metadata) || !1),
@@ -15184,7 +15288,7 @@ const Ya = y`
       }), Ht.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), i.finalizeStepConfig || (i.finalizeStepConfig = {}), i.finalizeStepConfig.termsMarkdown = i.finalizeStepConfig.termsMarkdown || i.partner.termsMarkdown;
   }), a;
-}, Al = async (r, t) => {
+}, ml = async (r, t) => {
   const a = (await t).find((n) => n.id === r);
   if (!a)
     throw new Error(`Workflow not found: ${r}`);
@@ -15193,11 +15297,11 @@ const Ya = y`
   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);
-  const n = dl(a, t), i = a.map(
-    (o) => Ht.set({ id: o, options: t }, Al(o, n))
+  const n = hl(a, t), i = a.map(
+    (o) => Ht.set({ id: o, options: t }, ml(o, n))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(i));
-}, xc = async (r, t) => (await Zn([r], t))[0], ul = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
+}, Tc = async (r, t) => (await Zn([r], t))[0], gl = (r) => r.sort((t, e) => t.index - e.index).map((t) => ({
   id: Q(),
   panelId: t.name,
   name: t.name,
@@ -15211,11 +15315,11 @@ const Ya = y`
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), hl = (r, t) => {
+})), fl = (r, t) => {
   const e = r.workflowState, a = e ? JSON.parse(e) : void 0;
-  return a ? Object.values(a.layouts).map((n) => n.layout) : ul(t.panels);
+  return a ? Object.values(a.layouts).map((n) => n.layout) : gl(t.panels);
 };
-class kc {
+class Qc {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -15226,7 +15330,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 && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.23.4"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && Fr(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.24.0-beta.81d49647-fa95-50b2-8ba8-0f5dc6ba986f"), 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();
@@ -15246,14 +15350,14 @@ class kc {
   getFlowService() {
     if (!xr())
       throw new Error("Application key required to use Flow Service.");
-    return new al();
+    return new il();
   }
   async getIntegration() {
     if (this.activeIntegration)
       return this.activeIntegration;
     if (!this.options.applicationKey)
       throw new Error("Cannot get current Integration without specifying an Application Key.");
-    return this.activeIntegration = ml(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = pl(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     var e;
@@ -15273,7 +15377,7 @@ class kc {
     var n, i;
     const e = k.getMap("bundleOwnerIds");
     if (e != null && e.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: he.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: me.Owner });
     const a = k.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     if (a.has(t)) {
       const s = a.get(t), l = (k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map()).get(s);
@@ -15322,7 +15426,7 @@ class kc {
       return Promise.resolve({ success: !1, transactionReadOnly: !0 });
     const s = k.getMap("transactionOwnerIds");
     if (s != null && s.has(t))
-      return Promise.resolve({ success: !0, stakeholderType: he.Owner });
+      return Promise.resolve({ success: !0, stakeholderType: me.Owner });
     const o = k.getMap("transactionCustomerIds");
     if (o != null && o.has(t)) {
       const f = o.get(t);
@@ -15402,7 +15506,7 @@ class kc {
     })).data.customer;
     if (!n.id) {
       const l = (s = (await e.mutate({
-        mutation: il,
+        mutation: ll,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -15437,7 +15541,7 @@ class kc {
     if (!n)
       return !1;
     const s = (o = (await e.mutate({
-      mutation: sl,
+      mutation: cl,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15452,7 +15556,7 @@ class kc {
    */
   async generateVerificationCode(t) {
     await b.getShadowGraphqlClient().mutate({
-      mutation: ol,
+      mutation: dl,
       variables: {
         emailAddress: t
       }
@@ -15467,7 +15571,7 @@ class kc {
   async verifyCode(t, e) {
     var i, s;
     const n = (i = (await b.getShadowGraphqlClient().mutate({
-      mutation: ll,
+      mutation: Al,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15491,7 +15595,7 @@ class kc {
     if (!((e = this.customer) != null && e.id))
       throw new Error("Customer must be logged in before calling this function.");
     return (await b.getShadowGraphqlClient().query({
-      query: cl,
+      query: ul,
       variables: {
         id: this.customer.id
       }
@@ -15535,7 +15639,7 @@ class kc {
   async getExistingBundle(t, e, a, n) {
     var f, p, C, w, v, S, B, E, I, P, F;
     const i = k.getMap("bundleOwnerIds"), s = i == null ? void 0 : i.get(t), l = ((f = Object.entries(localStorage).find(([M, N]) => M.startsWith("CognitoIdentityServiceProvider") && M.endsWith("idToken"))) == null ? void 0 : f[0]) || "", c = localStorage.getItem(l), d = {};
-    c && !Se(c) && (d.Authorization = `Bearer ${c}`);
+    c && !ve(c) && (d.Authorization = `Bearer ${c}`);
     const A = {
       bundleOwnerId: s,
       ...d,
@@ -15571,7 +15675,7 @@ class kc {
   async duplicateBundle(t, e, a, n) {
     var f, p, C, w, v, S, B, E;
     const i = (f = k.getMap("bundleOwnerIds")) == null ? void 0 : f.get(t), o = ((p = Object.entries(localStorage).find(([I, P]) => I.startsWith("CognitoIdentityServiceProvider") && I.endsWith("idToken"))) == null ? void 0 : p[0]) || "", l = localStorage.getItem(o), c = {};
-    l && !Se(l) && (c.Authorization = `Bearer ${l}`);
+    l && !ve(l) && (c.Authorization = `Bearer ${l}`);
     const d = {
       bundleOwnerId: i,
       ...c,
@@ -15757,7 +15861,7 @@ class kc {
         const G = JSON.parse(M.workflowState);
         V.layouts = Object.values(G.layouts || {}).map((nt) => nt.layout), await La(G), V.reloadedState = G;
       } else
-        V.layouts = hl(
+        V.layouts = fl(
           V.transaction,
           V.workflow
         );
@@ -15776,34 +15880,34 @@ class kc {
     const e = k.getMap("partnerCustomerIds") || /* @__PURE__ */ new Map();
     e.set(t.partner.id, t.id), k.setMap("partnerCustomerIds", e);
   }
-  async getIntegrationProductById(t) {
-    var i, s;
-    const n = (i = (await b.getShadowGraphqlClient().query({
-      query: gi,
+  async getIntegrationProductById(t, e) {
+    var s, o;
+    const i = (s = (await b.getShadowGraphqlClient().query({
+      query: gi(e),
       variables: {
         ids: [t]
       },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
-    })).data) == null ? void 0 : i.integrationProducts;
-    if (!n || n.length === 0 || !((s = n[0]) != null && s.id))
+    })).data) == null ? void 0 : s.integrationProducts;
+    if (!i || i.length === 0 || !((o = i[0]) != null && o.id))
       throw new Error("Integration product not found.");
-    return new qa(n[0]);
+    return new qa(i[0]);
   }
-  async getIntegrationProductFromExternalIds(t, e) {
-    var s;
-    const i = (s = (await b.getShadowGraphqlClient().query({
-      query: fi,
+  async getIntegrationProductFromExternalIds(t, e, a) {
+    var o;
+    const s = (o = (await b.getShadowGraphqlClient().query({
+      query: fi(a),
       variables: {
         externalProductId: e,
         externalIntegrationId: t
       },
       fetchPolicy: "no-cache",
       errorPolicy: "all"
-    })).data) == null ? void 0 : s.integrationProductFromExternalIds;
-    if (!(i != null && i.id))
+    })).data) == null ? void 0 : o.integrationProductFromExternalIds;
+    if (!(s != null && s.id))
       throw new Error("Integration product not found.");
-    return new qa(i);
+    return new qa(s);
   }
   async getIntegrationProduct(t) {
     return t.type === "integration" ? this.getIntegrationProductById(t.integrationProductId) : this.getIntegrationProductFromExternalIds(t.externalIntegrationId, t.externalProductId);
@@ -15841,7 +15945,7 @@ class kc {
     };
   }
 }
-const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
+const pl = async (r, t) => (await b.getShadowGraphqlClient().query({
   query: Di,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -15853,7 +15957,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
   variables: {
     themeConfigurationId: t
   }
-})).data.currentIntegration, Mc = async (r) => {
+})).data.currentIntegration, Nc = async (r) => {
   const e = await b.getShadowGraphqlClient().query({
     query: hi,
     errorPolicy: "all",
@@ -15864,7 +15968,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, Tc = async (r, t) => {
+}, Rc = async (r, t) => {
   var a;
   return (a = (await b.getShadowGraphqlClient().query({
     query: Ii,
@@ -15874,7 +15978,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, Qc = async (r) => {
+}, Oc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Fi,
@@ -15883,7 +15987,7 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
       id: r
     }
   })).data) == null ? void 0 : e.bundles) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
-}, Nc = async (r) => {
+}, Uc = async (r) => {
   var e, a, n;
   return (n = (a = (e = (await b.getShadowGraphqlClient().query({
     query: Pi,
@@ -15893,21 +15997,21 @@ const ml = async (r, t) => (await b.getShadowGraphqlClient().query({
     }
   })).data) == null ? void 0 : e.transactions) == null ? void 0 : a[0]) == null ? void 0 : n.marketplaceThemeInstallConfiguration;
 };
-function gl(r, t, e, a) {
+function Cl(r, t, e, a) {
   const n = e.width * r.zoom, i = e.height * r.zoom;
   if (a) {
     const o = r, l = Math.max(t.width / e.width, t.height / e.height);
     o.zoom = Math.max(l, r.zoom);
     const c = e.width * o.zoom, d = e.height * o.zoom;
-    return o.x = oe(r.x, t.width - c, 0), o.y = oe(r.y, t.height - d, 0), o;
+    return o.x = le(r.x, t.width - c, 0), o.y = le(r.y, t.height - d, 0), o;
   }
   const s = r;
-  return s.x = oe(s.x, -n, t.width), s.y = oe(s.y, -i, t.height), s;
+  return s.x = le(s.x, -n, t.width), s.y = le(s.y, -i, t.height), s;
 }
-function oe(r, t, e) {
+function le(r, t, e) {
   return Math.min(Math.max(r, t), e);
 }
-class fl {
+class wl {
   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 = {
       useThreshold: !1,
@@ -15929,7 +16033,7 @@ class fl {
         if (n.currentFrameSources) {
           let i = !1;
           for (let s = 0; s < n.currentFrameSources.length; s++) {
-            const o = n.currentFrameSources[s], l = await Fe(o), c = this.frameData ? this.frameData[s] : void 0;
+            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);
           }
           i && (this.onFrameDataChangeListeners.forEach(
@@ -16050,7 +16154,7 @@ class fl {
       return;
     }
     (!this.offsets || this.offsets.length !== this.frameData.length) && (this.offsets = new Array(this.frameData.length)), this.frameData.forEach((s, o) => {
-      this.offsets[o] = gl(t[o], s, this.imageData, this.forceImageCover);
+      this.offsets[o] = Cl(t[o], s, this.imageData, this.forceImageCover);
     }), this._debouncedUpdateFrameOffsets(
       this.offsets,
       n,
@@ -16129,7 +16233,7 @@ class fl {
     }), this._debouncedUpdateFrameOffsets(this.offsets, t, this.frameData, this.thresholdSettings));
   }
 }
-class Rc {
+class Lc {
   approveTransaction(t) {
     throw new Error("Method not implemented.");
   }
@@ -16288,12 +16392,12 @@ class Rc {
     return [];
   }
 }
-var pl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(pl || {});
-class Cl extends rt {
+var yl = /* @__PURE__ */ ((r) => (r.SelectFrame = "SelectFrame", r.SelectImage = "SelectImage", r.Position = "Position", r))(yl || {});
+class Sl extends rt {
   constructor(t, e, a) {
     super(t, e, a);
     const n = e.data;
-    this.frameService = new fl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
+    this.frameService = new wl(n.forceImageCover, n.initialZoomLevel), this.frameService.connectWorkflowManager(t, e.stepName);
   }
   selectVariant(t) {
     const e = this.manager.getRegionElements(this.step.stepName);
@@ -16462,7 +16566,7 @@ class Cl extends rt {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const wl = y`
+const vl = y`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
@@ -16505,21 +16609,21 @@ const wl = y`
             total
         }
     }
-`, yl = y`
+`, El = y`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, Sl = y`
+`, Bl = y`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, vl = y`
+`, bl = y`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -16532,7 +16636,7 @@ const wl = y`
             total
         }
     }
-`, El = y`
+`, Il = y`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -16553,21 +16657,21 @@ const wl = y`
             }
         }
     }
-`, Bl = y`
+`, Dl = y`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, bl = y`
+`, Pl = y`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, Il = y`
+`, Fl = y`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -16580,43 +16684,43 @@ const wl = y`
             total
         }
     }
-`, Oc = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
-  mutation: Bl,
+`, $c = async (r, t, e) => await b.getShadowGraphqlClient().mutate({
+  mutation: Dl,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   },
   context: e
-}), Uc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: yl,
+}), Vc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: El,
   errorPolicy: "all",
   variables: {
     id: r,
     name: t
   }
-}), Lc = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: bl,
+}), zc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Pl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), $c = async (r, t) => await b.getShadowGraphqlClient().mutate({
-  mutation: Sl,
+}), Gc = async (r, t) => await b.getShadowGraphqlClient().mutate({
+  mutation: Bl,
   errorPolicy: "all",
   variables: {
     id: r,
     template: t
   }
-}), Vc = async (r) => (await b.getShadowGraphqlClient().query({
-  query: wl,
+}), Wc = async (r) => (await b.getShadowGraphqlClient().query({
+  query: vl,
   errorPolicy: "all",
   variables: {
     email: r
   }
-})).data.customer, zc = async (r, t, e) => await b.getShadowGraphqlClient().query({
-  query: vl,
+})).data.customer, jc = async (r, t, e) => await b.getShadowGraphqlClient().query({
+  query: bl,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -16624,15 +16728,15 @@ const wl = y`
     offset: e,
     limit: t
   }
-}), Gc = async (r, t) => await b.getShadowGraphqlClient().query({
-  query: El,
+}), Hc = async (r, t) => await b.getShadowGraphqlClient().query({
+  query: Il,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: r
   },
   context: t
-}), Wc = async (r, t, e) => {
+}), qc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16656,7 +16760,7 @@ const wl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, jc = async (r, t, e) => {
+}, Yc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16680,7 +16784,7 @@ const wl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, Hc = async (r, t, e) => {
+}, Jc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
     query: Ia,
@@ -16700,10 +16804,10 @@ const wl = y`
     }
   });
   return ((n = a == null ? void 0 : a.data.customerTransactionsFeed) == null ? void 0 : n.items) || [];
-}, qc = async (r, t, e) => {
+}, Kc = async (r, t, e) => {
   var n;
   const a = await b.getShadowGraphqlClient().query({
-    query: Il,
+    query: Fl,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -16724,7 +16828,7 @@ const wl = y`
     console.error("vite-plugin-css-injected-by-js", t);
   }
 })();
-var Dl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(Dl || {}), Pl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(Pl || {}), K;
+var xl = /* @__PURE__ */ ((r) => (r.Manual = "Manual", r.OnStart = "OnStart", r.OnQuit = "OnQuit", r.OnEnd = "OnEnd", r))(xl || {}), kl = /* @__PURE__ */ ((r) => (r.Email = "Email", r.FirstName = "FirstName", r.LastName = "LastName", r.Phone = "Phone", r.Apartment = "Apartment", r.City = "City", r.Country = "Country", r.OrganizationName = "OrganizationName", r.PostCode = "PostCode", r.State = "State", r.StreetAddress = "StreetAddress", r.DesignName = "DesignName", r.PurchaseOrder = "PurchaseOrder", r.DispatchDate = "DispatchDate", r.Stakeholders = "Stakeholders", r))(kl || {}), K;
 K = { __e: function(r, t, e, a) {
   for (var n, i, s; t = t.__; )
     if ((n = t.__c) && !n.__)
@@ -16737,11 +16841,11 @@ 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;
-function Fl() {
+function Ml() {
   for (var r; r = tr.shift(); )
     if (r.__P && r.__H)
       try {
-        r.__H.__h.forEach(Ae), r.__H.__h.forEach(la), r.__H.__h = [];
+        r.__H.__h.forEach(ue), r.__H.__h.forEach(la), r.__H.__h = [];
       } catch (t) {
         r.__H.__h = [], K.__e(t, r.__v);
       }
@@ -16753,17 +16857,17 @@ K.__b = function(r) {
   var t = (st = r.__c).__H;
   t && (qe === st ? (t.__h = [], st.__h = [], t.__.forEach(function(e) {
     e.__N && (e.__ = e.__N), e.__V = Ye, e.__N = e.i = void 0;
-  })) : (t.__h.forEach(Ae), t.__h.forEach(la), t.__h = [])), qe = st;
+  })) : (t.__h.forEach(ue), t.__h.forEach(la), t.__h = [])), qe = st;
 }, 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) || xl)(Fl)), t.__H.__.forEach(function(e) {
+  t && t.__H && (t.__H.__h.length && (tr.push(t) !== 1 && Ja === K.requestAnimationFrame || ((Ja = K.requestAnimationFrame) || Tl)(Ml)), 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) {
   t.some(function(e) {
     try {
-      e.__h.forEach(Ae), e.__h = e.__h.filter(function(a) {
+      e.__h.forEach(ue), e.__h = e.__h.filter(function(a) {
         return !a.__ || la(a);
       });
     } catch (a) {
@@ -16777,20 +16881,20 @@ K.__b = function(r) {
   var t, e = r.__c;
   e && e.__H && (e.__H.__.forEach(function(a) {
     try {
-      Ae(a);
+      ue(a);
     } catch (n) {
       t = n;
     }
   }), e.__H = void 0, t && K.__e(t, e.__v));
 };
 var en = typeof requestAnimationFrame == "function";
-function xl(r) {
+function Tl(r) {
   var t, e = function() {
     clearTimeout(a), en && cancelAnimationFrame(t), setTimeout(r);
   }, a = setTimeout(e, 100);
   en && (t = requestAnimationFrame(e));
 }
-function Ae(r) {
+function ue(r) {
   var t = st, e = r.__c;
   typeof e == "function" && (r.__c = void 0, e()), st = t;
 }
@@ -16800,35 +16904,35 @@ function la(r) {
 }
 export {
   da as AddonHandle,
-  Fc as ArrayInput,
+  Mc as ArrayInput,
   et as AspectType,
   yt as AssetNotFoundError,
-  ue as AssetType,
-  Bc as BringForwardCommand,
-  Ec as BringToBackCommand,
-  vc as BringToFrontCommand,
+  he as AssetType,
+  Dc as BringForwardCommand,
+  Ic as BringToBackCommand,
+  bc as BringToFrontCommand,
   mr as BundleDesignCreationCartAddMode,
   R as CanvasCommand,
-  ie as CollectionProduct,
+  se as CollectionProduct,
   Ha as ColorOptionGlobalPropertyHandle,
   Ki as CommandContext,
-  Pl as ConversionDataType,
-  Dl as ConversionLocation,
+  kl as ConversionDataType,
+  xl as ConversionLocation,
   W as CreateElementCommand,
   Un as CreateLayoutCommand,
   vt as DeleteElementCommand,
   Ao as DigitalContentStepHandle,
   Go as FileUploadGlobalPropertyHandle,
-  se as FlowExecutionNodeResult,
-  nl as FlowExecutionResult,
-  al as FlowService,
+  oe as FlowExecutionNodeResult,
+  sl as FlowExecutionResult,
+  il as FlowService,
   ts as FontAlignmentCommand,
   Xi as FontColorCommand,
   Zi as FontSizeCommand,
   Va as FontSourceCommand,
-  fl as FrameService,
-  pl as FrameStep,
-  Cl as FrameStepHandle,
+  wl as FrameService,
+  yl as FrameStep,
+  Sl as FrameStepHandle,
   Ba as GlobalPropertyHandle,
   O as GroupCommand,
   ao as IllustrationStepHandle,
@@ -16836,132 +16940,133 @@ export {
   co as InformationStepHandle,
   qa as IntegrationProduct,
   fr as IntegrationType,
-  pc as LayoutElementFactory,
+  yc as LayoutElementFactory,
   T as LayoutElementType,
   Y as LayoutNotFoundError,
   Gt as LayoutRenderingPurpose,
   no as MaterialStepHandle,
-  ge as MisconfigurationError,
-  Rc as MockWorkflowManager,
+  fe as MisconfigurationError,
+  Lc as MockWorkflowManager,
   ro as ModelStepHandle,
   uo as ModuleStepHandle,
-  Cc as MoveCommand,
+  Sc as MoveCommand,
   Xn as ObjectInput,
-  rl as ObjectInputType,
+  ol as ObjectInputType,
   _n as OptionGlobalPropertyHandle,
-  me as OptionNotFoundError,
+  ge as OptionNotFoundError,
   Dt as ParseError,
   io as PictureStepHandle,
   pr as ProductCameraRig,
-  qo as ProductCollection,
+  Ko as ProductCollection,
   zt as ProductWorkflow,
   Ht as PromiseCache,
   Pn as PromiseQueue,
   so as QuestionStepHandle,
   Dn as QueueablePromise,
-  yc as ResizeCommand,
+  Ec as ResizeCommand,
   Wt as ResourceNotFoundError,
-  wc as RotateCommand,
+  vc as RotateCommand,
   H as ScaleAxis,
-  bc as SendBackwardsCommand,
+  Pc as SendBackwardsCommand,
   oo as ShapeStepHandle,
   gr as ShareActionType,
-  kc as SpiffCommerceClient,
-  he as StakeholderType,
+  Qc as SpiffCommerceClient,
+  me as StakeholderType,
   hr as StepAspectType,
   rt as StepHandle,
   D as StepType,
   kt as TextAlgorithm,
   ns as TextChangeCommand,
   Wo as TextGlobalPropertyHandle,
-  Pc as TextInput,
+  kc as TextInput,
   lo as TextStepHandle,
-  Jo as Transform,
-  Yo as TransformCollection,
+  Xo as Transform,
+  _o as TransformCollection,
   z as UnhandledBehaviorError,
   Cr as UnitOfMeasurement,
-  Sc as UpdateImageSourceCommand,
+  Bc as UpdateImageSourceCommand,
   it as Variant,
   Bo as WorkflowExperienceEventType,
   bo as WorkflowExperienceImpl,
   U as assetService,
   zr as browserColorToHex,
-  gc as cmPerPixel,
+  Cc as cmPerPixel,
   Co as createDesign,
-  uc as currentDirection,
-  tc as dataUrlFromExternalUrl,
+  gc as currentDirection,
+  nc as dataUrlFromExternalUrl,
   je as designService,
-  de as determineCorrectFontSizeAndLines,
+  Ae as determineCorrectFontSizeAndLines,
   $n as digitalContentStepService,
   dt as domParser,
-  Lc as duplicateBundle,
-  $c as duplicateTransaction,
+  zc as duplicateBundle,
+  Gc as duplicateTransaction,
   at as fetchAsString,
-  ic as findAngle,
+  lc as findAngle,
   L as findElement,
-  nc as findPmsColors,
+  sc as findPmsColors,
   Lt as frameDataCache,
   pt as frameStepService,
   Q as generate,
   Ro as generateCommands,
   ot as generateSVGWithUnknownColors,
-  Dc as generateStateFromDesignInputSteps,
-  Ie as getAttributesFromArrayBuffer,
-  rc as getAxisAlignedBoundingBox,
-  gl as getBoundedOffsets,
-  Qc as getBundleThemeConfiguration,
-  Vc as getCustomer,
-  zc as getCustomerBundles,
-  hc as getElementVertices,
-  Fe as getFrameData,
-  ml as getIntegration,
-  dc as getNEPoint,
-  cc as getNWPoint,
-  jc as getOrderedTransactions,
-  Tc as getOverrideThemeConfiguration,
-  lc as getPointOfRotation,
-  Ac as getSEPoint,
+  xc as generateStateFromDesignInputSteps,
+  De as getAttributesFromArrayBuffer,
+  oc as getAxisAlignedBoundingBox,
+  Cl as getBoundedOffsets,
+  Oc as getBundleThemeConfiguration,
+  Wc as getCustomer,
+  jc as getCustomerBundles,
+  fc as getElementVertices,
+  xe as getFrameData,
+  pl as getIntegration,
+  hc as getNEPoint,
+  uc as getNWPoint,
+  Yc as getOrderedTransactions,
+  Rc as getOverrideThemeConfiguration,
+  Ac as getPointOfRotation,
+  mc as getSEPoint,
   wa as getSvgElement,
-  qc as getTemplateBundles,
-  Hc as getTemplateTransactions,
-  Mc as getTransaction,
-  Nc as getTransactionThemeConfiguration,
-  Gc as getTransactionsForBundle,
-  oc as getTrueCoordinates,
-  Wc as getUnorderedTransactions,
-  xc as getWorkflow,
+  Kc as getTemplateBundles,
+  Jc as getTemplateTransactions,
+  Nc as getTransaction,
+  Uc as getTransactionThemeConfiguration,
+  Hc as getTransactionsForBundle,
+  dc as getTrueCoordinates,
+  qc as getUnorderedTransactions,
+  Tc as getWorkflow,
   Zn as getWorkflows,
   b as graphQlManager,
-  ce as illustrationStepService,
-  sc as isCloseToValue,
+  de as illustrationStepService,
+  cc as isCloseToValue,
   Tt as loadFont,
-  ac as matchHexToPms,
+  ic as matchHexToPms,
   Vn as materialStepService,
-  mc as mmPerPixel,
+  Jo as metafieldManager,
+  pc as mmPerPixel,
   zn as modelStepService,
   fa as modifySVGColors,
   Gn as moduleStepService,
-  Oc as nameBundle,
-  Uc as nameTransaction,
+  $c as nameBundle,
+  Vc as nameTransaction,
   X as optionService,
-  fc as outlineFontsInSvg,
+  wc as outlineFontsInSvg,
   At as patternImageDataCache,
   k as persistenceService,
   Wn as pictureStepService,
-  ec as pmsToRgb,
+  rc as pmsToRgb,
   jn as questionStepService,
-  Zl as registerFetchImplementation,
-  Xl as registerWindowImplementation,
+  ac as registerFetchImplementation,
+  ec as registerWindowImplementation,
   La as rehydrateSerializedLayout,
   Lr as rgbToPms,
-  ne as rotateAroundPoint,
+  re as rotateAroundPoint,
   ma as sanitizeSvgTree,
   kr as setBearerAuthenticationToken,
   mn as setCanvasModule,
   $t as shapeStepService,
   is as shortenUrl,
   wt as spiffCoreConfiguration,
-  Ic as stepAspectValuesToDesignInputSteps,
+  Fc as stepAspectValuesToDesignInputSteps,
   Qa as svgColorValueToDefinition,
   Rn as svgStringDimensions,
   Aa as svgToDataUrl,