@camunda/play 6.1.4-rc.1 → 6.1.4-rc.2

package/build/play.js

@@ -2,9 +2,9 @@ import { jsx as i, jsxs as f, Fragment as H } from "react/jsx-runtime";
 import * as C from "react";
 import Ut, { useState as y, useEffect as F, useCallback as U, createContext as mi, forwardRef as Ps, Children as wi, cloneElement as bi, Fragment as vi, useRef as cA, PureComponent as Ei, createRef as yi, useContext as tA, useLayoutEffect as dt, createElement as Bi } from "react";
 import { makeObservable as nA, action as k, computed as V, observable as fA, autorun as Os, when as Ie, override as IA, makeAutoObservable as GA, reaction as OA } from "mobx";
-import { getBusinessObject as qA, is as K } from "bpmn-js/lib/util/ModelUtil.js";
+import { getBusinessObject as zA, is as K } from "bpmn-js/lib/util/ModelUtil.js";
 import { isNil as ut, isEqual as eA, set as Ii } from "lodash-es";
-import { hasEventDefinition as te, hasErrorEventDefinition as pt, isEventSubProcess as Mi } from "bpmn-js/lib/util/DiUtil.js";
+import { hasEventDefinition as se, hasErrorEventDefinition as pt, isEventSubProcess as Mi } from "bpmn-js/lib/util/DiUtil.js";
 import { connectors as Yt } from "@camunda/connectors-element-templates";
 import Gs from "bpmn-moddle";
 import { isLabel as Si } from "diagram-js/lib/util/ModelUtil.js";
@@ -12,8 +12,8 @@ import { observer as N } from "mobx-react";
 import { WarningFilled as Di, CheckmarkOutline as Ci, RadioButtonChecked as ki, Error as ve, Information as Ti, Renew as Ni, Launch as Ls, Edit as xi, View as Vs, Add as Hs, CheckmarkFilled as Js, ErrorFilled as Fi, Link as Qi, PlayFilledAlt as ht, TrashCan as Ri, Playlist as Pi, Warning as Oi, Checkmark as ft, ArrowRight as Gi } from "@carbon/icons-react";
 import u, { keyframes as gt, css as EA } from "styled-components";
 import { createPortal as Y } from "react-dom";
-import WA, { PropTypes as Kt } from "prop-types";
-import { MenuItemDivider as Li, SkeletonText as Me, SkeletonIcon as Us, Button as j, Tooltip as Se, Modal as se, Stack as J, Link as aA, TextInput as UA, Callout as Vi, DefinitionTooltip as Hi, InlineNotification as Ys, ModalHeader as Ji, ModalBody as Ui, ComposedModal as Yi, ModalFooter as Ki, FormLabel as mt, ActionableNotification as De, Loading as Ce, InlineLoading as Ks, Form as Zs, MenuButton as Zi, MenuItem as Zt, Tag as qs, CodeSnippet as zs, TabList as qi, TabPanel as zi, Tabs as ji, Tab as Wi, Layer as js, TreeNode as Xi, TreeView as $i, Table as wt, TableHead as bt, TableRow as RA, TableHeader as PA, TableBody as vt, TableCell as sA, Toggletip as _i, ToggletipButton as Ar, ToggletipContent as er, IconButton as Ee, ProgressBar as tr, ComboBox as Ws, UnorderedList as sr, ListItem as Oe } from "@carbon/react";
+import XA, { PropTypes as Kt } from "prop-types";
+import { MenuItemDivider as Li, SkeletonText as Me, SkeletonIcon as Us, Button as j, Tooltip as Se, Modal as ne, Stack as J, Link as aA, TextInput as UA, Callout as Vi, DefinitionTooltip as Hi, InlineNotification as Ys, ModalHeader as Ji, ModalBody as Ui, ComposedModal as Yi, ModalFooter as Ki, FormLabel as mt, ActionableNotification as De, Loading as Ce, InlineLoading as Ks, Form as Zs, MenuButton as Zi, MenuItem as Zt, Tag as qs, CodeSnippet as zs, TabList as qi, TabPanel as zi, Tabs as ji, Tab as Wi, Layer as js, TreeNode as Xi, TreeView as $i, Table as wt, TableHead as bt, TableRow as RA, TableHeader as PA, TableBody as vt, TableCell as sA, Toggletip as _i, ToggletipButton as Ar, ToggletipContent as er, IconButton as Ee, ProgressBar as tr, ComboBox as Ws, UnorderedList as sr, ListItem as Oe } from "@carbon/react";
 import { styles as lA } from "@carbon/elements";
 import "monaco-editor/esm/vs/language/json/monaco.contribution.js";
 import "monaco-editor/esm/vs/editor/browser/coreCommands.js";
