@camunda/play 0.0.6-rc.2 → 0.0.6

package/build/play.js

@@ -23,8 +23,8 @@ var B1 = { exports: {} }, K0 = {};
 var n2;
 function Oz() {
   return n2 || (n2 = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = e, r = Symbol.for("react.element"), A = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), t = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), w = Symbol.iterator, z = "@@iterator";
-    function y(s) {
+    var o = e, r = Symbol.for("react.element"), A = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), t = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), w = Symbol.iterator, z = "@@iterator";
+    function C(s) {
       if (s === null || typeof s != "object")
         return null;
       var M = w && s[w] || s[z];
@@ -51,7 +51,7 @@ function Oz() {
     var j = !1, m = !1, R = !1, q = !1, Q = !1, n0;
     n0 = Symbol.for("react.module.reference");
     function w0(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === n || s === a || Q || s === t || s === f || s === E || q || s === C || j || m || R || typeof s == "object" && s !== null && (s.$$typeof === g || s.$$typeof === u || s.$$typeof === h || s.$$typeof === p || s.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === n || s === a || Q || s === t || s === f || s === E || q || s === y || j || m || R || typeof s == "object" && s !== null && (s.$$typeof === g || s.$$typeof === u || s.$$typeof === h || s.$$typeof === p || s.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -523,7 +523,7 @@ Check the top-level render call using <` + D + ">.");
         else if (w1(s))
           s._store && (s._store.validated = !0);
         else if (s) {
-          var e0 = y(s);
+          var e0 = C(s);
           if (typeof e0 == "function" && e0 !== s.entries)
             for (var s0 = e0.call(s), _; !(_ = s0.next()).done; )
               w1(_.value) && _1(_.value, M);
@@ -624,14 +624,14 @@ function bz() {
   a2 = 1;
   var o = e, r = Symbol.for("react.element"), A = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, t = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function h(p, d, f) {
-    var E, u = {}, g = null, C = null;
-    f !== void 0 && (g = "" + f), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (C = d.ref);
+    var E, u = {}, g = null, y = null;
+    f !== void 0 && (g = "" + f), d.key !== void 0 && (g = "" + d.key), d.ref !== void 0 && (y = d.ref);
     for (E in d)
       n.call(d, E) && !a.hasOwnProperty(E) && (u[E] = d[E]);
     if (p && p.defaultProps)
       for (E in d = p.defaultProps, d)
         u[E] === void 0 && (u[E] = d[E]);
-    return { $$typeof: r, type: p, key: g, ref: C, props: u, _owner: t.current };
+    return { $$typeof: r, type: p, key: g, ref: y, props: u, _owner: t.current };
   }
   return X0.Fragment = A, X0.jsx = h, X0.jsxs = h, X0;
 }
@@ -1198,7 +1198,7 @@ const Qz = /["|{]?secrets\.((\w|-)+)["|}]?/gm, Pz = ({
       ), g(!0);
     })();
   }, [o, r]);
-  async function C(w, z) {
+  async function y(w, z) {
     if ((await A0.setConnectorSecret({ endpoint: r, name: w, value: z }))?.success === !1)
       return !1;
     const B = [
@@ -1220,7 +1220,7 @@ const Qz = /["|{]?secrets\.((\w|-)+)["|}]?/gm, Pz = ({
     connectorElementsWithMissingSecrets: p,
     secrets: f,
     ready: u,
-    setConnectorSecret: C
+    setConnectorSecret: y
   };
 };
 function kz(o) {
@@ -1288,29 +1288,29 @@ function IC(o, r, A) {
   if (typeof o != "function")
     throw new TypeError(OC);
   r = h2(r) || 0, TC(A) && (E = !!A.leading, u = "maxWait" in A, a = u ? bC(h2(A.maxWait) || 0, r) : a, g = "trailing" in A ? !!A.trailing : g);
-  function C(R) {
+  function y(R) {
     var q = n, Q = t;
     return n = t = void 0, f = R, h = o.apply(Q, q), h;
   }
   function w(R) {
-    return f = R, p = setTimeout(B, r), E ? C(R) : h;
+    return f = R, p = setTimeout(B, r), E ? y(R) : h;
   }
   function z(R) {
     var q = R - d, Q = R - f, n0 = r - q;
     return u ? SC(n0, a - Q) : n0;
   }
-  function y(R) {
+  function C(R) {
     var q = R - d, Q = R - f;
     return d === void 0 || q >= r || q < 0 || u && Q >= a;
   }
   function B() {
     var R = f1();
-    if (y(R))
+    if (C(R))
       return P(R);
     p = setTimeout(B, z(R));
   }
   function P(R) {
-    return p = void 0, g && n ? C(R) : (n = t = void 0, h);
+    return p = void 0, g && n ? y(R) : (n = t = void 0, h);
   }
   function T() {
     p !== void 0 && clearTimeout(p), f = 0, n = d = t = p = void 0;
@@ -1319,12 +1319,12 @@ function IC(o, r, A) {
     return p === void 0 ? h : P(f1());
   }
   function m() {
-    var R = f1(), q = y(R);
+    var R = f1(), q = C(R);
     if (n = arguments, t = this, d = R, q) {
       if (p === void 0)
         return w(d);
       if (u)
-        return clearTimeout(p), p = setTimeout(B, r), C(d);
+        return clearTimeout(p), p = setTimeout(B, r), y(d);
     }
     return p === void 0 && (p = setTimeout(B, r)), h;
   }
@@ -1339,7 +1339,7 @@ function PC({
   processId: n,
   modeler: t
 }) {
-  const [a, h] = N(), [p, d] = N([]), [f, E] = N([]), [u, g] = N([]), [C, w] = N([]), [z, y] = N(
+  const [a, h] = N(), [p, d] = N([]), [f, E] = N([]), [u, g] = N([]), [y, w] = N([]), [z, C] = N(
     []
   ), [B, P] = N([]), [T, j] = N([]), [m, R] = N([]), [q, Q] = N(!1), [n0, w0] = N(void 0), [f0, V0] = N([]), [o0, $] = N(!1), u0 = B0(0);
   function Y(H, V) {
@@ -1420,7 +1420,7 @@ function PC({
         A0.fetchProcessTimers({ endpoint: o, playId: V }),
         A0.fetchProcessMessageSubscriptions({ endpoint: o, playId: V })
       ]);
-      (L === void 0 || Z === void 0) && Q(!0), y(L ?? []), P(Z ?? []);
+      (L === void 0 || Z === void 0) && Q(!0), C(L ?? []), P(Z ?? []);
     },
     150
   ), p0 = async function() {
@@ -1449,7 +1449,7 @@ function PC({
     userTasks: f,
     timers: u,
     definitionTimers: z,
-    messageSubscriptions: C,
+    messageSubscriptions: y,
     definitionMessageSubscriptions: B,
     incidents: T,
     variables: m,
@@ -1610,10 +1610,10 @@ var A1 = { exports: {} }, t0 = {};
 var m2;
 function KC() {
   return m2 || (m2 = 1, process.env.NODE_ENV !== "production" && function() {
-    var o = typeof Symbol == "function" && Symbol.for, r = o ? Symbol.for("react.element") : 60103, A = o ? Symbol.for("react.portal") : 60106, n = o ? Symbol.for("react.fragment") : 60107, t = o ? Symbol.for("react.strict_mode") : 60108, a = o ? Symbol.for("react.profiler") : 60114, h = o ? Symbol.for("react.provider") : 60109, p = o ? Symbol.for("react.context") : 60110, d = o ? Symbol.for("react.async_mode") : 60111, f = o ? Symbol.for("react.concurrent_mode") : 60111, E = o ? Symbol.for("react.forward_ref") : 60112, u = o ? Symbol.for("react.suspense") : 60113, g = o ? Symbol.for("react.suspense_list") : 60120, C = o ? Symbol.for("react.memo") : 60115, w = o ? Symbol.for("react.lazy") : 60116, z = o ? Symbol.for("react.block") : 60121, y = o ? Symbol.for("react.fundamental") : 60117, B = o ? Symbol.for("react.responder") : 60118, P = o ? Symbol.for("react.scope") : 60119;
+    var o = typeof Symbol == "function" && Symbol.for, r = o ? Symbol.for("react.element") : 60103, A = o ? Symbol.for("react.portal") : 60106, n = o ? Symbol.for("react.fragment") : 60107, t = o ? Symbol.for("react.strict_mode") : 60108, a = o ? Symbol.for("react.profiler") : 60114, h = o ? Symbol.for("react.provider") : 60109, p = o ? Symbol.for("react.context") : 60110, d = o ? Symbol.for("react.async_mode") : 60111, f = o ? Symbol.for("react.concurrent_mode") : 60111, E = o ? Symbol.for("react.forward_ref") : 60112, u = o ? Symbol.for("react.suspense") : 60113, g = o ? Symbol.for("react.suspense_list") : 60120, y = o ? Symbol.for("react.memo") : 60115, w = o ? Symbol.for("react.lazy") : 60116, z = o ? Symbol.for("react.block") : 60121, C = o ? Symbol.for("react.fundamental") : 60117, B = o ? Symbol.for("react.responder") : 60118, P = o ? Symbol.for("react.scope") : 60119;
     function T(x) {
       return typeof x == "string" || typeof x == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      x === n || x === f || x === a || x === t || x === u || x === g || typeof x == "object" && x !== null && (x.$$typeof === w || x.$$typeof === C || x.$$typeof === h || x.$$typeof === p || x.$$typeof === E || x.$$typeof === y || x.$$typeof === B || x.$$typeof === P || x.$$typeof === z);
+      x === n || x === f || x === a || x === t || x === u || x === g || typeof x == "object" && x !== null && (x.$$typeof === w || x.$$typeof === y || x.$$typeof === h || x.$$typeof === p || x.$$typeof === E || x.$$typeof === C || x.$$typeof === B || x.$$typeof === P || x.$$typeof === z);
     }
     function j(x) {
       if (typeof x == "object" && x !== null) {
@@ -1635,7 +1635,7 @@ function KC() {
                   case p:
                   case E:
                   case w:
-                  case C:
+                  case y:
                   case h:
                     return N0;
                   default:
@@ -1647,7 +1647,7 @@ function KC() {
         }
       }
     }
-    var m = d, R = f, q = p, Q = h, n0 = r, w0 = E, f0 = n, V0 = w, o0 = C, $ = A, u0 = a, Y = t, i0 = u, h0 = !1;
+    var m = d, R = f, q = p, Q = h, n0 = r, w0 = E, f0 = n, V0 = w, o0 = y, $ = A, u0 = a, Y = t, i0 = u, h0 = !1;
     function p0(x) {
       return h0 || (h0 = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), H(x) || j(x) === d;
     }
@@ -1673,7 +1673,7 @@ function KC() {
       return j(x) === w;
     }
     function G(x) {
-      return j(x) === C;
+      return j(x) === y;
     }
     function F(x) {
       return j(x) === A;
@@ -1704,7 +1704,7 @@ function XC() {
   if (E2)
     return r0;
   E2 = 1;
-  var o = typeof Symbol == "function" && Symbol.for, r = o ? Symbol.for("react.element") : 60103, A = o ? Symbol.for("react.portal") : 60106, n = o ? Symbol.for("react.fragment") : 60107, t = o ? Symbol.for("react.strict_mode") : 60108, a = o ? Symbol.for("react.profiler") : 60114, h = o ? Symbol.for("react.provider") : 60109, p = o ? Symbol.for("react.context") : 60110, d = o ? Symbol.for("react.async_mode") : 60111, f = o ? Symbol.for("react.concurrent_mode") : 60111, E = o ? Symbol.for("react.forward_ref") : 60112, u = o ? Symbol.for("react.suspense") : 60113, g = o ? Symbol.for("react.suspense_list") : 60120, C = o ? Symbol.for("react.memo") : 60115, w = o ? Symbol.for("react.lazy") : 60116, z = o ? Symbol.for("react.block") : 60121, y = o ? Symbol.for("react.fundamental") : 60117, B = o ? Symbol.for("react.responder") : 60118, P = o ? Symbol.for("react.scope") : 60119;
+  var o = typeof Symbol == "function" && Symbol.for, r = o ? Symbol.for("react.element") : 60103, A = o ? Symbol.for("react.portal") : 60106, n = o ? Symbol.for("react.fragment") : 60107, t = o ? Symbol.for("react.strict_mode") : 60108, a = o ? Symbol.for("react.profiler") : 60114, h = o ? Symbol.for("react.provider") : 60109, p = o ? Symbol.for("react.context") : 60110, d = o ? Symbol.for("react.async_mode") : 60111, f = o ? Symbol.for("react.concurrent_mode") : 60111, E = o ? Symbol.for("react.forward_ref") : 60112, u = o ? Symbol.for("react.suspense") : 60113, g = o ? Symbol.for("react.suspense_list") : 60120, y = o ? Symbol.for("react.memo") : 60115, w = o ? Symbol.for("react.lazy") : 60116, z = o ? Symbol.for("react.block") : 60121, C = o ? Symbol.for("react.fundamental") : 60117, B = o ? Symbol.for("react.responder") : 60118, P = o ? Symbol.for("react.scope") : 60119;
   function T(m) {
     if (typeof m == "object" && m !== null) {
       var R = m.$$typeof;
@@ -1723,7 +1723,7 @@ function XC() {
                 case p:
                 case E:
                 case w:
-                case C:
+                case y:
                 case h:
                   return m;
                 default:
@@ -1738,7 +1738,7 @@ function XC() {
   function j(m) {
     return T(m) === f;
   }
-  return r0.AsyncMode = d, r0.ConcurrentMode = f, r0.ContextConsumer = p, r0.ContextProvider = h, r0.Element = r, r0.ForwardRef = E, r0.Fragment = n, r0.Lazy = w, r0.Memo = C, r0.Portal = A, r0.Profiler = a, r0.StrictMode = t, r0.Suspense = u, r0.isAsyncMode = function(m) {
+  return r0.AsyncMode = d, r0.ConcurrentMode = f, r0.ContextConsumer = p, r0.ContextProvider = h, r0.Element = r, r0.ForwardRef = E, r0.Fragment = n, r0.Lazy = w, r0.Memo = y, r0.Portal = A, r0.Profiler = a, r0.StrictMode = t, r0.Suspense = u, r0.isAsyncMode = function(m) {
     return j(m) || T(m) === d;
   }, r0.isConcurrentMode = j, r0.isContextConsumer = function(m) {
     return T(m) === p;
@@ -1753,7 +1753,7 @@ function XC() {
   }, r0.isLazy = function(m) {
     return T(m) === w;
   }, r0.isMemo = function(m) {
-    return T(m) === C;
+    return T(m) === y;
   }, r0.isPortal = function(m) {
     return T(m) === A;
   }, r0.isProfiler = function(m) {
@@ -1763,7 +1763,7 @@ function XC() {
   }, r0.isSuspense = function(m) {
     return T(m) === u;
   }, r0.isValidElementType = function(m) {
-    return typeof m == "string" || typeof m == "function" || m === n || m === f || m === a || m === t || m === u || m === g || typeof m == "object" && m !== null && (m.$$typeof === w || m.$$typeof === C || m.$$typeof === h || m.$$typeof === p || m.$$typeof === E || m.$$typeof === y || m.$$typeof === B || m.$$typeof === P || m.$$typeof === z);
+    return typeof m == "string" || typeof m == "function" || m === n || m === f || m === a || m === t || m === u || m === g || typeof m == "object" && m !== null && (m.$$typeof === w || m.$$typeof === y || m.$$typeof === h || m.$$typeof === p || m.$$typeof === E || m.$$typeof === C || m.$$typeof === B || m.$$typeof === P || m.$$typeof === z);
   }, r0.typeOf = T, r0;
 }
 var v2;
@@ -1864,9 +1864,9 @@ function $C() {
             (d || "React class") + ": type specification of " + p + " `" + E + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof u + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), u instanceof Error && !(u.message in A)) {
             A[u.message] = !0;
-            var C = f ? f() : "";
+            var y = f ? f() : "";
             o(
-              "Failed " + p + " type: " + u.message + (C ?? "")
+              "Failed " + p + " type: " + u.message + (y ?? "")
             );
           }
         }
@@ -1901,7 +1901,7 @@ function ey() {
       if (typeof V == "function")
         return V;
     }
-    var g = "<<anonymous>>", C = {
+    var g = "<<anonymous>>", y = {
       array: B("array"),
       bigint: B("bigint"),
       bool: B("boolean"),
@@ -1929,7 +1929,7 @@ function ey() {
       this.message = H, this.data = V && typeof V == "object" ? V : {}, this.stack = "";
     }
     z.prototype = Error.prototype;
-    function y(H) {
+    function C(H) {
       if (process.env.NODE_ENV !== "production")
         var V = {}, L = 0;
       function Z(O, S, G, F, J, U, I) {
@@ -1964,10 +1964,10 @@ function ey() {
         }
         return null;
       }
-      return y(V);
+      return C(V);
     }
     function P() {
-      return y(h);
+      return C(h);
     }
     function T(H) {
       function V(L, Z, b, O, S) {
@@ -1985,7 +1985,7 @@ function ey() {
         }
         return null;
       }
-      return y(V);
+      return C(V);
     }
     function j() {
       function H(V, L, Z, b, O) {
@@ -1996,7 +1996,7 @@ function ey() {
         }
         return null;
       }
-      return y(H);
+      return C(H);
     }
     function m() {
       function H(V, L, Z, b, O) {
@@ -2007,7 +2007,7 @@ function ey() {
         }
         return null;
       }
-      return y(H);
+      return C(H);
     }
     function R(H) {
       function V(L, Z, b, O, S) {
@@ -2017,7 +2017,7 @@ function ey() {
         }
         return null;
       }
-      return y(V);
+      return C(V);
     }
     function q(H) {
       if (!Array.isArray(H))
@@ -2034,7 +2034,7 @@ function ey() {
         });
         return new z("Invalid " + O + " `" + S + "` of value `" + String(G) + "` " + ("supplied to `" + b + "`, expected one of " + J + "."));
       }
-      return y(V);
+      return C(V);
     }
     function Q(H) {
       function V(L, Z, b, O, S) {
@@ -2051,7 +2051,7 @@ function ey() {
           }
         return null;
       }
-      return y(V);
+      return C(V);
     }
     function n0(H) {
       if (!Array.isArray(H))
@@ -2073,13 +2073,13 @@ function ey() {
         var c0 = J.length > 0 ? ", expected one of type [" + J.join(", ") + "]" : "";
         return new z("Invalid " + G + " `" + F + "` supplied to " + ("`" + S + "`" + c0 + "."));
       }
-      return y(Z);
+      return C(Z);
     }
     function w0() {
       function H(V, L, Z, b, O) {
         return $(V[L]) ? null : new z("Invalid " + b + " `" + O + "` supplied to " + ("`" + Z + "`, expected a ReactNode."));
       }
-      return y(H);
+      return C(H);
     }
     function f0(H, V, L, Z, b) {
       return new z(
@@ -2101,7 +2101,7 @@ function ey() {
         }
         return null;
       }
-      return y(V);
+      return C(V);
     }
     function o0(H) {
       function V(L, Z, b, O, S) {
@@ -2124,7 +2124,7 @@ Valid keys: ` + JSON.stringify(Object.keys(H), null, "  ")
         }
         return null;
       }
-      return y(V);
+      return C(V);
     }
     function $(H) {
       switch (typeof H) {
@@ -2195,7 +2195,7 @@ Valid keys: ` + JSON.stringify(Object.keys(H), null, "  ")
     function p0(H) {
       return !H.constructor || !H.constructor.name ? g : H.constructor.name;
     }
-    return C.checkPropTypes = t, C.resetWarningCache = t.resetWarningCache, C.PropTypes = C, C;
+    return y.checkPropTypes = t, y.resetWarningCache = t.resetWarningCache, y.PropTypes = y, y;
   }, g1;
 }
 if (process.env.NODE_ENV !== "production") {
@@ -21496,7 +21496,7 @@ const eF = v.div`
     const d = o?.toLowerCase() + "-" + Math.random().toString(36).replace(/[^a-z]+/g, "").substr(2, 10), f = (u) => {
       const g = u ? u.target : p.current;
       g.style.height = "initial";
-      const C = window.getComputedStyle(g), w = parseInt(C.getPropertyValue("border-top-width"), 10) + g.scrollHeight + parseInt(C.getPropertyValue("border-bottom-width"), 10);
+      const y = window.getComputedStyle(g), w = parseInt(y.getPropertyValue("border-top-width"), 10) + g.scrollHeight + parseInt(y.getPropertyValue("border-bottom-width"), 10);
       g.style.height = w + "px";
     }, E = (u) => {
       u.key == "Enter" && f();
@@ -21623,19 +21623,19 @@ const eF = v.div`
     disabled: h,
     ...p
   }) => {
-    const [d, f] = N(), [E, u] = N(), g = B0(), C = t > 0, w = t === 0;
+    const [d, f] = N(), [E, u] = N(), g = B0(), y = t > 0, w = t === 0;
     a0(() => {
-      let y, B;
-      return C && (y = setTimeout(() => f(g.current), t), a > 0 && (B = setTimeout(() => f(), t + a))), () => {
-        y && clearTimeout(y), B && clearTimeout(B);
+      let C, B;
+      return y && (C = setTimeout(() => f(g.current), t), a > 0 && (B = setTimeout(() => f(), t + a))), () => {
+        C && clearTimeout(C), B && clearTimeout(B);
       };
-    }, []), A = Vz.map(A, (y, B) => {
-      if (C)
-        return B === 0 ? r2(y, {
+    }, []), A = Vz.map(A, (C, B) => {
+      if (y)
+        return B === 0 ? r2(C, {
           ref: g
-        }) : y;
+        }) : C;
       if (w)
-        return r2(y, {
+        return r2(C, {
           //@ts-expect-error Argument of type 'EventTarget & HTMLElement' is not assignable to parameter of type 'SetStateAction<undefined>'.ts(2345)
           onMouseEnter: (P) => f(P.currentTarget),
           onMouseLeave: () => {
@@ -21653,7 +21653,7 @@ const eF = v.div`
           anchorEl: d,
           setAnchorEl: f,
           timer: E,
-          controlledByTimer: C,
+          controlledByTimer: y,
           ...p
         }
       )
@@ -21694,11 +21694,11 @@ const eF = v.div`
   //@ts-expect-error Binding element 'keepOpen' implicitly has an 'any' type.ts(7031)
   keepOpen: f
 }) => {
-  const [E, u] = N({ top: 0, left: 0 }), [g, C] = N(t), w = B0();
+  const [E, u] = N({ top: 0, left: 0 }), [g, y] = N(t), w = B0();
   return a0(() => {
-    const { top: z, bottom: y, left: B, width: P } = A.getBoundingClientRect(), T = (
+    const { top: z, bottom: C, left: B, width: P } = A.getBoundingClientRect(), T = (
       //@ts-expect-error 'tooltip.current' is possibly 'undefined'.ts(18048)
-      y + w.current.offsetHeight + z1 > window.innerHeight
+      C + w.current.offsetHeight + z1 > window.innerHeight
     ), j = () => {
       switch (a) {
         case "left":
@@ -21708,15 +21708,15 @@ const eF = v.div`
         default:
           return B - w.current.offsetWidth / 2 + P / 2;
       }
-    }, m = () => g == "top" || T ? z - w.current.offsetHeight - z1 - 5 : y + z1 + 5;
-    T && C("top"), u({
+    }, m = () => g == "top" || T ? z - w.current.offsetHeight - z1 - 5 : C + z1 + 5;
+    T && y("top"), u({
       top: m(),
       left: j()
     });
   }, [A, A?.getBoundingClientRect().top]), a0(() => {
     if (h) {
-      const z = (y) => {
-        w.current.contains(y.target) || f || r();
+      const z = (C) => {
+        w.current.contains(C.target) || f || r();
       };
       return document.addEventListener("mousedown", z), () => {
         document.removeEventListener("mousedown", z);
@@ -22271,7 +22271,7 @@ const VF = v.div`
   onClose: n,
   shouldShowSuccessNotification: t
 }) => {
-  const a = M0(H0), [h, p] = N(""), [d, f] = N(r), [E, u] = N(A), [g, C] = N(""), [w, z] = N("");
+  const a = M0(H0), [h, p] = N(""), [d, f] = N(r), [E, u] = N(A), [g, y] = N(""), [w, z] = N("");
   return /* @__PURE__ */ c.jsxs(k, { open: o, onClose: n, maxWidth: 500, children: [
     /* @__PURE__ */ c.jsx(k.Header, { children: /* @__PURE__ */ c.jsx(k.Title, { children: "Publish Message" }) }),
     /* @__PURE__ */ c.jsx(k.Content, { children: /* @__PURE__ */ c.jsx(Y0, { children: /* @__PURE__ */ c.jsxs(U0, { gap: 7, children: [
@@ -22282,8 +22282,8 @@ const VF = v.div`
           labelText: "Message Name",
           placeholder: "new order",
           value: d,
-          onChange: (y) => {
-            f(y.target.value);
+          onChange: (C) => {
+            f(C.target.value);
           }
         }
       ),
@@ -22294,8 +22294,8 @@ const VF = v.div`
           labelText: "Message Correlation Key",
           placeholder: "order-key-123",
           value: E,
-          onChange: (y) => {
-            u(y.target.value);
+          onChange: (C) => {
+            u(C.target.value);
           }
         }
       ),
@@ -22304,7 +22304,7 @@ const VF = v.div`
         {
           labelText: "Variables (JSON)",
           placeholder: '{"variableName": "variableValue"}',
-          onChange: (y) => p(y.target.value),
+          onChange: (C) => p(C.target.value),
           value: h
         }
       ),
@@ -22315,8 +22315,8 @@ const VF = v.div`
           labelText: "Message Time-To-Live (TTL)",
           placeholder: "PT5M",
           value: g,
-          onChange: (y) => {
-            C(y.target.value);
+          onChange: (C) => {
+            y(C.target.value);
           }
         }
       ),
@@ -22327,8 +22327,8 @@ const VF = v.div`
           labelText: "Message Id",
           placeholder: "tracking-id-123",
           value: w,
-          onChange: (y) => {
-            z(y.target.value);
+          onChange: (C) => {
+            z(C.target.value);
           }
         }
       )
@@ -22758,12 +22758,12 @@ const GF = (o) => o === "zeebe:CalledElement" || o === "zeebe:calledElement", WF
     })();
   }, [n]), A.elementsById === void 0)
     return;
-  const y = A.elementsById[o.id]?.get("extensionElements")?.get("values")?.find((m) => m.$type === "zeebe:formDefinition")?.formKey, T = FF(
+  const C = A.elementsById[o.id]?.get("extensionElements")?.get("values")?.find((m) => m.$type === "zeebe:formDefinition")?.formKey, T = FF(
     //@ts-expect-error Property 'definitions' does not exist on type 'ContextType'.ts(2339)
     A.definitions
   )?.get("extensionElements")?.get("values")?.find(
     //@ts-expect-error Parameter 'elem' implicitly has an 'any' type.ts(7006)
-    (m) => m.$type === "zeebe:userTaskForm" && y?.includes(m.id)
+    (m) => m.$type === "zeebe:userTaskForm" && C?.includes(m.id)
   )?.$body, j = r ? P1 : T ? Ix : bj;
   return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
     /* @__PURE__ */ c.jsx(
@@ -23198,7 +23198,7 @@ const $F = v.form`
   width: 100%;
   gap: 1rem;
 `, lG = ({ element: o }) => {
-  const r = M0(H0), [A, n] = N(!1), [t, a] = N(!1), h = B0(), p = B0(), d = B0(), [f, E] = N(!1), [u, g] = N(!1), [C, w] = N(0), [z, y] = N(""), [B, P] = N(""), T = B0(), [j, m] = N(!1), [R, q] = N(!1), Q = r.jobs?.find(
+  const r = M0(H0), [A, n] = N(!1), [t, a] = N(!1), h = B0(), p = B0(), d = B0(), [f, E] = N(!1), [u, g] = N(!1), [y, w] = N(0), [z, C] = N(""), [B, P] = N(""), T = B0(), [j, m] = N(!1), [R, q] = N(!1), Q = r.jobs?.find(
     (Y) => Y.elementInstance.element.elementId === o.id && Y.state === "ACTIVATABLE"
   ), n0 = r.userTasks?.find(
     (Y) => Y.elementInstance.element.elementId === o.id && Y.state === "CREATED"
@@ -23271,13 +23271,13 @@ const $F = v.form`
     {
       label: "Fail",
       onClick: () => {
-        w(0), y(""), E(!0);
+        w(0), C(""), E(!0);
       }
     },
     {
       label: "Throw Error",
       onClick: () => {
-        P(""), y(""), g(!0);
+        P(""), C(""), g(!0);
       }
     }
   ), /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
@@ -23309,7 +23309,7 @@ const $F = v.form`
             ref: T,
             id: "retries",
             label: "Job Retries",
-            value: C,
+            value: y,
             min: 0,
             onChange: (Y, { value: i0 }) => {
               w(+i0);
@@ -23320,7 +23320,7 @@ const $F = v.form`
           a1,
           {
             labelText: "Error Message",
-            onChange: (Y) => y(Y.target.value),
+            onChange: (Y) => C(Y.target.value),
             value: z
           }
         )
@@ -23333,7 +23333,7 @@ const $F = v.form`
             onClick: async () => {
               E(!1), m(!0), await r.failJob?.(
                 w0.key,
-                C,
+                y,
                 z
               ) || r.showNotification?.({
                 message: v0,
@@ -23370,7 +23370,7 @@ const $F = v.form`
               a1,
               {
                 labelText: "Error Message",
-                onChange: (Y) => y(Y.target.value),
+                onChange: (Y) => C(Y.target.value),
                 value: z
               }
             )
@@ -23602,12 +23602,12 @@ const $F = v.form`
       w
     );
   }
-  const C = n.addOverlay(
+  const y = n.addOverlay(
     o,
     "JOB_COMPLETE_BUTTON",
     ZF
   );
-  return z0(/* @__PURE__ */ c.jsx(lG, { element: o }), C);
+  return z0(/* @__PURE__ */ c.jsx(lG, { element: o }), y);
 }, cG = v.div`
   position: relative;
   display: flex;
@@ -23705,7 +23705,7 @@ const $F = v.form`
   border-bottom-color: transparent;
   animation: ${Yx} 1.2s linear infinite;
 `, yG = ({ selectedScope: o, isActive: r }) => {
-  const A = M0(H0), [n, t] = N(!1), [a, h] = N(null), [p, d] = N(""), [f, E] = N(""), [u, g] = N(!0), [C, w] = N(!0), [z, y] = N(!1), [B, P] = N(!1), [T, j] = N(!1), m = A.isUpdating, R = A.variables?.filter(
+  const A = M0(H0), [n, t] = N(!1), [a, h] = N(null), [p, d] = N(""), [f, E] = N(""), [u, g] = N(!0), [y, w] = N(!0), [z, C] = N(!1), [B, P] = N(!1), [T, j] = N(!1), m = A.isUpdating, R = A.variables?.filter(
     (Q) => Q.scope.key === o
   ) ?? [];
   a0(() => {
@@ -23714,9 +23714,9 @@ const $F = v.form`
     m || (t(!1), h(null));
   }, [m]), a0(() => {
     try {
-      JSON.parse(f), y(f.trim() !== "");
+      JSON.parse(f), C(f.trim() !== "");
     } catch {
-      y(!1);
+      C(!1);
     }
   }, [f]), a0(() => {
     P(
@@ -23832,10 +23832,10 @@ const $F = v.form`
           labelText: "Value",
           placeholder: "Value",
           value: f,
-          invalid: !z && !C,
+          invalid: !z && !y,
           disabled: A.isUpdating || T,
           onChange: (Q) => {
-            E(Q.target.value), C && (clearTimeout(q.current), q.current = setTimeout(
+            E(Q.target.value), y && (clearTimeout(q.current), q.current = setTimeout(
               () => w(!1),
               1e3
             ));
@@ -23967,19 +23967,19 @@ const $F = v.form`
   }, [n]);
   const f = {}, E = [];
   for (let w = 0; w < o.length; w++) {
-    const z = o[w], y = {
+    const z = o[w], C = {
       instance: z,
       children: [],
       hasIncident: (z.element.bpmnElementType === "PROCESS" && (d.instanceDetails?.incidents.length ?? 0) > 0 || d.incidents?.some(
         (B) => B.elementInstance.key === z.key && B.state === "CREATED"
       )) ?? !1
     };
-    f[z.key] = y, z.scope?.key ? f[z.scope.key].children.push(y) : E.push(y);
+    f[z.key] = C, z.scope?.key ? f[z.scope.key].children.push(C) : E.push(C);
   }
   function u({
     instance: w,
     hasIncident: z,
-    children: y
+    children: C
   }) {
     return /* @__PURE__ */ c.jsx(
       Rz,
@@ -23997,17 +23997,17 @@ const $F = v.form`
           w.element.elementName || w.element.elementId
         ] }),
         isExpanded: !0,
-        children: y.length && y.map(u)
+        children: C.length && C.map(u)
       },
       w.key
     );
   }
   const g = r || E?.[0]?.instance.key;
-  function C(w) {
+  function y(w) {
     w.preventDefault(), h(!0);
-    const y = w.target.parentNode;
+    const C = w.target.parentNode;
     p.current = {
-      originalSize: y.clientHeight,
+      originalSize: C.clientHeight,
       dragStart: w.pageY
     };
     const B = (T) => {
@@ -24023,7 +24023,7 @@ const $F = v.form`
     document.addEventListener("mousemove", B), document.addEventListener("mouseup", P);
   }
   return /* @__PURE__ */ c.jsxs(BG, { style: { height: n + "px" }, children: [
-    /* @__PURE__ */ c.jsx(NG, { $isResizing: a, onMouseDown: C }),
+    /* @__PURE__ */ c.jsx(NG, { $isResizing: a, onMouseDown: y }),
     /* @__PURE__ */ c.jsxs(DG, { children: [
       /* @__PURE__ */ c.jsx(ZG, { children: "Instance History" }),
       /* @__PURE__ */ c.jsx(RG, { children: /* @__PURE__ */ c.jsx(Zz, { hideLabel: !0, label: "Instance History", children: E.map(u) }) })
@@ -24294,23 +24294,32 @@ const jG = v.div`
         /* @__PURE__ */ c.jsx(R0, { children: "Started at" }),
         /* @__PURE__ */ c.jsx(R0, { children: "Operations" })
       ] }) }),
-      /* @__PURE__ */ c.jsx(O1, { children: p?.map(({ key: g, startTime: C, state: w }) => /* @__PURE__ */ c.jsxs(Q0, { children: [
-        /* @__PURE__ */ c.jsxs(x0, { children: [
-          /* @__PURE__ */ c.jsx(FG, { children: /* @__PURE__ */ c.jsx(Q1, { state: w, size: 20 }) }),
-          /* @__PURE__ */ c.jsx(
-            GG,
-            {
-              variant: "text",
-              onClick: () => {
-                o(g);
-              },
-              children: g
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c.jsx(x0, { children: Sx(C) }),
-        /* @__PURE__ */ c.jsx(x0, { children: "-" })
-      ] }, g)) ?? /* @__PURE__ */ c.jsx(Q0, { children: /* @__PURE__ */ c.jsx(x0, { children: "No Content" }) }) })
+      /* @__PURE__ */ c.jsx(O1, { children: p?.map(({ key: g, startTime: y, state: w, incidents: z }) => {
+        const C = z.length > 0;
+        return /* @__PURE__ */ c.jsxs(Q0, { children: [
+          /* @__PURE__ */ c.jsxs(x0, { children: [
+            /* @__PURE__ */ c.jsx(FG, { children: /* @__PURE__ */ c.jsx(
+              Q1,
+              {
+                state: C ? "INCIDENT" : w,
+                size: 20
+              }
+            ) }),
+            /* @__PURE__ */ c.jsx(
+              GG,
+              {
+                variant: "text",
+                onClick: () => {
+                  o(g);
+                },
+                children: g
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c.jsx(x0, { children: Sx(y) }),
+          /* @__PURE__ */ c.jsx(x0, { children: "-" })
+        ] }, g);
+      }) ?? /* @__PURE__ */ c.jsx(Q0, { children: /* @__PURE__ */ c.jsx(x0, { children: "No Content" }) }) })
     ] }) : /* @__PURE__ */ c.jsxs(QG, { children: [
       /* @__PURE__ */ c.jsx(PG, { children: "Start by activating a process instance" }),
       /* @__PURE__ */ c.jsx(kG, { children: "To activate an instance, click the Play button on the canvas" })
@@ -24404,23 +24413,23 @@ function lW({
   if (!(h.length === 0 && p.length === 0))
     return new Promise((d) => {
       const f = {}, E = h.map(
-        ({ id: g, element: C }) => i1({
+        ({ id: g, element: y }) => i1({
           projectId: o,
           type: "decision",
           id: g,
           relatedFiles: f,
-          element: C,
+          element: y,
           fetchFilesByDecisionId: A,
           fetchFilesByProcessId: n,
           fetchFileById: t
         })
       ), u = p.map(
-        ({ id: g, element: C }) => i1({
+        ({ id: g, element: y }) => i1({
           projectId: o,
           type: "process",
           id: g,
           relatedFiles: f,
-          element: C,
+          element: y,
           fetchFilesByDecisionId: A,
           fetchFilesByProcessId: n,
           fetchFileById: t
@@ -24467,7 +24476,7 @@ function i1({
               fetchFilesByProcessId: h,
               fetchFileById: p
             })
-          ), y = Object.values(w).filter((B) => b1(B, "bpmn:CallActivity")).map(
+          ), C = Object.values(w).filter((B) => b1(B, "bpmn:CallActivity")).map(
             (B) => Fx(B?.get("extensionElements"))
           ).filter((B) => !!B).map(
             (B) => i1({
@@ -24481,7 +24490,7 @@ function i1({
               fetchFileById: p
             })
           );
-          await Promise.all([...z, ...y]);
+          await Promise.all([...z, ...C]);
         }
         f({
           type: r,
@@ -24602,17 +24611,17 @@ const wW = ({
   fetchFilesByDecisionId: u,
   fetchFilesByProcessId: g,
   //@ts-expect-error Property 'fetchFileById' does not exist on type 'Props'.ts(2339)
-  fetchFileById: C,
+  fetchFileById: y,
   convertLinkedFormsToEmbeddedForms: w
 }) => {
-  const [z, y] = N(!1), [B, P] = N(!1), [T, j] = N(!1), [m, R] = N(!1), [q, Q] = N(), [n0, w0] = N(), f0 = B0(null), V0 = q?.some((h0) => h0.status !== "success") || r?.connectorElementsWithMissingSecrets?.length > 0, o0 = !!q && r?.ready, $ = n0 && !z && o0 && !V0, u0 = async () => {
+  const [z, C] = N(!1), [B, P] = N(!1), [T, j] = N(!1), [m, R] = N(!1), [q, Q] = N(), [n0, w0] = N(), f0 = B0(null), V0 = q?.some((h0) => h0.status !== "success") || r?.connectorElementsWithMissingSecrets?.length > 0, o0 = !!q && r?.ready, $ = n0 && !z && o0 && !V0, u0 = async () => {
     R(!0), d?.("8.2.0");
     const h0 = lW({
       projectId: h,
       modeler: p,
       fetchFilesByDecisionId: u,
       fetchFilesByProcessId: g,
-      fetchFileById: C
+      fetchFileById: y
     });
     try {
       const [p0, H] = await Promise.all([
@@ -24699,7 +24708,7 @@ const wW = ({
     );
   }
   async function i0(h0) {
-    y(!1);
+    C(!1);
     const p0 = sx((await p.saveXML({ format: !0 })).xml), H = !!mW(E), V = await cx({
       diagramId: f,
       content: p0,
@@ -24716,7 +24725,7 @@ const wW = ({
       const S = JSON.parse(b.payload || "{}").deployedProcesses[0].processKey;
       return EW(E, S), O0.trackDeployment({ redeployment: H, success: !0 }), { playId: S, elementsById: Z, definitions: L };
     } else {
-      y(!0);
+      C(!0);
       const O = JSON.parse(b.payload || "{}");
       O0.trackDeployment({
         redeployment: H,
@@ -24865,22 +24874,22 @@ const VW = ({ onRefresh: o }) => {
   mixpanelTrack: E,
   handlePostRequest: u,
   fetchFilesByProcessId: g,
-  fetchFilesByDecisionId: C,
+  fetchFilesByDecisionId: y,
   fetchFileById: w,
   convertLinkedFormsToEmbeddedForms: z
 }) => {
-  const y = localStorage.getItem("play-directAccess");
+  const C = localStorage.getItem("play-directAccess");
   let B, P, T, j = [];
-  if (y) {
+  if (C) {
     localStorage.removeItem("play-directAccess");
-    const I = JSON.parse(y);
+    const I = JSON.parse(C);
     B = I.endpoint, P = I.definition, T = I.instance, j = I.filesStatus;
   }
   const [m, R] = N(B), [q, Q] = N(
     j
   ), [n0, w0] = N(!1), [f0, V0] = N(P), [o0, $] = N(
     T
-  ), [u0, Y] = N(!y), [i0, h0] = N(!1), [p0, H] = N(!1), [V, L] = N(void 0), [Z, b] = N(null);
+  ), [u0, Y] = N(!C), [i0, h0] = N(!1), [p0, H] = N(!1), [V, L] = N(void 0), [Z, b] = N(null);
   a0(() => {
     A0.init({
       handlePostRequest: u
@@ -24943,7 +24952,7 @@ const VW = ({ onRefresh: o }) => {
         setExecutionPlatformVersion: p,
         diagramId: d,
         processId: t,
-        fetchFilesByDecisionId: C,
+        fetchFilesByDecisionId: y,
         fetchFilesByProcessId: g,
         fetchFileById: w,
         convertLinkedFormsToEmbeddedForms: z
@@ -25094,27 +25103,27 @@ function J0(o, r, A, n, t, a, h, p, d, f) {
   r.on(F1, gW, (w) => {
     E = w.active, E && (t.cancel(), A.close(), n.cancel()), p._update();
   });
-  function u(w, z, y) {
+  function u(w, z, C) {
     const B = w[z];
     w[z] = function() {
-      return y.call(this, B, arguments);
+      return C.call(this, B, arguments);
     };
   }
   function g(w, z) {
-    u(w, z, function(y, B) {
+    u(w, z, function(C, B) {
       if (!E)
-        return y.apply(this, B);
+        return C.apply(this, B);
     });
   }
-  function C(w, z) {
-    u(w, z, function(y, B) {
+  function y(w, z) {
+    u(w, z, function(C, B) {
       if (E)
         throw new Error("model is read-only");
-      return y.apply(this, B);
+      return C.apply(this, B);
     });
   }
-  g(A, "open"), g(n, "init"), g(t, "activate"), g(n, "init"), g(t, "activate"), C(h, "moveShape"), C(h, "updateAttachment"), C(h, "moveElements"), C(h, "moveConnection"), C(h, "layoutConnection"), C(h, "createConnection"), C(h, "createShape"), C(h, "createLabel"), C(h, "appendShape"), C(h, "removeElements"), C(h, "distributeElements"), C(h, "removeShape"), C(h, "removeConnection"), C(h, "replaceShape"), C(h, "pasteElements"), C(h, "alignElements"), C(h, "resizeShape"), C(h, "createSpace"), C(h, "updateWaypoints"), C(h, "reconnectStart"), C(h, "reconnectEnd"), u(a, "trigger", function(w, z) {
-    const y = z[0];
+  g(A, "open"), g(n, "init"), g(t, "activate"), g(n, "init"), g(t, "activate"), y(h, "moveShape"), y(h, "updateAttachment"), y(h, "moveElements"), y(h, "moveConnection"), y(h, "layoutConnection"), y(h, "createConnection"), y(h, "createShape"), y(h, "createLabel"), y(h, "appendShape"), y(h, "removeElements"), y(h, "distributeElements"), y(h, "removeShape"), y(h, "removeConnection"), y(h, "replaceShape"), y(h, "pasteElements"), y(h, "alignElements"), y(h, "resizeShape"), y(h, "createSpace"), y(h, "updateWaypoints"), y(h, "reconnectStart"), y(h, "reconnectEnd"), u(a, "trigger", function(w, z) {
+    const C = z[0];
     if (!(E && HW(
       [
         "undo",
@@ -25129,7 +25138,7 @@ function J0(o, r, A, n, t, a, h, p, d, f) {
         "alignElements",
         "directEditing"
       ],
-      y
+      C
     )))
       return w.apply(this, z);
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/play",
-  "version": "0.0.6-rc.2",
+  "version": "0.0.6",
   "type": "module",
   "scripts": {
     "start": "vite",