@spiffcommerce/core 26.5.2 → 26.6.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { createHttpLink as Wa, ApolloClient as Xa, from as qa, InMemoryCache as Za, gql as I } from "@apollo/client/core";
+import { createHttpLink as Wa, ApolloClient as Xa, from as qa, InMemoryCache as Za, gql as D } from "@apollo/client/core";
 import { setContext as $a } from "@apollo/client/link/context";
 import { onError as _a } from "@apollo/client/link/error";
 import { renderToStaticMarkup as ti } from "preact-render-to-string";
@@ -17,7 +17,7 @@ import pA from "lodash.chunk";
 import KA from "lodash.debounce";
 import VA from "lodash.isequal";
 import { split as Oe } from "unicode-default-word-boundary";
-var le = /* @__PURE__ */ ((i) => (i.Data = "Data", i.Font = "Font", i.Frame = "Frame", i.Illustration = "Illustration", i.Image = "Image", i.Model = "Model", i.Material = "Material", i.Color = "Color", i.QuestionnaireCollateral = "QuestionnaireCollateral", i.RequestCollateral = "RequestCollateral", i.SignupCollateral = "SignupCollateral", i.Video = "Video", i.ColorProfile = "ColorProfile", i.Environment = "Environment", i))(le || {}), it = /* @__PURE__ */ ((i) => (i.FileUpload = "FileUpload", i.Option = "Option", i.ColorOption = "ColorOption", i.Text = "Text", i))(it || {}), M = /* @__PURE__ */ ((i) => (i.Information = "Information", i.Bulk = "Bulk", i.DigitalContent = "DigitalContent", i.Finish = "Finish", i.Frame = "Frame", i.Illustration = "Illustration", i.Introduction = "Introduction", i.Material = "Material", i.Model = "Model", i.Module = "Module", i.Picture = "Picture", i.Photo = "Photo", i.ProductOverlay = "ProductOverlay", i.Question = "Question", i.Shape = "Shape", i.SilentIllustration = "SilentIllustration", i.Text = "Text", i))(M || {}), ni = /* @__PURE__ */ ((i) => (i.Color = "Color", i.Colors = "Colors", i.Selection = "Selection", i.Selections = "Selections", i.Text = "Text", i.Upload = "Upload", i))(ni || {}), Jt = /* @__PURE__ */ ((i) => (i.ThreeD = "ThreeD", i.FreeDesign = "FreeDesign", i.Print = "Print", i))(Jt || {}), k = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(k || {}), si = /* @__PURE__ */ ((i) => (i.Hyperlink = "Hyperlink", i.Edit = "Edit", i.Approve = "Approve", i))(si || {}), oi = /* @__PURE__ */ ((i) => (i.Hub = "Hub", i.Shopify = "Shopify", i))(oi || {}), aA = /* @__PURE__ */ ((i) => (i.BackgroundRemover = "BackgroundRemover", i.ConversionAccelerator = "Conversion Accelerator", i.ProcessBuilder = "ProcessBuilder", i))(aA || {}), ri = /* @__PURE__ */ ((i) => (i[i.Orbit = 0] = "Orbit", i[i.Pan = 1] = "Pan", i))(ri || {}), ci = /* @__PURE__ */ ((i) => (i.Manual = "Manual", i.OnStart = "OnStart", i.OnQuit = "OnQuit", i.OnEnd = "OnEnd", i))(ci || {}), li = /* @__PURE__ */ ((i) => (i.Email = "Email", i.FirstName = "FirstName", i.LastName = "LastName", i.Phone = "Phone", i))(li || {}), ge = /* @__PURE__ */ ((i) => (i.Owner = "Owner", i.Approver = "Approver", i.Editor = "Editor", i.Viewer = "Viewer", i))(ge || {}), xt = /* @__PURE__ */ ((i) => (i.Autosize = "Autosize", i.Traditional = "Traditional", i))(xt || {}), V = /* @__PURE__ */ ((i) => (i[i.North = 0] = "North", i[i.Northeast = 1] = "Northeast", i[i.East = 2] = "East", i[i.Southeast = 3] = "Southeast", i[i.South = 4] = "South", i[i.Southwest = 5] = "Southwest", i[i.West = 6] = "West", i[i.Northwest = 7] = "Northwest", i))(V || {}), gi = /* @__PURE__ */ ((i) => (i.Pixel = "px", i.Millimeter = "mm", i.Centimeter = "cm", i))(gi || {});
+var le = /* @__PURE__ */ ((i) => (i.Data = "Data", i.Font = "Font", i.Frame = "Frame", i.Illustration = "Illustration", i.Image = "Image", i.Model = "Model", i.Material = "Material", i.Color = "Color", i.QuestionnaireCollateral = "QuestionnaireCollateral", i.RequestCollateral = "RequestCollateral", i.SignupCollateral = "SignupCollateral", i.Video = "Video", i.ColorProfile = "ColorProfile", i.Environment = "Environment", i))(le || {}), it = /* @__PURE__ */ ((i) => (i.FileUpload = "FileUpload", i.Option = "Option", i.ColorOption = "ColorOption", i.Text = "Text", i))(it || {}), M = /* @__PURE__ */ ((i) => (i.Information = "Information", i.Bulk = "Bulk", i.DigitalContent = "DigitalContent", i.Finish = "Finish", i.Frame = "Frame", i.Illustration = "Illustration", i.Introduction = "Introduction", i.Material = "Material", i.Model = "Model", i.Module = "Module", i.Picture = "Picture", i.Photo = "Photo", i.ProductOverlay = "ProductOverlay", i.Question = "Question", i.Shape = "Shape", i.SilentIllustration = "SilentIllustration", i.Text = "Text", i))(M || {}), ni = /* @__PURE__ */ ((i) => (i.Color = "Color", i.Colors = "Colors", i.Selection = "Selection", i.Selections = "Selections", i.Text = "Text", i.Upload = "Upload", i))(ni || {}), Jt = /* @__PURE__ */ ((i) => (i.ThreeD = "ThreeD", i.FreeDesign = "FreeDesign", i.Print = "Print", i))(Jt || {}), b = /* @__PURE__ */ ((i) => (i.Frame = "frame", i.Group = "group", i.Image = "image", i.Pattern = "pattern", i.Illustration = "illustration", i.Textbox = "textbox", i))(b || {}), si = /* @__PURE__ */ ((i) => (i.Hyperlink = "Hyperlink", i.Edit = "Edit", i.Approve = "Approve", i))(si || {}), oi = /* @__PURE__ */ ((i) => (i.Hub = "Hub", i.Shopify = "Shopify", i))(oi || {}), aA = /* @__PURE__ */ ((i) => (i.BackgroundRemover = "BackgroundRemover", i.ConversionAccelerator = "Conversion Accelerator", i.ProcessBuilder = "ProcessBuilder", i))(aA || {}), ri = /* @__PURE__ */ ((i) => (i[i.Orbit = 0] = "Orbit", i[i.Pan = 1] = "Pan", i))(ri || {}), ci = /* @__PURE__ */ ((i) => (i.Manual = "Manual", i.OnStart = "OnStart", i.OnQuit = "OnQuit", i.OnEnd = "OnEnd", i))(ci || {}), li = /* @__PURE__ */ ((i) => (i.Email = "Email", i.FirstName = "FirstName", i.LastName = "LastName", i.Phone = "Phone", i))(li || {}), ge = /* @__PURE__ */ ((i) => (i.Owner = "Owner", i.Approver = "Approver", i.Editor = "Editor", i.Viewer = "Viewer", i))(ge || {}), xt = /* @__PURE__ */ ((i) => (i.Autosize = "Autosize", i.Traditional = "Traditional", i))(xt || {}), V = /* @__PURE__ */ ((i) => (i[i.North = 0] = "North", i[i.Northeast = 1] = "Northeast", i[i.East = 2] = "East", i[i.Southeast = 3] = "Southeast", i[i.South = 4] = "South", i[i.Southwest = 5] = "Southwest", i[i.West = 6] = "West", i[i.Northwest = 7] = "Northwest", i))(V || {}), gi = /* @__PURE__ */ ((i) => (i.Pixel = "px", i.Millimeter = "mm", i.Centimeter = "cm", i))(gi || {});
 class WA extends Error {
   constructor(t) {
     super(t), this.name = this.constructor.name;
@@ -252,7 +252,7 @@ const XA = /* @__PURE__ */ new Map(), IA = /* @__PURE__ */ new Map(), FA = /* @_
   }
   const e = t();
   return e || "image/svg+xml";
-}, br = async (i) => {
+}, Hr = async (i) => {
   const t = await qA(i), e = XA.get(i) || Wt(t);
   return await Qi(new Blob([t], { type: e }));
 }, mi = (i) => {
@@ -3141,7 +3141,7 @@ const Si = (i) => new Promise((t) => {
   parseInt(i.substring(2, 4), 16),
   parseInt(i.substring(4, 6), 16)
 ]);
-function Hr(i) {
+function Ur(i) {
   const t = Ot.indexOf(i);
   return t >= 0 ? Mt[t] : "";
 }
@@ -3149,7 +3149,7 @@ function vi(i) {
   const t = Mt.indexOf(i);
   return t >= 0 ? Ot[t] : "";
 }
-function Ur(i, t = 64) {
+function Gr(i, t = 64) {
   const e = [], A = [], a = vi(i);
   a && e.push({
     pms: a,
@@ -3167,12 +3167,12 @@ function Ur(i, t = 64) {
     A[g] <= t && !e.some((d) => d.pms === Ot[g]) && e.push({ pms: Ot[g], hex: Mt[g], distance: A[g] });
   return e.sort((g, d) => g.distance - d.distance);
 }
-const Ni = Ot.map((i, t) => ({ pms: i, hex: Mt[t] })), ki = new ai(Ni, { keys: ["pms"] });
-function Gr(i, t) {
-  return ki.search(i, t ? { limit: t } : void 0);
+const Ni = Ot.map((i, t) => ({ pms: i, hex: Mt[t] })), bi = new ai(Ni, { keys: ["pms"] });
+function Tr(i, t) {
+  return bi.search(i, t ? { limit: t } : void 0);
 }
 let vt = null;
-function Ri(i) {
+function ki(i) {
   if (i.startsWith("#"))
     return SA(i);
   if (!document)
@@ -3212,7 +3212,7 @@ const ee = (i) => {
     browserValue: t[0],
     spotColor: { profileName: A[0], namedColor: A[1] }
   };
-}, bi = [
+}, Ri = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -3339,7 +3339,7 @@ const ee = (i) => {
   sA(e);
   const A = {};
   St(e, (s) => {
-    bi.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
+    Ri.includes(s.tagName) && !s.attributes.getNamedItem("fill") && s.setAttribute("fill", "black");
     const o = s.attributes.getNamedItem("fill");
     if (o && o.value !== "none" && !o.value.startsWith("url(")) {
       const c = xA(o.value), l = c.browserValue.replace(/\W/g, ""), g = `spiff-fill-${l}`;
@@ -3356,14 +3356,14 @@ const ee = (i) => {
     colors: A,
     svg: n
   };
-}, Li = I`
+}, Li = D`
     fragment AssetMetadataFields on Asset {
         metadata {
             key
             value
         }
     }
-`, qt = (i) => I`
+`, qt = (i) => D`
         ${i && Li || ""}
         fragment AssetFields on Asset {
             name
@@ -3378,14 +3378,14 @@ const ee = (i) => {
             }
             ${i && "...AssetMetadataFields" || ""}
         }
-    `, Oi = I`
+    `, Oi = D`
     ${qt(!1)}
     query GetAssets($keys: [String]!) {
         assets(keys: $keys) {
             ...AssetFields
         }
     }
-`, rA = I`
+`, rA = D`
     fragment MaterialFields on Material {
         id
         name
@@ -3432,14 +3432,14 @@ const ee = (i) => {
             fileLink
         }
     }
-`, zi = I`
+`, zi = D`
     ${rA}
     query GetMaterials($ids: [String]) {
         materials(id: $ids) {
             ...MaterialFields
         }
     }
-`, ji = I`
+`, ji = D`
     mutation CreateAsset($name: String!, $type: String!, $mimeType: String!, $anonymous: Boolean, $temporary: Boolean) {
         assetCreate(name: $name, type: $type, mimeType: $mimeType, anonymous: $anonymous, temporary: $temporary) {
             uploadUrl
@@ -3453,7 +3453,7 @@ const ee = (i) => {
             }
         }
     }
-`, Ki = I`
+`, Ki = D`
     ${qt(!1)}
     mutation RemoveBackgroundFromAsset($key: String!) {
         assetRemoveBackground(key: $key) {
@@ -3785,7 +3785,7 @@ class qi {
     this.disabled = t;
   }
 }
-const zt = new qi(), la = I`
+const zt = new qi(), la = D`
     fragment OptionFields on Option {
         id
         name
@@ -3822,7 +3822,7 @@ const zt = new qi(), la = I`
             ...AssetFields
         }
     }
-`, Zi = I`
+`, Zi = D`
     ${qt(!1)}
     ${rA}
     ${la}
@@ -3900,7 +3900,7 @@ class en {
     }
   }
 }
-const $ = new en(), ga = I`
+const $ = new en(), ga = D`
     fragment ActiveIntegrationFields on Integration {
         id
         logo
@@ -3917,7 +3917,7 @@ const $ = new en(), ga = I`
             activeAddons
         }
     }
-`, De = I`
+`, De = D`
     fragment AdditionalIntegrationProductFields on IntegrationProduct {
         id
         product {
@@ -3935,7 +3935,7 @@ const $ = new en(), ga = I`
             preloadImageUrl
         }
     }
-`, An = I`
+`, An = D`
     ${De}
     mutation CreateTransactions(
         $inputs: [TransactionCreateInput]!
@@ -4021,7 +4021,7 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, da = I`
+`, da = D`
     fragment StakeholderFields on Stakeholder {
         id
         type
@@ -4029,7 +4029,7 @@ const $ = new en(), ga = I`
         authorizationNote
         authorizationStatus
     }
-`, Ba = I`
+`, Ba = D`
     fragment TransactionShareActionFields on TransactionShareAction {
         id
         title
@@ -4038,7 +4038,7 @@ const $ = new en(), ga = I`
         precedence
         url
     }
-`, an = I`
+`, an = D`
     ${De}
     ${da}
     ${Ba}
@@ -4179,19 +4179,19 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, nn = I`
+`, nn = D`
     mutation UpdateTransactionWorkflowState($id: String!, $workflowState: String!) {
         transactionUpdate(id: $id, workflowState: $workflowState) {
             id
         }
     }
-`, sn = I`
+`, sn = D`
     mutation UpdateTransactionQuantity($id: String!, $quantity: Int) {
         transactionUpdate(id: $id, quantity: $quantity) {
             id
         }
     }
-`, on = I`
+`, on = D`
     query ReadTransactionForDesignCreation($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4256,7 +4256,7 @@ const $ = new en(), ga = I`
             workflowViewerReadOnlyLink
         }
     }
-`, rn = I`
+`, rn = D`
     ${Ba}
     query ReadTransactionForShareActions($id: String!) {
         transactions(ids: [$id]) {
@@ -4267,14 +4267,14 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, ha = I`
+`, ha = D`
     query ReadWorkflowStates($ids: [String]!) {
         transactions(ids: $ids) {
             id
             workflowState
         }
     }
-`, Ca = I`
+`, Ca = D`
     ${De}
     fragment IntegrationProductFields on IntegrationProduct {
         id
@@ -4336,14 +4336,14 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, cn = I`
+`, cn = D`
     ${Ca}
     query GetIntegrationProducts($ids: [String!]!) {
         integrationProducts(ids: $ids) {
             ...IntegrationProductFields
         }
     }
-`, ln = I`
+`, ln = D`
     ${Ca}
     query GetIntegrationProductFromExternalIds($externalIntegrationId: String!, $externalProductId: String!) {
         integrationProductFromExternalIds(
@@ -4353,7 +4353,7 @@ const $ = new en(), ga = I`
             ...IntegrationProductFields
         }
     }
-`, gn = I`
+`, gn = D`
     ${da}
     query ReadTransactionForStakeholders($id: String!) {
         transactions(ids: [$id]) {
@@ -4365,11 +4365,11 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, dn = I`
+`, dn = D`
     mutation FinalizeUpdateTransaction($transactionId: String!) {
         transactionFinalizeUpdate(transactionId: $transactionId)
     }
-`, Bn = I`
+`, Bn = D`
     fragment RegionFields on Region {
         width
         top
@@ -4387,7 +4387,7 @@ const $ = new en(), ga = I`
             height
         }
     }
-`, hn = I`
+`, hn = D`
     fragment LookAtAnimationFields on LookAtAnimation {
         latDeg
         lonDeg
@@ -4398,7 +4398,7 @@ const $ = new en(), ga = I`
             z
         }
     }
-`, Cn = I`
+`, Cn = D`
     fragment RenderingPipelineConfigurationFields on RenderingPipelineConfiguration {
         antiAliasing {
             samples
@@ -4482,14 +4482,14 @@ const $ = new en(), ga = I`
             weight
         }
     }
-`, wn = I`
+`, wn = D`
     fragment ModelAnimationFields on ModelAnimation {
         from
         to
         loop
         name
     }
-`, un = (i) => I`
+`, un = (i) => D`
         ${qt(i)}
         ${rA}
         ${la}
@@ -4882,7 +4882,7 @@ const $ = new en(), ga = I`
                 }
             }
         }
-    `, En = I`
+    `, En = D`
     query GetTransactionForPartner($id: String!) {
         transactions(ids: [$id]) {
             id
@@ -4900,7 +4900,7 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, mn = I`
+`, mn = D`
     ${qt(!1)}
     query GetWorkflowForTheme($id: String!) {
         workflow(id: $id) {
@@ -4922,7 +4922,7 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, Ie = I`
+`, Ie = D`
     fragment MarketplaceThemeInstallConfigurationFields on MarketplaceThemeInstallConfiguration {
         id
         themeInstallId
@@ -4985,14 +4985,14 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, fn = I`
+`, fn = D`
     ${Ie}
     query GetMarketplaceThemeInstallConfiguration($themeConfigurationId: String!, $themeInstallId: String!) {
         marketplaceThemeInstallConfiguration(id: $themeConfigurationId, themeInstallId: $themeInstallId, raw: false) {
             ...MarketplaceThemeInstallConfigurationFields
         }
     }
-`, Qn = I`
+`, Qn = D`
     ${ga}
     ${Ie}
     query GetCurrentIntegration {
@@ -5005,7 +5005,7 @@ const $ = new en(), ga = I`
             ...ActiveIntegrationFields
         }
     }
-`, pn = I`
+`, pn = D`
     ${Ie}
     query ReadTransactionForMarketplaceTheme($id: String!) {
         transactions(ids: [$id]) {
@@ -5014,7 +5014,7 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, Dn = I`
+`, Dn = D`
     ${Ie}
     query ReadBundleForMarketplaceTheme($id: String!) {
         bundles(ids: [$id]) {
@@ -5023,14 +5023,14 @@ const $ = new en(), ga = I`
             }
         }
     }
-`, In = I`
+`, In = D`
     mutation CreateOrder($orderItems: [OrderItemInput]!) {
         orderCreate(orderItems: $orderItems, paid: false, generateInternalId: true) {
             id
             internalId
         }
     }
-`, kt = [M.SilentIllustration, M.ProductOverlay], Fn = async (i) => {
+`, bt = [M.SilentIllustration, M.ProductOverlay], Fn = async (i) => {
   const t = [];
   i.introduction && t.push({
     name: "Introduction",
@@ -5053,16 +5053,16 @@ const $ = new en(), ga = I`
       t.push({
         name: A.stepName,
         title: A.stepTitle,
-        renderableSteps: kt.includes(A.type) ? [] : [A],
-        silentSteps: kt.includes(A.type) ? [A] : []
+        renderableSteps: bt.includes(A.type) ? [] : [A],
+        silentSteps: bt.includes(A.type) ? [A] : []
       });
     else {
       const n = t.find((s) => s.name === a.name);
-      n ? kt.includes(A.type) ? n.silentSteps.push(A) : n.renderableSteps.push(A) : t.push({
+      n ? bt.includes(A.type) ? n.silentSteps.push(A) : n.renderableSteps.push(A) : t.push({
         name: a.name,
         title: a.name,
-        renderableSteps: kt.includes(A.type) ? [] : [A],
-        silentSteps: kt.includes(A.type) ? [A] : []
+        renderableSteps: bt.includes(A.type) ? [] : [A],
+        silentSteps: bt.includes(A.type) ? [A] : []
       });
     }
   }
@@ -5322,7 +5322,7 @@ const Zt = (i) => {
     width: o[2],
     height: o[3]
   };
-}, R = () => {
+}, k = () => {
   const i = () => Math.floor((1 + Math.random()) * 65536).toString(16).substring(1);
   return i() + i() + "-" + i() + "-" + i() + "-" + i() + "-" + i() + i() + i();
 }, Yn = ({
@@ -5341,11 +5341,11 @@ const Zt = (i) => {
   width: d
 }) => {
   var p;
-  const B = e || 0, h = 2 * ((r == null ? void 0 : r.scale) || 1), C = g || { x: 0, y: 0, width: d, height: n }, w = `${C.x} ${C.y} ${C.width} ${C.height}`, u = R(), E = A.purpose === Jt.FreeDesign && /* @__PURE__ */ v("defs", { children: /* @__PURE__ */ v("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ v("rect", { width: C.width, height: C.height, rx: B }) }) }), m = (p = A.colorProfiles) == null ? void 0 : p.map((D, y) => (
+  const B = e || 0, h = 2 * ((r == null ? void 0 : r.scale) || 1), C = g || { x: 0, y: 0, width: d, height: n }, w = `${C.x} ${C.y} ${C.width} ${C.height}`, u = k(), E = A.purpose === Jt.FreeDesign && /* @__PURE__ */ v("defs", { children: /* @__PURE__ */ v("clipPath", { id: "viewboxClip", children: /* @__PURE__ */ v("rect", { width: C.width, height: C.height, rx: B }) }) }), m = (p = A.colorProfiles) == null ? void 0 : p.map((I, y) => (
     /* @ts-ignore */
-    /* @__PURE__ */ v("color-profile", { name: D.name, xlinkHref: D.key, children: " " }, y)
-  )), f = a.map((D) => ({
-    ...D,
+    /* @__PURE__ */ v("color-profile", { name: I.name, xlinkHref: I.key, children: " " }, y)
+  )), f = a.map((I) => ({
+    ...I,
     _renderingConfiguration: A,
     mask: r ? `url(#viewmask-${u})` : void 0
   })), Q = BA(f);
@@ -5385,7 +5385,7 @@ const Zt = (i) => {
           {
             id: "element-group",
             clipPath: A.purpose === Jt.FreeDesign ? "url(#viewboxClip)" : void 0,
-            children: Q.map((D) => ya(D)).filter((D) => !!D)
+            children: Q.map((I) => ya(I)).filter((I) => !!I)
           }
         ),
         r && /* @__PURE__ */ v(
@@ -5426,7 +5426,7 @@ const Zt = (i) => {
       ]
     }
   );
-}, Tr = (i, t, e, A, a) => {
+}, Jr = (i, t, e, A, a) => {
   const n = dt(a), s = e / 2, o = A / 2, r = i + s, c = t + o, l = Math.sin(n), g = Math.cos(n), d = s, B = s, h = -o, C = o, w = d * g - h * l, u = B * g - C * l, E = d * l + h * g, m = B * l + C * g, f = Math.max(Math.abs(w), Math.abs(u)), Q = Math.max(Math.abs(E), Math.abs(m));
   return {
     minX: r - f,
@@ -5434,25 +5434,25 @@ const Zt = (i) => {
     minY: c - Q,
     maxY: c + Q
   };
-}, Jr = (i, t, e) => {
+}, Lr = (i, t, e) => {
   const A = Math.sqrt(Math.pow(t.x - i.x, 2) + Math.pow(t.y - i.y, 2)), a = Math.sqrt(Math.pow(t.x - e.x, 2) + Math.pow(t.y - e.y, 2)), n = Math.sqrt(Math.pow(e.x - i.x, 2) + Math.pow(e.y - i.y, 2));
   return Math.acos((a * a + A * A - n * n) / (2 * a * A)) * (180 / Math.PI);
-}, dt = (i) => i * (Math.PI / 180), Lr = (i, t, e) => Math.abs(i - t) < e, Or = (i, t, e) => {
+}, dt = (i) => i * (Math.PI / 180), Or = (i, t, e) => Math.abs(i - t) < e, zr = (i, t, e) => {
   const A = Math.sin(dt(e)), a = Math.cos(dt(e));
   return {
     x: (i.x - t.x) * a - (i.y - t.y) * A + t.x,
     y: (i.x - t.x) * A + (i.y - t.y) * a + t.y
   };
-}, zr = (i, t) => ({
+}, jr = (i, t) => ({
   x: (i.x + t.x) / 2,
   y: (i.y + t.y) / 2
-}), jr = (i, t, e, A) => ({
+}), Kr = (i, t, e, A) => ({
   x: i.x + (t == null ? void 0 : t.x) * e,
   y: i.y + (t == null ? void 0 : t.y) * A
-}), Kr = (i, t, e, A) => ({
+}), Vr = (i, t, e, A) => ({
   x: i.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: i.y + (t == null ? void 0 : t.y) * A
-}), Vr = (i, t, e, A) => ({
+}), Wr = (i, t, e, A) => ({
   x: i.x + ((t == null ? void 0 : t.x) + (t == null ? void 0 : t.width)) * e,
   y: i.y + ((t == null ? void 0 : t.y) + (t == null ? void 0 : t.height)) * A
 }), Dt = (i) => {
@@ -5474,7 +5474,7 @@ const Zt = (i) => {
     case V.Southwest:
       return V.Northwest;
   }
-}, Wr = (i, t) => t > 45 && t <= 135 ? Dt(i) : t > 135 && t <= 225 ? Dt(Dt(i)) : t > 225 && t <= 315 ? Dt(Dt(Dt(i))) : i, Xr = (i, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
+}, Xr = (i, t) => t > 45 && t <= 135 ? Dt(i) : t > 135 && t <= 225 ? Dt(Dt(i)) : t > 225 && t <= 315 ? Dt(Dt(Dt(i))) : i, qr = (i, t = { x: 0, y: 0 }, e = { x: 1, y: 1 }) => {
   const A = dt(i.rotation), a = {
     x: t.x + i.x * e.x,
     y: t.x + i.y * e.y
@@ -5504,7 +5504,7 @@ const Zt = (i) => {
     x: (i.x - t.x) * a - (i.y - t.y) * A + t.x,
     y: (i.x - t.x) * A + (i.y - t.y) * a + t.y
   };
-}, qr = 0.352778, Zr = 0.035277, Qa = (i) => {
+}, Zr = 0.352778, $r = 0.035277, Qa = (i) => {
   const t = i.rotation || 0, e = dt(t), A = Math.cos(e), a = -Math.sin(e);
   return /* @__PURE__ */ v("g", { mask: i.stepName || i.productOverlay ? void 0 : i.mask, children: /* @__PURE__ */ v(
     "g",
@@ -5590,11 +5590,11 @@ const Zt = (i) => {
       /* @__PURE__ */ v("feFuncB", { type: "discrete", tableValues: a() })
     ] })
   ] }) }) }), s = i.rotation || 0, o = dt(s), r = Math.cos(o), c = -Math.sin(o), l = () => {
-    var m, f, Q, p, D, y, S, x, Y, P;
-    const g = ((m = i.pattern) == null ? void 0 : m.x) || 0, d = ((f = i.pattern) == null ? void 0 : f.y) || 0, B = ((Q = i.pattern) == null ? void 0 : Q.width) || 0, h = ((p = i.pattern) == null ? void 0 : p.height) || 0, C = ((D = i.pattern) == null ? void 0 : D.scaleX) || 1, w = ((y = i.pattern) == null ? void 0 : y.scaleY) || 1, u = ((S = i.pattern) == null ? void 0 : S.rotation) || 0;
+    var m, f, Q, p, I, y, S, x, Y, P;
+    const g = ((m = i.pattern) == null ? void 0 : m.x) || 0, d = ((f = i.pattern) == null ? void 0 : f.y) || 0, B = ((Q = i.pattern) == null ? void 0 : Q.width) || 0, h = ((p = i.pattern) == null ? void 0 : p.height) || 0, C = ((I = i.pattern) == null ? void 0 : I.scaleX) || 1, w = ((y = i.pattern) == null ? void 0 : y.scaleY) || 1, u = ((S = i.pattern) == null ? void 0 : S.rotation) || 0;
     return [(x = i.pattern) != null && x.svg ? {
       id: `${t}-contents`,
-      type: k.Illustration,
+      type: b.Illustration,
       x: g,
       y: d,
       rotation: u,
@@ -5605,7 +5605,7 @@ const Zt = (i) => {
       colors: (P = i.pattern) == null ? void 0 : P.colors
     } : {
       id: `${t}-contents`,
-      type: k.Image,
+      type: b.Image,
       x: g,
       y: d,
       rotation: u,
@@ -5701,9 +5701,9 @@ class vn {
     }), A - a;
   }
 }
-const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @__PURE__ */ new Map(), Pt = async (i) => {
-  if (ke.has(i))
-    return ke.get(i);
+const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", be = /* @__PURE__ */ new Map(), Pt = async (i) => {
+  if (be.has(i))
+    return be.get(i);
   const e = (async () => {
     try {
       return mt(i).getFont();
@@ -5717,7 +5717,7 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @_
       }
     }
   })();
-  return ke.set(i, e), e;
+  return be.set(i, e), e;
 }, lA = (i) => {
   const t = _A(i), e = Le.parse(t);
   return Ze(i, e), e;
@@ -5729,7 +5729,7 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @_
 }, Ze = (i, t) => {
   const e = new vn(t);
   return Da.set(i, e), e;
-}, $r = async (i) => {
+}, _r = async (i) => {
   const t = ot(), e = t.parseFromString(i, "image/svg+xml"), A = e.firstElementChild, a = /* @__PURE__ */ new Map();
   A.querySelectorAll("style").forEach((l) => {
     var d;
@@ -5805,10 +5805,10 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @_
   if (r < 0)
     throw new Error(`No max width calculated for text: ${o}.`);
   return { lines: o, width: r };
-}, kn = (i, t, e, A, a, n) => {
+}, bn = (i, t, e, A, a, n) => {
   const s = (n ?? gA) * t.getApproximateHeight(), o = 1 / e.unitsPerEm, r = Ia(i, o, t), c = i.length * s * o, l = A / r, g = a / c;
   return Math.min(g, l);
-}, Rn = (i, t, e, A) => {
+}, kn = (i, t, e, A) => {
   var c;
   const a = mt(t.fontData.assetUrl), n = a.getFont(), s = t.fontSize / n.unitsPerEm;
   if (!e)
@@ -5828,14 +5828,14 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @_
     lines: o,
     requiredHeight: t.height,
     requiredWidth: he(o, t.width, s, a),
-    fontSize: kn(o, a, n, t.width, t.height, A)
+    fontSize: bn(o, a, n, t.width, t.height, A)
   } : vA(t, i, t.fontSize, s, a, A);
-}, bn = (i, t, e, A, a) => {
+}, Rn = (i, t, e, A, a) => {
   const s = mt(t.assetUrl).getFont();
   let o = { ...i };
   const r = { ...i }, c = Ia(A, e / s.unitsPerEm, mt(t.assetUrl));
   return c && c < o.width && (r.width = c, a === "left" ? (r.left += Math.sin(o.rotation * Math.PI / 360) * (o.width - c), r.top += Math.sin(o.rotation * Math.PI / 180) * (c - o.width) / 2) : a === "right" ? r.left += o.width - c : r.left += (o.width - c) / 2, A && Un(A, A).every(([l, g]) => l === g) && (o = r)), o;
-}, Re = 1, ct = (i, t, e) => {
+}, ke = 1, ct = (i, t, e) => {
   let A = 0;
   const a = e.getGlyphs(i);
   return a.forEach((n, s) => {
@@ -5871,7 +5871,7 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @_
   ...i,
   ...(() => {
     if (i.algorithm === xt.Traditional) {
-      const a = Rn(t, i, e, i.lineHeight);
+      const a = kn(t, i, e, i.lineHeight);
       return {
         text: a.lines.join(`
 `),
@@ -6037,7 +6037,7 @@ const Nn = (i) => i.substring(0, 5).toLowerCase().trim() === "data:", ke = /* @_
 };
 class zn {
   constructor() {
-    this.id = R(), this.stateCallbacks = [], this.prevCommands = [], this.nextCommands = [];
+    this.id = k(), this.stateCallbacks = [], this.prevCommands = [], this.nextCommands = [];
   }
   registerStateCallback(t) {
     this.stateCallbacks.push(t);
@@ -6127,7 +6127,7 @@ class zn {
     return { ...t, transaction: e.apply(A) };
   }
 }
-const ya = (i) => i.type === k.Image ? /* @__PURE__ */ v(Qa, { ...i }, i.id) : i.type === k.Frame ? /* @__PURE__ */ v(Pn, { ...i }, i.id) : i.type === k.Illustration ? /* @__PURE__ */ v(On, { ...i }, i.id) : i.type === k.Textbox ? /* @__PURE__ */ v(Tn, { ...i }, i.id) : i.type === k.Group ? /* @__PURE__ */ v(pa, { ...i }, i.id) : null, dA = (i, t, e) => {
+const ya = (i) => i.type === b.Image ? /* @__PURE__ */ v(Qa, { ...i }, i.id) : i.type === b.Frame ? /* @__PURE__ */ v(Pn, { ...i }, i.id) : i.type === b.Illustration ? /* @__PURE__ */ v(On, { ...i }, i.id) : i.type === b.Textbox ? /* @__PURE__ */ v(Tn, { ...i }, i.id) : i.type === b.Group ? /* @__PURE__ */ v(pa, { ...i }, i.id) : null, dA = (i, t, e) => {
   const A = e.renderingConfiguration, a = A != null && A.removeExcludedElements ? t.filter((n) => !n.excludeFromExport) : t;
   return /* @__PURE__ */ v(
     Yn,
@@ -6169,16 +6169,16 @@ function BA(i) {
     return n < s ? -1 : n > s ? 1 : 0;
   });
 }
-const Rt = (i, t) => {
+const kt = (i, t) => {
   const e = i.layoutState.elements.filter((a) => a.layer === t), A = Math.max(...e.map((a) => a.layerIndex).filter((a) => a !== void 0));
   return Math.max(A, 0) + 1;
 }, Ma = async (i) => new Promise((t) => {
   _(i).then((e) => {
     t(e);
   }).catch((e) => console.error(e));
-}), be = /* @__PURE__ */ new Map(), jt = async (i) => {
-  if (be.has(i))
-    return be.get(i);
+}), Re = /* @__PURE__ */ new Map(), jt = async (i) => {
+  if (Re.has(i))
+    return Re.get(i);
   const t = async (a) => new Promise((n, s) => {
     try {
       if (!(!!URL && !!URL.createObjectURL))
@@ -6210,8 +6210,8 @@ const Rt = (i, t) => {
       g.resize(h, h);
     return await g.render(), await t(c);
   })();
-  return be.set(i, A), A;
-}, bt = async (i, t, e, A) => {
+  return Re.set(i, A), A;
+}, Rt = async (i, t, e, A) => {
   const a = i.layoutState.layout.useEditableArea && i.layoutState.layout.editableArea || {
     width: i.layoutState.layout.width,
     height: i.layoutState.layout.height,
@@ -6225,42 +6225,42 @@ const Rt = (i, t) => {
     rotation: 0,
     panelId: i.layoutState.layout.panelId
   };
-  if (e && t === k.Illustration) {
+  if (e && t === b.Illustration) {
     const r = await gt(await Ma(e)), d = ot().parseFromString(r.svg, "image/svg+xml").firstElementChild.getAttribute("viewBox");
     if (!d)
       throw new Error("SVG missing viewBox.");
     const B = o.height, h = d.split(" "), C = parseFloat(h[2]) || 1, w = parseFloat(h[3]) || 1, u = C / w;
     o.height = o.width / u, o.top += (B - o.height) / 2;
   }
-  if (e && t === k.Image) {
+  if (e && t === b.Image) {
     const r = o.height, c = await Qe(e), l = await pe(c), g = l.width / l.height;
     o.height = o.width / g, o.top += (r - o.height) / 2;
   }
-  if (e && t === k.Textbox && (A != null && A.text) && (A != null && A.fontScale)) {
+  if (e && t === b.Textbox && (A != null && A.text) && (A != null && A.fontScale)) {
     await Pt(e);
     const r = mt(e), c = ct(A.text, A == null ? void 0 : A.fontScale, r);
     o.width = Math.min(c, a.width * 0.85), o.left = a.x + a.width / 2 - o.width / 2;
   }
   return o;
 };
-class _r {
+class tc {
   static async getFrame(t, e) {
-    const A = await Ea(e.region, e.src), a = await Fe(A), n = e.region || await bt(t, k.Frame);
+    const A = await Ea(e.region, e.src), a = await Fe(A), n = e.region || await Rt(t, b.Frame);
     return {
-      id: R(),
+      id: k(),
       x: n.left,
       y: n.top,
       width: n.width,
       height: n.height,
       layer: n.layer || 0,
-      layerIndex: n.layerIndex || Rt(t, n.layer || 0),
+      layerIndex: n.layerIndex || kt(t, n.layer || 0),
       rotation: n.rotation,
       scaleX: n.width / a.width,
       scaleY: n.height / a.height,
       path: a.path,
       dataWidth: a.width,
       dataHeight: a.height,
-      type: k.Frame,
+      type: b.Frame,
       disablePlaceholder: e.configuration.disablePlaceholder,
       focalBlur: e.configuration.focalBlur,
       focalBlurStrength: e.configuration.focalBlurStrength,
@@ -6271,18 +6271,18 @@ class _r {
     };
   }
   static async getImage(t, e) {
-    const A = e.region || await bt(t, k.Image, e.src);
+    const A = e.region || await Rt(t, b.Image, e.src);
     return {
-      id: R(),
+      id: k(),
       src: e.src,
-      type: k.Image,
+      type: b.Image,
       y: A.top,
       x: A.left,
       rotation: A.rotation,
       width: A.width,
       height: A.height,
       layer: A.layer || 0,
-      layerIndex: A.layerIndex || Rt(t, A.layer || 0),
+      layerIndex: A.layerIndex || kt(t, A.layer || 0),
       immutable: A.immutable,
       preserveAspectRatio: "none"
     };
@@ -6295,13 +6295,13 @@ class _r {
     }, r = (n == null ? void 0 : n.text) || A.defaultText || "", c = A.replaceableText ? A.replaceableText.replace("{{}}", r) : r, l = Ce(c, {
       vertical: A.vertical,
       uppercase: A.uppercase
-    }), g = e.region || await bt(t, k.Textbox, a, {
+    }), g = e.region || await Rt(t, b.Textbox, a, {
       text: l,
       fontScale: A.size ? A.size / s.unitsPerEm : void 0
     }), d = $t(
       {
-        id: R(),
-        type: k.Textbox,
+        id: k(),
+        type: b.Textbox,
         x: g.left,
         y: g.top,
         width: g.width,
@@ -6311,7 +6311,7 @@ class _r {
         fill: (n == null ? void 0 : n.color) || A.colour || "#000000",
         fontData: o,
         layer: g.layer || 0,
-        layerIndex: g.layerIndex || Rt(t, g.layer || 0),
+        layerIndex: g.layerIndex || kt(t, g.layer || 0),
         paths: A.paths,
         rotation: g.rotation,
         vertical: A.vertical,
@@ -6322,7 +6322,7 @@ class _r {
         input: r
       },
       l
-    ), B = bn(
+    ), B = Rn(
       { ...g, height: d.height },
       o,
       d.fontSize,
@@ -6361,25 +6361,25 @@ class _r {
                     </svg>
                 `, a = {};
     a["spiff-fill-shape"] = { browserValue: e.color };
-    const n = e.region || await bt(t, k.Illustration), s = R();
+    const n = e.region || await Rt(t, b.Illustration), s = k();
     return {
       stepRegion: e.region,
       colors: a,
       id: s,
       svg: A,
-      type: k.Illustration,
+      type: b.Illustration,
       y: n.top,
       x: n.left,
       rotation: n.rotation,
       width: n.width,
       height: n.height,
       layer: n.layer || 0,
-      layerIndex: n.layerIndex || Rt(t, n.layer || 0),
+      layerIndex: n.layerIndex || kt(t, n.layer || 0),
       immutable: n.immutable
     };
   }
   static async getIllustration(t, e) {
-    const A = e.region || await bt(t, k.Illustration, e.src), a = await gt(await Ma(e.src)), n = await jt(a.svg), s = R();
+    const A = e.region || await Rt(t, b.Illustration, e.src), a = await gt(await Ma(e.src)), n = await jt(a.svg), s = k();
     return {
       cachedObjectURL: n,
       stepRegion: e.region,
@@ -6387,14 +6387,14 @@ class _r {
       id: s,
       src: e.src,
       svg: a.svg,
-      type: k.Illustration,
+      type: b.Illustration,
       y: A.top,
       x: A.left,
       rotation: A.rotation,
       width: A.width,
       height: A.height,
       layer: A.layer || 0,
-      layerIndex: A.layerIndex || Rt(t, A.layer || 0),
+      layerIndex: A.layerIndex || kt(t, A.layer || 0),
       immutable: A.immutable
     };
   }
@@ -6414,9 +6414,9 @@ const J = (i, t) => Z(i, t).elements.find((a) => a.id === i), Z = (i, t) => {
   return {
     layout: t.layout,
     elements: A,
-    modificationID: R()
+    modificationID: k()
   };
-}, kA = async (i) => {
+}, bA = async (i) => {
   var A;
   const t = [...Object.keys(i.layouts)], e = [...new Set(t)];
   for (let a = 0; a < e.length; a++) {
@@ -6448,7 +6448,7 @@ const J = (i, t) => Z(i, t).elements.find((a) => a.id === i), Z = (i, t) => {
   }
   for (const a in i.layouts) {
     const n = i.layouts[a].elements.filter(
-      (o) => o.type === k.Illustration
+      (o) => o.type === b.Illustration
     );
     for (let o = 0; o < n.length; ++o) {
       const r = n[o];
@@ -6460,7 +6460,7 @@ const J = (i, t) => Z(i, t).elements.find((a) => a.id === i), Z = (i, t) => {
         }
     }
     const s = i.layouts[a].elements.filter(
-      (o) => o.type === k.Textbox
+      (o) => o.type === b.Textbox
     );
     for (let o = 0; o < s.length; ++o) {
       const r = s[o];
@@ -6478,7 +6478,7 @@ class T {
     this.oldState = t;
   }
 }
-class RA extends T {
+class kA extends T {
   constructor(t) {
     super(), this.serializableWorkflow = t;
   }
@@ -6489,7 +6489,7 @@ class RA extends T {
     };
   }
 }
-class tc extends T {
+class ec extends T {
   constructor(t, e, A) {
     super(), this.id = t, this.x = e, this.y = A;
   }
@@ -6512,7 +6512,7 @@ class tc extends T {
     };
   }
 }
-class ec extends T {
+class Ac extends T {
   constructor(t, e) {
     super(), this.id = t, this.angle = e;
   }
@@ -6534,7 +6534,7 @@ class ec extends T {
     };
   }
 }
-class Ac extends T {
+class ac extends T {
   constructor(t, e, A) {
     super(), this.id = t, this.width = Math.abs(e), this.height = Math.abs(A);
   }
@@ -6585,7 +6585,7 @@ class Sa extends T {
         [this.layout.id]: {
           elements: [],
           layout: { ...this.layout },
-          modificationID: R()
+          modificationID: k()
         }
       }
     };
@@ -6616,7 +6616,7 @@ class j extends T {
           [this.layout.id]: {
             ...t.layouts[this.layout.id],
             elements: o,
-            modificationID: R()
+            modificationID: k()
           }
         }
       };
@@ -6637,7 +6637,7 @@ class j extends T {
         [this.layout.id]: {
           ...t.layouts[this.layout.id],
           elements: s,
-          modificationID: R()
+          modificationID: k()
         }
       }
     };
@@ -6661,7 +6661,7 @@ class ft extends T {
     const A = Object.values(t.layouts).map((n) => (n.elements.filter((o) => o.id !== this.id).length !== n.elements.length && (e = !0), {
       ...n,
       elements: n.elements.filter((o) => o.id !== this.id),
-      modificationID: R()
+      modificationID: k()
     }));
     e || console.log(`Failed to delete element ${this.id}`);
     const a = {};
@@ -6741,7 +6741,7 @@ class Kn extends T {
     };
   }
 }
-class bA extends T {
+class RA extends T {
   constructor(t, e) {
     super(), this.id = t, this.fontData = e;
   }
@@ -6810,7 +6810,7 @@ class Wn extends T {
     const s = {
       ...e,
       elements: n,
-      modificationID: R()
+      modificationID: k()
     };
     return {
       ...t,
@@ -6846,7 +6846,7 @@ class Xn extends T {
     };
   }
 }
-class ac extends T {
+class ic extends T {
   constructor(t, e) {
     super(), this.id = t, this.src = e;
   }
@@ -6942,7 +6942,7 @@ class Zn extends T {
     };
   }
 }
-class ic extends T {
+class nc extends T {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -6965,13 +6965,13 @@ class ic extends T {
         [A.layout.id]: {
           ...t.layouts[A.layout.id],
           elements: n,
-          modificationID: R()
+          modificationID: k()
         }
       }
     };
   }
 }
-class nc extends T {
+class sc extends T {
   /**
    * @param id The targeted element to bring to the back.
    */
@@ -6996,13 +6996,13 @@ class nc extends T {
         [A.layout.id]: {
           ...t.layouts[A.layout.id],
           elements: n,
-          modificationID: R()
+          modificationID: k()
         }
       }
     };
   }
 }
-class sc extends T {
+class oc extends T {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7023,13 +7023,13 @@ class sc extends T {
         [A.layout.id]: {
           ...t.layouts[A.layout.id],
           elements: s,
-          modificationID: R()
+          modificationID: k()
         }
       }
     };
   }
 }
-class oc extends T {
+class rc extends T {
   /**
    * @param id The targeted element to bring to the front.
    */
@@ -7050,7 +7050,7 @@ class oc extends T {
         [A.layout.id]: {
           ...t.layouts[A.layout.id],
           elements: s,
-          modificationID: R()
+          modificationID: k()
         }
       }
     };
@@ -7306,13 +7306,13 @@ class HA {
           throw new Be(this.configuration, "Couldn't find an asset for product overlay step");
       }
       const o = this.evaluateAssetType();
-      if (o === k.Image) {
+      if (o === b.Image) {
         const d = this.configuration.type === M.SilentIllustration ? (c = this.configuration.data.asset) == null ? void 0 : c.fileLink : (l = this.product) == null ? void 0 : l.overlayImageUrl;
         if (!d)
           throw new Error("Undefined raster silent step source");
         const B = {
           stepName: this.configuration.stepName,
-          id: R(),
+          id: k(),
           src: d,
           type: o,
           y: a.top,
@@ -7345,7 +7345,7 @@ class HA {
           }).catch((E) => console.error(E));
         }))()), C = {
           stepName: this.configuration.stepName,
-          id: R(),
+          id: k(),
           cachedObjectURL: await jt(h.svg),
           src: d,
           svg: h.svg,
@@ -7390,7 +7390,7 @@ class HA {
   evaluateAssetType() {
     var e, A, a;
     const t = this.configuration.type === M.ProductOverlay && ((e = this.product) != null && e.overlayImageUrl) ? this.product.overlayImageUrl.toLowerCase() : (a = (A = this.configuration.data.asset) == null ? void 0 : A.fileLink) == null ? void 0 : a.toLowerCase().split("?")[0];
-    return t != null && t.startsWith("data:image/png") || t != null && t.endsWith(".jpeg") || t != null && t.endsWith(".jpg") || t != null && t.endsWith(".png") ? k.Image : (t != null && t.endsWith(".svg") || t != null && t.startsWith("image/svg+xml"), k.Illustration);
+    return t != null && t.startsWith("data:image/png") || t != null && t.endsWith(".jpeg") || t != null && t.endsWith(".jpg") || t != null && t.endsWith(".png") ? b.Image : (t != null && t.endsWith(".svg") || t != null && t.startsWith("image/svg+xml"), b.Illustration);
   }
 }
 const ts = async (i) => {
@@ -7490,7 +7490,7 @@ class es {
     }), l;
   }
   async regionElements(t) {
-    const e = (A) => ({ id: R(), region: A });
+    const e = (A) => ({ id: k(), region: A });
     return t.data.regions.map(e);
   }
   async command(t, e, A, a) {
@@ -7508,7 +7508,7 @@ class es {
           stepName: a,
           id: c.id,
           src: o,
-          type: k.Image,
+          type: b.Image,
           y: l.top,
           x: l.left,
           width: l.width,
@@ -7675,7 +7675,7 @@ class As {
     return new j(
       {
         id: t,
-        type: k.Frame,
+        type: b.Frame,
         x: e.left,
         y: e.top,
         width: e.width,
@@ -7758,7 +7758,7 @@ class As {
         const l = c.pmsValue.trim().toLocaleLowerCase();
         n.includes(l) || n.push(l);
       } else if (c.browserValue) {
-        const l = Ri(c.browserValue);
+        const l = ki(c.browserValue);
         n.includes(l) || n.push(l);
       }
     }
@@ -7817,7 +7817,7 @@ class As {
           c && !t.data.forceImageCover ? { scale: c } : void 0,
           t.data.forceImageCover
         ) : void 0, f = u ? {
-          id: R(),
+          id: k(),
           src: u.src,
           x: (m == null ? void 0 : m.x) || 0,
           y: (m == null ? void 0 : m.y) || 0,
@@ -7826,11 +7826,11 @@ class As {
           scaleX: (m == null ? void 0 : m.zoom) || 1,
           scaleY: (m == null ? void 0 : m.zoom) || 1,
           rotation: 0
-        } : void 0, Q = R(), D = a.getLayouts().find((y) => y.panelId === h.panelId);
-        if (!D)
+        } : void 0, Q = k(), I = a.getLayouts().find((y) => y.panelId === h.panelId);
+        if (!I)
           throw new W(h);
         return {
-          command: this.getCreateElementCommand(Q, h, D, {
+          command: this.getCreateElementCommand(Q, h, I, {
             frameData: w,
             pattern: f,
             disablePlaceholder: t.data.disablePlaceholder,
@@ -7927,7 +7927,7 @@ class as {
         src: a.src,
         svg: a.svg.svg,
         cachedObjectURL: a.objectURL,
-        type: k.Illustration,
+        type: b.Illustration,
         y: e.top,
         x: e.left,
         rotation: e.rotation,
@@ -8087,7 +8087,7 @@ class as {
       const m = n.getLayouts().find((Q) => Q.panelId === E.panelId);
       if (!m)
         throw new W(E);
-      const f = R();
+      const f = k();
       return {
         regionElement: { id: f, region: E },
         command: this.getCreateElementCommand(f, E, m, {
@@ -8338,7 +8338,7 @@ class ss {
       return console.error("Missing configuration."), null;
     A.updateStorage(t.stepName, { text: e }), A.updateMetadata(t.stepName, { text: e });
     const c = (g, d, B) => {
-      const h = B || R(), w = A.getLayouts().find((E) => E.panelId === d.panelId);
+      const h = B || k(), w = A.getLayouts().find((E) => E.panelId === d.panelId);
       if (!w)
         return console.error(`Can not find layout for region: ${d.panelId}`), null;
       const u = [];
@@ -8350,7 +8350,7 @@ class ss {
             colors: {},
             id: h,
             svg: g,
-            type: k.Illustration,
+            type: b.Illustration,
             y: d.top,
             x: d.left,
             rotation: d.rotation,
@@ -8468,7 +8468,7 @@ class os {
       const B = A.getLayouts().find((C) => C.panelId === g.panelId);
       if (!B)
         throw new W(g);
-      const h = R();
+      const h = k();
       return {
         regionElement: { id: h, region: g },
         command: new j(
@@ -8477,7 +8477,7 @@ class os {
             stepRegion: g,
             id: h,
             src: s,
-            type: k.Image,
+            type: b.Image,
             y: g.top,
             x: g.left,
             rotation: g.rotation,
@@ -8507,7 +8507,7 @@ class os {
     };
   }
 }
-const ka = new os();
+const ba = new os();
 class rs {
   async init(t, e, A) {
     const a = t.option;
@@ -8566,7 +8566,7 @@ class rs {
     };
   }
 }
-const Ra = new rs();
+const ka = new rs();
 class cs {
   constructor() {
     this.shapeFillId = "spiff-fill-shape";
@@ -8697,7 +8697,7 @@ class cs {
                     </svg>
                 `, u = {};
         u[this.shapeFillId] = { browserValue: C };
-        const E = R();
+        const E = k();
         return {
           id: E,
           region: B,
@@ -8708,7 +8708,7 @@ class cs {
               colors: u,
               id: E,
               svg: w,
-              type: k.Illustration,
+              type: b.Illustration,
               y: B.top,
               x: B.left,
               rotation: B.rotation,
@@ -8800,13 +8800,13 @@ const gs = new ls(), Ue = (i, t, e, A, a) => {
     return [n, s] = Ue(e, A, i, d, o), [a.size, n, s];
   }
   const c = 6;
-  let l = c - Re;
+  let l = c - ke;
   if (A.length > 0) {
     let d = A, B = 0;
     for (; (!a.maxSize || l <= a.maxSize) && d; )
-      l += Re, B = l / r.unitsPerEm, [d, s] = Ue(e, A, l, B, o);
+      l += ke, B = l / r.unitsPerEm, [d, s] = Ue(e, A, l, B, o);
   }
-  l > c && (l -= Re), a.minSize && l < a.minSize && (l = a.minSize);
+  l > c && (l -= ke), a.minSize && l < a.minSize && (l = a.minSize);
   const g = l / r.unitsPerEm;
   return [n, s] = Ue(e, A, l, g, o), [l, n, s];
 }, Ge = 30;
@@ -9064,7 +9064,7 @@ class Bs {
             C,
             async () => {
               e.updateMetadata(t.stepName, { color: w, text: u }), e.updateStorage(t.stepName, { text: u, inputText: u });
-              const m = o.map((Q) => new bA(Q.id, h)), f = new U(m);
+              const m = o.map((Q) => new RA(Q.id, h)), f = new U(m);
               e.getCommandDispatcher()(f);
             }
           );
@@ -9113,7 +9113,7 @@ class Bs {
     var g;
     const c = n.markUpdatePending(), l = await this.fontDataFromVariant(e);
     if (a.length > 0) {
-      const d = a.map((C) => new bA(C.id, l));
+      const d = a.map((C) => new RA(C.id, l));
       if (r) {
         const C = a.map((w) => new He(w.id, r));
         d.push(...C);
@@ -9181,7 +9181,7 @@ class Bs {
       throw new Error("Step data not supplied");
     const o = n.text || A.defaultText || "", r = this.getProcessedInput(o, A, !1), c = async (g) => {
       var C;
-      const B = s.getLayouts().find((w) => w.panelId === g.panelId), h = R();
+      const B = s.getLayouts().find((w) => w.panelId === g.panelId), h = k();
       try {
         if (!B)
           throw new ue("Failed to find layout for region: " + g.panelId);
@@ -9209,7 +9209,7 @@ class Bs {
           rotation: g.rotation,
           text: r,
           input: o,
-          type: k.Textbox,
+          type: b.Textbox,
           vertical: A.vertical,
           x: g.left,
           y: g.top,
@@ -9220,7 +9220,7 @@ class Bs {
           curved: A.curved,
           paths: A.paths,
           fillSpotColorDefinition: u
-        }, Q = [], p = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map();
+        }, Q = [], p = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
         if (!f.fontData)
           throw new L("Failed to resolve font data for text.");
         const [y, S] = ce(
@@ -9237,7 +9237,7 @@ class Bs {
           [r],
           { size: A.size, minSize: A.minSize, maxSize: A.maxSize }
         );
-        p.set(f.id, y), D.set(f.id, S);
+        p.set(f.id, y), I.set(f.id, S);
         const x = A.curved || A.vertical ? r : (S || []).join(`
 `);
         Q.push(
@@ -9298,13 +9298,13 @@ class Bs {
         return l && l(!0), { info: "0" };
       const f = s.getProfanities(), Q = Oe(d.toLowerCase());
       for (const p of Q)
-        for (const D in f) {
-          const y = f[D].toLowerCase().replace(/\s/g, "");
+        for (const I in f) {
+          const y = f[I].toLowerCase().replace(/\s/g, "");
           if (p === y)
             return r(!0), { error: "Blocked profanity." };
         }
       return !t.data.vertical && !t.data.allowNewlines && (d.includes(`
-`) || d.includes("\r")) ? (r(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(C.values()).every((D) => D) ? (r(!0), { error: "Does not fit." }) : (r(!1), { info: (t.data.maxLength - d.length).toString() });
+`) || d.includes("\r")) ? (r(!0), { error: "Cannot span multiple lines." }) : !t.data.curved && !Array.from(C.values()).every((I) => I) ? (r(!0), { error: "Does not fit." }) : (r(!1), { info: (t.data.maxLength - d.length).toString() });
     })();
     if (u.error) {
       c(u.error);
@@ -10595,26 +10595,26 @@ IfnI8vaNAAAAAElFTkSuQmCC" transform="matrix(0.13 0.0141 -0.0141 0.1301 104.926 1
 </g>
 </svg>
 
-`, b = (i) => wi("http://www.w3.org/2000/svg", i), CA = (i, t) => {
-  const e = b("rect");
+`, R = (i) => wi("http://www.w3.org/2000/svg", i), CA = (i, t) => {
+  const e = R("rect");
   return e.setAttribute("height", `${i}`), e.setAttribute("width", `${t}`), e;
 }, ws = () => {
-  const i = b("svg");
+  const i = R("svg");
   return i.setAttribute("xmlns", "http://www.w3.org/2000/svg"), i.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), i.setAttribute("version", "1.1"), i;
 }, us = (i) => {
-  const t = b("use");
+  const t = R("use");
   return t.setAttribute("xlink:href", i), t.setAttribute("href", i), t;
 };
-function ba(i) {
+function Ra(i) {
   const t = ws(), e = /viewBox="0 0 (.+?) (.+?)"/.exec(i) || ["0", "0"], A = parseFloat(e[1]), a = parseFloat(e[2]);
   return t.setAttribute("height", `${a}`), t.setAttribute("width", `${A}`), [t, a, A];
 }
 const Es = (i, t, e) => {
-  const A = b("g");
+  const A = R("g");
   i.appendChild(A), A.setAttribute("id", e), A.innerHTML = t;
 };
 function Ha(i, t, e) {
-  const A = R();
+  const A = k();
   Es(t, e, `bgdef-${A}`), i.appendChild(us(`#bgdef-${A}`));
 }
 const Ua = (i, t, e, A) => {
@@ -10772,26 +10772,26 @@ class fs extends hA {
   }
   brandSvg(t, e) {
     const A = t.toSVG(2), a = t.getBoundingBox(), n = a.x2 - a.x1, s = t.toPathData(3), o = () => {
-      const Q = b("g"), p = b("defs");
+      const Q = R("g"), p = R("defs");
       Q.appendChild(p), p.appendChild(Ua(3, 7, 4, "shadow"));
-      const D = b("g");
-      Q.appendChild(D), D.setAttribute("filter", "url(#shadow)"), D.innerHTML = A;
-      const y = b("g");
+      const I = R("g");
+      Q.appendChild(I), I.setAttribute("filter", "url(#shadow)"), I.innerHTML = A;
+      const y = R("g");
       Q.appendChild(y), y.setAttribute("fill", "red"), y.setAttribute("stroke", "red"), y.setAttribute("stroke-width", "9"), y.innerHTML = A;
-      const S = b("g");
+      const S = R("g");
       Q.appendChild(S), S.setAttribute("fill", "#9d2621"), S.setAttribute("transform", "translate(1,1)"), S.innerHTML = A;
-      const x = b("g");
+      const x = R("g");
       return Q.appendChild(x), x.setAttribute("fill", "yellow"), x.innerHTML = A, new uA(Q).transform(([P, H]) => [P, H + (n / 2 - P) ** 2 / (n * 2.9)]), Q;
-    }, [r, c, l] = ba(e);
+    }, [r, c, l] = Ra(e);
     if (!r)
       return "";
-    const g = b("defs");
+    const g = R("defs");
     r.appendChild(g), Ha(r, g, e);
-    const d = c * 0.23, B = l * 0.94, h = l * 0.04, C = c * 0.53, w = b("g");
+    const d = c * 0.23, B = l * 0.94, h = l * 0.04, C = c * 0.53, w = R("g");
     r.appendChild(w), w.setAttribute("transform", `translate(${h} ${C}) rotate(-21)`);
     const u = CA(d, B);
     u.setAttribute("opacity", "0"), w.appendChild(u);
-    const E = b("g");
+    const E = R("g");
     w.appendChild(E);
     const m = o();
     E.appendChild(m);
@@ -10816,29 +10816,29 @@ class ps extends hA {
   }
   brandSvg(t, e, A) {
     const a = t.toSVG(2), n = t.getBoundingBox(), s = n.y2 - n.y1, o = n.x2 - n.x1, r = t.toPathData(3), c = () => {
-      const D = b("g"), y = b("g");
-      D.appendChild(y), y.setAttribute("stroke", "#5C1A0D"), y.setAttribute("stroke-width", "4"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = a;
-      const S = b("g");
-      D.appendChild(S), S.setAttribute("fill", "#FFE386"), S.setAttribute("transform", "translate(1,1)"), S.innerHTML = a;
-      const x = b("g");
-      D.appendChild(x), x.setAttribute("fill", "white"), x.innerHTML = a;
-      const Y = new uA(D);
+      const I = R("g"), y = R("g");
+      I.appendChild(y), y.setAttribute("stroke", "#5C1A0D"), y.setAttribute("stroke-width", "4"), y.setAttribute("transform", "translate(1,1)"), y.innerHTML = a;
+      const S = R("g");
+      I.appendChild(S), S.setAttribute("fill", "#FFE386"), S.setAttribute("transform", "translate(1,1)"), S.innerHTML = a;
+      const x = R("g");
+      I.appendChild(x), x.setAttribute("fill", "white"), x.innerHTML = a;
+      const Y = new uA(I);
       return Y.transform(([P, H]) => [P, H + ((o - P) * H) ** 2 / (o * 5e4)]), Y.transform(([P, H]) => [
         P,
         H + (o / 3 - P) ** 2 / o * this.indicator(P < o / 3)
-      ]), Y.transform(([P, H]) => [P - (s - H) * (o - P) / 800, H]), D;
-    }, [l, g, d] = ba(e);
+      ]), Y.transform(([P, H]) => [P - (s - H) * (o - P) / 800, H]), I;
+    }, [l, g, d] = Ra(e);
     if (!l)
       return "";
-    const B = b("defs");
+    const B = R("defs");
     l.appendChild(B), Ha(l, B, e);
     let h, C, w, u;
     A ? (h = g * 0.25 * (1 + 0.1), C = d / 2 * (1 + 0.1), w = d * 0.22, u = g * 0.32) : (h = g * 0.22 * (1 + 0.1), C = d * 0.8, w = d * 0.067, u = g * 0.33);
-    const E = b("g");
+    const E = R("g");
     l.appendChild(E), E.setAttribute("transform", `translate(${w} ${u}) rotate(-10)`);
     const m = CA(h, C);
     m.setAttribute("opacity", "0"), E.appendChild(m);
-    const f = b("g");
+    const f = R("g");
     E.appendChild(f);
     const Q = c();
     f.appendChild(Q);
@@ -10860,29 +10860,29 @@ class Is extends hA {
   }
   svgElement(t, e) {
     const A = lA(Ds), n = t !== "" ? ((m) => m.charAt(0).toUpperCase() + m.substr(1).toLowerCase())(t) : "", s = A.getPath(n, 0, 72, 72), o = s.toSVG(2), r = s.getBoundingBox(), c = r.x2 - r.x1, l = s.toPathData(3), g = () => {
-      const m = b("g");
+      const m = R("g");
       m.classList.add("module-text-group");
-      const f = b("defs");
+      const f = R("defs");
       m.appendChild(f), f.appendChild(Ua(0, 2, 2, "shadow"));
-      const Q = b("path");
+      const Q = R("path");
       Q.setAttribute("d", l), Q.setAttribute("stroke", "black"), Q.setAttribute("stroke-width", "3"), f.appendChild(Q);
-      const p = b("g");
+      const p = R("g");
       p.classList.add("module-layer0"), m.appendChild(p), p.setAttribute("filter", "url(#shadow)"), p.innerHTML = Q.outerHTML;
-      const D = b("g");
-      D.classList.add("module-layer1"), m.appendChild(D), D.setAttribute("stroke-width", "3"), D.setAttribute("stroke", "rgb(45,41,38)"), D.setAttribute("fill", "rgb(45,41,38)"), D.setAttribute("transform", "translate(0.5,0)"), D.innerHTML = o;
-      const y = b("g");
+      const I = R("g");
+      I.classList.add("module-layer1"), m.appendChild(I), I.setAttribute("stroke-width", "3"), I.setAttribute("stroke", "rgb(45,41,38)"), I.setAttribute("fill", "rgb(45,41,38)"), I.setAttribute("transform", "translate(0.5,0)"), I.innerHTML = o;
+      const y = R("g");
       y.classList.add("module-layer2"), m.appendChild(y), y.setAttribute("fill", "rgb(255,209,0)"), y.setAttribute("transform", "translate(1,-0.1)"), y.innerHTML = o;
-      const S = b("g");
+      const S = R("g");
       return S.classList.add("module-layer3"), m.appendChild(S), S.setAttribute("fill", "white"), S.innerHTML = o, new uA(m).transform(([Y, P]) => [Y, P + (c / 2 - Y) ** 2 / (c * 6)]), m;
-    }, d = b("g");
+    }, d = R("g");
     d.classList.add("module-root");
-    const B = b("defs");
+    const B = R("defs");
     d.appendChild(B);
-    const h = b("g");
+    const h = R("g");
     h.classList.add("module-bounds"), d.appendChild(h);
     const C = CA(e.height, e.width);
     C.setAttribute("opacity", "0"), h.appendChild(C);
-    const w = b("g");
+    const w = R("g");
     w.classList.add("module-text-enclosure"), d.appendChild(w);
     const u = g();
     w.appendChild(u);
@@ -10901,7 +10901,7 @@ async function Ta(i) {
     return new Is();
   throw new L(`Failed to resolve Module, Module ${i} not found`);
 }
-const ye = I`
+const ye = D`
     fragment GlobalPropertyStateAspectFields on GlobalPropertyStateAspect {
         name
         value
@@ -10917,7 +10917,7 @@ const ye = I`
             }
         }
     }
-`, Fs = I`
+`, Fs = D`
     ${ye}
     mutation CreateGlobalPropertyState($bundleId: String!) {
         globalPropertyStateCreate(bundleId: $bundleId) {
@@ -10927,7 +10927,7 @@ const ye = I`
             }
         }
     }
-`, ys = I`
+`, ys = D`
     ${ye}
     mutation UpdateGlobalPropertyState($id: String!, $aspects: [GlobalPropertyStateAspectInput]!) {
         globalPropertyStateUpdate(id: $id, aspects: $aspects) {
@@ -10938,7 +10938,7 @@ const ye = I`
         }
     }
 `;
-I`
+D`
     ${ye}
     query GetGlobalPropertyState($bundleId: String!) {
         globalPropertyState(bundleId: $bundleId) {
@@ -10949,7 +10949,7 @@ I`
         }
     }
 `;
-const Ms = I`
+const Ms = D`
     ${De}
     fragment ProductFields on Product {
         id
@@ -10993,7 +10993,7 @@ const Ms = I`
             name
         }
     }
-`, EA = I`
+`, EA = D`
     ${Ms}
     fragment ProductCollectionProductFields on ProductCollectionProduct {
         id
@@ -11003,7 +11003,7 @@ const Ms = I`
             ...ProductFields
         }
     }
-`, Me = (i) => I`
+`, Me = (i) => D`
     ${i ? EA : ""}
     fragment ProductCollectionFields on ProductCollection {
         id
@@ -11054,7 +11054,7 @@ const Ms = I`
             }
         }
     }
-`, Ss = (i) => I`
+`, Ss = (i) => D`
     ${ye}
     ${Me(i)}
     query GetBundle($id: String!) {
@@ -11094,7 +11094,7 @@ const Ms = I`
             }
         }
     }
-`, GA = I`
+`, GA = D`
     query GetBundleStakeholders($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -11137,7 +11137,7 @@ const Ms = I`
             }
         }
     }
-`, xs = I`
+`, xs = D`
     query GetBundlesForCustomer($id: String!) {
         customers(ids: [$id]) {
             bundleStakeholders {
@@ -11164,7 +11164,7 @@ const Ms = I`
             }
         }
     }
-`, Ys = I`
+`, Ys = D`
     ${EA}
     query GetProductCollectionProducts($id: String!, $productIds: [String!]) {
         productCollections(ids: [$id], productIds: $productIds) {
@@ -11174,7 +11174,7 @@ const Ms = I`
             }
         }
     }
-`, Ps = I`
+`, Ps = D`
     query GetProductCollectionForFilteredProducts($id: String!, $filters: ProductCollectionProductFilterInput!) {
         productCollections(ids: [$id]) {
             id
@@ -11186,7 +11186,7 @@ const Ms = I`
             }
         }
     }
-`, vs = I`
+`, vs = D`
     ${EA}
     query GetProductCollectionForProductsFeed(
         $id: String!
@@ -11204,7 +11204,7 @@ const Ms = I`
             }
         }
     }
-`, Ns = (i) => I`
+`, Ns = (i) => D`
     ${Me(i)}
     mutation CreateBundle(
         $collectionId: String
@@ -11233,7 +11233,7 @@ const Ms = I`
             }
         }
     }
-`, ks = (i) => I`
+`, bs = (i) => D`
     ${Me(i)}
     mutation DuplicateBundle(
         $id: String!
@@ -11264,25 +11264,25 @@ const Ms = I`
             }
         }
     }
-`, Rs = I`
+`, ks = D`
     mutation UpdateBundle($id: String!, $name: String, $metadata: [MetadataInput!], $bundleStateData: String) {
         bundleUpdate(id: $id, name: $name, metadata: $metadata, bundleStateData: $bundleStateData) {
             id
         }
     }
-`, bs = I`
+`, Rs = D`
     mutation BundleAddTransaction($id: String!, $transactionId: String!) {
         bundleAddTransaction(id: $id, transactionId: $transactionId) {
             id
         }
     }
-`, Hs = I`
+`, Hs = D`
     mutation BundleAddTransactions($id: String!, $transactionIds: [String!]!, $transactionOwnerIds: [String!]) {
         bundleAddTransactions(id: $id, transactionIds: $transactionIds, transactionOwnerIds: $transactionOwnerIds) {
             id
         }
     }
-`, Us = I`
+`, Us = D`
     mutation BundleRemoveTransaction(
         $id: String!
         $transactionId: String!
@@ -11297,7 +11297,7 @@ const Ms = I`
             id
         }
     }
-`, Gs = I`
+`, Gs = D`
     mutation BundleRemoveTransactions(
         $id: String!
         $transactionIds: [String!]!
@@ -11312,7 +11312,7 @@ const Ms = I`
             id
         }
     }
-`, Ts = I`
+`, Ts = D`
     mutation BundleAddStakeholder($id: String!, $details: CustomerDetailsInput!, $type: String!) {
         bundleAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -11332,13 +11332,13 @@ const Ms = I`
             }
         }
     }
-`, Js = I`
+`, Js = D`
     mutation BundleAddStakeholder($id: String!, $emailAddress: String!) {
         bundleRemoveStakeholder(id: $id, emailAddress: $emailAddress) {
             id
         }
     }
-`, Ls = I`
+`, Ls = D`
     mutation BundleUpdateStakeholders($id: String!, $input: [BundleStakeholderInput!]!) {
         bundleUpdateStakeholders(id: $id, input: $input) {
             id
@@ -11358,13 +11358,13 @@ const Ms = I`
             }
         }
     }
-`, Os = I`
+`, Os = D`
     mutation BundleUpdateTransactionOrder($id: String!, $transactionIds: [String!]!) {
         bundleUpdateTransactionOrder(id: $id, transactionIds: $transactionIds) {
             id
         }
     }
-`, zs = (i) => I`
+`, zs = (i) => D`
     ${Me(i)}
     mutation BundleAssignProductCollection($id: String!, $productCollectionId: String!) {
         bundleAssignProductCollection(id: $id, collectionId: $productCollectionId) {
@@ -11374,7 +11374,13 @@ const Ms = I`
             }
         }
     }
-`, js = (i) => I`
+`, js = D`
+    mutation AssignGlobalPropertyConfiguration($bundleId: String!, $globalPropertyConfigurationId: String!) {
+        bundleUpdate(id: $bundleId, globalPropertyConfigurationId: $globalPropertyConfigurationId) {
+            id
+        }
+    }
+`, Ks = (i) => D`
     query CustomerBundlesFeed($id: String!, $limit: Int!, $offset: Int!, $template: Boolean, $templateStatus: BundleTemplateStatus) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: $template, templateStatus: $templateStatus) {
             items {
@@ -11397,29 +11403,29 @@ const Ms = I`
             total
         }
     }
-`, Ks = I`
+`, Vs = D`
     mutation FinalizeUpdateBundle($bundleId: String!) {
         bundleFinalizeUpdate(bundleId: $bundleId)
     }
-`, Vs = I`
+`, Ws = D`
     mutation ApproveBundle($id: String!, $note: String) {
         bundleApprove(id: $id, note: $note)
     }
-`, Ws = I`
+`, Xs = D`
     mutation RejectBundle($id: String!, $note: String) {
         bundleReject(id: $id, note: $note)
     }
-`, Xs = I`
+`, qs = D`
     mutation ApproveTransaction($id: String!, $note: String) {
         transactionApprove(id: $id, note: $note)
     }
-`, qs = I`
+`, Zs = D`
     mutation RejectTransaction($id: String!, $note: String) {
         transactionReject(id: $id, note: $note)
     }
 `;
 var Se = /* @__PURE__ */ ((i) => (i.Error = "Error", i.Warning = "Warning", i.Info = "Info", i))(Se || {});
-const Zs = 1e3;
+const $s = 1e3;
 class TA extends wa {
   constructor(t) {
     super(), this.createdAt = /* @__PURE__ */ new Date(), this.update = t;
@@ -11428,11 +11434,11 @@ class TA extends wa {
     await this.update(), await new Promise((t) => {
       window.setTimeout(() => {
         t();
-      }, Zs);
+      }, $s);
     });
   }
 }
-class $s {
+class _s {
   constructor(t, e, A, a, n, s, o, r, c, l, g, d, B = !1, h, C = !1, w = !1, u = !1) {
     this.workflowStatePromiseQueue = new ua(1), this.initialized = !1, this.readOnly = !1, this.isReloadedTransaction = !1, this.singleVariantsRenderable = !1, this.stepTags = {}, this.renderLayouts = () => {
       var f;
@@ -11617,7 +11623,7 @@ class $s {
     this.pendingUpdates = this.pendingUpdates.filter((e) => e !== t);
   }
   markUpdatePending() {
-    const t = R();
+    const t = k();
     return this.pendingUpdates = [...this.pendingUpdates, t], t;
   }
   setEditedStatus(t, e) {
@@ -11726,7 +11732,7 @@ class $s {
     };
     if (!VA(A, this.storage)) {
       this.storage = A;
-      const a = new RA(this.constructSerializableWorkflow());
+      const a = new kA(this.constructSerializableWorkflow());
       this.commandContext.apply(a, !0), this.onStepSpecificStorageChange(t), this.onStorageChange();
     }
   }
@@ -11888,7 +11894,7 @@ class $s {
   }
   async approveTransaction(t) {
     await F.getShadowGraphqlClient().mutate({
-      mutation: Xs,
+      mutation: qs,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -11899,7 +11905,7 @@ class $s {
   }
   async rejectTransaction(t) {
     await F.getShadowGraphqlClient().mutate({
-      mutation: qs,
+      mutation: Zs,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -11921,11 +11927,11 @@ class $s {
     this.stepSelections = {
       ...this.stepSelections,
       [t]: { selectedVariants: e }
-    }, this.selectionCost = Object.values(this.stepSelections).reduce((p, D) => p + D.selectedVariants.map((y) => y.priceModifier || 0).reduce((y, S) => y + S, 0), 0), this.workflow.steps.forEach((p) => {
+    }, this.selectionCost = Object.values(this.stepSelections).reduce((p, I) => p + I.selectedVariants.map((y) => y.priceModifier || 0).reduce((y, S) => y + S, 0), 0), this.workflow.steps.forEach((p) => {
       wt(p, this.stepSelections) || (this.stepInitialised[p.stepName] = !1, delete this.stepMetadata[p.stepName], delete this.stepSelections[p.stepName], delete this.storage[p.stepName]);
     });
     const s = this.allScenes, o = It(s, n), r = It(s, this.stepSelections), c = o.map((p) => p.silentSteps).flat(), g = r.map((p) => p.silentSteps).flat().filter(
-      (p) => !c.some((D) => D.stepName === p.stepName)
+      (p) => !c.some((I) => I.stepName === p.stepName)
     );
     c.forEach((p) => {
       wt(p, this.stepSelections) || (this.stepInitialised[p.stepName] = !1);
@@ -11939,15 +11945,15 @@ class $s {
     const C = this.workflow.steps.find((p) => p.stepName === t);
     if ((C == null ? void 0 : C.type) === M.Frame) {
       const p = this.getStepSpecificServices(t);
-      (Q = p == null ? void 0 : p.frameService) == null || Q.setTargetElements(A.map((D) => D.id));
+      (Q = p == null ? void 0 : p.frameService) == null || Q.setTargetElements(A.map((I) => I.id));
     }
-    const w = d.map((p) => new ft(p.id)), u = new RA(this.constructSerializableWorkflow()), E = [...h, ...w, u];
+    const w = d.map((p) => new ft(p.id)), u = new kA(this.constructSerializableWorkflow()), E = [...h, ...w, u];
     E.length > 0 && this.commandContext.apply(new U(E), !0), await this.ensureStepsAreLoaded(), this.onElementsChange();
     const m = this.getInvalidModelVariants(), f = this.modelContainer;
     if (f) {
       const p = m.map(
-        (D) => f.applyModelVariant(
-          D,
+        (I) => f.applyModelVariant(
+          I,
           {
             contextService: this.getLayoutPreviewService()
           },
@@ -12007,12 +12013,12 @@ class $s {
             break;
           case M.Picture:
             A.push(
-              ka.init(r, this, this.reloadedState)
+              ba.init(r, this, this.reloadedState)
             );
             break;
           case M.Question:
             A.push(
-              Ra.init(r, this, this.reloadedState)
+              ka.init(r, this, this.reloadedState)
             );
             break;
           case M.Shape:
@@ -12298,7 +12304,7 @@ const Ja = class _e {
 };
 Ja.updateState = /* @__PURE__ */ new Map();
 let At = Ja;
-class _s extends At {
+class to extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12353,7 +12359,7 @@ class _s extends At {
     return this.step.data.colorPickerEnabled ?? !1;
   }
 }
-class to extends At {
+class eo extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12366,7 +12372,7 @@ class to extends At {
     );
   }
 }
-class eo extends At {
+class Ao extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12379,7 +12385,7 @@ class eo extends At {
     );
   }
 }
-class Ao extends At {
+class ao extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12389,7 +12395,7 @@ class Ao extends At {
    * @returns A promise that can be awaited to ensure the new image asset has been updated on the design.
    */
   selectVariant(t) {
-    return ka.selectVariant(
+    return ba.selectVariant(
       this.step,
       t.getResource(),
       this.manager,
@@ -12397,14 +12403,14 @@ class Ao extends At {
     );
   }
 }
-class ao extends At {
+class io extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
   async selectVariant(t) {
     if (!t.getId())
       throw new Error("Unable to select variant with a null ID");
-    await Ra.selectVariant(this.step, t.getId(), this.manager);
+    await ka.selectVariant(this.step, t.getId(), this.manager);
   }
   /**
    * The way that this step expects to be rendered.
@@ -12414,7 +12420,7 @@ class ao extends At {
     return this.step.data.displayType || ((t = this.step.option) == null ? void 0 : t.displayType);
   }
 }
-class io extends At {
+class no extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12469,7 +12475,7 @@ class io extends At {
     return t;
   }
 }
-class no extends At {
+class so extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12648,7 +12654,7 @@ class no extends At {
     throw new Error("Custom color support is not yet available on text. Check back soon.");
   }
 }
-class so extends At {
+class oo extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12661,7 +12667,7 @@ class so extends At {
     return this.step.data.content;
   }
 }
-class oo extends At {
+class ro extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12688,7 +12694,7 @@ class oo extends At {
     );
   }
 }
-class ro extends At {
+class co extends At {
   constructor(t, e, A) {
     super(t, e, A);
   }
@@ -12739,33 +12745,33 @@ class ie {
   static get(t, e) {
     switch (e.type) {
       case M.DigitalContent:
-        return new oo(t, e, t.getStepTags(e.stepName));
+        return new ro(t, e, t.getStepTags(e.stepName));
       case M.Information:
-        return new so(t, e, t.getStepTags(e.stepName));
+        return new oo(t, e, t.getStepTags(e.stepName));
       case M.Question:
-        return new ao(t, e, t.getStepTags(e.stepName));
+        return new io(t, e, t.getStepTags(e.stepName));
       case M.Text:
-        return new no(t, e, t.getStepTags(e.stepName));
+        return new so(t, e, t.getStepTags(e.stepName));
       case M.Illustration:
-        return new _s(t, e, t.getStepTags(e.stepName));
+        return new to(t, e, t.getStepTags(e.stepName));
       case M.Picture:
-        return new Ao(t, e, t.getStepTags(e.stepName));
+        return new ao(t, e, t.getStepTags(e.stepName));
       case M.Shape:
-        return new io(t, e, t.getStepTags(e.stepName));
+        return new no(t, e, t.getStepTags(e.stepName));
       case M.Material:
-        return new to(t, e, t.getStepTags(e.stepName));
-      case M.Model:
         return new eo(t, e, t.getStepTags(e.stepName));
+      case M.Model:
+        return new Ao(t, e, t.getStepTags(e.stepName));
       case M.Frame:
-        return new sr(t, e, t.getStepTags(e.stepName));
+        return new or(t, e, t.getStepTags(e.stepName));
       case M.Module:
-        return new ro(t, e, t.getStepTags(e.stepName));
+        return new co(t, e, t.getStepTags(e.stepName));
       default:
         throw new L(`Step type ${e.type} not yet supported in Core SDK`);
     }
   }
 }
-const La = I`
+const La = D`
     fragment CreateDesignTransaction on Transaction {
         id
         designName
@@ -12790,7 +12796,7 @@ const La = I`
             externalProductVariantId
         }
     }
-`, co = I`
+`, lo = D`
     ${La}
     mutation CreateDesign(
         $name: String!
@@ -12822,7 +12828,7 @@ const La = I`
             }
         }
     }
-`, lo = I`
+`, go = D`
     ${La}
     mutation CreateDesigns($inputs: [DesignCreateInput]!) {
         designCreateMany(inputs: $inputs) {
@@ -12841,11 +12847,11 @@ function Ee(i) {
   const t = JSON.parse(atob(i.split(".")[1])).exp;
   return Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) >= t;
 }
-const go = async (i) => {
+const Bo = async (i) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([r, c]) => r.startsWith("CognitoIdentityServiceProvider") && r.endsWith("idToken"))) == null ? void 0 : s[0]) || "", A = localStorage.getItem(e), a = {};
   return A && !Ee(A) && (a.Authorization = `Bearer ${A}`), (o = (await F.getShadowGraphqlClient().mutate({
-    mutation: co,
+    mutation: lo,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -12862,11 +12868,11 @@ const go = async (i) => {
       headers: a
     }
   })).data) == null ? void 0 : o.designCreate;
-}, Bo = async (i) => {
+}, ho = async (i) => {
   var s, o;
   const e = ((s = Object.entries(localStorage).find(([r, c]) => r.startsWith("CognitoIdentityServiceProvider") && r.endsWith("idToken"))) == null ? void 0 : s[0]) || "", A = localStorage.getItem(e), a = {};
   return A && !Ee(A) && (a.Authorization = `Bearer ${A}`), (o = (await F.getShadowGraphqlClient().mutate({
-    mutation: lo,
+    mutation: go,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -12921,7 +12927,7 @@ const go = async (i) => {
   return t.steps.forEach((n) => {
     Object.assign(a, A(n));
   }), a;
-}, ho = (i, t, e, A) => {
+}, Co = (i, t, e, A) => {
   const a = {};
   let n = {};
   e ? n = tA(e, t, !1) : A && (n = A);
@@ -12943,7 +12949,7 @@ const go = async (i) => {
   return a;
 }, Oa = (i, t, e, A, a, n, s, o) => {
   var h, C;
-  const r = t.basePrice || 0, c = i.priceModifierTotal || 0, l = ho(A, e, void 0, n), d = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id), B = {
+  const r = t.basePrice || 0, c = i.priceModifierTotal || 0, l = Co(A, e, void 0, n), d = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(i.id), B = {
     additionalExternalProductId: (h = i.integrationProduct) == null ? void 0 : h.additionalExternalProductId,
     additionalExternalVariantId: (C = i.integrationProduct) == null ? void 0 : C.additionalExternalVariantId,
     baseCost: r,
@@ -13059,7 +13065,7 @@ const go = async (i) => {
     cartSelectionsWithPrices: E,
     cartMetadata: C
   };
-}, Co = async (i, t, e, A, a, n, s, o, r, c, l) => {
+}, wo = async (i, t, e, A, a, n, s, o, r, c, l) => {
   var u, E;
   r("workflow.steps.finish.finalize.buildingLayouts");
   const { designDetails: g, cartSelectionsWithPrices: d, cartMetadata: B } = await za(
@@ -13074,7 +13080,7 @@ const go = async (i) => {
     l
   );
   r("workflow.steps.finish.finalize.creatingDesign");
-  const h = await go(g), C = (u = h == null ? void 0 : h.transaction) == null ? void 0 : u.previewImageLink;
+  const h = await Bo(g), C = (u = h == null ? void 0 : h.transaction) == null ? void 0 : u.previewImageLink;
   if (!(h != null && h.transaction))
     throw new Error("Failed to create design");
   r("workflow.steps.finish.finalize.updatingTransaction");
@@ -13089,7 +13095,7 @@ const go = async (i) => {
     C,
     (E = h == null ? void 0 : h.processExecution) == null ? void 0 : E.id
   );
-}, wo = async (i, t, e) => {
+}, uo = async (i, t, e) => {
   t("workflow.steps.finish.finalize.buildingLayouts"), await Promise.all(
     i.map(async (o) => {
       await o.workflowManager.outstandingRequestsPromise();
@@ -13121,7 +13127,7 @@ const go = async (i) => {
     ))
   );
   t("workflow.steps.finish.finalize.creatingDesign");
-  const s = await Bo(n.map((o) => o.designDetails));
+  const s = await ho(n.map((o) => o.designDetails));
   if (!s)
     throw new Error("Failed to create designs");
   return t("workflow.steps.finish.finalize.updatingTransaction"), s.map((o, r) => {
@@ -13140,7 +13146,7 @@ const go = async (i) => {
     );
   });
 };
-class uo {
+class Eo {
   constructor() {
     this.localPersistenceKey = "designTransactions", this.storageMethod = "Local", this.designSavedListeners = [];
   }
@@ -13207,7 +13213,7 @@ class uo {
     throw new L("Unexpected storage method requested");
   }
 }
-const Te = new uo(), Eo = I`
+const Te = new Eo(), mo = D`
     mutation AddTransactionStakeholder($id: String!, $type: String!, $details: CustomerDetailsInput!) {
         transactionAddStakeholder(id: $id, details: $details, type: $type) {
             id
@@ -13222,8 +13228,8 @@ const Te = new uo(), Eo = I`
         }
     }
 `;
-var mo = /* @__PURE__ */ ((i) => (i.QuantityChanged = "QuantityChanged", i.PriceBreakChanged = "PriceBreakChanged", i))(mo || {});
-class fo {
+var fo = /* @__PURE__ */ ((i) => (i.QuantityChanged = "QuantityChanged", i.PriceBreakChanged = "PriceBreakChanged", i))(fo || {});
+class Qo {
   constructor(t, e) {
     var a;
     if (this.cachedStepHandles = /* @__PURE__ */ new Map(), this.currentPriceBreak = 1, this.renderableScenes = [], this.renderableSceneCallbacks = [], this.eventCallbacks = /* @__PURE__ */ new Map(), this.debouncedSavedDesignUpdate = KA(async () => {
@@ -13245,7 +13251,7 @@ class fo {
       throw new Error("No Workflow ID provided.");
     this.client = t;
     const A = e.layouts;
-    this.commandContext = new zn(), this.commandContext.initialize(A, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.workflowManager = new $s(
+    this.commandContext = new zn(), this.commandContext.initialize(A, e.reloadedState), this.isReadOnly = e.transaction.isOrdered || !!e.readOnly, this.workflowManager = new _s(
       this,
       t,
       e.workflow,
@@ -13475,7 +13481,7 @@ class fo {
   async assignCustomerDetails(t) {
     var s, o, r;
     const A = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(this.getWorkflowManager().getTransaction().id), n = (r = (o = (s = (await F.getShadowGraphqlClient().mutate({
-      mutation: Eo,
+      mutation: mo,
       variables: {
         id: this.getWorkflowManager().getTransaction().id,
         details: t,
@@ -13553,7 +13559,7 @@ class fo {
       transactionId: A.id,
       workflowViewerLink: "",
       workflowViewerReadOnlyLink: ""
-    }) : Co(
+    }) : wo(
       this.workflowManager,
       this.workflowManager.getWorkflow(),
       this.workflowManager.getLayouts(),
@@ -13632,7 +13638,7 @@ class fo {
     (this.eventCallbacks.get(t) || []).forEach((e) => e(this));
   }
 }
-const Qo = [
+const po = [
   "altGlyph",
   "circle",
   "ellipse",
@@ -13644,19 +13650,19 @@ const Qo = [
   "textPath",
   "tref",
   "tspan"
-], po = async (i, t, e) => {
+], Do = async (i, t, e) => {
   const A = t.data, a = e.data.baseUrl, n = A.assetUrl.replace("localhost", "localstack"), s = a.slice(0, 4) === "http" ? "" : "https://", o = new URL(s + a);
   o.searchParams.append("video", yA(JSON.stringify([{ href: n }]))), o.pathname = o.pathname + (o.pathname.slice(-1) === "/" ? "" : "/");
   const r = o.toString(), l = `data:image/svg+xml;base64,${yA(await jA(r, { type: "svg" }))}`, g = (B) => {
     const h = i.find((w) => w.panelId === B.panelId);
     if (!h)
       throw new W(B);
-    const C = R();
+    const C = k();
     return new j(
       {
         id: C,
         src: l,
-        type: k.Image,
+        type: b.Image,
         y: B.top,
         x: B.left,
         width: B.width,
@@ -13671,14 +13677,14 @@ const Qo = [
   } catch (B) {
     return console.error(B), [];
   }
-}, Do = async (i, t, e, A) => {
+}, Io = async (i, t, e, A) => {
   const a = e.data, n = a.assetUrl, s = await qe(n);
   try {
     const o = xn(a, A.option);
     o && (t[A.stepName] = { selectedVariants: [o] });
     const r = async (c) => {
       var C;
-      const l = await Ea(c, (C = o == null ? void 0 : o.asset) == null ? void 0 : C.fileLink), g = await Fe(l), d = R(), B = i.find((w) => w.panelId === c.panelId);
+      const l = await Ea(c, (C = o == null ? void 0 : o.asset) == null ? void 0 : C.fileLink), g = await Fe(l), d = k(), B = i.find((w) => w.panelId === c.panelId);
       if (!B)
         throw new W(c);
       const h = cA(
@@ -13696,7 +13702,7 @@ const Qo = [
           {
             id: d,
             path: g.path,
-            type: k.Frame,
+            type: b.Frame,
             forceImageCover: A.data.forceImageCover,
             x: c.left,
             y: c.top,
@@ -13729,12 +13735,12 @@ const Qo = [
   } catch (o) {
     return console.error(o), [];
   }
-}, Io = async (i, t, e, A) => {
+}, Fo = async (i, t, e, A) => {
   var Q, p;
   const a = e.data, n = A.option;
   if (!n)
     return console.error(`No option for step ${A.stepName}.`), [];
-  const s = ((Q = n.variants) == null ? void 0 : Q.find((D) => D.id === a.illustrationVariantId)) || Zt(n);
+  const s = ((Q = n.variants) == null ? void 0 : Q.find((I) => I.id === a.illustrationVariantId)) || Zt(n);
   if (!s)
     return console.error(`No variant with ID: ${a.illustrationVariantId}`), [];
   if (!s.asset)
@@ -13748,68 +13754,68 @@ const Qo = [
     return console.error("Failed to read SVG."), [];
   sA(h);
   const C = {};
-  St(h, (D) => {
-    Qo.includes(D.tagName) && !D.attributes.getNamedItem("fill") && D.setAttribute("fill", "#000000");
-    const y = D.attributes.getNamedItem("fill");
+  St(h, (I) => {
+    po.includes(I.tagName) && !I.attributes.getNamedItem("fill") && I.setAttribute("fill", "#000000");
+    const y = I.attributes.getNamedItem("fill");
     if (y && y.value !== "none") {
       const x = y.value, P = `spiff-fill-${x.replace(/\W/g, "")}`;
-      D.classList.add(P), C[P] = { browserValue: x };
+      I.classList.add(P), C[P] = { browserValue: x };
     }
-    const S = D.attributes.getNamedItem("stroke");
+    const S = I.attributes.getNamedItem("stroke");
     if (S && S.value !== "none") {
       const x = S.value, P = `spiff-stroke-${x.replace(/\W/g, "")}`;
-      D.classList.add(P), C[P] = { browserValue: x };
+      I.classList.add(P), C[P] = { browserValue: x };
     }
   });
   const u = Qt().serializeToString(h), E = a.colors;
   if (E) {
-    for (const [D, y] of Object.entries(C))
+    for (const [I, y] of Object.entries(C))
       for (const S of Object.keys(E))
         if (y.browserValue === S) {
-          C[D] = { browserValue: E[S] };
+          C[I] = { browserValue: E[S] };
           break;
         }
   }
-  const m = (D) => {
-    const y = i.find((x) => x.panelId === D.panelId);
+  const m = (I) => {
+    const y = i.find((x) => x.panelId === I.panelId);
     if (!y)
-      throw new W(D);
-    const S = R();
+      throw new W(I);
+    const S = k();
     return new j(
       {
         colors: C,
         id: S,
         svg: u,
-        type: k.Illustration,
-        y: D.top,
-        x: D.left,
-        rotation: D.rotation,
-        width: D.width,
-        height: D.height,
-        layer: D.layer,
-        layerIndex: D.layerIndex,
-        immutable: D.immutable
+        type: b.Illustration,
+        y: I.top,
+        x: I.left,
+        rotation: I.rotation,
+        width: I.width,
+        height: I.height,
+        layer: I.layer,
+        layerIndex: I.layerIndex,
+        immutable: I.immutable
       },
       y
     );
   }, f = A.data.regions;
   try {
     return f.map(m);
-  } catch (D) {
-    return console.error(D), [];
+  } catch (I) {
+    return console.error(I), [];
   }
-}, Fo = async (i, t, e) => {
+}, yo = async (i, t, e) => {
   const A = await Ta(e.data.module), a = t.data, n = (o, r) => {
     const c = i.find((g) => g.panelId === r.panelId);
     if (!c)
       throw new W(r);
-    const l = R();
+    const l = k();
     return new j(
       {
         colors: {},
         id: l,
         svg: o,
-        type: k.Illustration,
+        type: b.Illustration,
         y: r.top,
         x: r.left,
         rotation: r.rotation,
@@ -13828,7 +13834,7 @@ const Qo = [
   } catch (o) {
     return console.error(o), [];
   }
-}, yo = async (i, t, e, A) => {
+}, Mo = async (i, t, e, A) => {
   var l, g;
   const a = e.data, n = A.option;
   if (!n)
@@ -13846,12 +13852,12 @@ const Qo = [
     const B = i.find((C) => C.panelId === d.panelId);
     if (!B)
       throw new W(d);
-    const h = R();
+    const h = k();
     return new j(
       {
         id: h,
         src: o,
-        type: k.Image,
+        type: b.Image,
         y: d.top,
         x: d.left,
         rotation: d.rotation,
@@ -13870,7 +13876,7 @@ const Qo = [
   } catch (d) {
     return console.error(d), [];
   }
-}, Mo = async (i, t, e, A) => {
+}, So = async (i, t, e, A) => {
   var c;
   const a = e.data, n = A.option;
   if (!n)
@@ -13903,13 +13909,13 @@ const Qo = [
                 fill="${s == null ? void 0 : s.color}"
             />
         </svg>
-        `, h = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, C = R();
+        `, h = { "spiff-fill-shape": { browserValue: s.color || "#000000" } }, C = k();
     return new j(
       {
         colors: h,
         id: C,
         svg: d,
-        type: k.Illustration,
+        type: b.Illustration,
         y: l.top,
         x: l.left,
         rotation: l.rotation,
@@ -13927,11 +13933,11 @@ const Qo = [
   } catch (l) {
     return console.error(l), [];
   }
-}, So = async (i, t, e) => {
+}, xo = async (i, t, e) => {
   const A = [], n = (() => {
     var c, l;
     return t.type === M.ProductOverlay ? e || ((c = t.data.asset) == null ? void 0 : c.fileLink) || "" : ((l = t.data.asset) == null ? void 0 : l.fileLink) || "";
-  })(), o = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? k.Image : (n.endsWith(".svg"), k.Illustration))(), r = t.data.regions;
+  })(), o = (() => n.endsWith(".jpeg") || n.endsWith(".jpg") || n.endsWith(".png") ? b.Image : (n.endsWith(".svg"), b.Illustration))(), r = t.data.regions;
   if (o === "image")
     try {
       r.forEach((c) => {
@@ -13939,7 +13945,7 @@ const Qo = [
         if (!l)
           throw new W(c);
         const g = {
-          id: R(),
+          id: k(),
           src: n,
           type: o,
           y: c.top,
@@ -13972,7 +13978,7 @@ const Qo = [
       if (!d)
         throw new W(g);
       const B = {
-        id: R(),
+        id: k(),
         src: n,
         asset_key: n,
         svg: l(c),
@@ -13994,7 +14000,7 @@ const Qo = [
     });
   }
   return A;
-}, xo = async (i, t, e, A) => {
+}, Yo = async (i, t, e, A) => {
   const a = [], n = e.data, s = 30, o = (w) => w.vertical ? "center" : w.textAlign || "center", r = () => {
     var m;
     const w = A.option;
@@ -14032,7 +14038,7 @@ const Qo = [
       continue;
     const E = {
       stepName: e.name,
-      id: R(),
+      id: k(),
       align: o(A.data),
       curved: A.data.curved,
       fill: n.color || h || "#000000",
@@ -14044,7 +14050,7 @@ const Qo = [
       paths: A.data.paths,
       rotation: w.rotation,
       text: d,
-      type: k.Textbox,
+      type: b.Textbox,
       vertical: A.data.vertical,
       verticalAlign: A.data.verticalAlign || "middle",
       width: w.width,
@@ -14083,7 +14089,7 @@ const Qo = [
       a.push(new j(E, u));
   }
   return a;
-}, Yo = (i, t) => i.conditions ? i.conditions.every((e) => {
+}, Po = (i, t) => i.conditions ? i.conditions.every((e) => {
   const A = t[e.targetStepName];
   if (A && A.selectedVariants) {
     const a = A.selectedVariants;
@@ -14092,7 +14098,7 @@ const Qo = [
     );
   }
   return !1;
-}) : !0, Po = async (i, t, e, A) => {
+}) : !0, vo = async (i, t, e, A) => {
   const a = [], n = {};
   for (const s of i) {
     const o = t.steps.find((r) => r.stepName === s.name);
@@ -14100,18 +14106,18 @@ const Qo = [
       switch (o.type) {
         case M.DigitalContent:
           a.push(
-            ...await po(e, s, o)
+            ...await Do(e, s, o)
           );
           break;
         case M.Frame:
         case M.Photo:
           a.push(
-            ...await Do(e, n, s, o)
+            ...await Io(e, n, s, o)
           );
           break;
         case M.Illustration:
           a.push(
-            ...await Io(
+            ...await Fo(
               e,
               n,
               s,
@@ -14120,32 +14126,32 @@ const Qo = [
           );
           break;
         case M.Module:
-          a.push(...await Fo(e, s, o));
+          a.push(...await yo(e, s, o));
           break;
         case M.Picture:
           a.push(
-            ...await yo(e, n, s, o)
+            ...await Mo(e, n, s, o)
           );
           break;
         case M.Shape:
           a.push(
-            ...await Mo(e, n, s, o)
+            ...await So(e, n, s, o)
           );
           break;
         case M.Text:
           a.push(
-            ...await xo(e, n, s, o)
+            ...await Yo(e, n, s, o)
           );
           break;
       }
   }
   for (const s of t.steps)
-    s.type !== M.SilentIllustration && s.type !== M.ProductOverlay || Yo(s, n) && a.push(
-      ...await So(e, s, A)
+    s.type !== M.SilentIllustration && s.type !== M.ProductOverlay || Po(s, n) && a.push(
+      ...await xo(e, s, A)
     );
   return a;
 };
-class vo {
+class No {
   constructor(t) {
     this.handleCompleteRender = null;
     const e = /* @__PURE__ */ new Map();
@@ -14166,14 +14172,14 @@ class vo {
     return this.layouts;
   }
 }
-const No = () => new Promise((i, t) => {
+const bo = () => new Promise((i, t) => {
   try {
     const A = lt().getContext("webgl2");
     i(!!A);
   } catch {
     i(!1);
   }
-}), ko = No();
+}), ko = bo();
 class Ro {
   constructor(t, e, A, a) {
     this.hasSetStaticContext = !1, this.interactiveDirty = !1, this.staticCtxDirty = !1, this.lastRequestedRenderArguments = void 0, this.lastCompletedStaticRender = void 0, this.renderQueue = new ua(2), this.id = t, this.name = e, this.service = A, this.panelSize = a;
@@ -14230,7 +14236,7 @@ class Ro {
       return;
     }
     this.renderQueue.enqueue(
-      new bo(
+      new Ho(
         this.getID(),
         A,
         await ko,
@@ -14242,7 +14248,7 @@ class Ro {
     );
   }
 }
-class bo extends wa {
+class Ho extends wa {
   // TODO: Do we need to pass this whole array in?
   constructor(t, e, A, a, n) {
     super(), this.layoutId = t, this.ctx = e, this.nonPOTSupport = A, this.onRender = a, this.layouts = n;
@@ -14310,7 +14316,7 @@ class bo extends wa {
     d.resize(r, c), await d.render(), this.onRender();
   }
 }
-const rc = (i, t) => {
+const cc = (i, t) => {
   const e = [];
   return i.forEach((A) => {
     const a = t.steps.find((n) => n.stepName === A.stepName);
@@ -14321,16 +14327,16 @@ const rc = (i, t) => {
       }
     });
   }), e;
-}, cc = async (i, t, e, A) => {
+}, lc = async (i, t, e, A) => {
   let a = {
     serializableWorkflow: { steps: [] },
     layouts: {}
   };
   a = new U(e.map((r) => new Sa(r))).apply(a);
-  const s = await Po(i, t, e, A);
+  const s = await vo(i, t, e, A);
   return new U(s).apply(a);
 };
-class Ho {
+class Uo {
   constructor(t) {
     this.handleCache = {}, this.bundle = t;
   }
@@ -14374,7 +14380,7 @@ class Ho {
   async createHandle(t) {
     switch (t.type) {
       case it.FileUpload:
-        return new Uo(this.bundle, t);
+        return new Go(this.bundle, t);
       case it.ColorOption:
         return new JA(
           this.bundle,
@@ -14386,7 +14392,7 @@ class Ho {
         return (e == null ? void 0 : e.type) === "Color" ? new JA(this.bundle, t, e) : new ja(this.bundle, t, e);
       }
       case it.Text:
-        return new Go(this.bundle, t);
+        return new To(this.bundle, t);
       default:
         throw new Error("Unhandled Global Property Aspect Type");
     }
@@ -14447,7 +14453,7 @@ class mA {
     return this.bundle.getGlobalPropertyStateManager().getAspect(this.property.name);
   }
 }
-class Uo extends mA {
+class Go extends mA {
   constructor(t, e) {
     super(t, e);
   }
@@ -14588,7 +14594,7 @@ class Uo extends mA {
     );
   }
 }
-class Go extends mA {
+class To extends mA {
   constructor(t, e) {
     super(t, e);
   }
@@ -14738,7 +14744,7 @@ class JA extends ja {
     return ((t = this.bundle.getGlobalPropertyStateManager().getAspectStorage(this.property.name)) == null ? void 0 : t.customColor) || ((e = this.getCurrentVariant()) == null ? void 0 : e.getColor()) || "#ffffff";
   }
 }
-class To {
+class Jo {
   constructor(t, e, A, a, n) {
     this.bundleId = t, this.bundleOwnerId = e, this.configuration = A, this.bundleOptions = n;
     const s = n == null ? void 0 : n.existingGlobalPropertyState;
@@ -14877,7 +14883,7 @@ class To {
     throw new Error(`Unable to create global property state for bundle: ${this.bundleId}`);
   }
 }
-class Jo {
+class Lo {
   constructor(t) {
     this.setState(t);
   }
@@ -14960,7 +14966,7 @@ class Jo {
     };
   }
 }
-class Lo {
+class Oo {
   constructor(t) {
     this.fullFetched = !1, this.collection = t;
     const e = this.collection.productCollectionProducts;
@@ -15074,7 +15080,7 @@ class Lo {
   }
   getTransformCollection() {
     if (this.collection.transformCollection)
-      return new Oo(this.collection.transformCollection);
+      return new zo(this.collection.transformCollection);
   }
   /**
    * The raw collection resource. This is generally not needed and should be avoided.
@@ -15235,7 +15241,7 @@ class Tt {
     return this.workflow.imageUrl;
   }
 }
-class Oo {
+class zo {
   constructor(t) {
     this.collection = t;
   }
@@ -15255,10 +15261,10 @@ class Oo {
    * @returns The transforms in this collection.
    */
   getTransforms() {
-    return this.collection.transforms.map((t) => new zo(t));
+    return this.collection.transforms.map((t) => new jo(t));
   }
 }
-class zo {
+class jo {
   constructor(t) {
     this.transform = t;
   }
@@ -15287,21 +15293,23 @@ class zo {
 }
 class Je {
   constructor(t, e, A, a, n, s) {
-    var o, r, c;
-    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = t, this.id = e.id, this.name = e.name || "", this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = n, this.metadata = new Map(((o = e.metadata) == null ? void 0 : o.map((l) => [l.key, l.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Jo(e.bundleStateData), this.globalPropertyStateManager = new To(
+    var r, c, l;
+    this.eventListeners = /* @__PURE__ */ new Map(), this.workflowExperiences = [], this.client = t, this.id = e.id, this.name = e.name || "", this.shareActions = e.bundleShareActions, this.workflowViewerLink = e.workflowViewerLink, this.workflowViewerAmendLink = e.workflowViewerAmendLink, this.ownerId = n, this.metadata = new Map(((r = e.metadata) == null ? void 0 : r.map((g) => [g.key, g.value])) || []), this.completed = e.completed ?? !1, this.productCollection = e.productCollection, this.bundleStateManager = new Lo(e.bundleStateData);
+    const o = (c = this.productCollection) == null ? void 0 : c.globalPropertyConfiguration;
+    this.globalConfigurationPropertyId = o == null ? void 0 : o.id, this.globalPropertyStateManager = new Jo(
       this.id,
       this.ownerId,
-      (r = this.productCollection) == null ? void 0 : r.globalPropertyConfiguration,
+      o,
       this.checkConditionalHandlesChanged.bind(this),
       s
-    ), this.globalPropertyHandleService = new Ho(this), this.setPreviewService(A), this.initializationPromise = Promise.all([
-      this.loadExistingWorkflowExperiences(((c = e.transactions) == null ? void 0 : c.map((l) => l.id)) || [], {
+    ), this.globalPropertyHandleService = new Uo(this), this.setPreviewService(A), this.initializationPromise = Promise.all([
+      this.loadExistingWorkflowExperiences(((l = e.transactions) == null ? void 0 : l.map((g) => g.id)) || [], {
         ...a,
         bundleOwnerId: n
       }),
       this.globalPropertyStateManager.getInitializationPromise()
-    ]), this.initializationPromise.catch((l) => {
-      console.error(`Bundle initialization failed: ${l}`);
+    ]), this.initializationPromise.catch((g) => {
+      console.error(`Bundle initialization failed: ${g}`);
     });
   }
   setBundleOptions(t) {
@@ -15365,7 +15373,7 @@ class Je {
     return this.workflowExperiences.map((t) => t.getTotalPriceSubunits()).reduce((t, e) => t + e, 0);
   }
   getProductCollection() {
-    return this.productCollection ? new Lo(this.productCollection) : void 0;
+    return this.productCollection ? new Oo(this.productCollection) : void 0;
   }
   async addWorkflowExperience(t) {
     t.setBundle(this), await this.appendWorkflowExperience(t), await this.injectExperienceIntoPreviewService(t), await t.getWorkflowManager().getInitializationPromise();
@@ -15413,7 +15421,7 @@ class Je {
       throw new Error("Unable to add transaction to bundle - Already Exists!");
     const s = (N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map()).get(A);
     await F.getShadowGraphqlClient().mutate({
-      mutation: bs,
+      mutation: Rs,
       variables: {
         id: this.id,
         transactionId: A
@@ -15626,7 +15634,7 @@ class Je {
   async finish(t, e) {
     if (this.completed)
       return await F.getShadowGraphqlClient().mutate({
-        mutation: Ks,
+        mutation: Vs,
         variables: {
           bundleId: this.id
         }
@@ -15635,7 +15643,7 @@ class Je {
         items: [],
         bundleOwnerId: this.ownerId
       };
-    const A = await wo(
+    const A = await uo(
       this.workflowExperiences.map((a) => ({
         workflowManager: a.getWorkflowManager(),
         workflow: a.getWorkflowManager().getWorkflow(),
@@ -15686,6 +15694,18 @@ class Je {
   activateWorkflowExperienceTransform(t, e) {
     return this.bundleStateManager.activateWorkflowExperienceTransform(t, e), this.updateBundle();
   }
+  async assignGlobalPropertyConfiguration(t) {
+    await F.getShadowGraphqlClient().mutate({
+      mutation: js,
+      variables: {
+        bundleId: this.id,
+        globalPropertyConfigurationId: t
+      },
+      context: {
+        bundleOwnerId: this.ownerId
+      }
+    }), this.globalConfigurationPropertyId = t;
+  }
   async assignProductCollection(t) {
     var A, a;
     const e = await F.getShadowGraphqlClient().mutate({
@@ -15700,9 +15720,11 @@ class Je {
         bundleOwnerId: this.ownerId
       }
     });
-    (a = e.data) != null && a.bundleAssignProductCollection.productCollection && (this.productCollection = e.data.bundleAssignProductCollection.productCollection, this.globalPropertyStateManager.setConfiguration(
-      e.data.bundleAssignProductCollection.productCollection.globalPropertyConfiguration
-    ));
+    if ((a = e.data) != null && a.bundleAssignProductCollection.productCollection && !this.globalConfigurationPropertyId) {
+      this.productCollection = e.data.bundleAssignProductCollection.productCollection;
+      const n = e.data.bundleAssignProductCollection.productCollection.globalPropertyConfiguration;
+      this.globalPropertyStateManager.setConfiguration(n), this.globalConfigurationPropertyId = n == null ? void 0 : n.id;
+    }
   }
   onModelLoadEvent(t) {
     t.eventType === "unload" || !t.modelContainer || (t.modelContainer.registerMaterialSelectedCallback(() => this.onModelSelectedEvent(t.modelContainer, !0)), t.modelContainer.registerMaterialDeselectedCallback(() => this.onModelSelectedEvent(t.modelContainer, !1)));
@@ -15745,7 +15767,7 @@ class Je {
   async updateBundle() {
     var e;
     if (!((e = (await F.getShadowGraphqlClient().mutate({
-      mutation: Rs,
+      mutation: ks,
       variables: {
         id: this.id,
         name: this.name,
@@ -15807,7 +15829,7 @@ class Je {
   }
   async approve(t) {
     await F.getShadowGraphqlClient().mutate({
-      mutation: Vs,
+      mutation: Ws,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15818,7 +15840,7 @@ class Je {
   }
   async reject(t) {
     await F.getShadowGraphqlClient().mutate({
-      mutation: Ws,
+      mutation: Xs,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -15828,14 +15850,14 @@ class Je {
     });
   }
 }
-const jo = I`
+const Ko = D`
     mutation processFlowCreate($processFlowId: String!, $inputs: [String]!) {
         processExecutionCreate(processFlowId: $processFlowId, inputs: $inputs) {
             id
         }
     }
 `;
-class Ko {
+class Vo {
   /**
    *
    * @param id
@@ -15846,7 +15868,7 @@ class Ko {
   async execute(t, e, A) {
     var g, d, B;
     const n = (d = (g = (await F.getShadowGraphqlClient().mutate({
-      mutation: jo,
+      mutation: Ko,
       variables: {
         processFlowId: t,
         inputs: [...e.map((h) => h.getValueForTransmission())]
@@ -15862,7 +15884,7 @@ class Ko {
     let o = !1, r = 0, c, l;
     for (; !o; ) {
       c = await F.getShadowGraphqlClient().query({
-        query: I`
+        query: D`
                     query getProcessFlowExecution($ids: [String]!) {
                         processExecutions(ids: $ids) {
                             id
@@ -15888,7 +15910,7 @@ class Ko {
           "Execution has failed to complete. See Automation > FLows in Flight on partner account on SpiffCommerce Hub."
         );
       if (h.completedAt) {
-        o = !0, l = new Vo(h);
+        o = !0, l = new Wo(h);
         break;
       }
       r += 1;
@@ -15902,7 +15924,7 @@ class Ko {
     return Promise.resolve(l);
   }
 }
-class Vo {
+class Wo {
   constructor(t) {
     this.execution = t;
   }
@@ -15987,8 +16009,8 @@ class fA {
     return t.startsWith("[") ? JSON.stringify(JSON.parse(t)) : t;
   }
 }
-var Wo = /* @__PURE__ */ ((i) => (i.Transaction = "Transaction", i.Bundle = "Bundle", i.Product = "Product", i.Variant = "Variant", i.Option = "Option", i.LineItem = "LineItem", i.Asset = "Asset", i))(Wo || {});
-class lc extends fA {
+var Xo = /* @__PURE__ */ ((i) => (i.Transaction = "Transaction", i.Bundle = "Bundle", i.Product = "Product", i.Variant = "Variant", i.Option = "Option", i.LineItem = "LineItem", i.Asset = "Asset", i))(Xo || {});
+class gc extends fA {
   constructor(t) {
     super(`"${t}"`);
   }
@@ -16003,7 +16025,7 @@ class Ka extends fA {
     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 gc extends fA {
+class dc extends fA {
   constructor(t) {
     super(`[${t.map((e) => e.getRaw()).join(",")}]`);
   }
@@ -16050,7 +16072,7 @@ class LA {
     return t.sort((e, A) => (e.index ?? 0) - (A.index ?? 0)).map((e) => new Tt(e));
   }
 }
-const OA = I`
+const OA = D`
     query GetCustomer($emailAddress: String!) {
         customer(emailAddress: $emailAddress) {
             id
@@ -16061,7 +16083,7 @@ const OA = I`
             }
         }
     }
-`, Xo = I`
+`, qo = D`
     mutation CustomerCreate($details: CustomerDetailsInput!) {
         customerCreate(details: $details) {
             id
@@ -16071,7 +16093,7 @@ const OA = I`
             }
         }
     }
-`, qo = I`
+`, Zo = D`
     mutation CustomerAuthenticate($loginToken: String!) {
         customerAuthenticate(loginToken: $loginToken) {
             id
@@ -16101,11 +16123,11 @@ const OA = I`
             }
         }
     }
-`, Zo = I`
+`, $o = D`
     mutation CustomerGenerateVerificationCode($emailAddress: String!) {
         customerGenerateVerificationCode(emailAddress: $emailAddress)
     }
-`, $o = I`
+`, _o = D`
     mutation CustomerVerifyCode($emailAddress: String!, $verificationCode: String!) {
         customerVerifyCode(emailAddress: $emailAddress, verificationCode: $verificationCode) {
             id
@@ -16136,7 +16158,7 @@ const OA = I`
             }
         }
     }
-`, _o = I`
+`, tr = D`
     query CustomerMetafields($id: String!) {
         metafields(entityId: $id) {
             id
@@ -16154,7 +16176,7 @@ const OA = I`
             }
         }
     }
-`, tr = async (i, t) => {
+`, er = async (i, t) => {
   var a;
   const e = await F.getShadowGraphqlClient().query({
     query: un(((a = t == null ? void 0 : t.assets) == null ? void 0 : a.metadata) || !1),
@@ -16178,7 +16200,7 @@ const OA = I`
       }), zt.set({ id: s.option.id }, Promise.resolve(s.option)));
     }), n.finalizeStepConfig || (n.finalizeStepConfig = {}), n.finalizeStepConfig.termsMarkdown = n.partner.termsMarkdown;
   }), A;
-}, er = async (i, t) => {
+}, Ar = async (i, t) => {
   const A = (await t).find((a) => a.id === i);
   if (!A)
     throw new Error(`Workflow not found: ${i}`);
@@ -16187,12 +16209,12 @@ const OA = I`
   const e = i.map((o) => zt.get({ id: o, options: t })), A = i.filter((o, r) => e[r] === void 0);
   if (A.length === 0)
     return Promise.all(e);
-  const a = tr(A, t), n = A.map(
-    (o) => zt.set({ id: o, options: t }, er(o, a))
+  const a = er(A, t), n = A.map(
+    (o) => zt.set({ id: o, options: t }, Ar(o, a))
   ), s = e.filter((o) => o !== void 0);
   return await Promise.all(s.concat(n));
-}, dc = async (i, t) => (await Va([i], t))[0], Ar = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
-  id: R(),
+}, Bc = async (i, t) => (await Va([i], t))[0], ar = (i) => i.sort((t, e) => t.index - e.index).map((t) => ({
+  id: k(),
   panelId: t.name,
   name: t.name,
   index: t.index,
@@ -16204,11 +16226,11 @@ const OA = I`
   previewRegion: t.previewRegion,
   useEditableArea: t.useEditableArea,
   editableArea: t.editableArea
-})), ar = (i, t) => {
+})), ir = (i, t) => {
   const e = i.workflowState, A = e ? JSON.parse(e) : void 0;
-  return A ? Object.values(A.layouts).map((a) => a.layout) : Ar(t.panels);
+  return A ? Object.values(A.layouts).map((a) => a.layout) : ar(t.panels);
 };
-class Bc {
+class hc {
   constructor(t) {
     this.activeIntegration = void 0, this.updateTransactionState = async (e) => {
       try {
@@ -16219,7 +16241,7 @@ class Bc {
       } catch (A) {
         throw console.error(A), new rt("Critical - Unable to synchronize workflow state with server.");
       }
-    }, this.options = t, this.options.applicationKey && pi(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.5.2"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
+    }, this.options = t, this.options.applicationKey && pi(this.options.applicationKey), console.debug("------------------------"), console.debug("Spiff Commerce Core SDK"), console.debug("Version: 26.6.0"), console.debug(`Application Key Provided: ${!!this.options.applicationKey}`), console.debug("------------------------");
   }
   configure(t) {
     ut.setHubUrl(t.hubUrl), ut.setServerUrl(t.serverUrl), ut.setServicesApiUrl(t.servicesApiUrl), this.marketplaceThemeInstallId = t.marketplaceThemeInstallId, this.marketplaceThemeInstallConfigurationId = t.marketplaceThemeInstallConfigurationId, t.bearerAuthenticationToken && Ii(t.bearerAuthenticationToken), this.options.applicationKey && this.getIntegration();
@@ -16239,14 +16261,14 @@ class Bc {
   getFlowService() {
     if (!Di())
       throw new Error("Application key required to use Flow Service.");
-    return new Ko();
+    return new Vo();
   }
   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 = ir(this.options.applicationKey), this.activeIntegration;
+    return this.activeIntegration = nr(this.options.applicationKey), this.activeIntegration;
   }
   async canUseAddon(t) {
     var e;
@@ -16395,7 +16417,7 @@ class Bc {
     })).data.customer;
     if (!a.id) {
       const r = (s = (await e.mutate({
-        mutation: Xo,
+        mutation: qo,
         errorPolicy: "all",
         fetchPolicy: "no-cache",
         variables: {
@@ -16430,7 +16452,7 @@ class Bc {
     if (!a)
       return !1;
     const s = (o = (await e.mutate({
-      mutation: qo,
+      mutation: Zo,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16445,7 +16467,7 @@ class Bc {
    */
   async generateVerificationCode(t) {
     await F.getShadowGraphqlClient().mutate({
-      mutation: Zo,
+      mutation: $o,
       variables: {
         emailAddress: t
       }
@@ -16460,7 +16482,7 @@ class Bc {
   async verifyCode(t, e) {
     var n, s;
     const a = (n = (await F.getShadowGraphqlClient().mutate({
-      mutation: $o,
+      mutation: _o,
       errorPolicy: "all",
       fetchPolicy: "no-cache",
       variables: {
@@ -16484,7 +16506,7 @@ class Bc {
     if (!((e = this.customer) != null && e.id))
       throw new Error("Customer must be logged in before calling this function.");
     return (await F.getShadowGraphqlClient().query({
-      query: _o,
+      query: tr,
       variables: {
         id: this.customer.id
       }
@@ -16525,7 +16547,7 @@ class Bc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async getExistingBundle(t, e, A, a) {
-    var w, u, E, m, f, Q, p, D, y, S, x;
+    var w, u, E, m, f, Q, p, I, y, S, x;
     const n = N.getMap("bundleOwnerIds"), s = n == null ? void 0 : n.get(t), r = ((w = Object.entries(localStorage).find(([Y, P]) => Y.startsWith("CognitoIdentityServiceProvider") && Y.endsWith("idToken"))) == null ? void 0 : w[0]) || "", c = localStorage.getItem(r), l = {};
     c && !Ee(c) && (l.Authorization = `Bearer ${c}`);
     const g = {
@@ -16544,7 +16566,7 @@ class Bc {
     });
     if (!((f = d.data) != null && f.bundles) || ((Q = d.data) == null ? void 0 : Q.bundles.length) === 0 || !((p = d.data) != null && p.bundles[0]))
       throw new Error(`Unable to find bundle: ${t}`);
-    const B = (D = d.data) == null ? void 0 : D.bundles[0], h = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
+    const B = (I = d.data) == null ? void 0 : I.bundles[0], h = N.getMap("bundlePartnerIds") || /* @__PURE__ */ new Map();
     h.set(B.id, B.partner.id), N.setMap("bundlePartnerIds", h);
     const C = new Je(this, B, e, A, s, {
       additionalHeaders: (y = a == null ? void 0 : a.graphql) == null ? void 0 : y.additionalHeaders,
@@ -16560,7 +16582,7 @@ class Bc {
    * @returns A bundle to be used for grouping and operating on large amounts of workflow experiences.
    */
   async duplicateBundle(t, e, A, a) {
-    var w, u, E, m, f, Q, p, D;
+    var w, u, E, m, f, Q, p, I;
     const n = (w = N.getMap("bundleOwnerIds")) == null ? void 0 : w.get(t), o = ((u = Object.entries(localStorage).find(([y, S]) => y.startsWith("CognitoIdentityServiceProvider") && y.endsWith("idToken"))) == null ? void 0 : u[0]) || "", r = localStorage.getItem(o), c = {};
     r && !Ee(r) && (c.Authorization = `Bearer ${r}`);
     const l = {
@@ -16568,7 +16590,7 @@ class Bc {
       ...c,
       ...(E = a == null ? void 0 : a.graphql) == null ? void 0 : E.additionalHeaders
     }, d = (Q = (await F.getShadowGraphqlClient().mutate({
-      mutation: ks(((f = (m = a == null ? void 0 : a.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : f.eagerFetchProducts) || !1),
+      mutation: bs(((f = (m = a == null ? void 0 : a.graphql) == null ? void 0 : m.productCollection) == null ? void 0 : f.eagerFetchProducts) || !1),
       variables: {
         id: t,
         template: e,
@@ -16588,7 +16610,7 @@ class Bc {
     const h = N.getMap("bundleOwnerIds") || /* @__PURE__ */ new Map();
     h.set(d.id, d.bundleOwnerId), N.setMap("bundleOwnerIds", h);
     const C = new Je(this, d, void 0, void 0, d.bundleOwnerId, {
-      eagerFetchProducts: (D = (p = a == null ? void 0 : a.graphql) == null ? void 0 : p.productCollection) == null ? void 0 : D.eagerFetchProducts
+      eagerFetchProducts: (I = (p = a == null ? void 0 : a.graphql) == null ? void 0 : p.productCollection) == null ? void 0 : I.eagerFetchProducts
     });
     return await C.getInitializationPromise(), C;
   }
@@ -16607,7 +16629,7 @@ class Bc {
       throw new Error("Customer not authenticated.");
     const { includeMetadata: e, ...A } = t;
     return (await F.getShadowGraphqlClient().query({
-      query: js(e ?? !1),
+      query: Ks(e ?? !1),
       variables: {
         ...A,
         id: this.customer.id
@@ -16664,16 +16686,16 @@ class Bc {
       var S, x, Y;
       if (Q.length === 0)
         return [];
-      const p = Q.map((P) => P.option.transactionId), D = await A.query({
+      const p = Q.map((P) => P.option.transactionId), I = await A.query({
         query: an,
         variables: {
           ids: p
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), y = D.data.transactions;
+      }), y = I.data.transactions;
       if (y.length !== Q.length) {
-        const P = ((x = (S = D.errors) == null ? void 0 : S[0]) == null ? void 0 : x.message) || "Unknown error";
+        const P = ((x = (S = I.errors) == null ? void 0 : S[0]) == null ? void 0 : x.message) || "Unknown error";
         throw new rt(`Not all transactions were found: ${P}`);
       }
       return !this.activeIntegration && ((Y = y[0].integrationProduct) != null && Y.integration) && (this.activeIntegration = Promise.resolve(y[0].integrationProduct.integration)), y.map((P, H) => {
@@ -16705,12 +16727,12 @@ class Bc {
         },
         errorPolicy: "all",
         fetchPolicy: "no-cache"
-      }), D = (y = p.data) == null ? void 0 : y.transactionCreateMany;
-      if (!D || D.length === 0) {
+      }), I = (y = p.data) == null ? void 0 : y.transactionCreateMany;
+      if (!I || I.length === 0) {
         const Y = ((x = (S = p.errors) == null ? void 0 : S[0]) == null ? void 0 : x.message) || "Unknown error";
         throw new rt(`Failed to create transactions: ${Y}`);
       }
-      return D.map((Y, P) => ({
+      return I.map((Y, P) => ({
         transaction: Y,
         workflowId: Y.workflowId,
         readOnly: !1,
@@ -16723,7 +16745,7 @@ class Bc {
       ...l.map(n)
     ])).flat(), d = [...new Set(g.map((Q) => Q.workflowId))], B = await Va(d, e), h = new Map(B.map((Q) => [Q.id, Q])), C = N.getMap("transactionOwnerIds") || /* @__PURE__ */ new Map(), w = g.map(async (Q) => {
       var K;
-      const { transaction: p, workflowId: D, readOnly: y, index: S } = Q, x = h.get(D), Y = t[S];
+      const { transaction: p, workflowId: I, readOnly: y, index: S } = Q, x = h.get(I), Y = t[S];
       !C.get(p.id) && p.transactionOwnerId && C.set(p.id, p.transactionOwnerId);
       const P = C.get(p.id) || void 0, H = {
         product: p.product,
@@ -16742,23 +16764,23 @@ class Bc {
       };
       if (Y.type === "transaction" && p.workflowState) {
         const z = JSON.parse(p.workflowState);
-        H.layouts = Object.values(z.layouts || {}).map((et) => et.layout), await kA(z), H.reloadedState = z;
+        H.layouts = Object.values(z.layouts || {}).map((et) => et.layout), await bA(z), H.reloadedState = z;
       } else if (!y && Y.workflowState) {
         const z = JSON.parse(Y.workflowState);
-        H.layouts = Object.values(z.layouts || {}).map((et) => et.layout), await kA(z), H.reloadedState = z;
+        H.layouts = Object.values(z.layouts || {}).map((et) => et.layout), await bA(z), H.reloadedState = z;
       } else
-        H.layouts = ar(
+        H.layouts = ir(
           H.transaction,
           H.workflow
         );
-      return H.renderableContextService = new vo(
+      return H.renderableContextService = new No(
         H.layouts
       ), H.delayWorkflowStateSync = !0, { experienceOptions: H, index: S, options: Y };
     }), u = await Promise.all(w);
     N.setMap("transactionOwnerIds", C);
     const m = u.sort((Q, p) => Q.index - p.index).map(async (Q) => {
-      const { experienceOptions: p, options: D } = Q, y = new fo(this, p);
-      return await y.getWorkflowManager().getInitializationPromise(), D.type !== "transaction" && this.customer && await y.attachCustomerDetails({ email: this.customer.emailAddress }), y;
+      const { experienceOptions: p, options: I } = Q, y = new Qo(this, p);
+      return await y.getWorkflowManager().getInitializationPromise(), I.type !== "transaction" && this.customer && await y.attachCustomerDetails({ email: this.customer.emailAddress }), y;
     }), f = await Promise.all(m);
     return f.forEach((Q) => Q.getWorkflowManager().setWorkflowStateSyncEnabled(!0)), f;
   }
@@ -16831,7 +16853,7 @@ class Bc {
     };
   }
 }
-const ir = async (i) => (await F.getShadowGraphqlClient().query({
+const nr = async (i) => (await F.getShadowGraphqlClient().query({
   query: Qn,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
@@ -16840,7 +16862,7 @@ const ir = async (i) => (await F.getShadowGraphqlClient().query({
       "x-application-key": i
     }
   }
-})).data.currentIntegration, hc = async (i) => {
+})).data.currentIntegration, Cc = async (i) => {
   const e = await F.getShadowGraphqlClient().query({
     query: on,
     errorPolicy: "all",
@@ -16851,7 +16873,7 @@ const ir = async (i) => (await F.getShadowGraphqlClient().query({
   });
   if (e.data.transactions.length !== 0)
     return e.data.transactions[0];
-}, Cc = async (i, t) => {
+}, wc = async (i, t) => {
   var A;
   return (A = (await F.getShadowGraphqlClient().query({
     query: fn,
@@ -16861,7 +16883,7 @@ const ir = async (i) => (await F.getShadowGraphqlClient().query({
       themeInstallId: t
     }
   })).data) == null ? void 0 : A.marketplaceThemeInstallConfiguration;
-}, wc = async (i) => {
+}, uc = async (i) => {
   var e, A, a;
   return (a = (A = (e = (await F.getShadowGraphqlClient().query({
     query: Dn,
@@ -16870,7 +16892,7 @@ const ir = async (i) => (await F.getShadowGraphqlClient().query({
       id: i
     }
   })).data) == null ? void 0 : e.bundles) == null ? void 0 : A[0]) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
-}, uc = async (i) => {
+}, Ec = async (i) => {
   var e, A, a;
   return (a = (A = (e = (await F.getShadowGraphqlClient().query({
     query: pn,
@@ -16880,7 +16902,7 @@ const ir = async (i) => (await F.getShadowGraphqlClient().query({
     }
   })).data) == null ? void 0 : e.transactions) == null ? void 0 : A[0]) == null ? void 0 : a.marketplaceThemeInstallConfiguration;
 };
-class Ec {
+class mc {
   approveTransaction(t) {
     throw new Error("Method not implemented.");
   }
@@ -17039,8 +17061,8 @@ class Ec {
     return [];
   }
 }
-var nr = /* @__PURE__ */ ((i) => (i.SelectFrame = "SelectFrame", i.SelectImage = "SelectImage", i.Position = "Position", i))(nr || {});
-class sr extends At {
+var sr = /* @__PURE__ */ ((i) => (i.SelectFrame = "SelectFrame", i.SelectImage = "SelectImage", i.Position = "Position", i))(sr || {});
+class or extends At {
   constructor(t, e, A) {
     var a;
     super(t, e, A), this.frameService = (a = this.manager.getStepSpecificServices(this.getId())) == null ? void 0 : a.frameService;
@@ -17212,13 +17234,13 @@ class sr extends At {
     return this.manager.getStepStorage(this.step.stepName);
   }
 }
-const or = I`
+const rr = D`
     query GetLoggedInCustomer($email: String!) {
         customer(emailAddress: $email) {
             id
         }
     }
-`, QA = I`
+`, QA = D`
     query GetCustomerTransactions(
         $id: String!
         $limit: Int!
@@ -17254,21 +17276,21 @@ const or = I`
             total
         }
     }
-`, rr = I`
+`, cr = D`
     mutation SetTransactionDesignName($id: String!, $name: String!) {
         transactionUpdate(id: $id, designName: $name) {
             id
             designName
         }
     }
-`, cr = I`
+`, lr = D`
     mutation DuplicateTransaction($id: String!, $template: Boolean!) {
         transactionDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, lr = I`
+`, gr = D`
     query GetCustomerBundles($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset) {
             items {
@@ -17281,7 +17303,7 @@ const or = I`
             total
         }
     }
-`, gr = I`
+`, dr = D`
     query GetTransactionsForBundle($id: String!) {
         bundles(ids: [$id]) {
             id
@@ -17301,21 +17323,21 @@ const or = I`
             }
         }
     }
-`, dr = I`
+`, Br = D`
     mutation SetBundleName($id: String!, $name: String!) {
         bundleUpdate(id: $id, name: $name) {
             id
             name
         }
     }
-`, Br = I`
+`, hr = D`
     mutation DuplicateBundle($id: String!, $template: Boolean!) {
         bundleDuplicate(id: $id, template: $template) {
             id
             workflowViewerLink
         }
     }
-`, hr = I`
+`, Cr = D`
     query GetBundleTemplates($id: String!, $limit: Int!, $offset: Int!) {
         customerBundlesFeed(id: $id, limit: $limit, offset: $offset, template: true) {
             items {
@@ -17328,43 +17350,43 @@ const or = I`
             total
         }
     }
-`, mc = async (i, t, e) => await F.getShadowGraphqlClient().mutate({
-  mutation: dr,
+`, fc = async (i, t, e) => await F.getShadowGraphqlClient().mutate({
+  mutation: Br,
   errorPolicy: "all",
   variables: {
     id: i,
     name: t
   },
   context: e
-}), fc = async (i, t) => await F.getShadowGraphqlClient().mutate({
-  mutation: rr,
+}), Qc = async (i, t) => await F.getShadowGraphqlClient().mutate({
+  mutation: cr,
   errorPolicy: "all",
   variables: {
     id: i,
     name: t
   }
-}), Qc = async (i, t) => await F.getShadowGraphqlClient().mutate({
-  mutation: Br,
+}), pc = async (i, t) => await F.getShadowGraphqlClient().mutate({
+  mutation: hr,
   errorPolicy: "all",
   variables: {
     id: i,
     template: t
   }
-}), pc = async (i, t) => await F.getShadowGraphqlClient().mutate({
-  mutation: cr,
+}), Dc = async (i, t) => await F.getShadowGraphqlClient().mutate({
+  mutation: lr,
   errorPolicy: "all",
   variables: {
     id: i,
     template: t
   }
-}), Dc = async (i) => (await F.getShadowGraphqlClient().query({
-  query: or,
+}), Ic = async (i) => (await F.getShadowGraphqlClient().query({
+  query: rr,
   errorPolicy: "all",
   variables: {
     email: i
   }
-})).data.customer, Ic = async (i, t, e) => await F.getShadowGraphqlClient().query({
-  query: lr,
+})).data.customer, Fc = async (i, t, e) => await F.getShadowGraphqlClient().query({
+  query: gr,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
@@ -17372,15 +17394,15 @@ const or = I`
     offset: e,
     limit: t
   }
-}), Fc = async (i, t) => await F.getShadowGraphqlClient().query({
-  query: gr,
+}), yc = async (i, t) => await F.getShadowGraphqlClient().query({
+  query: dr,
   errorPolicy: "all",
   fetchPolicy: "no-cache",
   variables: {
     id: i
   },
   context: t
-}), yc = async (i, t, e) => {
+}), Mc = async (i, t, e) => {
   var a;
   const A = await F.getShadowGraphqlClient().query({
     query: QA,
@@ -17404,7 +17426,7 @@ const or = I`
     }
   });
   return ((a = A == null ? void 0 : A.data.customerTransactionsFeed) == null ? void 0 : a.items) || [];
-}, Mc = async (i, t, e) => {
+}, Sc = async (i, t, e) => {
   var a;
   const A = await F.getShadowGraphqlClient().query({
     query: QA,
@@ -17428,7 +17450,7 @@ const or = I`
     }
   });
   return ((a = A == null ? void 0 : A.data.customerTransactionsFeed) == null ? void 0 : a.items) || [];
-}, Sc = async (i, t, e) => {
+}, xc = async (i, t, e) => {
   var a;
   const A = await F.getShadowGraphqlClient().query({
     query: QA,
@@ -17448,10 +17470,10 @@ const or = I`
     }
   });
   return ((a = A == null ? void 0 : A.data.customerTransactionsFeed) == null ? void 0 : a.items) || [];
-}, xc = async (i, t, e) => {
+}, Yc = async (i, t, e) => {
   var a;
   const A = await F.getShadowGraphqlClient().query({
-    query: hr,
+    query: Cr,
     errorPolicy: "all",
     fetchPolicy: "no-cache",
     variables: {
@@ -17464,13 +17486,13 @@ const or = I`
 };
 export {
   aA as AddonHandle,
-  gc as ArrayInput,
+  dc as ArrayInput,
   it as AspectType,
   Et as AssetNotFoundError,
   le as AssetType,
-  sc as BringForwardCommand,
-  nc as BringToBackCommand,
-  ic as BringToFrontCommand,
+  oc as BringForwardCommand,
+  sc as BringToBackCommand,
+  nc as BringToFrontCommand,
   T as CanvasCommand,
   ne as CollectionProduct,
   JA as ColorOptionGlobalPropertyHandle,
@@ -17480,141 +17502,141 @@ export {
   j as CreateElementCommand,
   Sa as CreateLayoutCommand,
   ft as DeleteElementCommand,
-  oo as DigitalContentStepHandle,
-  Uo as FileUploadGlobalPropertyHandle,
+  ro as DigitalContentStepHandle,
+  Go as FileUploadGlobalPropertyHandle,
   se as FlowExecutionNodeResult,
-  Vo as FlowExecutionResult,
-  Ko as FlowService,
+  Wo as FlowExecutionResult,
+  Vo as FlowService,
   Vn as FontAlignmentCommand,
   jn as FontColorCommand,
   Kn as FontSizeCommand,
-  bA as FontSourceCommand,
+  RA as FontSourceCommand,
   _n as FrameService,
-  nr as FrameStep,
-  sr as FrameStepHandle,
+  sr as FrameStep,
+  or as FrameStepHandle,
   mA as GlobalPropertyHandle,
   U as GroupCommand,
-  _s as IllustrationStepHandle,
+  to as IllustrationStepHandle,
   Se as InformationMessageType,
-  so as InformationStepHandle,
+  oo as InformationStepHandle,
   LA as IntegrationProduct,
   oi as IntegrationType,
-  _r as LayoutElementFactory,
-  k as LayoutElementType,
+  tc as LayoutElementFactory,
+  b as LayoutElementType,
   W as LayoutNotFoundError,
   Jt as LayoutRenderingPurpose,
-  to as MaterialStepHandle,
+  eo as MaterialStepHandle,
   Be as MisconfigurationError,
-  Ec as MockWorkflowManager,
-  eo as ModelStepHandle,
-  ro as ModuleStepHandle,
-  tc as MoveCommand,
+  mc as MockWorkflowManager,
+  Ao as ModelStepHandle,
+  co as ModuleStepHandle,
+  ec as MoveCommand,
   Ka as ObjectInput,
-  Wo as ObjectInputType,
+  Xo as ObjectInputType,
   ja as OptionGlobalPropertyHandle,
   de as OptionNotFoundError,
   Ft as ParseError,
-  Ao as PictureStepHandle,
+  ao as PictureStepHandle,
   ri as ProductCameraRig,
-  Lo as ProductCollection,
+  Oo as ProductCollection,
   Tt as ProductWorkflow,
   zt as PromiseCache,
   ua as PromiseQueue,
-  ao as QuestionStepHandle,
+  io as QuestionStepHandle,
   wa as QueueablePromise,
-  Ac as ResizeCommand,
+  ac as ResizeCommand,
   Lt as ResourceNotFoundError,
-  ec as RotateCommand,
+  Ac as RotateCommand,
   V as ScaleAxis,
-  oc as SendBackwardsCommand,
-  io as ShapeStepHandle,
+  rc as SendBackwardsCommand,
+  no as ShapeStepHandle,
   si as ShareActionType,
-  Bc as SpiffCommerceClient,
+  hc as SpiffCommerceClient,
   ge as StakeholderType,
   ni as StepAspectType,
   At as StepHandle,
   M as StepType,
   xt as TextAlgorithm,
   qn as TextChangeCommand,
-  Go as TextGlobalPropertyHandle,
-  lc as TextInput,
-  no as TextStepHandle,
-  zo as Transform,
-  Oo as TransformCollection,
+  To as TextGlobalPropertyHandle,
+  gc as TextInput,
+  so as TextStepHandle,
+  jo as Transform,
+  zo as TransformCollection,
   L as UnhandledBehaviorError,
   gi as UnitOfMeasurement,
-  ac as UpdateImageSourceCommand,
+  ic as UpdateImageSourceCommand,
   at as Variant,
-  mo as WorkflowExperienceEventType,
-  fo as WorkflowExperienceImpl,
+  fo as WorkflowExperienceEventType,
+  Qo as WorkflowExperienceImpl,
   G as assetService,
-  Ri as browserColorToHex,
-  Zr as cmPerPixel,
-  Co as createDesign,
-  Wr as currentDirection,
-  br as dataUrlFromExternalUrl,
+  ki as browserColorToHex,
+  $r as cmPerPixel,
+  wo as createDesign,
+  Xr as currentDirection,
+  Hr as dataUrlFromExternalUrl,
   Te as designService,
   ce as determineCorrectFontSizeAndLines,
   Ya as digitalContentStepService,
   ot as domParser,
-  Qc as duplicateBundle,
-  pc as duplicateTransaction,
+  pc as duplicateBundle,
+  Dc as duplicateTransaction,
   _ as fetchAsString,
-  Jr as findAngle,
+  Lr as findAngle,
   J as findElement,
-  Gr as findPmsColors,
+  Tr as findPmsColors,
   Ht as frameDataCache,
   ht as frameStepService,
-  R as generate,
-  Po as generateCommands,
+  k as generate,
+  vo as generateCommands,
   gt as generateSVGWithUnknownColors,
-  cc as generateStateFromDesignInputSteps,
+  lc as generateStateFromDesignInputSteps,
   pe as getAttributesFromArrayBuffer,
-  Tr as getAxisAlignedBoundingBox,
+  Jr as getAxisAlignedBoundingBox,
   $n as getBoundedOffsets,
-  wc as getBundleThemeConfiguration,
-  Dc as getCustomer,
-  Ic as getCustomerBundles,
-  Xr as getElementVertices,
+  uc as getBundleThemeConfiguration,
+  Ic as getCustomer,
+  Fc as getCustomerBundles,
+  qr as getElementVertices,
   Fe as getFrameData,
-  ir as getIntegration,
-  Kr as getNEPoint,
-  jr as getNWPoint,
-  Mc as getOrderedTransactions,
-  Cc as getOverrideThemeConfiguration,
-  zr as getPointOfRotation,
-  Vr as getSEPoint,
+  nr as getIntegration,
+  Vr as getNEPoint,
+  Kr as getNWPoint,
+  Sc as getOrderedTransactions,
+  wc as getOverrideThemeConfiguration,
+  jr as getPointOfRotation,
+  Wr as getSEPoint,
   dA as getSvgElement,
-  xc as getTemplateBundles,
-  Sc as getTemplateTransactions,
-  hc as getTransaction,
-  uc as getTransactionThemeConfiguration,
-  Fc as getTransactionsForBundle,
-  Or as getTrueCoordinates,
-  yc as getUnorderedTransactions,
-  dc as getWorkflow,
+  Yc as getTemplateBundles,
+  xc as getTemplateTransactions,
+  Cc as getTransaction,
+  Ec as getTransactionThemeConfiguration,
+  yc as getTransactionsForBundle,
+  zr as getTrueCoordinates,
+  Mc as getUnorderedTransactions,
+  Bc as getWorkflow,
   Va as getWorkflows,
   F as graphQlManager,
   re as illustrationStepService,
-  Lr as isCloseToValue,
+  Or as isCloseToValue,
   Pt as loadFont,
-  Ur as matchHexToPms,
+  Gr as matchHexToPms,
   Pa as materialStepService,
-  qr as mmPerPixel,
+  Zr as mmPerPixel,
   va as modelStepService,
   Na as moduleStepService,
-  mc as nameBundle,
-  fc as nameTransaction,
+  fc as nameBundle,
+  Qc as nameTransaction,
   $ as optionService,
-  $r as outlineFontsInSvg,
+  _r as outlineFontsInSvg,
   Ct as patternImageDataCache,
   N as persistenceService,
-  ka as pictureStepService,
-  Hr as pmsToRgb,
-  Ra as questionStepService,
+  ba as pictureStepService,
+  Ur as pmsToRgb,
+  ka as questionStepService,
   Rr as registerFetchImplementation,
   kr as registerWindowImplementation,
-  kA as rehydrateSerializedLayout,
+  bA as rehydrateSerializedLayout,
   vi as rgbToPms,
   Ae as rotateAroundPoint,
   sA as sanitizeSvgTree,
@@ -17623,7 +17645,7 @@ export {
   Ut as shapeStepService,
   ts as shortenUrl,
   ut as spiffCoreConfiguration,
-  rc as stepAspectValuesToDesignInputSteps,
+  cc as stepAspectValuesToDesignInputSteps,
   xA as svgColorValueToDefinition,
   fa as svgStringDimensions,
   $A as svgToDataUrl,