@camunda/play 6.1.3 → 6.1.4-rc.1

package/build/play.js

@@ -1,7 +1,7 @@
-import { jsx as i, jsxs as f, Fragment as L } from "react/jsx-runtime";
+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 H, observable as fA, autorun as Os, when as Ie, override as IA, makeAutoObservable as GA, reaction as OA } from "mobx";
+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 { 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";
@@ -13,7 +13,7 @@ import { WarningFilled as Di, CheckmarkOutline as Ci, RadioButtonChecked as ki,
 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 iA, 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 { 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 { 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";
@@ -684,7 +684,7 @@ class Cr {
     nA(this, {
       state: fA,
       handleSuccess: k,
-      isClusterHealthy: H,
+      isClusterHealthy: V,
       reset: k
     });
   }
@@ -1097,12 +1097,12 @@ class sa extends MA {
       startFetching: k,
       handleError: k,
       reset: IA,
-      completedElementInstances: H,
-      activeElementInstances: H,
-      elementInstances: H,
-      elementIds: H,
-      isInitialLoadComplete: H,
-      elementInstancesWithType: H
+      completedElementInstances: V,
+      activeElementInstances: V,
+      elementInstances: V,
+      elementIds: V,
+      isInitialLoadComplete: V,
+      elementInstancesWithType: V
     });
   }
   shouldRefreshDataAfterPollingStops = !0;
@@ -1523,11 +1523,6 @@ class ba {
     filesInfo: A = []
   }) => Promise.all(
     A.map(async (t) => {
-      if (t.bindingType === "versionTag")
-        return {
-          ...t,
-          status: "unsupported binding"
-        };
       if (t.bindingType === "deployment")
         return {
           ...t,
@@ -2037,13 +2032,13 @@ let Sa = class extends MA {
   constructor() {
     super(), nA(this, {
       state: fA,
-      variables: H,
+      variables: V,
       handleSuccess: k,
       handleError: k,
       setIsUpdatingVariable: k,
       startFetching: k,
-      scopeId: H,
-      isInitialLoadComplete: H,
+      scopeId: V,
+      isInitialLoadComplete: V,
       reset: IA
     });
   }
@@ -2168,9 +2163,9 @@ class Ca extends MA {
       startFetching: k,
       handleError: k,
       reset: IA,
-      completedElementIds: H,
-      activeElementIds: H,
-      activeElementIdsWithoutIncident: H
+      completedElementIds: V,
+      activeElementIds: V,
+      activeElementIdsWithoutIncident: V
     });
   }
   shouldRefreshDataAfterPollingStops = !0;
@@ -2205,7 +2200,7 @@ class Ca extends MA {
   get completedElementIds() {
     return this.state.statistics.filter(({ completed: A }) => Number(A) > 0).map(({ activityId: A }) => A);
   }
-  isElementProcessed = (A) => aA.state.statistics.some(
+  isElementProcessed = (A) => rA.state.statistics.some(
     ({ activityId: t }) => t === A
   );
   get activeElementIds() {
@@ -2222,7 +2217,7 @@ class Ca extends MA {
     super.reset(), this.state = { ...os };
   }
 }
-const aA = new Ca(), ka = (e, A) => {
+const rA = new Ca(), ka = (e, A) => {
   if (e && e.startsWith("=")) {
     const t = e.substring(1), s = A.find(
       (n) => n.name === t
@@ -2233,12 +2228,12 @@ const aA = new Ca(), ka = (e, A) => {
 class Ta {
   constructor() {
     nA(this, {
-      startMessageSubscriptionCandidates: H.struct,
-      activeMessageSubscriptionCandidates: H.struct
+      startMessageSubscriptionCandidates: V.struct,
+      activeMessageSubscriptionCandidates: V.struct
     });
   }
   get activeMessageSubscriptionCandidates() {
-    const { messageSubscriptionCandidates: A } = T, { activeElementIdsWithoutIncident: t } = aA, { variables: s } = pA.state, n = m.state.processInstance?.state === "ACTIVE";
+    const { messageSubscriptionCandidates: A } = T, { activeElementIdsWithoutIncident: t } = rA, { variables: s } = pA.state, n = m.state.processInstance?.state === "ACTIVE";
     return A.filter(
       (r) => Dt({
         processId: w.processId,
@@ -2264,12 +2259,12 @@ const ce = new Ta();
 class Na {
   constructor() {
     nA(this, {
-      activeSignalCandidates: H.struct,
-      startSignalCandidates: H.struct
+      activeSignalCandidates: V.struct,
+      startSignalCandidates: V.struct
     });
   }
   get activeSignalCandidates() {
-    const { signalCandidates: A } = T, { activeElementIdsWithoutIncident: t } = aA, s = m.state.processInstance?.state === "ACTIVE";
+    const { signalCandidates: A } = T, { activeElementIdsWithoutIncident: t } = rA, s = m.state.processInstance?.state === "ACTIVE";
     return A.filter(
       (n) => Dt({
         processId: w.processId,
@@ -2980,13 +2975,13 @@ let qa = class extends fn {
       setScenarios: k,
       handleLoadSuccess: k,
       handleLoadError: k,
-      allCoveredFlowNodes: H,
-      currentTotalCoverage: H,
-      coverageIncrease: H,
-      newTotalCoverage: H,
-      isAnyScenarioRunning: H,
-      coveredFlowNodeIdsForSelectedScenario: H,
-      isSingleScenarioSelected: H,
+      allCoveredFlowNodes: V,
+      currentTotalCoverage: V,
+      coverageIncrease: V,
+      newTotalCoverage: V,
+      isAnyScenarioRunning: V,
+      coveredFlowNodeIdsForSelectedScenario: V,
+      isSingleScenarioSelected: V,
       startRunningSingleScenario: k,
       updateSingleScenarioRun: k,
       saveTestScenarioFileMetadata: k,
@@ -3492,17 +3487,17 @@ class za extends MA {
     super(), nA(this, {
       state: fA,
       setIsProcessManuallyCompleted: k,
-      isCalledProcess: H,
+      isCalledProcess: V,
       setInstanceDetails: k,
       handleSuccess: k,
       startFetching: k,
       handleError: k,
       setScenarioName: k,
       reset: IA,
-      isRunning: H,
-      hasError: H,
-      isInstanceDetailPageVisible: H,
-      isInitialLoadComplete: H
+      isRunning: V,
+      hasError: V,
+      isInstanceDetailPageVisible: V,
+      isInitialLoadComplete: V
     });
   }
   shouldRefreshDataAfterPollingStops = !1;
@@ -3614,7 +3609,7 @@ class ja extends MA {
       handleError: k,
       startFetching: k,
       reset: IA,
-      incidents: H
+      incidents: V
     });
   }
   shouldRefreshDataAfterPollingStops = !0;
@@ -3764,7 +3759,7 @@ class Xa {
   }))?.success !== !1;
   get activeElementsWithJobWorker() {
     return T.elementsWithJobWorker.filter(
-      ({ id: A }) => aA.activeElementIdsWithoutIncident.includes(A)
+      ({ id: A }) => rA.activeElementIdsWithoutIncident.includes(A)
     );
   }
   get errorThrowableJobsByErrorId() {
@@ -4004,8 +3999,8 @@ function to({
     []
   ), F(() => {
     if (!(e === "saas" && A === void 0))
-      return s ? (m.init(), Z.init(), ee.init(), aA.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(), aA.reset(), nt.reset(), st.reset(), wA.reset();
+      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();
       };
   }, [e, A, s, r]), { reInitializePlay: U(
     async ({
@@ -4207,7 +4202,7 @@ const _ = mi({
       $size: o,
       $variant: c,
       ...l,
-      children: n ? /* @__PURE__ */ f(L, { children: [
+      children: n ? /* @__PURE__ */ f(H, { children: [
         /* @__PURE__ */ i(uo, { className: "loader", light: r, size: a }),
         /* @__PURE__ */ i(oo, { className: "is-loading", children: e })
       ] }) : e
@@ -4538,9 +4533,9 @@ const bs = 5, mo = gt`
         default:
           return S - b.current.offsetWidth / 2 + R / 2;
       }
-    }, V = () => h == "top" || I ? B - b.current.offsetHeight - He - 5 : E + He + 5;
+    }, L = () => h == "top" || I ? B - b.current.offsetHeight - He - 5 : E + He + 5;
     I && g("top"), p({
-      top: V(),
+      top: L(),
       left: v()
     });
   }, [t, t?.getBoundingClientRect().top]), F(() => {
@@ -4890,7 +4885,7 @@ let Qo = class {
     GA(this);
   }
   init(A) {
-    A && rA.setActiveTab("scenarios");
+    A && iA.setActiveTab("scenarios");
   }
   setActiveTab = (A) => {
     this.state.activeTab = A;
@@ -4899,7 +4894,7 @@ let Qo = class {
     this.state = { ...Es };
   }
 };
-const rA = new Qo(), Te = (e) => {
+const iA = new Qo(), Te = (e) => {
   const { children: A, text: t, align: s, isDisabled: n } = e;
   return e.text !== void 0 ? /* @__PURE__ */ i(Se, { align: s, label: t, description: t, children: /* @__PURE__ */ i("div", { children: Ut.isValidElement(A) ? Ut.cloneElement(A, { disabled: n }) : A }) }) : e.children;
 }, Ro = ({
@@ -4977,7 +4972,7 @@ const rA = new Qo(), Te = (e) => {
             ". ",
             /* @__PURE__ */ i("br", {}),
             /* @__PURE__ */ i(
-              iA,
+              aA,
               {
                 href: "https://docs.camunda.io/docs/components/modeler/web-modeler/play-your-process/#scenario-coverage",
                 target: "_blank",
@@ -5048,7 +5043,7 @@ const rA = new Qo(), Te = (e) => {
       isScenarioSaved: A,
       canUserSaveScenario: n
     });
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ i(Te, { align: "bottom-end", isDisabled: o, text: c, children: /* @__PURE__ */ i(
         j,
         {
@@ -5076,7 +5071,7 @@ const rA = new Qo(), Te = (e) => {
   .cds--definition-tooltip {
     max-inline-size: 18rem;
   }
-`, yn = u(iA)`
+`, yn = u(aA)`
   color: var(--cds-link-inverse) !important;
 `, Go = ({
   isCompleted: e,
@@ -5128,7 +5123,7 @@ const rA = new Qo(), Te = (e) => {
       isScenarioUpdated: t,
       canUserUpdateScenario: r
     });
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ i(Te, { align: "bottom-end", isDisabled: a, text: o, children: /* @__PURE__ */ i(
         j,
         {
@@ -5413,7 +5408,7 @@ const Bn = "#a8a8a8", rt = "#f4f4f4", jo = u.div`
 `, tc = u.div`
   display: flex;
   flex-direction: column;
-`, sc = u(iA)`
+`, sc = u(aA)`
   display: flex;
   width: fit-content;
 `, nc = u.div`
@@ -5477,7 +5472,7 @@ const xe = N(
       const g = ic(t, A), b = await w.updateFile();
       g && b.success ? (a("success"), s()) : g && !b.success && b.reason === "conflict" ? a("conflict") : a("error");
     };
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ f(ec, { children: [
         /* @__PURE__ */ f(tc, { children: [
           /* @__PURE__ */ i("div", { children: "Save these variables as example data in the BPMN file for collaborative reuse" }),
@@ -5566,7 +5561,7 @@ const xe = N(
   if (e === "none")
     return null;
   let t = "";
-  return e === "bpmn" ? t = "Prefilled from the BPMN’s example data" : e === "cache" && (t = "Prefilled from a previous session"), /* @__PURE__ */ i(oc, { children: A ? /* @__PURE__ */ f(L, { children: [
+  return e === "bpmn" ? t = "Prefilled from the BPMN’s example data" : e === "cache" && (t = "Prefilled from a previous session"), /* @__PURE__ */ i(oc, { children: A ? /* @__PURE__ */ f(H, { children: [
     /* @__PURE__ */ i(Ti, {}),
     t
   ] }) : null });
@@ -5750,7 +5745,7 @@ const Nt = N(
       broadcastSignal: a,
       broadcastSignalWithVariables: o
     } = cc(t);
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       e({ broadcastSignal: a, broadcastSignalWithVariables: o }),
       /* @__PURE__ */ i(
         Mn,
@@ -5790,7 +5785,7 @@ const dc = u.div`
       isValid: R,
       prefillSource: I,
       isDirty: v,
-      setEditedValue: V,
+      setEditedValue: L,
       resetPrefill: P
     } = In(a, w.processId), { authType: D } = w, Q = cA(null);
     return F(() => {
@@ -5879,7 +5874,7 @@ const dc = u.div`
                 isVisible: e,
                 placeholder: Et,
                 onChange: (O) => {
-                  V(O ?? "");
+                  L(O ?? "");
                 },
                 onMount: (O) => {
                   Q.current = O;
@@ -6013,7 +6008,7 @@ const xt = N(
       publishMessage: o,
       publishMessageWithVariables: c
     } = uc({ element: t, isSelfManagedEnv: n === "sm" });
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       e({ publishMessage: o, publishMessageWithVariables: c }),
       /* @__PURE__ */ i(
         Sn,
@@ -6105,11 +6100,11 @@ const Dn = ({
   onChange: B,
   clearOnReset: E = !0
 }) => {
-  const [S, R] = y(a), [I, v] = y(!0), V = cA(null);
+  const [S, R] = y(a), [I, v] = y(!0), L = cA(null);
   return F(() => {
     t ? R(a) : (R(""), v(!0));
   }, [t, a]), F(() => {
-    I && V.current?.hideMarkers();
+    I && L.current?.hideMarkers();
   }, [I]), /* @__PURE__ */ i(
     zA,
     {
@@ -6133,7 +6128,7 @@ const Dn = ({
       } : void 0,
       onClose: l,
       onSubmit: () => {
-        I ? p?.(S === "" ? void 0 : S) : V.current?.showMarkers();
+        I ? p?.(S === "" ? void 0 : S) : L.current?.showMarkers();
       },
       modalBody: /* @__PURE__ */ f(J, { gap: 5, children: [
         b,
@@ -6150,7 +6145,7 @@ const Dn = ({
             readOnly: h,
             onValidate: v,
             onMount: (P) => {
-              V.current = P;
+              L.current = P;
             },
             hasJSONObjectValidation: g
           }
@@ -6193,7 +6188,7 @@ const Dn = ({
         onChange: (S) => {
           p(S), E(!0);
         },
-        editorTopContent: /* @__PURE__ */ f(L, { children: [
+        editorTopContent: /* @__PURE__ */ f(H, { children: [
           /* @__PURE__ */ i(
             xe,
             {
@@ -6342,7 +6337,7 @@ function gc({
       d(X.length === 0);
     },
     [R, I]
-  ), V = U(async () => {
+  ), L = U(async () => {
     const D = new rr();
     if (b.current = D, g.current === null) {
       n(!0);
@@ -6353,7 +6348,7 @@ function gc({
     v({ ignoreCachedVariables: !0 });
   }, [v]);
   return {
-    renderForm: V,
+    renderForm: L,
     resetForm: P,
     isDirty: p,
     isFormContentValid: l,
@@ -6419,19 +6414,19 @@ const kn = ({
     hasFormLoadError: R,
     setHasFormLoadError: I,
     formContainerRef: v,
-    taskForm: V
+    taskForm: L
   } = gc({
     element: A,
     formPrefillSettings: c,
     getFormBody: n
   });
   F(() => {
-    if (!e && V.current) {
-      V.current.detach(), V.current = void 0;
+    if (!e && L.current) {
+      L.current.detach(), L.current = void 0;
       return;
     }
-    !e || !v.current || V.current || p();
-  }, [p, e, v, V]);
+    !e || !v.current || L.current || p();
+  }, [p, e, v, L]);
   async function P(Q) {
     if (Q.size === 0)
       return /* @__PURE__ */ new Map();
@@ -6452,7 +6447,7 @@ const kn = ({
   async function D() {
     d(!0);
     try {
-      const { data: Q, errors: O, files: X } = V.current?.submit() ?? {
+      const { data: Q, errors: O, files: X } = L.current?.submit() ?? {
         data: {},
         errors: {},
         files: /* @__PURE__ */ new Map()
@@ -6487,7 +6482,7 @@ const kn = ({
         label: "Reset",
         onClick: h
       },
-      modalBody: /* @__PURE__ */ f(L, { children: [
+      modalBody: /* @__PURE__ */ f(H, { children: [
         /* @__PURE__ */ f(J, { gap: 5, children: [
           /* @__PURE__ */ i(
             xe,
@@ -6559,7 +6554,7 @@ const kn = ({
     isFormModalOpen: p,
     setIsFormModalOpen: h
   } = pc({ element: A, isSelfManagedEnv: n === "sm" });
-  return /* @__PURE__ */ f(L, { children: [
+  return /* @__PURE__ */ f(H, { children: [
     e({
       isStartingInstance: a,
       startInstance: c,
@@ -6773,7 +6768,7 @@ const Nn = N(() => {
         isReplayScenariosEnabled: n
       }
     );
-  const R = o?.parentKey, I = o.incident ? "INCIDENT" : o.state, v = `${p}/processes/${r}`, V = c !== Ct, P = Object.keys(d).find((D) => {
+  const R = o?.parentKey, I = o.incident ? "INCIDENT" : o.state, v = `${p}/processes/${r}`, L = c !== Ct, P = Object.keys(d).find((D) => {
     const Q = d[D];
     return Q !== void 0 && Q.instanceKey === r && Q.status === "Failed";
   });
@@ -6790,7 +6785,7 @@ const Nn = N(() => {
               align: "bottom",
               closeOnActivation: !0,
               children: /* @__PURE__ */ i(
-                iA,
+                aA,
                 {
                   href: v,
                   target: "_blank",
@@ -6809,7 +6804,7 @@ const Nn = N(() => {
             {
               variant: "text",
               onClick: () => {
-                rA.setActiveTab("instances"), m.reset();
+                iA.setActiveTab("instances"), m.reset();
               },
               children: "View all"
             }
@@ -6834,7 +6829,7 @@ const Nn = N(() => {
               {
                 variant: "text",
                 onClick: () => {
-                  rA.setActiveTab("scenarios"), m.reset();
+                  iA.setActiveTab("scenarios"), m.reset();
                 },
                 children: "(View all)"
               }
@@ -6843,7 +6838,7 @@ const Nn = N(() => {
         ] }) })
       ] }),
       A.isReplayScenariosEnabled && !l && /* @__PURE__ */ f(Co, { children: [
-        m.state.processInstance?.state === "COMPLETED" && !V && /* @__PURE__ */ f(ko, { "data-testid": "scenario-coverage", children: [
+        m.state.processInstance?.state === "COMPLETED" && !L && /* @__PURE__ */ f(ko, { "data-testid": "scenario-coverage", children: [
           /* @__PURE__ */ i(
             it,
             {
@@ -6901,13 +6896,13 @@ const Nn = N(() => {
                   action: {
                     label: "View scenario",
                     onClick: () => {
-                      rA.setActiveTab("scenarios"), m.reset();
+                      iA.setActiveTab("scenarios"), m.reset();
                     }
                   }
                 }
               );
             },
-            isScenarioUpdated: V
+            isScenarioUpdated: L
           }
         ) : /* @__PURE__ */ i(
           Oo,
@@ -6937,7 +6932,7 @@ const Nn = N(() => {
                   action: {
                     label: "View scenario",
                     onClick: () => {
-                      rA.setActiveTab("scenarios"), m.reset();
+                      iA.setActiveTab("scenarios"), m.reset();
                     }
                   }
                 }
@@ -6946,7 +6941,7 @@ const Nn = N(() => {
                 coverageIncrease: `${x.coverageIncrease.toFixed(0)}%`
               });
             },
-            isScenarioSaved: V
+            isScenarioSaved: L
           }
         )
       ] }),
@@ -7241,7 +7236,7 @@ const Jc = u(se)`
   );
   return /* @__PURE__ */ i(Bc, { children: /* @__PURE__ */ f(ji, { children: [
     /* @__PURE__ */ i(Gc, { "aria-label": "Variables", children: /* @__PURE__ */ i(Wi, { children: "Variables" }) }),
-    /* @__PURE__ */ i(Vc, { children: /* @__PURE__ */ i(Lc, { children: pA.isInitialLoadComplete ? /* @__PURE__ */ f(L, { children: [
+    /* @__PURE__ */ i(Vc, { children: /* @__PURE__ */ i(Lc, { children: pA.isInitialLoadComplete ? /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ f(Ic, { $isEmpty: S.length === 0, children: [
         S.length === 0 && /* @__PURE__ */ i(Mc, { children: Z.isRootNodeSelected ? "This process instance has no variables" : "The flow node has no variables" }),
         S.length > 0 && /* @__PURE__ */ f(Sc, { children: [
@@ -7361,10 +7356,10 @@ const Jc = u(se)`
             if (b(!1), v === void 0)
               return;
             d(!0);
-            const V = JSON.stringify({
+            const L = JSON.stringify({
               [I]: JSON.parse(v)
             });
-            await R(V), d(!1), a(null);
+            await R(L), d(!1), a(null);
           },
           onClose: () => {
             b(!1), a(null);
@@ -7837,34 +7832,20 @@ const Rt = new Rl(), Rn = N(() => {
     /* @__PURE__ */ f(vt, { children: [
       e.map((t) => /* @__PURE__ */ f(RA, { children: [
         /* @__PURE__ */ f(sA, { children: [
-          (t.status === "unsupported binding" || t.status === "not found" || t.status === "deployment error") && /* @__PURE__ */ i(Ze, {}),
+          (t.status === "not found" || t.status === "deployment error") && /* @__PURE__ */ i(Ze, {}),
           /* @__PURE__ */ i("b", { children: t.elementBusinessObject.name || t.elementBusinessObject.id })
         ] }),
         /* @__PURE__ */ f(sA, { children: [
-          t.status === "unsupported binding" && "Version tag binding is not supported in Play",
           t.status === "not found" && "File not found",
           t.status === "deployment error" && "Deployment error"
         ] }),
         /* @__PURE__ */ i(sA, { children: t.filename || t.id }),
         /* @__PURE__ */ f(sA, { children: [
-          t.status === "unsupported binding" && /* @__PURE__ */ f(L, { children: [
-            "Change the binding for the element.",
-            " ",
-            /* @__PURE__ */ i(
-              iA,
-              {
-                href: "https://docs.camunda.io/docs/components/best-practices/modeling/choosing-the-resource-binding-type/",
-                target: "_blank",
-                rel: "noreferrer",
-                children: "See how"
-              }
-            )
-          ] }),
-          t.status === "not found" && /* @__PURE__ */ f(L, { children: [
+          t.status === "not found" && /* @__PURE__ */ f(H, { children: [
             "Verify file path or check file permissions.",
             " ",
             /* @__PURE__ */ i(
-              iA,
+              aA,
               {
                 href: `https://docs.camunda.io/docs/components/modeler/web-modeler/advanced-modeling/${t.type === "decision" ? "business-rule-task" : t.type === "form" ? "form" : "call-activity"}-linking/`,
                 target: "_blank",
@@ -7874,7 +7855,7 @@ const Rt = new Rl(), Rn = N(() => {
             )
           ] }),
           t.status === "deployment error" && /* @__PURE__ */ i(
-            iA,
+            aA,
             {
               href: `/diagrams/${hl(
                 t.fileId,
@@ -7893,9 +7874,9 @@ const Rt = new Rl(), Rn = N(() => {
         ] }),
         /* @__PURE__ */ i(sA, { children: `Secret "${t.missingSecret}" missing` }),
         /* @__PURE__ */ i(sA, { children: "-" }),
-        /* @__PURE__ */ i(sA, { children: /* @__PURE__ */ f(L, { children: [
+        /* @__PURE__ */ i(sA, { children: /* @__PURE__ */ f(H, { children: [
           /* @__PURE__ */ i(
-            iA,
+            aA,
             {
               href: w.consoleSecretsUrl,
               target: "_blank",
@@ -7905,7 +7886,7 @@ const Rt = new Rl(), Rn = N(() => {
           ),
           " Skip connector element. ",
           /* @__PURE__ */ i(
-            iA,
+            aA,
             {
               href: "https://docs.camunda.io/docs/components/modeler/web-modeler/play-your-process/#modify-a-process-instance",
               target: "_blank",
@@ -7922,10 +7903,10 @@ const Rt = new Rl(), Rn = N(() => {
         ] }),
         /* @__PURE__ */ i(sA, { children: "Execution listeners are not suppported in Play. See actionable solution to resolve the issue." }),
         /* @__PURE__ */ i(sA, { children: "-" }),
-        /* @__PURE__ */ i(sA, { children: /* @__PURE__ */ f(L, { children: [
+        /* @__PURE__ */ i(sA, { children: /* @__PURE__ */ f(H, { children: [
           " Skip element. ",
           /* @__PURE__ */ i(
-            iA,
+            aA,
             {
               href: "https://docs.camunda.io/docs/components/modeler/web-modeler/play-your-process/#modify-a-process-instance",
               target: "_blank",
@@ -8024,7 +8005,7 @@ const Yl = N(() => {
         /* @__PURE__ */ i("div", { children: "This scenario has multiple test scenario files linked." }),
         /* @__PURE__ */ i("div", { children: "Scenarios are shown from the file that comes first alphabetically." }),
         /* @__PURE__ */ i(
-          iA,
+          aA,
           {
             href: "https://docs.camunda.io/docs/components/modeler/web-modeler/play-your-process/#scenarios",
             target: "_blank",
@@ -8034,7 +8015,7 @@ const Yl = N(() => {
       ] }) })
     ] }),
     /* @__PURE__ */ i(
-      iA,
+      aA,
       {
         href: On({
           fileId: x.state.testScenarioFileMetadata.id
@@ -8050,7 +8031,7 @@ const Yl = N(() => {
   if (s !== void 0)
     return /* @__PURE__ */ f(Hl, { gap: 5, orientation: "horizontal", children: [
       /* @__PURE__ */ i(Pn, {}),
-      t.length !== 0 && /* @__PURE__ */ i(L, { children: e ? /* @__PURE__ */ f(J, { gap: 3, orientation: "horizontal", children: [
+      t.length !== 0 && /* @__PURE__ */ i(H, { children: e ? /* @__PURE__ */ f(J, { gap: 3, orientation: "horizontal", children: [
         /* @__PURE__ */ i(Ce, { withOverlay: !1, small: !0 }),
         " Running scenarios... This might take a while"
       ] }) : /* @__PURE__ */ i(
@@ -8076,7 +8057,7 @@ const Yl = N(() => {
       ) }),
       /* @__PURE__ */ i(Yl, {})
     ] });
-}), Kl = () => /* @__PURE__ */ f(L, { children: [
+}), Kl = () => /* @__PURE__ */ f(H, { children: [
   /* @__PURE__ */ i(Gn, {}),
   /* @__PURE__ */ f(Vl, { gap: 4, children: [
     /* @__PURE__ */ f("div", { children: [
@@ -8099,7 +8080,7 @@ const Yl = N(() => {
       /* @__PURE__ */ i("div", { children: "Start to increase your coverage by saving completed process instances as scenarios." })
     ] }),
     /* @__PURE__ */ i(
-      iA,
+      aA,
       {
         href: "https://docs.camunda.io/docs/components/modeler/web-modeler/play-your-process/#scenarios",
         target: "_blank",
@@ -8142,7 +8123,7 @@ const Yl = N(() => {
     t !== void 0 && x.loadScenarios(t);
   }, [t]);
   const { scenarios: n, selectedScenario: r, status: a } = x.state;
-  return ["initial", "fetching"].includes(a) || t === void 0 ? /* @__PURE__ */ i(jl, {}) : a === "error" ? /* @__PURE__ */ i($l, { onReload: () => x.loadScenarios(t) }) : n.length === 0 ? /* @__PURE__ */ i(Kl, {}) : /* @__PURE__ */ f(L, { children: [
+  return ["initial", "fetching"].includes(a) || t === void 0 ? /* @__PURE__ */ i(jl, {}) : a === "error" ? /* @__PURE__ */ i($l, { onReload: () => x.loadScenarios(t) }) : n.length === 0 ? /* @__PURE__ */ i(Kl, {}) : /* @__PURE__ */ f(H, { children: [
     /* @__PURE__ */ i(Gn, {}),
     /* @__PURE__ */ f(wt, { size: "sm", children: [
       /* @__PURE__ */ i(bt, { children: /* @__PURE__ */ f(ks, { children: [
@@ -8354,9 +8335,9 @@ const _l = (e) => {
 });
 Vn.displayName = "Processes";
 const Hn = N(() => {
-  const e = tA(_), { activeTab: A } = rA.state, t = e.featureFlags.isReplayScenariosEnabled, { problemCount: s } = Rt;
+  const e = tA(_), { activeTab: A } = iA.state, t = e.featureFlags.isReplayScenariosEnabled, { problemCount: s } = Rt;
   F(() => {
-    s > 0 && rA.setActiveTab("problems");
+    s > 0 && iA.setActiveTab("problems");
   }, [s]);
   const { instanceKey: n } = m.state, r = W.state.elementInstances?.filter(
     (a) => a.type !== "SEQUENCE_FLOW"
@@ -8367,7 +8348,7 @@ const Hn = N(() => {
         Ye,
         {
           $isActive: A === "scenarios",
-          onClick: () => rA.setActiveTab("scenarios"),
+          onClick: () => iA.setActiveTab("scenarios"),
           children: /* @__PURE__ */ i(Ue, { children: "Scenarios" })
         }
       ),
@@ -8375,7 +8356,7 @@ const Hn = N(() => {
         Ye,
         {
           $isActive: A === "instances",
-          onClick: () => rA.setActiveTab("instances"),
+          onClick: () => iA.setActiveTab("instances"),
           children: /* @__PURE__ */ i(Ue, { children: "Process Instances" })
         }
       ),
@@ -8383,7 +8364,7 @@ const Hn = N(() => {
         Ye,
         {
           $isActive: A === "problems",
-          onClick: () => rA.setActiveTab("problems"),
+          onClick: () => iA.setActiveTab("problems"),
           children: /* @__PURE__ */ f(Ue, { children: [
             "Problems",
             " ",
@@ -8565,10 +8546,10 @@ const Jn = N(
           }
         ) })
       ] }),
-      /* @__PURE__ */ i(cd, { children: /* @__PURE__ */ i(L, { children: (() => {
+      /* @__PURE__ */ i(cd, { children: /* @__PURE__ */ i(H, { children: (() => {
         if (d) {
           if (w.hasDiagramError || w.hasAuthorizationError)
-            return /* @__PURE__ */ f(L, { children: [
+            return /* @__PURE__ */ f(H, { children: [
               w.hasAuthorizationError && /* @__PURE__ */ i(
                 me,
                 {
@@ -8860,7 +8841,7 @@ const fd = u.div`
         onClick: n.onClick
       }
     ),
-    r.length > 0 && /* @__PURE__ */ f(L, { children: [
+    r.length > 0 && /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ i(
         bd,
         {
@@ -8958,7 +8939,7 @@ const fd = u.div`
               processInstanceKey: s?.key
             });
           }, l = "Edit variables and publish message", d = a;
-          return /* @__PURE__ */ i(L, { children: t ? /* @__PURE__ */ i(
+          return /* @__PURE__ */ i(H, { children: t ? /* @__PURE__ */ i(
             Pt,
             {
               primaryButtonLabel: o,
@@ -9100,7 +9081,7 @@ Error message: ${A.message}`
       });
     }
   } : void 0;
-  return /* @__PURE__ */ f(L, { children: [
+  return /* @__PURE__ */ f(H, { children: [
     /* @__PURE__ */ i(
       SA,
       {
@@ -9161,7 +9142,7 @@ Error message: ${A.message}`
 });
 Zn.displayName = "IncidentButton";
 const qn = N(({ element: e }) => {
-  const { completedElementInstances: A } = W, { isInstanceDetailPageVisible: t } = m, s = rA.state.activeTab === "scenarios", {
+  const { completedElementInstances: A } = W, { isInstanceDetailPageVisible: t } = m, s = iA.state.activeTab === "scenarios", {
     state: { sequenceFlows: n }
   } = ee, r = x.state.selectedScenario?.coveredSequenceFlows ?? x.allCoveredSequenceFlows;
   return F(() => {
@@ -9226,7 +9207,7 @@ function ot(e, A, t) {
   A?.success(n);
 }
 const jn = N(({ element: e }) => {
-  const { displayNotification: A } = tA(_), [t, s] = y(!1), [n, r] = y(!1), [a, o] = y(""), [c, l] = y(!1), { instanceKey: d, processInstance: p } = m.state, h = Bt(e), b = aA.state.statistics.some(
+  const { displayNotification: A } = tA(_), [t, s] = y(!1), [n, r] = y(!1), [a, o] = y(""), [c, l] = y(!1), { instanceKey: d, processInstance: p } = m.state, h = Bt(e), b = rA.state.statistics.some(
     ({ activityId: P, active: D }) => P === e.id && D > 0
   ) && tn.includes(e.businessObject.$type) && h !== void 0;
   F(() => {
@@ -9299,7 +9280,7 @@ const jn = N(({ element: e }) => {
     element: e,
     useCache: !0,
     processId: w.processId
-  }), V = [
+  }), L = [
     {
       label: CA({
         prefix: "Complete job",
@@ -9337,7 +9318,7 @@ const jn = N(({ element: e }) => {
       }
     }
   ];
-  return b && B.length > 0 && V.push(
+  return b && B.length > 0 && L.push(
     {
       //@ts-expect-error Object literal may only specify known properties, and 'type' does not exist in type '{ label: string; renderIcon: () => Element; onClick: () => Promise<void>; } | { label: string; onClick: () => void; renderIcon?: undefined; }'.ts(2353)
       type: "divider",
@@ -9349,8 +9330,8 @@ const jn = N(({ element: e }) => {
         o(""), r(!0);
       }
     }
-  ), /* @__PURE__ */ f(L, { children: [
-    /* @__PURE__ */ i(SA, { disabled: c, actions: V }),
+  ), /* @__PURE__ */ f(H, { children: [
+    /* @__PURE__ */ i(SA, { disabled: c, actions: L }),
     /* @__PURE__ */ i(
       Qe,
       {
@@ -9561,7 +9542,7 @@ const ct = N(
               signalCandidate: e
             });
           }, l = "Edit variables and broadcast signal", d = a;
-          return /* @__PURE__ */ i(L, { children: t ? /* @__PURE__ */ i(
+          return /* @__PURE__ */ i(H, { children: t ? /* @__PURE__ */ i(
             Pt,
             {
               primaryButtonLabel: o,
@@ -9685,7 +9666,7 @@ const qd = (e) => LA(e, "zeebe:CalledDecision")?.get("decisionId") ?? null, zd =
       }
     }
   ];
-  return /* @__PURE__ */ f(L, { children: [
+  return /* @__PURE__ */ f(H, { children: [
     /* @__PURE__ */ i(SA, { actions: l }),
     /* @__PURE__ */ i(
       zA,
@@ -9831,7 +9812,7 @@ const jd = "camunda-forms:bpmn:", Wd = async ({
         }
       }
     ];
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ i(SA, { disabled: c, actions: d }),
       /* @__PURE__ */ i(
         Qe,
@@ -9882,7 +9863,7 @@ _n.displayName = "OpenTaskFormButton";
 const Ai = N(
   ({ element: e, processInstanceKey: A }) => {
     const [t, s] = y(!1), n = w.authType;
-    if (!aA.state.statistics.some(
+    if (!rA.state.statistics.some(
       ({ activityId: h, active: g }) => h === e.id && g > 0
     ))
       return null;
@@ -9897,7 +9878,7 @@ const Ai = N(
       element: e,
       isSelfManagedEnv: n === "sm"
     });
-    return /* @__PURE__ */ f(L, { children: [
+    return /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ i(
         Te,
         {
@@ -9977,11 +9958,11 @@ const ei = N(({ element: e, addOverlay: A }) => {
     );
     return Y(/* @__PURE__ */ i(Un, { element: e }), v);
   }
-  if (e.type === "bpmn:EndEvent" && m.state.processInstance?.state === "COMPLETED" && ["bpmn:Process", "bpmn:Participant"].includes(e.parent?.type) && aA.completedElementIds.includes(e.id)) {
+  if (e.type === "bpmn:EndEvent" && m.state.processInstance?.state === "COMPLETED" && ["bpmn:Process", "bpmn:Participant"].includes(e.parent?.type) && rA.completedElementIds.includes(e.id)) {
     const v = A(e, "FINISHED_OVERLAY", xd);
     return Y(/* @__PURE__ */ i(Kn, {}), v);
   }
-  if (Mr.includes(e.type) && aA.isElementProcessed(e.id) && !aA.activeElementIds.includes(e.id) && !n) {
+  if (Mr.includes(e.type) && rA.isElementProcessed(e.id) && !rA.activeElementIds.includes(e.id) && !n) {
     const v = A(e, "REWIND_OVERLAY", Fd);
     return Y(/* @__PURE__ */ i(Wn, { element: e }), v);
   }
@@ -10041,7 +10022,7 @@ const ei = N(({ element: e, addOverlay: A }) => {
     );
     return Y(/* @__PURE__ */ i(qn, { element: e }), v);
   }
-  if (e.type === "bpmn:CallActivity" && aA.isElementProcessed(e.id)) {
+  if (e.type === "bpmn:CallActivity" && rA.isElementProcessed(e.id)) {
     const v = A(
       e,
       "CHILD_INSTANCE_BUTTON",
@@ -10052,14 +10033,14 @@ const ei = N(({ element: e, addOverlay: A }) => {
         Yn,
         {
           element: e,
-          isActive: aA.activeElementIds.includes(e.id)
+          isActive: rA.activeElementIds.includes(e.id)
         }
       ),
       v
     );
   }
   const g = qd(e);
-  if (e.type === "bpmn:BusinessRuleTask" && aA.isElementProcessed(e.id) && g !== null) {
+  if (e.type === "bpmn:BusinessRuleTask" && rA.isElementProcessed(e.id) && g !== null) {
     const v = A(
       e,
       "VIEW_DECISION_INSTANCE_BUTTON",
@@ -10347,8 +10328,8 @@ const ou = ({
     p.hide && g?.current !== null && E(!!p.hide.referenceHidden);
   }, [g, p]), dt(() => {
     const I = (v) => {
-      const V = v.target;
-      V instanceof Element && !g.current?.contains(V) && n?.(v);
+      const L = v.target;
+      L instanceof Element && !g.current?.contains(L) && n?.(v);
     };
     return document.body?.addEventListener("click", I, !0), () => {
       document.body?.removeEventListener("click", I, !0);
@@ -10367,7 +10348,7 @@ const ou = ({
           left: we(c)
         },
         "data-testid": "play-popover",
-        children: !B && /* @__PURE__ */ f(L, { children: [
+        children: !B && /* @__PURE__ */ f(H, { children: [
           /* @__PURE__ */ i(
             nu,
             {
@@ -10463,7 +10444,7 @@ const ou = ({
                 notificationTitle: `Adding token on ${s}`
               }
             ),
-            a.includes("cancel-all") && /* @__PURE__ */ i(L, { children: (() => {
+            a.includes("cancel-all") && /* @__PURE__ */ i(H, { children: (() => {
               const c = W.state.elementInstances.filter(
                 ({ state: l, flowNodeId: d }) => !["COMPLETED", "TERMINATED"].includes(l) && d === t
               ).map(({ key: l }) => ({
@@ -10555,7 +10536,7 @@ const ii = N(({ element: e, addOverlay: A }) => {
 });
 ii.displayName = "ProblemOverlay";
 const ri = N(({ element: e }) => {
-  const { isInstanceDetailPageVisible: A } = m, t = x.isSingleScenarioSelected ? x.coveredFlowNodeIdsForSelectedScenario : x.allCoveredFlowNodes.map(({ flowNodeId: n }) => n), s = rA.state.activeTab === "scenarios";
+  const { isInstanceDetailPageVisible: A } = m, t = x.isSingleScenarioSelected ? x.coveredFlowNodeIdsForSelectedScenario : x.allCoveredFlowNodes.map(({ flowNodeId: n }) => n), s = iA.state.activeTab === "scenarios";
   return F(() => {
     if (!A && t.length > 0 && s)
       return t.includes(e.id) ? T.state.viewer?.addMarker(e.id, "play-flow-node-taken") : T.state.viewer?.removeMarker(
@@ -10639,7 +10620,7 @@ const oi = N(({ FeedbackButton: e }) => {
         $isSelectionAllowed: o !== void 0
       }
     ),
-    T.state.isLoaded && /* @__PURE__ */ f(L, { children: [
+    T.state.isLoaded && /* @__PURE__ */ f(H, { children: [
       /* @__PURE__ */ i(
         si,
         {
@@ -10731,7 +10712,7 @@ const Fs = u.div`
             action: {
               label: "View scenario",
               onClick: () => {
-                rA.setActiveTab("scenarios"), m.reset();
+                iA.setActiveTab("scenarios"), m.reset();
               }
             }
           }
@@ -10859,7 +10840,7 @@ const Rs = u.p`
           "Your scenarios have been migrated from local storage into a new Test scenarios file:",
           " ",
           t ? /* @__PURE__ */ i(
-            iA,
+            aA,
             {
               href: On({ fileId: t }),
               target: "_blank",
@@ -10877,7 +10858,7 @@ const Rs = u.p`
           "Read more about test scenarios files in the",
           " ",
           /* @__PURE__ */ i(
-            iA,
+            aA,
             {
               href: "https://docs.camunda.io/docs/next/components/modeler/web-modeler/advanced-modeling/test-scenario-files/",
               target: "_blank",
@@ -10994,7 +10975,7 @@ const Ap = ({
   createFile: R,
   featureFlags: I,
   consoleDashboardPageUrl: v,
-  isUserOrgOwnerOrAdmin: V,
+  isUserOrgOwnerOrAdmin: L,
   organizationManagementPageUrl: P,
   currentDiagramRevision: D,
   updateFileById: Q,
@@ -11022,8 +11003,8 @@ const Ap = ({
       }
     ),
     []
-  ), F(() => (z === "saas" && _A.init(), rA.init(I?.isReplayScenariosEnabled), () => {
-    z === "saas" && _A.reset(), m.reset(), kA.reset(), w.reset(), T.reset(), rA.reset(), x.reset();
+  ), 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();
   }), [I?.isReplayScenariosEnabled, z]), F(() => {
     z === "saas" && !ne || (G.init({ mixpanelTrack: d, processId: o, diagramId: AA }), M.init({
       authConfig: e,
@@ -11233,7 +11214,7 @@ const Ap = ({
       shouldUseOrchestrationClusterAPI: I?.shouldUseOrchestrationClusterAPI ?? !1,
       areUserTasksWithJobImplementationDeprecated: I?.areUserTasksWithJobImplementationDeprecated ?? !1
     },
-    isUserOrgOwnerOrAdmin: V,
+    isUserOrgOwnerOrAdmin: L,
     organizationManagementPageUrl: P
   };
   return /* @__PURE__ */ f(_.Provider, { value: Pe, children: [