@@ -29,7 +29,7 @@ import { HighContrastCanvasModule as ur } from "@camunda/improved-canvas";
 import pr from "bpmn-js/lib/features/outline/index.js";
 import { useFloating as hr, autoUpdate as fr, arrow as gr, offset as mr, flip as wr } from "@floating-ui/react-dom";
 const $e = (e, A) => {
-  const t = qA(e);
+  const t = zA(e);
   let s = [];
   const n = t.get("extensionElements");
   if (n !== void 0) {
@@ -60,7 +60,7 @@ function $s({
 }) {
   return `jobCompletion ${e} ${A}`;
 }
-function ue({
+function pe({
   processId: e,
   elementId: A,
   variables: t
@@ -177,7 +177,7 @@ class vr {
       element: A,
       useCache: !0,
       processId: this.processId
-    }), r = t === s ? n : "manual", a = qA(A).$type;
+    }), r = t === s ? n : "manual", a = zA(A).$type;
     this.mixpanelTrack?.("bpmnelement:completed", {
       fileId: this.diagramId,
       processId: this.processId,
@@ -654,7 +654,7 @@ const M = new Br(), TA = 403, $ = {
       );
     }
   }
-}, Ir = 255, en = "var(--cds-spacing-08)", pe = "Instance started", Mr = [
+}, Ir = 255, en = "var(--cds-spacing-08)", he = "Instance started", Mr = [
   "bpmn:ServiceTask",
   "bpmn:UserTask",
   "bpmn:ReceiveTask",
@@ -725,7 +725,7 @@ class Cr {
     this.state = { ...Ge }, this.pollingDisposer?.(), this.stopPolling();
   }
 }
-const _A = new Cr();
+const Ae = new Cr();
 class MA {
   boundCallback;
   intervalId = null;
@@ -741,7 +741,7 @@ class MA {
     this.fetchDataDisposer = Ie(this.initialDataFetchCondition, () => {
       this.fetchData();
     }), this.pollingDisposer = Os(() => {
-      this.pollDataCondition() && _A.isClusterHealthy ? this.intervalId === null && this.startPolling(this.pollData) : this.stopPolling();
+      this.pollDataCondition() && Ae.isClusterHealthy ? this.intervalId === null && this.startPolling(this.pollData) : this.stopPolling();
     });
   }
   startPolling(A) {
@@ -772,11 +772,11 @@ function et(e) {
   return e?.loopCharacteristics?.$type === "bpmn:MultiInstanceLoopCharacteristics";
 }
 function Bt(e) {
-  const A = qA(e);
+  const A = zA(e);
   return LA(A, "zeebe:TaskDefinition")?.type;
 }
 function Tr(e) {
-  const A = qA(e), t = LA(
+  const A = zA(e), t = LA(
     A,
     "zeebe:ExecutionListeners"
   );
@@ -850,19 +850,19 @@ function It(e) {
   return K(e, "bpmn:StartEvent");
 }
 function Mt(e) {
-  return It(e) && te(e, "bpmn:MessageEventDefinition");
+  return It(e) && se(e, "bpmn:MessageEventDefinition");
 }
 function St(e) {
-  return It(e) && te(e, "bpmn:SignalEventDefinition");
+  return It(e) && se(e, "bpmn:SignalEventDefinition");
 }
 function Hr(e) {
   return K(e, "bpmn:ReceiveTask");
 }
 function Jr(e) {
-  return K(e, "bpmn:BoundaryEvent") && te(e, "bpmn:MessageEventDefinition");
+  return K(e, "bpmn:BoundaryEvent") && se(e, "bpmn:MessageEventDefinition");
 }
 function Ur(e) {
-  return K(e, "bpmn:BoundaryEvent") && te(e, "bpmn:SignalEventDefinition");
+  return K(e, "bpmn:BoundaryEvent") && se(e, "bpmn:SignalEventDefinition");
 }
 function Yr(e) {
   return Mt(e) || Jr(e) || nn(e);
@@ -871,10 +871,10 @@ function Kr(e) {
   return St(e) || Ur(e) || rn(e);
 }
 function nn(e) {
-  return K(e, "bpmn:IntermediateCatchEvent") && te(e, "bpmn:MessageEventDefinition");
+  return K(e, "bpmn:IntermediateCatchEvent") && se(e, "bpmn:MessageEventDefinition");
 }
 function rn(e) {
-  return K(e, "bpmn:IntermediateCatchEvent") && te(e, "bpmn:SignalEventDefinition");
+  return K(e, "bpmn:IntermediateCatchEvent") && se(e, "bpmn:SignalEventDefinition");
 }
 function an(e) {
   return Mt(e) && e.$parent?.triggeredByEvent;
@@ -935,7 +935,7 @@ function Wr(e) {
   });
 }
 function cn(e) {
-  const A = qA(e), { connectorIds: t, connectorJobTypes: s, inboundConnectorJobTypes: n } = Nr(), r = A.get("modelerTemplate");
+  const A = zA(e), { connectorIds: t, connectorJobTypes: s, inboundConnectorJobTypes: n } = Nr(), r = A.get("modelerTemplate");
   return r ? !!(t.includes(r) || s.includes(
     LA(e, "zeebe:TaskDefinition")?.type
   ) || n.includes(
@@ -1172,7 +1172,7 @@ class sa extends MA {
 }
 const W = new sa();
 function Wt(e) {
-  return qA(e).get("extensionElements")?.get("values")?.find((n) => K(n, "zeebe:FormDefinition"));
+  return zA(e).get("extensionElements")?.get("values")?.find((n) => K(n, "zeebe:FormDefinition"));
 }
 const na = (e) => K(e, "bpmn:BusinessRuleTask"), ia = (e) => e?.get("values").filter((A) => A.$type === "zeebe:CalledDecision" || A.$type === "zeebe:calledDecision")[0], ra = (e) => {
   const A = ia(e);
@@ -1991,11 +1991,11 @@ function oA(e, A) {
 function is(e, A) {
   localStorage.setItem(e, JSON.stringify(A));
 }
-function oe(e) {
+function ce(e) {
   return JSON.parse(localStorage.getItem(e) || "[]");
 }
 function Ma(e) {
-  const A = oe(e);
+  const A = ce(e);
   return A.length > 0 && A[0].action === "startInstance";
 }
 function rs(e) {
@@ -2010,7 +2010,7 @@ function rs(e) {
       return null;
   });
 }
-const he = (e) => {
+const qA = (e) => {
   if (e == null)
     return !1;
   try {
@@ -2222,7 +2222,7 @@ const rA = new Ca(), ka = (e, A) => {
     const t = e.substring(1), s = A.find(
       (n) => n.name === t
     );
-    return s?.value && he(s?.value) ? JSON.parse(s.value) : e.substring(1);
+    return s?.value && qA(s?.value) ? JSON.parse(s.value) : e.substring(1);
   }
 };
 class Ta {
@@ -2255,7 +2255,7 @@ class Ta {
     );
   }
 }
-const ce = new Ta();
+const le = new Ta();
 class Na {
   constructor() {
     nA(this, {
@@ -2280,7 +2280,7 @@ class Na {
     );
   }
 }
-const le = new Na(), cs = ({
+const de = new Na(), cs = ({
   instanceKey: e,
   elementId: A,
   candidates: t
@@ -2432,7 +2432,7 @@ class fn {
     if (A === "start-event")
       o = await this.startNewInstance(t, n);
     else if (A === "message-start-event") {
-      const c = s === void 0 ? ce.startMessageSubscriptionCandidates?.[0] : ce.startMessageSubscriptionCandidates?.find(
+      const c = s === void 0 ? le.startMessageSubscriptionCandidates?.[0] : le.startMessageSubscriptionCandidates?.find(
         (l) => l.elementId === s
       );
       c === void 0 ? o = await this.startNewInstance(t, n) : (await this.handleMessageEvent({
@@ -2442,7 +2442,7 @@ class fn {
         elementId: c.elementId
       }), o = await rs(r) ?? void 0);
     } else if (A == "broadcast-signal-event") {
-      const c = s === void 0 ? le.startSignalCandidates?.[0] : le.startSignalCandidates?.find(
+      const c = s === void 0 ? de.startSignalCandidates?.[0] : de.startSignalCandidates?.find(
         (l) => l.elementId === s
       );
       c === void 0 ? o = await this.startNewInstance(t, n) : (await this.handleSignalEvent({
@@ -2710,7 +2710,7 @@ function Fa(e, A) {
   };
 }
 function Qa(e) {
-  if (!he(e))
+  if (!qA(e))
     return {
       isSuccess: !1,
       errorMessage: "Invalid JSON format"
@@ -2935,7 +2935,7 @@ function Ya({
     );
   }
 }
-function XA(e) {
+function $A(e) {
   const A = Za(e)?.message;
   if (A)
     return A;
@@ -3029,7 +3029,7 @@ let qa = class extends fn {
       return this.#A({
         title: _e,
         subtitle: "Network error",
-        errorMessage: XA(r)
+        errorMessage: $A(r)
       }), this.handleLoadError([]), [];
     }
     if (t.length === 0)
@@ -3105,8 +3105,8 @@ let qa = class extends fn {
       return r && this.#A({
         title: "Failed to create test scenario file",
         subtitle: "Please try again, or contact support",
-        errorMessage: XA(d)
-      }), { isSuccess: !1, errorMessage: XA(d) };
+        errorMessage: $A(d)
+      }), { isSuccess: !1, errorMessage: $A(d) };
     }
     return {
       isSuccess: !0,
@@ -3168,7 +3168,7 @@ let qa = class extends fn {
       this.#A({
         title: "Failed to add scenario",
         subtitle: "Failed to update test scenario file",
-        errorMessage: XA(l)
+        errorMessage: $A(l)
       });
       return;
     } finally {
@@ -3235,7 +3235,7 @@ let qa = class extends fn {
       this.#A({
         title: "Failed to update scenario",
         subtitle: "Failed to update test scenario file",
-        errorMessage: XA(p)
+        errorMessage: $A(p)
       });
       return;
     } finally {
@@ -3282,7 +3282,7 @@ let qa = class extends fn {
       this.#A({
         title: "Failed to delete scenario",
         subtitle: "Please try again, or contact support",
-        errorMessage: XA(a)
+        errorMessage: $A(a)
       });
       return;
     } finally {
@@ -3679,7 +3679,7 @@ class ja extends MA {
     super.reset(), this.state = { ...us };
   }
 }
-const de = new ja(), ps = {
+const ue = new ja(), ps = {
   userTasks: [],
   status: "initial"
 };
@@ -3743,7 +3743,7 @@ class Xa {
   }) => (await M.completeJob({
     taskDefinitionType: A,
     processInstanceKey: t,
-    variables: he(s) ? s : "{}",
+    variables: qA(s) ? s : "{}",
     elementId: n
   }))?.success !== !1;
   throwError = async ({
@@ -3778,7 +3778,7 @@ class Xa {
     this.state = { ...hs };
   };
 }
-const Ae = new Xa(), fs = {
+const ee = new Xa(), fs = {
   childInstances: [],
   status: "initial"
 };
@@ -3876,7 +3876,7 @@ class _a extends MA {
     super.reset(), this.state = { ...gs };
   }
 }
-const ee = new _a(), ms = {
+const te = new _a(), ms = {
   processInstances: [],
   status: "initial"
 };
@@ -3999,8 +3999,8 @@ function to({
     []
   ), F(() => {
     if (!(e === "saas" && A === void 0))
-      return s ? (m.init(), Z.init(), ee.init(), rA.init(), nt.init(), Be.init(), W.init(), pA.init(), tt.init(), de.init()) : st.init(r), () => {
-        Ae.reset(), de.reset(), Be.reset(), pA.reset(), tt.reset(), W.reset(), Z.reset(), ee.reset(), rA.reset(), nt.reset(), st.reset(), wA.reset();
+      return s ? (m.init(), Z.init(), te.init(), rA.init(), nt.init(), Be.init(), W.init(), pA.init(), tt.init(), ue.init()) : st.init(r), () => {
+        ee.reset(), ue.reset(), Be.reset(), pA.reset(), tt.reset(), W.reset(), Z.reset(), te.reset(), rA.reset(), nt.reset(), st.reset(), wA.reset();
       };
   }, [e, A, s, r]), { reInitializePlay: U(
     async ({
@@ -4570,7 +4570,7 @@ const bs = 5, mo = gt`
     ),
     document.body
   );
-}, $A = bo(vo), Eo = u.ul`
+}, _A = bo(vo), Eo = u.ul`
   list-style: none;
   margin: 4px 0 0 0;
   position: fixed;
@@ -4708,7 +4708,7 @@ function Mo({
       role: "menuitem",
       $noPadding: A,
       ...s,
-      children: /* @__PURE__ */ i($A, { title: e, showOnlyOnOverflow: !0, children: /* @__PURE__ */ i("div", { className: "overflow-ellipsis", children: e }) })
+      children: /* @__PURE__ */ i(_A, { title: e, showOnlyOnOverflow: !0, children: /* @__PURE__ */ i("div", { className: "overflow-ellipsis", children: e }) })
     }
   );
 }
@@ -4769,12 +4769,12 @@ let ZA = class extends Ei {
   }
 };
 ZA.propTypes = {
-  onClose: WA.func,
-  anchorEl: WA.object,
-  align: WA.string,
-  open: WA.bool.isRequired,
-  size: WA.string,
-  width: WA.number
+  onClose: XA.func,
+  anchorEl: XA.object,
+  align: XA.string,
+  open: XA.bool.isRequired,
+  size: XA.string,
+  width: XA.number
 };
 ZA.defaultProps = {
   open: !1,
@@ -4816,7 +4816,7 @@ const mn = u.header`
   overflow: hidden;
   white-space: nowrap;
   width: 176px;
-`, re = u.td`
+`, ae = u.td`
   color: #525252;
   font-size: 14px;
   font-family: IBM Plex Sans;
@@ -4939,7 +4939,7 @@ const iA = new Qo(), Te = (e) => {
   ({ title: e, isOpen: A, onScenarioSaved: t, onClose: s, topContent: n }) => {
     const [r, a] = y(""), [o, c] = y(null);
     return /* @__PURE__ */ i(
-      se,
+      ne,
       {
         "data-testid": "save-scenario-modal",
         open: A,
@@ -5091,7 +5091,7 @@ const iA = new Qo(), Te = (e) => {
   text: "You cannot update scenarios in this diagram's project. Contact your project admin to give you the necessary permissions."
 }, Lo = N(
   ({ title: e, scenarioName: A, isOpen: t, onScenarioUpdated: s, onClose: n }) => /* @__PURE__ */ i(
-    se,
+    ne,
     {
       size: "sm",
       "data-testid": "update-scenario-modal",
@@ -5148,30 +5148,30 @@ const iA = new Qo(), Te = (e) => {
       )
     ] });
   }
-), ae = "140px", Ho = ({
+), oe = "140px", Ho = ({
   isReplayScenariosEnabled: e,
   isCalledProcess: A
 }) => [
   {
     name: "Process Instance Key",
-    skeletonWidth: ae
+    skeletonWidth: oe
   },
   ...A ? [] : [
     {
       name: "Process Instances",
-      skeletonWidth: ae
+      skeletonWidth: oe
     }
   ],
   ...A ? [
     {
       name: "Parent Process Instance Key",
-      skeletonWidth: ae
+      skeletonWidth: oe
     }
   ] : [],
   ...e && !A ? [
     {
       name: "Scenario",
-      skeletonWidth: ae
+      skeletonWidth: oe
     }
   ] : []
 ], Jo = ({
@@ -5181,13 +5181,13 @@ const iA = new Qo(), Te = (e) => {
   /* @__PURE__ */ i(To, {}),
   /* @__PURE__ */ f(bn, { children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", { children: e.map(({ name: t }, s) => /* @__PURE__ */ i(vn, { children: t }, s)) }) }),
-    /* @__PURE__ */ i("tbody", { children: /* @__PURE__ */ i("tr", { children: e.map(({ skeletonWidth: t }, s) => /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(vs, { width: t }) }, s)) }) })
+    /* @__PURE__ */ i("tbody", { children: /* @__PURE__ */ i("tr", { children: e.map(({ skeletonWidth: t }, s) => /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ i(vs, { width: t }) }, s)) }) })
   ] }),
   A && /* @__PURE__ */ i(
     vs,
     {
       "data-testid": "scenarios-skeleton",
-      width: ae,
+      width: oe,
       $shouldAlignRight: !0
     }
   )
@@ -5203,7 +5203,7 @@ const iA = new Qo(), Te = (e) => {
   ${({ $hasIcon: e }) => e && EA`
       padding-right: 15px;
     `}
-`, zA = ({
+`, jA = ({
   title: e,
   size: A = "md",
   readOnly: t = !1,
@@ -5425,7 +5425,7 @@ const Bn = "#a8a8a8", rt = "#f4f4f4", jo = u.div`
 function ic(e, A) {
   if (!KA(A))
     return !1;
-  const t = qA(e);
+  const t = zA(e);
   if (ke(t) === A)
     return !1;
   const s = rc(t), n = ac(s), r = n.properties.find(
@@ -5604,7 +5604,7 @@ const xe = N(
     return F(() => {
       d && B.current?.hideMarkers();
     }, [d]), /* @__PURE__ */ i(
-      zA,
+      jA,
       {
         title: "Broadcast signal",
         isVisible: e,
@@ -5632,10 +5632,10 @@ const xe = N(
             variables: l,
             elementId: n.id
           }), G.trackUserCompletesElement(n, l), s ? r.displayNotification?.success({
-            title: pe
+            title: he
           }) : r.displayNotification?.info({
             title: `Signal "${o}" broadcasted`
-          }), ue({
+          }), pe({
             processId: w.processId,
             elementId: n.id,
             variables: l ?? ""
@@ -5721,7 +5721,7 @@ function cc(e) {
         signalName: c.signalName,
         variables: p
       }), G.trackUserCompletesElement(e, p), l ? A?.success({
-        title: pe
+        title: he
       }) : A?.info({
         title: `Signal "${c.signalName}" broadcasted`
       })) : A?.error($);
@@ -5791,7 +5791,7 @@ const dc = u.div`
     return F(() => {
       R && Q.current?.hideMarkers();
     }, [R]), /* @__PURE__ */ i(
-      zA,
+      jA,
       {
         title: "Publish message",
         isVisible: e,
@@ -5835,11 +5835,11 @@ const dc = u.div`
             timeToLive: g,
             messageId: B
           }), G.trackUserCompletesElement(a, S), r ? o.displayNotification?.success({
-            title: pe
+            title: he
           }) : o.displayNotification?.info({
             title: `Message "${l}" published`,
             subtitle: `Correlation key: ${p}`
-          }), ue({
+          }), pe({
             processId: w.processId,
             elementId: a.id,
             variables: S ?? ""
@@ -5983,7 +5983,7 @@ function uc({
         messageCorrelationKey: l.keyCandidate,
         variables: h
       }), G.trackUserCompletesElement(e, h), d ? t?.success({
-        title: pe
+        title: he
       }) : t?.info({
         title: `Message "${l.messageName}" published`,
         subtitle: `Correlation key: ${l.keyCandidate}`
@@ -6059,12 +6059,12 @@ function pc({
         n?.error($), s(!1);
         return;
       }
-      G.trackUserCompletesElement(e, g), ue({
+      G.trackUserCompletesElement(e, g), pe({
         processId: b,
         elementId: e.id,
         variables: g
       }), n?.success({
-        title: pe,
+        title: he,
         subtitle: B
       });
     },
@@ -6106,7 +6106,7 @@ const Dn = ({
   }, [t, a]), F(() => {
     I && L.current?.hideMarkers();
   }, [I]), /* @__PURE__ */ i(
-    zA,
+    jA,
     {
       title: e,
       readOnly: h,
@@ -6226,10 +6226,10 @@ const Dn = ({
   element: e,
   processId: A
 }) => {
-  const t = ke(e), s = _s({
+  const t = ke(e) || "{}", s = _s({
     processId: A,
     elementId: e.id
-  }), n = JSON.parse(s || "{}"), r = JSON.parse(t || "{}");
+  }) || "{}", n = qA(s) ? JSON.parse(s) : {}, r = qA(t) ? JSON.parse(t) : {};
   return { cachedVariables: n, variablesFromExampleData: r };
 }, fc = (e, A) => e.reduce(
   (t, s) => (s in A && (t[s] = A[s]), t),
@@ -6316,8 +6316,8 @@ function gc({
         ...D ? {} : AA,
         ...gA
       }, z = t.sanitizePrefillData ? fc(ir(Q), dA) : dA;
-      let jA = "none";
-      return eA(z, X) ? jA = "bpmn" : !D && eA(z, AA) && (jA = "cache"), a(jA), c(JSON.stringify(z)), z;
+      let WA = "none";
+      return eA(z, X) ? WA = "bpmn" : !D && eA(z, AA) && (WA = "cache"), a(WA), c(JSON.stringify(z)), z;
     },
     [S, t]
   ), v = U(
@@ -6464,7 +6464,7 @@ const kn = ({
     }
   }
   return /* @__PURE__ */ i(
-    zA,
+    jA,
     {
       title: a,
       size: "sm",
@@ -6643,7 +6643,7 @@ const Tn = N(
     );
     if (s === void 0)
       return null;
-    const n = ce.startMessageSubscriptionCandidates?.find(
+    const n = le.startMessageSubscriptionCandidates?.find(
       ({ elementId: a }) => a === t
     );
     if (n)
@@ -6668,7 +6668,7 @@ const Tn = N(
           )
         }
       );
-    const r = le.startSignalCandidates?.find(
+    const r = de.startSignalCandidates?.find(
       ({ elementId: a }) => a === t
     );
     return r ? /* @__PURE__ */ i(
@@ -6778,7 +6778,7 @@ const Nn = N(() => {
       /* @__PURE__ */ f(bn, { children: [
         /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i("tr", { children: S.map(({ name: D }) => /* @__PURE__ */ i(vn, { children: D }, D)) }) }),
         /* @__PURE__ */ i("tbody", { children: /* @__PURE__ */ f("tr", { children: [
-          /* @__PURE__ */ i(re, { style: { overflow: "visible" }, children: h ? /* @__PURE__ */ i(
+          /* @__PURE__ */ i(ae, { style: { overflow: "visible" }, children: h ? /* @__PURE__ */ i(
             Se,
             {
               label: "View process instance in Operate",
@@ -6799,7 +6799,7 @@ const Nn = N(() => {
               )
             }
           ) : r }),
-          !l && /* @__PURE__ */ i(re, { children: /* @__PURE__ */ i(
+          !l && /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ i(
             Je,
             {
               variant: "text",
@@ -6809,7 +6809,7 @@ const Nn = N(() => {
               children: "View all"
             }
           ) }),
-          l && /* @__PURE__ */ i(re, { children: R ? /* @__PURE__ */ i(
+          l && /* @__PURE__ */ i(ae, { children: R ? /* @__PURE__ */ i(
             Je,
             {
               "data-testid": "view-parent-process",
@@ -6822,7 +6822,7 @@ const Nn = N(() => {
               children: o.parentKey
             }
           ) : "None" }),
-          n && !l && /* @__PURE__ */ i(re, { children: /* @__PURE__ */ f(So, { children: [
+          n && !l && /* @__PURE__ */ i(ae, { children: /* @__PURE__ */ f(So, { children: [
             /* @__PURE__ */ i(Do, { title: P ?? c, children: P ?? c }),
             /* @__PURE__ */ i(
               Je,
@@ -6877,11 +6877,11 @@ const Nn = N(() => {
                   processId: B,
                   name: P,
                   processInstanceId: r,
-                  actions: oe(
+                  actions: ce(
                     q(r)
                   ),
                   coveredFlowNodes: W.elementInstancesWithType,
-                  coveredSequenceFlows: ee.state.sequenceFlows
+                  coveredSequenceFlows: te.state.sequenceFlows
                 });
               } catch {
                 t?.error($);
@@ -6913,11 +6913,11 @@ const Nn = N(() => {
                   processId: B,
                   name: D,
                   processInstanceId: r,
-                  actions: oe(
+                  actions: ce(
                     q(r)
                   ),
                   coveredFlowNodes: W.elementInstancesWithType,
-                  coveredSequenceFlows: ee.state.sequenceFlows
+                  coveredSequenceFlows: te.state.sequenceFlows
                 });
               } catch {
                 t?.error($);
@@ -7106,7 +7106,7 @@ function Ke(e, A = "	") {
     return e;
   }
 }
-const Jc = u(se)`
+const Jc = u(ne)`
   h3 {
     font-weight: 400;
   }
@@ -7174,7 +7174,7 @@ const Jc = u(se)`
             height: "10vh",
             onChange: (g) => {
               const b = g ?? "";
-              p(b), o(he(b));
+              p(b), o(qA(b));
             },
             onValidate: o,
             onMount: (g) => {
@@ -7333,7 +7333,7 @@ const Jc = u(se)`
           onClose: () => {
             h(!1), a(null);
           },
-          isValidInput: he
+          isValidInput: qA
         }
       ),
       /* @__PURE__ */ i(
@@ -8243,7 +8243,7 @@ const Yl = N(() => {
       }) })
     ] }),
     /* @__PURE__ */ i(
-      se,
+      ne,
       {
         open: e !== null,
         preventCloseOnClickOutside: !0,
@@ -9099,7 +9099,7 @@ Error message: ${A.message}`
       }
     ),
     /* @__PURE__ */ i(
-      zA,
+      jA,
       {
         title: "View incident",
         isVisible: s,
@@ -9111,14 +9111,14 @@ Error message: ${A.message}`
         },
         onClose: () => n(!1),
         onSubmit: async () => {
-          if (n(!1), A.jobKey && !await de.updateRetries({
+          if (n(!1), A.jobKey && !await ue.updateRetries({
             jobKey: A.jobKey
           })) {
             t.displayNotification?.error($);
             return;
           }
           G.trackResolveIncident(w.processId);
-          const d = await de.resolveIncident(A.key);
+          const d = await ue.resolveIncident(A.key);
           if (d.status === TA) {
             t.displayNotification?.error(
               {
@@ -9144,7 +9144,7 @@ Zn.displayName = "IncidentButton";
 const qn = N(({ element: e }) => {
   const { completedElementInstances: A } = W, { isInstanceDetailPageVisible: t } = m, s = iA.state.activeTab === "scenarios", {
     state: { sequenceFlows: n }
-  } = ee, r = x.state.selectedScenario?.coveredSequenceFlows ?? x.allCoveredSequenceFlows;
+  } = te, r = x.state.selectedScenario?.coveredSequenceFlows ?? x.allCoveredSequenceFlows;
   return F(() => {
     if (t)
       return n.includes(e.id) || e?.di?.bpmnElement?.sourceRef?.$type === "bpmn:EventBasedGateway" && A.some(
@@ -9215,7 +9215,7 @@ const jn = N(({ element: e }) => {
   }, [b]);
   const B = T.getAvailableErrorEvents(e), E = U(async () => {
     r(!1), l(!0);
-    const P = await Ae.throwError({
+    const P = await ee.throwError({
       taskDefinitionType: h,
       processInstanceKey: d,
       errorCode: a,
@@ -9291,7 +9291,7 @@ const jn = N(({ element: e }) => {
       onClick: async () => {
         l(!0);
         let P = !1;
-        if (P = await Ae.completeJob({
+        if (P = await ee.completeJob({
           taskDefinitionType: h,
           processInstanceKey: p?.key,
           variables: R,
@@ -9343,7 +9343,7 @@ const jn = N(({ element: e }) => {
         onSubmit: async (P) => {
           s(!1), l(!0);
           let D = !1;
-          D = await Ae.completeJob({
+          D = await ee.completeJob({
             taskDefinitionType: h,
             processInstanceKey: p?.key,
             variables: P,
@@ -9357,7 +9357,7 @@ const jn = N(({ element: e }) => {
           }), G.trackUserCompletesElement(
             e,
             P
-          ), ue({
+          ), pe({
             processId: w.processId,
             elementId: e.id,
             variables: P ?? ""
@@ -9366,7 +9366,7 @@ const jn = N(({ element: e }) => {
       }
     ),
     /* @__PURE__ */ i(
-      zA,
+      jA,
       {
         isVisible: n,
         title: "Throw error",
@@ -9454,7 +9454,7 @@ const JA = new Zd(), Wn = N(({ element: e }) => {
             if (s === void 0)
               return;
             JA.startRewinding();
-            const r = oe(
+            const r = ce(
               q(s.key)
             ), a = r.find(
               ({ action: l }) => l === "startInstance"
@@ -9611,12 +9611,12 @@ const Xn = N(({ decisionId: e }) => {
 });
 Xn.displayName = "ViewDecisionInstanceButton";
 const qd = (e) => LA(e, "zeebe:CalledDecision")?.get("decisionId") ?? null, zd = N(({ element: e }) => {
-  const [A, t] = y(!1), [s, n] = y(""), r = m.state.processInstance?.key, a = tA(_), o = Ae.errorThrowableJobsByErrorId[e.id];
+  const [A, t] = y(!1), [s, n] = y(""), r = m.state.processInstance?.key, a = tA(_), o = ee.errorThrowableJobsByErrorId[e.id];
   if (o === void 0)
     return null;
   const c = async (d) => {
     const { elementId: p, errorCode: h, taskDefinitionType: g } = d;
-    if (t(!1), !await Ae.throwError({
+    if (t(!1), !await ee.throwError({
       taskDefinitionType: g,
       processInstanceKey: r,
       elementId: p,
@@ -9669,7 +9669,7 @@ const qd = (e) => LA(e, "zeebe:CalledDecision")?.get("decisionId") ?? null, zd =
   return /* @__PURE__ */ f(H, { children: [
     /* @__PURE__ */ i(SA, { actions: l }),
     /* @__PURE__ */ i(
-      zA,
+      jA,
       {
         isVisible: A,
         title: "Throw error",
@@ -9765,7 +9765,7 @@ function $n({
         type: "userTask",
         elementId: A.id,
         variables: c
-      }), G.trackUserCompletesElement(A, c), ue({ processId: d, elementId: A.id, variables: c }), n(!1);
+      }), G.trackUserCompletesElement(A, c), pe({ processId: d, elementId: A.id, variables: c }), n(!1);
     },
     [
       e,
@@ -9940,7 +9940,7 @@ const Ai = N(
 );
 Ai.displayName = "UserTaskCompleteButton";
 const ei = N(({ element: e, addOverlay: A }) => {
-  const { instanceKey: t, processInstance: s } = m.state, { isCalledProcess: n } = m, r = de.incidents?.find(
+  const { instanceKey: t, processInstance: s } = m.state, { isCalledProcess: n } = m, r = ue.incidents?.find(
     (v) => v.elementInstance?.element?.elementId === e.id && ["ACTIVE", "MIGRATED"].includes(v.state)
   );
   if (r) {
@@ -9971,7 +9971,7 @@ const ei = N(({ element: e, addOverlay: A }) => {
   } = kA;
   if (t && o?.find((v) => v.id === e.id))
     return null;
-  const l = ce.activeMessageSubscriptionCandidates.find(
+  const l = le.activeMessageSubscriptionCandidates.find(
     (v) => v.elementId === e.id
   );
   if (l) {
@@ -9991,7 +9991,7 @@ const ei = N(({ element: e, addOverlay: A }) => {
       v
     );
   }
-  const p = ce.startMessageSubscriptionCandidates?.find(
+  const p = le.startMessageSubscriptionCandidates?.find(
     (v) => v.elementId === e.id
   );
   if (p && t === void 0) {
@@ -10051,7 +10051,7 @@ const ei = N(({ element: e, addOverlay: A }) => {
       v
     );
   }
-  const B = le.activeSignalCandidates.find(
+  const B = de.activeSignalCandidates.find(
     (v) => v.elementId === e.id
   );
   if (B) {
@@ -10065,7 +10065,7 @@ const ei = N(({ element: e, addOverlay: A }) => {
       v
     );
   }
-  const S = le.startSignalCandidates?.find(
+  const S = de.startSignalCandidates?.find(
     (v) => v.elementId === e.id
   );
   if (S && t === void 0) {
@@ -10141,7 +10141,7 @@ const ti = 0, Gt = 1, Xd = 10, $d = Gt + ti, _d = Gt + Xd, Au = Gt + ti, eu = u.
   background-color: var(--cm-color-white-base);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
   border-radius: 2px;
-`, ie = u.button`
+`, re = u.button`
   margin: 0px 5px;
   padding: 0;
   border: none;
@@ -10174,13 +10174,13 @@ const ti = 0, Gt = 1, Xd = 10, $d = Gt + ti, _d = Gt + Xd, Au = Gt + ti, eu = u.
       ) }),
       /* @__PURE__ */ f(tu, { children: [
         /* @__PURE__ */ i(
-          $A,
+          _A,
           {
             title: a ? "Disable fullscreen" : "Enable fullscreen",
             align: "top",
             showOnlyOnOverflow: !1,
             children: /* @__PURE__ */ i(
-              ie,
+              re,
               {
                 "data-test": "toggle-fullscreen",
                 onClick: r,
@@ -10197,13 +10197,13 @@ const ti = 0, Gt = 1, Xd = 10, $d = Gt + ti, _d = Gt + Xd, Au = Gt + ti, eu = u.
           }
         ),
         /* @__PURE__ */ i(
-          $A,
+          _A,
           {
             title: "Toggle minimap",
             align: "top",
             showOnlyOnOverflow: !1,
             children: /* @__PURE__ */ i(
-              ie,
+              re,
               {
                 "data-selector": "minimap-container",
                 "data-test": "toggle-minimap",
@@ -10223,13 +10223,13 @@ const ti = 0, Gt = 1, Xd = 10, $d = Gt + ti, _d = Gt + Xd, Au = Gt + ti, eu = u.
           }
         ),
         /* @__PURE__ */ i(
-          $A,
+          _A,
           {
             title: "Reset viewport",
             align: "top",
             showOnlyOnOverflow: !1,
             children: /* @__PURE__ */ i(
-              ie,
+              re,
               {
                 onClick: e,
                 "data-test": "viewport-reset",
@@ -10239,8 +10239,8 @@ const ti = 0, Gt = 1, Xd = 10, $d = Gt + ti, _d = Gt + Xd, Au = Gt + ti, eu = u.
             )
           }
         ),
-        /* @__PURE__ */ i($A, { title: "Zoom out", align: "top", showOnlyOnOverflow: !1, children: /* @__PURE__ */ i(
-          ie,
+        /* @__PURE__ */ i(_A, { title: "Zoom out", align: "top", showOnlyOnOverflow: !1, children: /* @__PURE__ */ i(
+          re,
           {
             onClick: t,
             "data-test": "zoom-out",
@@ -10248,8 +10248,8 @@ const ti = 0, Gt = 1, Xd = 10, $d = Gt + ti, _d = Gt + Xd, Au = Gt + ti, eu = u.
             children: /* @__PURE__ */ i(yl, { width: "12", height: "12" })
           }
         ) }),
-        /* @__PURE__ */ i($A, { title: "Zoom in", align: "top", showOnlyOnOverflow: !1, children: /* @__PURE__ */ i(
-          ie,
+        /* @__PURE__ */ i(_A, { title: "Zoom in", align: "top", showOnlyOnOverflow: !1, children: /* @__PURE__ */ i(
+          re,
           {
             onClick: A,
             "data-test": "zoom-in",
@@ -10564,9 +10564,9 @@ const xs = "40px", pu = u(De)`
   margin: 0 ${xs};
   max-width: calc(100% - calc(2 * ${xs}));
 `, ai = N(() => {
-  if (_A.isClusterHealthy)
+  if (Ae.isClusterHealthy)
     return null;
-  const e = _A.state.cluster?.name, A = _A.state.cluster?.uuid;
+  const e = Ae.state.cluster?.name, A = Ae.state.cluster?.uuid;
   return /* @__PURE__ */ i(
     pu,
     {
@@ -10695,9 +10695,9 @@ const Fs = u.div`
             processId: r,
             name: a,
             processInstanceId: A,
-            actions: oe(q(A)),
+            actions: ce(q(A)),
             coveredFlowNodes: W.elementInstancesWithType,
-            coveredSequenceFlows: ee.state.sequenceFlows
+            coveredSequenceFlows: te.state.sequenceFlows
           });
         } catch {
           e.displayNotification?.error($);
@@ -10724,7 +10724,7 @@ const Fs = u.div`
       topContent: /* @__PURE__ */ i(Fs, { children: /* @__PURE__ */ i(Qs, {}) })
     }
   ) : /* @__PURE__ */ f(
-    se,
+    ne,
     {
       open: m.state.isProcessManuallyCompleted,
       size: "md",
@@ -10828,7 +10828,7 @@ const Rs = u.p`
   ${lA.body01};
 `, li = N(
   ({ open: e, fileName: A, fileId: t, onClose: s }) => /* @__PURE__ */ i(
-    se,
+    ne,
     {
       open: e,
       modalHeading: "Scenarios are now stored in files",
@@ -10984,7 +10984,7 @@ const Ap = ({
   diagramId: AA,
   FeedbackButton: gA
 }) => {
-  const dA = I?.shouldUseOrchestrationClusterAPI, z = e?.type, jA = e?.config?.operateBaseUrl, ne = z === "saas" ? e.config.clusterId : void 0, [Lt, ui] = y(!0), [pi, VA] = y(!1);
+  const dA = I?.shouldUseOrchestrationClusterAPI, z = e?.type, WA = e?.config?.operateBaseUrl, ie = z === "saas" ? e.config.clusterId : void 0, [Lt, ui] = y(!0), [pi, VA] = y(!1);
   F(
     () => OA(
       () => m.state.status === "first-fetch" && m.state.instanceType !== "REWOUND_INSTANCE",
@@ -11003,10 +11003,10 @@ const Ap = ({
       }
     ),
     []
-  ), F(() => (z === "saas" && _A.init(), iA.init(I?.isReplayScenariosEnabled), () => {
-    z === "saas" && _A.reset(), m.reset(), kA.reset(), w.reset(), T.reset(), iA.reset(), x.reset();
+  ), F(() => (z === "saas" && Ae.init(), iA.init(I?.isReplayScenariosEnabled), () => {
+    z === "saas" && Ae.reset(), m.reset(), kA.reset(), w.reset(), T.reset(), iA.reset(), x.reset();
   }), [I?.isReplayScenariosEnabled, z]), F(() => {
-    z === "saas" && !ne || (G.init({ mixpanelTrack: d, processId: o, diagramId: AA }), M.init({
+    z === "saas" && !ie || (G.init({ mixpanelTrack: d, processId: o, diagramId: AA }), M.init({
       authConfig: e,
       handlePostRequest: h,
       handleGetRequest: p,
@@ -11016,7 +11016,7 @@ const Ap = ({
       isSelfManagedEnv: z === "sm"
     }));
   }, [
-    ne,
+    ie,
     z,
     o,
     AA,
@@ -11034,21 +11034,21 @@ const Ap = ({
       onDeploymentError: n,
       xml: t,
       consoleDashboardPageUrl: v,
-      clusterId: ne,
+      clusterId: ie,
       currentDiagramRevision: D,
       updateFileById: Q,
       originAppInstanceId: O,
       canUserSaveExampleData: X,
       diagramId: AA,
       authType: z,
-      operateBaseUrl: jA
+      operateBaseUrl: WA
     });
   }, [
     o,
     r,
     a,
     c,
-    ne,
+    ie,
     g,
     b,
     E,
@@ -11062,7 +11062,7 @@ const Ap = ({
     X,
     AA,
     z,
-    jA
+    WA
   ]), F(() => {
     x.init({
       fetchTestsByProcessId: S,
@@ -11080,7 +11080,7 @@ const Ap = ({
   ]);
   const fi = to({
     authType: z,
-    clusterId: ne,
+    clusterId: ie,
     displayNotification: l
   });
   F(() => {