@orchestrator-ui/orchestrator-ui-components 0.0.1-alpha.1 → 0.0.1-alpha.10

package/index.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { css } from '@emotion/react';
-import { useState, createContext, useContext } from 'react';
-import { useEuiTheme, EuiBadge, EuiHeader, EuiHeaderSection, EuiHeaderSectionItem, EuiHeaderLogo, EuiBadgeGroup, EuiButtonIcon, EuiSideNav, EuiPageTemplate } from '@elastic/eui';
+import { EuiBadge, EuiText, useEuiTheme, tint, EuiToolTip, EuiHeader, EuiHeaderSection, EuiHeaderSectionItem, EuiHeaderLogo, EuiBadgeGroup, EuiButtonIcon, EuiSideNav, EuiButton, EuiSpacer, EuiPageTemplate, EuiFlexGroup, EuiFlexItem, EuiIcon, EuiTextColor, EuiPanel, EuiHorizontalRule, EuiFieldSearch, EuiAvatar, EuiBasicTable, EuiDataGrid } from '@elastic/eui';
+import { useState, createContext, useContext, useRef } from 'react';
+import { GraphQLClient, request } from 'graphql-request';
 import { useQuery } from 'react-query';
-import { useRouter } from 'next/router';
+import moment from 'moment';
+import Link from 'next/link';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -12,7 +13,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$g =
+var global$i =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -20,11 +21,11 @@ var global$g =
   check(typeof self == 'object' && self) ||
   check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
   // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || Function('return this')();
+  (function () { return this; })() || commonjsGlobal || Function('return this')();
 
 var objectGetOwnPropertyDescriptor = {};
 
-var fails$d = function (exec) {
+var fails$i = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -32,17 +33,17 @@ var fails$d = function (exec) {
   }
 };
 
-var fails$c = fails$d;
+var fails$h = fails$i;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$c(function () {
+var descriptors = !fails$h(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
 });
 
-var fails$b = fails$d;
+var fails$g = fails$i;
 
-var functionBindNative = !fails$b(function () {
+var functionBindNative = !fails$g(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -51,10 +52,10 @@ var functionBindNative = !fails$b(function () {
 
 var NATIVE_BIND$3 = functionBindNative;
 
-var call$e = Function.prototype.call;
+var call$f = Function.prototype.call;
 
-var functionCall = NATIVE_BIND$3 ? call$e.bind(call$e) : function () {
-  return call$e.apply(call$e, arguments);
+var functionCall = NATIVE_BIND$3 ? call$f.bind(call$f) : function () {
+  return call$f.apply(call$f, arguments);
 };
 
 var objectPropertyIsEnumerable = {};
@@ -73,7 +74,7 @@ objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
   return !!descriptor && descriptor.enumerable;
 } : $propertyIsEnumerable;
 
-var createPropertyDescriptor$3 = function (bitmap, value) {
+var createPropertyDescriptor$4 = function (bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
     configurable: !(bitmap & 2),
@@ -85,38 +86,38 @@ var createPropertyDescriptor$3 = function (bitmap, value) {
 var NATIVE_BIND$2 = functionBindNative;
 
 var FunctionPrototype$2 = Function.prototype;
-var call$d = FunctionPrototype$2.call;
-var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$d, call$d);
+var call$e = FunctionPrototype$2.call;
+var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$e, call$e);
 
 var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$d.apply(fn, arguments);
+    return call$e.apply(fn, arguments);
   };
 };
 
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 
-var toString$1 = uncurryThis$e({}.toString);
-var stringSlice$1 = uncurryThis$e(''.slice);
+var toString$6 = uncurryThis$i({}.toString);
+var stringSlice$1 = uncurryThis$i(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$1(toString$1(it), 8, -1);
+  return stringSlice$1(toString$6(it), 8, -1);
 };
 
-var uncurryThis$d = functionUncurryThis;
-var fails$a = fails$d;
-var classof$4 = classofRaw$2;
+var uncurryThis$h = functionUncurryThis;
+var fails$f = fails$i;
+var classof$6 = classofRaw$2;
 
 var $Object$4 = Object;
-var split = uncurryThis$d(''.split);
+var split = uncurryThis$h(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$a(function () {
+var indexedObject = fails$f(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$4(it) == 'String' ? split(it, '') : $Object$4(it);
+  return classof$6(it) == 'String' ? split(it, '') : $Object$4(it);
 } : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -127,21 +128,21 @@ var isNullOrUndefined$4 = function (it) {
 
 var isNullOrUndefined$3 = isNullOrUndefined$4;
 
-var $TypeError$c = TypeError;
+var $TypeError$e = TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$2 = function (it) {
-  if (isNullOrUndefined$3(it)) throw $TypeError$c("Can't call method on " + it);
+var requireObjectCoercible$4 = function (it) {
+  if (isNullOrUndefined$3(it)) throw $TypeError$e("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$1 = requireObjectCoercible$2;
+var requireObjectCoercible$3 = requireObjectCoercible$4;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$1(it));
+  return IndexedObject$1(requireObjectCoercible$3(it));
 };
 
 var documentAll$2 = typeof document == 'object' && document.all;
@@ -172,13 +173,13 @@ var $documentAll = documentAll_1;
 
 var documentAll = $documentAll.all;
 
-var isObject$8 = $documentAll.IS_HTMLDDA ? function (it) {
+var isObject$9 = $documentAll.IS_HTMLDDA ? function (it) {
   return typeof it == 'object' ? it !== null : isCallable$j(it) || it === documentAll;
 } : function (it) {
   return typeof it == 'object' ? it !== null : isCallable$j(it);
 };
 
-var global$f = global$g;
+var global$h = global$i;
 var isCallable$i = isCallable$k;
 
 var aFunction = function (argument) {
@@ -186,20 +187,20 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$7 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$f[namespace]) : global$f[namespace] && global$f[namespace][method];
+  return arguments.length < 2 ? aFunction(global$h[namespace]) : global$h[namespace] && global$h[namespace][method];
 };
 
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$c({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$g({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$e = global$g;
-var userAgent$3 = engineUserAgent;
+var global$g = global$i;
+var userAgent$5 = engineUserAgent;
 
-var process$4 = global$e.process;
-var Deno$1 = global$e.Deno;
+var process$4 = global$g.process;
+var Deno$1 = global$g.Deno;
 var versions = process$4 && process$4.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -213,10 +214,10 @@ if (v8) {
 
 // BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
 // so check `userAgent` even if `.v8` exists, but 0
-if (!version && userAgent$3) {
-  match = userAgent$3.match(/Edge\/(\d+)/);
+if (!version && userAgent$5) {
+  match = userAgent$5.match(/Edge\/(\d+)/);
   if (!match || match[1] >= 74) {
-    match = userAgent$3.match(/Chrome\/(\d+)/);
+    match = userAgent$5.match(/Chrome\/(\d+)/);
     if (match) version = +match[1];
   }
 }
@@ -226,14 +227,19 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 
 var V8_VERSION$1 = engineV8Version;
-var fails$9 = fails$d;
+var fails$e = fails$i;
+var global$f = global$i;
+
+var $String$5 = global$f.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$9(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$e(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
+  // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
+  // of course, fail.
+  return !$String$5(symbol) || !(Object(symbol) instanceof Symbol) ||
     // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
     !Symbol.sham && V8_VERSION$1 && V8_VERSION$1 < 41;
 });
@@ -248,7 +254,7 @@ var useSymbolAsUid = NATIVE_SYMBOL$1
 
 var getBuiltIn$6 = getBuiltIn$7;
 var isCallable$h = isCallable$k;
-var isPrototypeOf$2 = objectIsPrototypeOf;
+var isPrototypeOf$3 = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
 var $Object$3 = Object;
@@ -257,76 +263,76 @@ var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$6('Symbol');
-  return isCallable$h($Symbol) && isPrototypeOf$2($Symbol.prototype, $Object$3(it));
+  return isCallable$h($Symbol) && isPrototypeOf$3($Symbol.prototype, $Object$3(it));
 };
 
-var $String$3 = String;
+var $String$4 = String;
 
-var tryToString$4 = function (argument) {
+var tryToString$5 = function (argument) {
   try {
-    return $String$3(argument);
+    return $String$4(argument);
   } catch (error) {
     return 'Object';
   }
 };
 
 var isCallable$g = isCallable$k;
-var tryToString$3 = tryToString$4;
+var tryToString$4 = tryToString$5;
 
-var $TypeError$b = TypeError;
+var $TypeError$d = TypeError;
 
 // `Assert: IsCallable(argument) is true`
-var aCallable$8 = function (argument) {
+var aCallable$9 = function (argument) {
   if (isCallable$g(argument)) return argument;
-  throw $TypeError$b(tryToString$3(argument) + ' is not a function');
+  throw $TypeError$d(tryToString$4(argument) + ' is not a function');
 };
 
-var aCallable$7 = aCallable$8;
+var aCallable$8 = aCallable$9;
 var isNullOrUndefined$2 = isNullOrUndefined$4;
 
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
 var getMethod$3 = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined$2(func) ? undefined : aCallable$7(func);
+  return isNullOrUndefined$2(func) ? undefined : aCallable$8(func);
 };
 
-var call$c = functionCall;
+var call$d = functionCall;
 var isCallable$f = isCallable$k;
-var isObject$7 = isObject$8;
+var isObject$8 = isObject$9;
 
-var $TypeError$a = TypeError;
+var $TypeError$c = TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$f(fn = input.toString) && !isObject$7(val = call$c(fn, input))) return val;
-  if (isCallable$f(fn = input.valueOf) && !isObject$7(val = call$c(fn, input))) return val;
-  if (pref !== 'string' && isCallable$f(fn = input.toString) && !isObject$7(val = call$c(fn, input))) return val;
-  throw $TypeError$a("Can't convert object to primitive value");
+  if (pref === 'string' && isCallable$f(fn = input.toString) && !isObject$8(val = call$d(fn, input))) return val;
+  if (isCallable$f(fn = input.valueOf) && !isObject$8(val = call$d(fn, input))) return val;
+  if (pref !== 'string' && isCallable$f(fn = input.toString) && !isObject$8(val = call$d(fn, input))) return val;
+  throw $TypeError$c("Can't convert object to primitive value");
 };
 
 var shared$3 = {exports: {}};
 
-var global$d = global$g;
+var global$e = global$i;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$6 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$d, key, { value: value, configurable: true, writable: true });
+    defineProperty$6(global$e, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$d[key] = value;
+    global$e[key] = value;
   } return value;
 };
 
-var global$c = global$g;
+var global$d = global$i;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$c[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$d[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -335,85 +341,85 @@ var store$2 = sharedStore;
 (shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.29.0',
+  version: '3.30.2',
   mode: 'global',
   copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.29.0/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var requireObjectCoercible = requireObjectCoercible$2;
+var requireObjectCoercible$2 = requireObjectCoercible$4;
 
 var $Object$2 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$3 = function (argument) {
-  return $Object$2(requireObjectCoercible(argument));
+var toObject$4 = function (argument) {
+  return $Object$2(requireObjectCoercible$2(argument));
 };
 
-var uncurryThis$b = functionUncurryThis;
-var toObject$2 = toObject$3;
+var uncurryThis$f = functionUncurryThis;
+var toObject$3 = toObject$4;
 
-var hasOwnProperty = uncurryThis$b({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$f({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 // eslint-disable-next-line es/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$2(it), key);
+  return hasOwnProperty(toObject$3(it), key);
 };
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString = uncurryThis$a(1.0.toString);
+var toString$5 = uncurryThis$e(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$5(++id + postfix, 36);
 };
 
-var global$b = global$g;
+var global$c = global$i;
 var shared$2 = shared$3.exports;
-var hasOwn$9 = hasOwnProperty_1;
+var hasOwn$a = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Symbol$1 = global$b.Symbol;
+var Symbol$2 = global$c.Symbol;
 var WellKnownSymbolsStore = shared$2('wks');
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2['for'] || Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
 
-var wellKnownSymbol$e = function (name) {
-  if (!hasOwn$9(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$9(Symbol$1, name)
-      ? Symbol$1[name]
+var wellKnownSymbol$g = function (name) {
+  if (!hasOwn$a(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$a(Symbol$2, name)
+      ? Symbol$2[name]
       : createWellKnownSymbol('Symbol.' + name);
   } return WellKnownSymbolsStore[name];
 };
 
-var call$b = functionCall;
-var isObject$6 = isObject$8;
+var call$c = functionCall;
+var isObject$7 = isObject$9;
 var isSymbol$1 = isSymbol$2;
 var getMethod$2 = getMethod$3;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$d = wellKnownSymbol$e;
+var wellKnownSymbol$f = wellKnownSymbol$g;
 
-var $TypeError$9 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$d('toPrimitive');
+var $TypeError$b = TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$f('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$6(input) || isSymbol$1(input)) return input;
+  if (!isObject$7(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod$2(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
-    result = call$b(exoticToPrim, input, pref);
-    if (!isObject$6(result) || isSymbol$1(result)) return result;
-    throw $TypeError$9("Can't convert object to primitive value");
+    result = call$c(exoticToPrim, input, pref);
+    if (!isObject$7(result) || isSymbol$1(result)) return result;
+    throw $TypeError$b("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -424,28 +430,28 @@ var isSymbol = isSymbol$2;
 
 // `ToPropertyKey` abstract operation
 // https://tc39.es/ecma262/#sec-topropertykey
-var toPropertyKey$2 = function (argument) {
+var toPropertyKey$3 = function (argument) {
   var key = toPrimitive(argument, 'string');
   return isSymbol(key) ? key : key + '';
 };
 
-var global$a = global$g;
-var isObject$5 = isObject$8;
+var global$b = global$i;
+var isObject$6 = isObject$9;
 
-var document$3 = global$a.document;
+var document$3 = global$b.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$5(document$3) && isObject$5(document$3.createElement);
+var EXISTS$1 = isObject$6(document$3) && isObject$6(document$3.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$3.createElement(it) : {};
 };
 
 var DESCRIPTORS$a = descriptors;
-var fails$8 = fails$d;
+var fails$d = fails$i;
 var createElement$1 = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$a && !fails$8(function () {
+var ie8DomDefine = !DESCRIPTORS$a && !fails$d(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement$1('div'), 'a', {
     get: function () { return 7; }
@@ -453,12 +459,12 @@ var ie8DomDefine = !DESCRIPTORS$a && !fails$8(function () {
 });
 
 var DESCRIPTORS$9 = descriptors;
-var call$a = functionCall;
+var call$b = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
-var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+var createPropertyDescriptor$3 = createPropertyDescriptor$4;
 var toIndexedObject$4 = toIndexedObject$5;
-var toPropertyKey$1 = toPropertyKey$2;
-var hasOwn$8 = hasOwnProperty_1;
+var toPropertyKey$2 = toPropertyKey$3;
+var hasOwn$9 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -468,21 +474,21 @@ var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
 objectGetOwnPropertyDescriptor.f = DESCRIPTORS$9 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
   O = toIndexedObject$4(O);
-  P = toPropertyKey$1(P);
+  P = toPropertyKey$2(P);
   if (IE8_DOM_DEFINE$1) try {
     return $getOwnPropertyDescriptor$1(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$8(O, P)) return createPropertyDescriptor$2(!call$a(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$9(O, P)) return createPropertyDescriptor$3(!call$b(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var objectDefineProperty = {};
 
 var DESCRIPTORS$8 = descriptors;
-var fails$7 = fails$d;
+var fails$c = fails$i;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$7(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$c(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -490,24 +496,24 @@ var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$7(function () {
   }).prototype != 42;
 });
 
-var isObject$4 = isObject$8;
+var isObject$5 = isObject$9;
 
-var $String$2 = String;
-var $TypeError$8 = TypeError;
+var $String$3 = String;
+var $TypeError$a = TypeError;
 
 // `Assert: Type(argument) is Object`
-var anObject$a = function (argument) {
-  if (isObject$4(argument)) return argument;
-  throw $TypeError$8($String$2(argument) + ' is not an object');
+var anObject$c = function (argument) {
+  if (isObject$5(argument)) return argument;
+  throw $TypeError$a($String$3(argument) + ' is not an object');
 };
 
 var DESCRIPTORS$7 = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$9 = anObject$a;
-var toPropertyKey = toPropertyKey$2;
+var anObject$b = anObject$c;
+var toPropertyKey$1 = toPropertyKey$3;
 
-var $TypeError$7 = TypeError;
+var $TypeError$9 = TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -519,9 +525,9 @@ var WRITABLE = 'writable';
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
 objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$9(O);
-  P = toPropertyKey(P);
-  anObject$9(Attributes);
+  anObject$b(O);
+  P = toPropertyKey$1(P);
+  anObject$b(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor(O, P);
     if (current && current[WRITABLE]) {
@@ -534,23 +540,23 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$9(O);
-  P = toPropertyKey(P);
-  anObject$9(Attributes);
+  anObject$b(O);
+  P = toPropertyKey$1(P);
+  anObject$b(Attributes);
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$7('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$9('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
 
 var DESCRIPTORS$6 = descriptors;
-var definePropertyModule$3 = objectDefineProperty;
-var createPropertyDescriptor$1 = createPropertyDescriptor$3;
+var definePropertyModule$4 = objectDefineProperty;
+var createPropertyDescriptor$2 = createPropertyDescriptor$4;
 
 var createNonEnumerableProperty$4 = DESCRIPTORS$6 ? function (object, key, value) {
-  return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
+  return definePropertyModule$4.f(object, key, createPropertyDescriptor$2(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -559,13 +565,13 @@ var createNonEnumerableProperty$4 = DESCRIPTORS$6 ? function (object, key, value
 var makeBuiltIn$3 = {exports: {}};
 
 var DESCRIPTORS$5 = descriptors;
-var hasOwn$7 = hasOwnProperty_1;
+var hasOwn$8 = hasOwnProperty_1;
 
 var FunctionPrototype$1 = Function.prototype;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
 var getDescriptor = DESCRIPTORS$5 && Object.getOwnPropertyDescriptor;
 
-var EXISTS = hasOwn$7(FunctionPrototype$1, 'name');
+var EXISTS = hasOwn$8(FunctionPrototype$1, 'name');
 // additional protection from minified / mangled / dropped function names
 var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
 var CONFIGURABLE = EXISTS && (!DESCRIPTORS$5 || (DESCRIPTORS$5 && getDescriptor(FunctionPrototype$1, 'name').configurable));
@@ -576,11 +582,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 var isCallable$e = isCallable$k;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$9(Function.toString);
+var functionToString = uncurryThis$d(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$e(store$1.inspectSource)) {
@@ -591,10 +597,10 @@ if (!isCallable$e(store$1.inspectSource)) {
 
 var inspectSource$3 = store$1.inspectSource;
 
-var global$9 = global$g;
+var global$a = global$i;
 var isCallable$d = isCallable$k;
 
-var WeakMap$1 = global$9.WeakMap;
+var WeakMap$1 = global$a.WeakMap;
 
 var weakMapBasicDetection = isCallable$d(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
@@ -610,17 +616,17 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$8 = global$g;
-var isObject$3 = isObject$8;
+var global$9 = global$i;
+var isObject$4 = isObject$9;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
-var hasOwn$6 = hasOwnProperty_1;
+var hasOwn$7 = hasOwnProperty_1;
 var shared = sharedStore;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$2 = global$8.TypeError;
-var WeakMap = global$8.WeakMap;
+var TypeError$2 = global$9.TypeError;
+var WeakMap = global$9.WeakMap;
 var set$1, get, has;
 
 var enforce = function (it) {
@@ -630,7 +636,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
       throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -659,16 +665,16 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
   set$1 = function (it, metadata) {
-    if (hasOwn$6(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$7(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$3(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return hasOwn$6(it, STATE) ? it[STATE] : {};
+    return hasOwn$7(it, STATE) ? it[STATE] : {};
   };
   has = function (it) {
-    return hasOwn$6(it, STATE);
+    return hasOwn$7(it, STATE);
   };
 }
 
@@ -680,10 +686,10 @@ var internalState = {
   getterFor: getterFor
 };
 
-var uncurryThis$8 = functionUncurryThis;
-var fails$6 = fails$d;
+var uncurryThis$c = functionUncurryThis;
+var fails$b = fails$i;
 var isCallable$c = isCallable$k;
-var hasOwn$5 = hasOwnProperty_1;
+var hasOwn$6 = hasOwnProperty_1;
 var DESCRIPTORS$4 = descriptors;
 var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
 var inspectSource$2 = inspectSource$3;
@@ -691,40 +697,40 @@ var InternalStateModule$2 = internalState;
 
 var enforceInternalState = InternalStateModule$2.enforce;
 var getInternalState$1 = InternalStateModule$2.get;
-var $String$1 = String;
+var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$5 = Object.defineProperty;
-var stringSlice = uncurryThis$8(''.slice);
-var replace = uncurryThis$8(''.replace);
-var join = uncurryThis$8([].join);
+var stringSlice = uncurryThis$c(''.slice);
+var replace$1 = uncurryThis$c(''.replace);
+var join = uncurryThis$c([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$6(function () {
+var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$b(function () {
   return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
 
 var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
-  if (stringSlice($String$1(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace($String$1(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
+  if (stringSlice($String$2(name), 0, 7) === 'Symbol(') {
+    name = '[' + replace$1($String$2(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+  if (!hasOwn$6(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
     if (DESCRIPTORS$4) defineProperty$5(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$5(options, 'arity') && value.length !== options.arity) {
+  if (CONFIGURABLE_LENGTH && options && hasOwn$6(options, 'arity') && value.length !== options.arity) {
     defineProperty$5(value, 'length', { value: options.arity });
   }
   try {
-    if (options && hasOwn$5(options, 'constructor') && options.constructor) {
+    if (options && hasOwn$6(options, 'constructor') && options.constructor) {
       if (DESCRIPTORS$4) defineProperty$5(value, 'prototype', { writable: false });
     // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
     } else if (value.prototype) value.prototype = undefined;
   } catch (error) { /* empty */ }
   var state = enforceInternalState(value);
-  if (!hasOwn$5(state, 'source')) {
+  if (!hasOwn$6(state, 'source')) {
     state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
   } return value;
 };
@@ -736,11 +742,11 @@ Function.prototype.toString = makeBuiltIn$2(function toString() {
 }, 'toString');
 
 var isCallable$b = isCallable$k;
-var definePropertyModule$2 = objectDefineProperty;
+var definePropertyModule$3 = objectDefineProperty;
 var makeBuiltIn$1 = makeBuiltIn$3.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
-var defineBuiltIn$5 = function (O, key, value, options) {
+var defineBuiltIn$6 = function (O, key, value, options) {
   if (!options) options = {};
   var simple = options.enumerable;
   var name = options.name !== undefined ? options.name : key;
@@ -754,7 +760,7 @@ var defineBuiltIn$5 = function (O, key, value, options) {
       else if (O[key]) simple = true;
     } catch (error) { /* empty */ }
     if (simple) O[key] = value;
-    else definePropertyModule$2.f(O, key, {
+    else definePropertyModule$3.f(O, key, {
       value: value,
       enumerable: false,
       configurable: !options.nonConfigurable,
@@ -766,14 +772,14 @@ var defineBuiltIn$5 = function (O, key, value, options) {
 var objectGetOwnPropertyNames = {};
 
 var ceil = Math.ceil;
-var floor = Math.floor;
+var floor$1 = Math.floor;
 
 // `Math.trunc` method
 // https://tc39.es/ecma262/#sec-math.trunc
 // eslint-disable-next-line es/no-math-trunc -- safe
 var mathTrunc = Math.trunc || function trunc(x) {
   var n = +x;
-  return (n > 0 ? floor : ceil)(n);
+  return (n > 0 ? floor$1 : ceil)(n);
 };
 
 var trunc = mathTrunc;
@@ -788,15 +794,15 @@ var toIntegerOrInfinity$2 = function (argument) {
 
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
 
-var max = Math.max;
+var max$1 = Math.max;
 var min$1 = Math.min;
 
 // Helper for a popular repeating case of the spec:
 // Let integer be ? ToInteger(index).
 // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex$1 = function (index, length) {
+var toAbsoluteIndex$2 = function (index, length) {
   var integer = toIntegerOrInfinity$1(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+  return integer < 0 ? max$1(integer + length, 0) : min$1(integer, length);
 };
 
 var toIntegerOrInfinity = toIntegerOrInfinity$2;
@@ -813,20 +819,20 @@ var toLength = toLength$1;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$2 = function (obj) {
+var lengthOfArrayLike$4 = function (obj) {
   return toLength(obj.length);
 };
 
 var toIndexedObject$3 = toIndexedObject$5;
-var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike$1 = lengthOfArrayLike$2;
+var toAbsoluteIndex$1 = toAbsoluteIndex$2;
+var lengthOfArrayLike$3 = lengthOfArrayLike$4;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod = function (IS_INCLUDES) {
+var createMethod$1 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$3($this);
-    var length = lengthOfArrayLike$1(O);
-    var index = toAbsoluteIndex(fromIndex, length);
+    var length = lengthOfArrayLike$3(O);
+    var index = toAbsoluteIndex$1(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
     // eslint-disable-next-line no-self-compare -- NaN check
@@ -844,29 +850,29 @@ var createMethod = function (IS_INCLUDES) {
 var arrayIncludes = {
   // `Array.prototype.includes` method
   // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
+  includes: createMethod$1(true),
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod(false)
+  indexOf: createMethod$1(false)
 };
 
-var uncurryThis$7 = functionUncurryThis;
-var hasOwn$4 = hasOwnProperty_1;
+var uncurryThis$b = functionUncurryThis;
+var hasOwn$5 = hasOwnProperty_1;
 var toIndexedObject$2 = toIndexedObject$5;
 var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push = uncurryThis$7([].push);
+var push$1 = uncurryThis$b([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$2(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$4(hiddenKeys$2, key) && hasOwn$4(O, key) && push(result, key);
+  for (key in O) !hasOwn$5(hiddenKeys$2, key) && hasOwn$5(O, key) && push$1(result, key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$4(O, key = names[i++])) {
-    ~indexOf(result, key) || push(result, key);
+  while (names.length > i) if (hasOwn$5(O, key = names[i++])) {
+    ~indexOf(result, key) || push$1(result, key);
   }
   return result;
 };
@@ -900,38 +906,38 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$5 = getBuiltIn$7;
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$8 = anObject$a;
+var anObject$a = anObject$c;
 
-var concat$1 = uncurryThis$6([].concat);
+var concat$1 = uncurryThis$a([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$5('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$8(it));
+  var keys = getOwnPropertyNamesModule.f(anObject$a(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
 
-var hasOwn$3 = hasOwnProperty_1;
+var hasOwn$4 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
-var definePropertyModule$1 = objectDefineProperty;
+var definePropertyModule$2 = objectDefineProperty;
 
 var copyConstructorProperties$1 = function (target, source, exceptions) {
   var keys = ownKeys(source);
-  var defineProperty = definePropertyModule$1.f;
+  var defineProperty = definePropertyModule$2.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!hasOwn$3(target, key) && !(exceptions && hasOwn$3(exceptions, key))) {
+    if (!hasOwn$4(target, key) && !(exceptions && hasOwn$4(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
 
-var fails$5 = fails$d;
+var fails$a = fails$i;
 var isCallable$a = isCallable$k;
 
 var replacement = /#|\.prototype\./;
@@ -940,7 +946,7 @@ var isForced$2 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value == POLYFILL ? true
     : value == NATIVE ? false
-    : isCallable$a(detection) ? fails$5(detection)
+    : isCallable$a(detection) ? fails$a(detection)
     : !!detection;
 };
 
@@ -954,10 +960,10 @@ var POLYFILL = isForced$2.POLYFILL = 'P';
 
 var isForced_1 = isForced$2;
 
-var global$7 = global$g;
+var global$8 = global$i;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
-var defineBuiltIn$4 = defineBuiltIn$5;
+var defineBuiltIn$5 = defineBuiltIn$6;
 var defineGlobalProperty = defineGlobalProperty$3;
 var copyConstructorProperties = copyConstructorProperties$1;
 var isForced$1 = isForced_1;
@@ -983,11 +989,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$7;
+    target = global$8;
   } else if (STATIC) {
-    target = global$7[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$8[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$7[TARGET] || {}).prototype;
+    target = (global$8[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1005,7 +1011,7 @@ var _export = function (options, source) {
     if (options.sham || (targetProperty && targetProperty.sham)) {
       createNonEnumerableProperty$2(sourceProperty, 'sham', true);
     }
-    defineBuiltIn$4(target, key, sourceProperty, options);
+    defineBuiltIn$5(target, key, sourceProperty, options);
   }
 };
 
@@ -1020,24 +1026,24 @@ var objectKeys$2 = Object.keys || function keys(O) {
 };
 
 var DESCRIPTORS$3 = descriptors;
-var uncurryThis$5 = functionUncurryThis;
-var call$9 = functionCall;
-var fails$4 = fails$d;
+var uncurryThis$9 = functionUncurryThis;
+var call$a = functionCall;
+var fails$9 = fails$i;
 var objectKeys$1 = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$1 = toObject$3;
+var toObject$2 = toObject$4;
 var IndexedObject = indexedObject;
 
 // eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty$4 = Object.defineProperty;
-var concat = uncurryThis$5([].concat);
+var concat = uncurryThis$9([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$4(function () {
+var objectAssign = !$assign || fails$9(function () {
   // should have correct order of operations (Edge bug)
   if (DESCRIPTORS$3 && $assign({ b: 1 }, $assign(defineProperty$4({}, 'a', {
     enumerable: true,
@@ -1058,7 +1064,7 @@ var objectAssign = !$assign || fails$4(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] != 7 || objectKeys$1($assign({}, B)).join('') != alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject$1(target);
+  var T = toObject$2(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -1071,39 +1077,72 @@ var objectAssign = !$assign || fails$4(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$3 || call$9(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$3 || call$a(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$7 = _export;
+var $$b = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$7({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$b({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
-const CustomButton = ({
-  buttonText
-}) => {
-  const contentStyles = css({
-    height: '300px',
-    width: '300px',
-    backgroundColor: 'lightgrey'
-  });
-  const buttonStyles = css({
-    backgroundColor: 'grey'
-  });
-  return jsx("div", Object.assign({
-    css: contentStyles
-  }, {
-    children: jsx("button", Object.assign({
-      css: buttonStyles
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+const Badge = _a => {
+  var {
+      textColor,
+      children
+    } = _a,
+    restProps = __rest(_a, ["textColor", "children"]);
+  return jsx(EuiBadge, Object.assign({}, restProps, {
+    children: jsx(EuiText, Object.assign({
+      color: textColor,
+      size: "xs"
     }, {
-      children: buttonText
+      children: jsx("b", {
+        children: children
+      })
     }))
   }));
 };
@@ -1112,8 +1151,8 @@ var objectDefineProperties = {};
 
 var DESCRIPTORS$2 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
-var definePropertyModule = objectDefineProperty;
-var anObject$7 = anObject$a;
+var definePropertyModule$1 = objectDefineProperty;
+var anObject$9 = anObject$c;
 var toIndexedObject$1 = toIndexedObject$5;
 var objectKeys = objectKeys$2;
 
@@ -1121,13 +1160,13 @@ var objectKeys = objectKeys$2;
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
 objectDefineProperties.f = DESCRIPTORS$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$7(O);
+  anObject$9(O);
   var props = toIndexedObject$1(Properties);
   var keys = objectKeys(Properties);
   var length = keys.length;
   var index = 0;
   var key;
-  while (length > index) definePropertyModule.f(O, key = keys[index++], props[key]);
+  while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
   return O;
 };
 
@@ -1137,7 +1176,7 @@ var html$2 = getBuiltIn$4('document', 'documentElement');
 
 /* global ActiveXObject -- old IE, WSH */
 
-var anObject$6 = anObject$a;
+var anObject$8 = anObject$c;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
 var hiddenKeys = hiddenKeys$4;
@@ -1211,7 +1250,7 @@ hiddenKeys[IE_PROTO$1] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$6(O);
+    EmptyConstructor[PROTOTYPE] = anObject$8(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
@@ -1220,11 +1259,11 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$c = wellKnownSymbol$e;
+var wellKnownSymbol$e = wellKnownSymbol$g;
 var create$1 = objectCreate;
 var defineProperty$3 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$c('unscopables');
+var UNSCOPABLES = wellKnownSymbol$e('unscopables');
 var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
@@ -1237,24 +1276,24 @@ if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
 }
 
 // add a key to Array.prototype[@@unscopables]
-var addToUnscopables$1 = function (key) {
+var addToUnscopables$2 = function (key) {
   ArrayPrototype$1[UNSCOPABLES][key] = true;
 };
 
 var iterators = {};
 
-var fails$3 = fails$d;
+var fails$8 = fails$i;
 
-var correctPrototypeGetter = !fails$3(function () {
+var correctPrototypeGetter = !fails$8(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
-var hasOwn$2 = hasOwnProperty_1;
+var hasOwn$3 = hasOwnProperty_1;
 var isCallable$9 = isCallable$k;
-var toObject = toObject$3;
+var toObject$1 = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -1266,22 +1305,22 @@ var ObjectPrototype = $Object$1.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
-  var object = toObject(O);
-  if (hasOwn$2(object, IE_PROTO)) return object[IE_PROTO];
+  var object = toObject$1(O);
+  if (hasOwn$3(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$9(constructor) && object instanceof constructor) {
     return constructor.prototype;
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$2 = fails$d;
+var fails$7 = fails$i;
 var isCallable$8 = isCallable$k;
-var isObject$2 = isObject$8;
+var isObject$3 = isObject$9;
 var getPrototypeOf$1 = objectGetPrototypeOf;
-var defineBuiltIn$3 = defineBuiltIn$5;
-var wellKnownSymbol$b = wellKnownSymbol$e;
+var defineBuiltIn$4 = defineBuiltIn$6;
+var wellKnownSymbol$d = wellKnownSymbol$g;
 
-var ITERATOR$5 = wellKnownSymbol$b('iterator');
+var ITERATOR$6 = wellKnownSymbol$d('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1299,18 +1338,18 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$2(IteratorPrototype$2) || fails$2(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$7(function () {
   var test = {};
   // FF44- legacy iterators case
-  return IteratorPrototype$2[ITERATOR$5].call(test) !== test;
+  return IteratorPrototype$2[ITERATOR$6].call(test) !== test;
 });
 
 if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$8(IteratorPrototype$2[ITERATOR$5])) {
-  defineBuiltIn$3(IteratorPrototype$2, ITERATOR$5, function () {
+if (!isCallable$8(IteratorPrototype$2[ITERATOR$6])) {
+  defineBuiltIn$4(IteratorPrototype$2, ITERATOR$6, function () {
     return this;
   });
 }
@@ -1321,21 +1360,21 @@ var iteratorsCore = {
 };
 
 var defineProperty$2 = objectDefineProperty.f;
-var hasOwn$1 = hasOwnProperty_1;
-var wellKnownSymbol$a = wellKnownSymbol$e;
+var hasOwn$2 = hasOwnProperty_1;
+var wellKnownSymbol$c = wellKnownSymbol$g;
 
-var TO_STRING_TAG$3 = wellKnownSymbol$a('toStringTag');
+var TO_STRING_TAG$3 = wellKnownSymbol$c('toStringTag');
 
 var setToStringTag$3 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn$1(target, TO_STRING_TAG$3)) {
+  if (target && !hasOwn$2(target, TO_STRING_TAG$3)) {
     defineProperty$2(target, TO_STRING_TAG$3, { configurable: true, value: TAG });
   }
 };
 
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
 var create = objectCreate;
-var createPropertyDescriptor = createPropertyDescriptor$3;
+var createPropertyDescriptor$1 = createPropertyDescriptor$4;
 var setToStringTag$2 = setToStringTag$3;
 var Iterators$4 = iterators;
 
@@ -1343,36 +1382,36 @@ var returnThis$1 = function () { return this; };
 
 var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
   var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
+  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor$1(+!ENUMERABLE_NEXT, next) });
   setToStringTag$2(IteratorConstructor, TO_STRING_TAG, false);
   Iterators$4[TO_STRING_TAG] = returnThis$1;
   return IteratorConstructor;
 };
 
-var uncurryThis$4 = functionUncurryThis;
-var aCallable$6 = aCallable$8;
+var uncurryThis$8 = functionUncurryThis;
+var aCallable$7 = aCallable$9;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$4(aCallable$6(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$8(aCallable$7(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
 var isCallable$7 = isCallable$k;
 
-var $String = String;
-var $TypeError$6 = TypeError;
+var $String$1 = String;
+var $TypeError$8 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (typeof argument == 'object' || isCallable$7(argument)) return argument;
-  throw $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
+  throw $TypeError$8("Can't set " + $String$1(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
 
 var uncurryThisAccessor = functionUncurryThisAccessor;
-var anObject$5 = anObject$a;
+var anObject$7 = anObject$c;
 var aPossiblePrototype = aPossiblePrototype$1;
 
 // `Object.setPrototypeOf` method
@@ -1389,7 +1428,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
   return function setPrototypeOf(O, proto) {
-    anObject$5(O);
+    anObject$7(O);
     aPossiblePrototype(proto);
     if (CORRECT_SETTER) setter(O, proto);
     else O.__proto__ = proto;
@@ -1397,8 +1436,8 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$6 = _export;
-var call$8 = functionCall;
+var $$a = _export;
+var call$9 = functionCall;
 var FunctionName = functionName;
 var isCallable$6 = isCallable$k;
 var createIteratorConstructor = iteratorCreateConstructor;
@@ -1406,16 +1445,16 @@ var getPrototypeOf = objectGetPrototypeOf;
 var setPrototypeOf$1 = objectSetPrototypeOf;
 var setToStringTag$1 = setToStringTag$3;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
-var defineBuiltIn$2 = defineBuiltIn$5;
-var wellKnownSymbol$9 = wellKnownSymbol$e;
+var defineBuiltIn$3 = defineBuiltIn$6;
+var wellKnownSymbol$b = wellKnownSymbol$g;
 var Iterators$3 = iterators;
 var IteratorsCore = iteratorsCore;
 
-var PROPER_FUNCTION_NAME = FunctionName.PROPER;
+var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$4 = wellKnownSymbol$9('iterator');
+var ITERATOR$5 = wellKnownSymbol$b('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1438,7 +1477,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   var TO_STRING_TAG = NAME + ' Iterator';
   var INCORRECT_VALUES_NAME = false;
   var IterablePrototype = Iterable.prototype;
-  var nativeIterator = IterablePrototype[ITERATOR$4]
+  var nativeIterator = IterablePrototype[ITERATOR$5]
     || IterablePrototype['@@iterator']
     || DEFAULT && IterablePrototype[DEFAULT];
   var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
@@ -1452,8 +1491,8 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
         if (setPrototypeOf$1) {
           setPrototypeOf$1(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable$6(CurrentIteratorPrototype[ITERATOR$4])) {
-          defineBuiltIn$2(CurrentIteratorPrototype, ITERATOR$4, returnThis);
+        } else if (!isCallable$6(CurrentIteratorPrototype[ITERATOR$5])) {
+          defineBuiltIn$3(CurrentIteratorPrototype, ITERATOR$5, returnThis);
         }
       }
       // Set @@toStringTag to native iterators
@@ -1462,12 +1501,12 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   }
 
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
-  if (PROPER_FUNCTION_NAME && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+  if (PROPER_FUNCTION_NAME$1 && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
       createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
     } else {
       INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call$8(nativeIterator, this); };
+      defaultIterator = function values() { return call$9(nativeIterator, this); };
     }
   }
 
@@ -1480,14 +1519,14 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     };
     if (FORCED) for (KEY in methods) {
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
-        defineBuiltIn$2(IterablePrototype, KEY, methods[KEY]);
+        defineBuiltIn$3(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$6({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$a({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
-  if (IterablePrototype[ITERATOR$4] !== defaultIterator) {
-    defineBuiltIn$2(IterablePrototype, ITERATOR$4, defaultIterator, { name: DEFAULT });
+  if (IterablePrototype[ITERATOR$5] !== defaultIterator) {
+    defineBuiltIn$3(IterablePrototype, ITERATOR$5, defaultIterator, { name: DEFAULT });
   }
   Iterators$3[NAME] = defaultIterator;
 
@@ -1501,7 +1540,7 @@ var createIterResultObject$1 = function (value, done) {
 };
 
 var toIndexedObject = toIndexedObject$5;
-var addToUnscopables = addToUnscopables$1;
+var addToUnscopables$1 = addToUnscopables$2;
 var Iterators$2 = iterators;
 var InternalStateModule$1 = internalState;
 var defineProperty$1 = objectDefineProperty.f;
@@ -1552,9 +1591,9 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 var values = Iterators$2.Arguments = Iterators$2.Array;
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
+addToUnscopables$1('keys');
+addToUnscopables$1('values');
+addToUnscopables$1('entries');
 
 // V8 ~ Chrome 45- bug
 if (DESCRIPTORS$1 && values.name !== 'values') try {
@@ -1605,24 +1644,24 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$6 = global$g;
+var global$7 = global$i;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var wellKnownSymbol$8 = wellKnownSymbol$e;
+var wellKnownSymbol$a = wellKnownSymbol$g;
 
-var ITERATOR$3 = wellKnownSymbol$8('iterator');
-var TO_STRING_TAG$2 = wellKnownSymbol$8('toStringTag');
+var ITERATOR$4 = wellKnownSymbol$a('iterator');
+var TO_STRING_TAG$2 = wellKnownSymbol$a('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
   if (CollectionPrototype) {
     // some Chrome versions have non-configurable methods on DOMTokenList
-    if (CollectionPrototype[ITERATOR$3] !== ArrayValues) try {
-      createNonEnumerableProperty(CollectionPrototype, ITERATOR$3, ArrayValues);
+    if (CollectionPrototype[ITERATOR$4] !== ArrayValues) try {
+      createNonEnumerableProperty(CollectionPrototype, ITERATOR$4, ArrayValues);
     } catch (error) {
-      CollectionPrototype[ITERATOR$3] = ArrayValues;
+      CollectionPrototype[ITERATOR$4] = ArrayValues;
     }
     if (!CollectionPrototype[TO_STRING_TAG$2]) {
       createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$2, COLLECTION_NAME);
@@ -1639,152 +1678,71 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$6[COLLECTION_NAME] && global$6[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$7[COLLECTION_NAME] && global$7[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-const useOrchestratorTheme = () => {
-  const {
-    euiTheme
-  } = useEuiTheme();
-  const baseUnit = euiTheme.base;
-  const multiplyByBaseUnit = multiplier => baseUnit * multiplier;
+var Environment;
+(function (Environment) {
+  Environment["DEVELOPMENT"] = "Development";
+  Environment["PRODUCTION"] = "Production";
+})(Environment || (Environment = {}));
+const useOrchestratorConfig = initialOrchestratorConfig => {
+  const [orchestratorConfig] = useState(initialOrchestratorConfig);
   return {
-    theme: euiTheme,
-    multiplyByBaseUnit
+    orchestratorConfig
   };
 };
 
-const HeaderBadge = props => {
+const OrchestratorConfigContext = /*#__PURE__*/createContext({
+  orchestratorApiBaseUrl: '',
+  engineStatusEndpoint: '',
+  processStatusCountsEndpoint: '',
+  environmentName: '',
+  graphqlEndpoint: ''
+});
+const OrchestratorConfigProvider = ({
+  initialOrchestratorConfig,
+  children
+}) => {
   const {
-    theme
-  } = useOrchestratorTheme();
-  const css = props.iconType !== undefined ? {
-    height: 24,
-    display: 'flex',
-    paddingLeft: 0
-  } : {
-    height: 24,
-    display: 'flex'
-  };
-  return jsx(EuiBadge, Object.assign({}, props, {
-    color: theme.colors[props.color],
-    css: css
+    orchestratorConfig
+  } = useOrchestratorConfig(initialOrchestratorConfig);
+  return jsx(OrchestratorConfigContext.Provider, Object.assign({
+    value: orchestratorConfig
   }, {
-    children: props.children
+    children: children
   }));
 };
 
-const StatusDotIcon = ({
-  width: _width = 24,
-  height: _height = 24,
-  color: _color = '#000000'
-}) => jsxs("svg", Object.assign({
-  width: _width,
-  height: _height,
-  viewBox: "0 0 24 24",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg"
-}, {
-  children: [jsx("title", {
-    children: "icon/statusdot"
-  }), jsx("g", Object.assign({
-    id: "Symbols",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, {
-    children: jsxs("g", Object.assign({
-      id: "icon/statusdot",
-      fill: _color,
-      fillRule: "nonzero"
-    }, {
-      children: [jsx("circle", {
-        id: "Oval",
-        opacity: "0.25",
-        cx: "12",
-        cy: "12",
-        r: "8"
-      }), jsx("circle", {
-        id: "Oval",
-        cx: "12",
-        cy: "12",
-        r: "4"
-      })]
-    }))
-  }))]
-}));
+const useQueryWithGraphql = (query, queryVars) => {
+  const {
+    graphqlEndpoint
+  } = useContext(OrchestratorConfigContext);
+  const graphQLClient = new GraphQLClient(graphqlEndpoint);
+  const fetchFromGraphql = () => __awaiter(void 0, void 0, void 0, function* () {
+    // TS-Ignore because queryVars does not seem to be accepted by the client
+    // The props in this useQueryWithGraphql-hook ensures queryVars is indeed related to the query
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    return yield graphQLClient.request(query, queryVars);
+  });
+  return useQuery(['subscriptions', ...Object.values(queryVars)], fetchFromGraphql);
+};
+const useStringQueryWithGraphql = (query, queryVars) => {
+  const {
+    graphqlEndpoint
+  } = useContext(OrchestratorConfigContext);
+  const fetchFromGraphql = () => __awaiter(void 0, void 0, void 0, function* () {
+    return yield request(graphqlEndpoint, query, queryVars);
+  });
+  return useQuery(['subscriptions', ...Object.values(queryVars)], fetchFromGraphql);
+};
 
-const XCircleFill = ({
-  width: _width = 24,
-  height: _height = 24,
-  color: _color = '#000000'
-}) => jsxs("svg", Object.assign({
-  width: _width,
-  height: _height,
-  viewBox: "0 0 24 24",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg"
-}, {
-  children: [jsx("title", {
-    children: "icon/x-circle-fill"
-  }), jsx("g", Object.assign({
-    id: "Symbols",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, {
-    children: jsx("g", Object.assign({
-      id: "icon/x-circle-fill",
-      fill: _color
-    }, {
-      children: jsx("path", {
-        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M10.70711,9.29289 C10.31658,8.90237 9.68342,8.90237 9.29289,9.29289 C8.90237,9.68342 8.90237,10.31658 9.29289,10.70711 L10.58579,12 L9.29289,13.2929 C8.90237,13.6834 8.90237,14.3166 9.29289,14.7071 C9.68342,15.0976 10.31658,15.0976 10.70711,14.7071 L12,13.4142 L13.2929,14.7071 C13.6834,15.0976 14.3166,15.0976 14.7071,14.7071 C15.0976,14.3166 15.0976,13.6834 14.7071,13.2929 L13.4142,12 L14.7071,10.70711 C15.0976,10.31658 15.0976,9.68342 14.7071,9.29289 C14.3166,8.90237 13.6834,8.90237 13.2929,9.29289 L12,10.58579 L10.70711,9.29289 Z",
-        id: "Shape"
-      })
-    }))
-  }))]
-}));
+var classof$5 = classofRaw$2;
 
-const LogoutIcon = ({
-  width: _width = 24,
-  height: _height = 24,
-  color: _color = '#000000'
-}) => jsxs("svg", Object.assign({
-  width: _width,
-  height: _height,
-  viewBox: "0 0 24 24",
-  version: "1.1",
-  xmlns: "http://www.w3.org/2000/svg"
-}, {
-  children: [jsx("title", {
-    children: "icon/logout"
-  }), jsx("g", Object.assign({
-    id: "Symbols",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, {
-    children: jsx("g", Object.assign({
-      id: "icon/logout",
-      fill: _color,
-      fillRule: "nonzero"
-    }, {
-      children: jsx("path", {
-        d: "M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z",
-        id: "Combined-Shape"
-      })
-    }))
-  }))]
-}));
-
-var classof$3 = classofRaw$2;
-
-var engineIsNode = typeof process != 'undefined' && classof$3(process) == 'process';
+var engineIsNode = typeof process != 'undefined' && classof$5(process) == 'process';
 
 var makeBuiltIn = makeBuiltIn$3.exports;
 var defineProperty = objectDefineProperty;
@@ -1797,10 +1755,10 @@ var defineBuiltInAccessor$1 = function (target, name, descriptor) {
 
 var getBuiltIn$3 = getBuiltIn$7;
 var defineBuiltInAccessor = defineBuiltInAccessor$1;
-var wellKnownSymbol$7 = wellKnownSymbol$e;
+var wellKnownSymbol$9 = wellKnownSymbol$g;
 var DESCRIPTORS = descriptors;
 
-var SPECIES$2 = wellKnownSymbol$7('species');
+var SPECIES$2 = wellKnownSymbol$9('species');
 
 var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   var Constructor = getBuiltIn$3(CONSTRUCTOR_NAME);
@@ -1813,30 +1771,30 @@ var setSpecies$1 = function (CONSTRUCTOR_NAME) {
   }
 };
 
-var isPrototypeOf$1 = objectIsPrototypeOf;
+var isPrototypeOf$2 = objectIsPrototypeOf;
 
-var $TypeError$5 = TypeError;
+var $TypeError$7 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
-  if (isPrototypeOf$1(Prototype, it)) return it;
-  throw $TypeError$5('Incorrect invocation');
+  if (isPrototypeOf$2(Prototype, it)) return it;
+  throw $TypeError$7('Incorrect invocation');
 };
 
-var wellKnownSymbol$6 = wellKnownSymbol$e;
+var wellKnownSymbol$8 = wellKnownSymbol$g;
 
-var TO_STRING_TAG$1 = wellKnownSymbol$6('toStringTag');
-var test = {};
+var TO_STRING_TAG$1 = wellKnownSymbol$8('toStringTag');
+var test$1 = {};
 
-test[TO_STRING_TAG$1] = 'z';
+test$1[TO_STRING_TAG$1] = 'z';
 
-var toStringTagSupport = String(test) === '[object z]';
+var toStringTagSupport = String(test$1) === '[object z]';
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var isCallable$5 = isCallable$k;
 var classofRaw$1 = classofRaw$2;
-var wellKnownSymbol$5 = wellKnownSymbol$e;
+var wellKnownSymbol$7 = wellKnownSymbol$g;
 
-var TO_STRING_TAG = wellKnownSymbol$5('toStringTag');
+var TO_STRING_TAG = wellKnownSymbol$7('toStringTag');
 var $Object = Object;
 
 // ES3 wrong here
@@ -1850,7 +1808,7 @@ var tryGet = function (it, key) {
 };
 
 // getting tag from ES6+ `Object.prototype.toString`
-var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+var classof$4 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
   var O, tag, result;
   return it === undefined ? 'Undefined' : it === null ? 'Null'
     // @@toStringTag case
@@ -1861,10 +1819,10 @@ var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
     : (result = classofRaw$1(O)) == 'Object' && isCallable$5(O.callee) ? 'Arguments' : result;
 };
 
-var uncurryThis$3 = functionUncurryThis;
-var fails$1 = fails$d;
+var uncurryThis$7 = functionUncurryThis;
+var fails$6 = fails$i;
 var isCallable$4 = isCallable$k;
-var classof$1 = classof$2;
+var classof$3 = classof$4;
 var getBuiltIn$2 = getBuiltIn$7;
 var inspectSource$1 = inspectSource$3;
 
@@ -1872,7 +1830,7 @@ var noop = function () { /* empty */ };
 var empty = [];
 var construct = getBuiltIn$2('Reflect', 'construct');
 var constructorRegExp = /^\s*(?:class|function)\b/;
-var exec = uncurryThis$3(constructorRegExp.exec);
+var exec$1 = uncurryThis$7(constructorRegExp.exec);
 var INCORRECT_TO_STRING = !constructorRegExp.exec(noop);
 
 var isConstructorModern = function isConstructor(argument) {
@@ -1887,7 +1845,7 @@ var isConstructorModern = function isConstructor(argument) {
 
 var isConstructorLegacy = function isConstructor(argument) {
   if (!isCallable$4(argument)) return false;
-  switch (classof$1(argument)) {
+  switch (classof$3(argument)) {
     case 'AsyncFunction':
     case 'GeneratorFunction':
     case 'AsyncGeneratorFunction': return false;
@@ -1896,7 +1854,7 @@ var isConstructorLegacy = function isConstructor(argument) {
     // we can't check .prototype since constructors produced by .bind haven't it
     // `Function#toString` throws on some built-it function in some legacy engines
     // (for example, `DOMQuad` and similar in FF41-)
-    return INCORRECT_TO_STRING || !!exec(constructorRegExp, inspectSource$1(argument));
+    return INCORRECT_TO_STRING || !!exec$1(constructorRegExp, inspectSource$1(argument));
   } catch (error) {
     return true;
   }
@@ -1906,7 +1864,7 @@ isConstructorLegacy.sham = true;
 
 // `IsConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-isconstructor
-var isConstructor$1 = !construct || fails$1(function () {
+var isConstructor$1 = !construct || fails$6(function () {
   var called;
   return isConstructorModern(isConstructorModern.call)
     || !isConstructorModern(Object)
@@ -1915,114 +1873,114 @@ var isConstructor$1 = !construct || fails$1(function () {
 }) ? isConstructorLegacy : isConstructorModern;
 
 var isConstructor = isConstructor$1;
-var tryToString$2 = tryToString$4;
+var tryToString$3 = tryToString$5;
 
-var $TypeError$4 = TypeError;
+var $TypeError$6 = TypeError;
 
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor(argument)) return argument;
-  throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
+  throw $TypeError$6(tryToString$3(argument) + ' is not a constructor');
 };
 
-var anObject$4 = anObject$a;
+var anObject$6 = anObject$c;
 var aConstructor = aConstructor$1;
 var isNullOrUndefined$1 = isNullOrUndefined$4;
-var wellKnownSymbol$4 = wellKnownSymbol$e;
+var wellKnownSymbol$6 = wellKnownSymbol$g;
 
-var SPECIES$1 = wellKnownSymbol$4('species');
+var SPECIES$1 = wellKnownSymbol$6('species');
 
 // `SpeciesConstructor` abstract operation
 // https://tc39.es/ecma262/#sec-speciesconstructor
 var speciesConstructor$1 = function (O, defaultConstructor) {
-  var C = anObject$4(O).constructor;
+  var C = anObject$6(O).constructor;
   var S;
-  return C === undefined || isNullOrUndefined$1(S = anObject$4(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
+  return C === undefined || isNullOrUndefined$1(S = anObject$6(C)[SPECIES$1]) ? defaultConstructor : aConstructor(S);
 };
 
 var NATIVE_BIND$1 = functionBindNative;
 
 var FunctionPrototype = Function.prototype;
 var apply$1 = FunctionPrototype.apply;
-var call$7 = FunctionPrototype.call;
+var call$8 = FunctionPrototype.call;
 
 // eslint-disable-next-line es/no-reflect -- safe
-var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$7.bind(apply$1) : function () {
-  return call$7.apply(apply$1, arguments);
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$8.bind(apply$1) : function () {
+  return call$8.apply(apply$1, arguments);
 });
 
 var classofRaw = classofRaw$2;
-var uncurryThis$2 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
   // Nashorn bug:
   //   https://github.com/zloirock/core-js/issues/1128
   //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$2(fn);
+  if (classofRaw(fn) === 'Function') return uncurryThis$6(fn);
 };
 
-var uncurryThis$1 = functionUncurryThisClause;
-var aCallable$5 = aCallable$8;
+var uncurryThis$5 = functionUncurryThisClause;
+var aCallable$6 = aCallable$9;
 var NATIVE_BIND = functionBindNative;
 
-var bind$4 = uncurryThis$1(uncurryThis$1.bind);
+var bind$4 = uncurryThis$5(uncurryThis$5.bind);
 
 // optional / simple context binding
 var functionBindContext = function (fn, that) {
-  aCallable$5(fn);
+  aCallable$6(fn);
   return that === undefined ? fn : NATIVE_BIND ? bind$4(fn, that) : function (/* ...args */) {
     return fn.apply(that, arguments);
   };
 };
 
-var uncurryThis = functionUncurryThis;
+var uncurryThis$4 = functionUncurryThis;
 
-var arraySlice$1 = uncurryThis([].slice);
+var arraySlice$2 = uncurryThis$4([].slice);
 
-var $TypeError$3 = TypeError;
+var $TypeError$5 = TypeError;
 
 var validateArgumentsLength$1 = function (passed, required) {
-  if (passed < required) throw $TypeError$3('Not enough arguments');
+  if (passed < required) throw $TypeError$5('Not enough arguments');
   return passed;
 };
 
-var userAgent$2 = engineUserAgent;
+var userAgent$4 = engineUserAgent;
 
 // eslint-disable-next-line redos/no-vulnerable -- safe
-var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
+var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$4);
 
-var global$5 = global$g;
+var global$6 = global$i;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$3 = isCallable$k;
-var hasOwn = hasOwnProperty_1;
-var fails = fails$d;
+var hasOwn$1 = hasOwnProperty_1;
+var fails$5 = fails$i;
 var html = html$2;
-var arraySlice = arraySlice$1;
+var arraySlice$1 = arraySlice$2;
 var createElement = documentCreateElement$2;
 var validateArgumentsLength = validateArgumentsLength$1;
 var IS_IOS$1 = engineIsIos;
 var IS_NODE$3 = engineIsNode;
 
-var set = global$5.setImmediate;
-var clear = global$5.clearImmediate;
-var process$3 = global$5.process;
-var Dispatch = global$5.Dispatch;
-var Function$1 = global$5.Function;
-var MessageChannel = global$5.MessageChannel;
-var String$1 = global$5.String;
+var set = global$6.setImmediate;
+var clear = global$6.clearImmediate;
+var process$3 = global$6.process;
+var Dispatch = global$6.Dispatch;
+var Function$1 = global$6.Function;
+var MessageChannel = global$6.MessageChannel;
+var String$1 = global$6.String;
 var counter = 0;
 var queue$2 = {};
 var ONREADYSTATECHANGE = 'onreadystatechange';
 var $location, defer, channel, port;
 
-fails(function () {
+fails$5(function () {
   // Deno throws a ReferenceError on `location` access without `--location` flag
-  $location = global$5.location;
+  $location = global$6.location;
 });
 
 var run = function (id) {
-  if (hasOwn(queue$2, id)) {
+  if (hasOwn$1(queue$2, id)) {
     var fn = queue$2[id];
     delete queue$2[id];
     fn();
@@ -2041,7 +1999,7 @@ var eventListener = function (event) {
 
 var globalPostMessageDefer = function (id) {
   // old engines have not location.origin
-  global$5.postMessage(String$1(id), $location.protocol + '//' + $location.host);
+  global$6.postMessage(String$1(id), $location.protocol + '//' + $location.host);
 };
 
 // Node.js 0.9+ & IE10+ has setImmediate, otherwise:
@@ -2049,7 +2007,7 @@ if (!set || !clear) {
   set = function setImmediate(handler) {
     validateArgumentsLength(arguments.length, 1);
     var fn = isCallable$3(handler) ? handler : Function$1(handler);
-    var args = arraySlice(arguments, 1);
+    var args = arraySlice$1(arguments, 1);
     queue$2[++counter] = function () {
       apply(fn, undefined, args);
     };
@@ -2079,14 +2037,14 @@ if (!set || !clear) {
   // Browsers with postMessage, skip WebWorkers
   // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
   } else if (
-    global$5.addEventListener &&
-    isCallable$3(global$5.postMessage) &&
-    !global$5.importScripts &&
+    global$6.addEventListener &&
+    isCallable$3(global$6.postMessage) &&
+    !global$6.importScripts &&
     $location && $location.protocol !== 'file:' &&
-    !fails(globalPostMessageDefer)
+    !fails$5(globalPostMessageDefer)
   ) {
     defer = globalPostMessageDefer;
-    global$5.addEventListener('message', eventListener, false);
+    global$6.addEventListener('message', eventListener, false);
   // IE8-
   } else if (ONREADYSTATECHANGE in createElement('script')) {
     defer = function (id) {
@@ -2133,15 +2091,15 @@ Queue$2.prototype = {
 
 var queue$1 = Queue$2;
 
-var userAgent$1 = engineUserAgent;
+var userAgent$3 = engineUserAgent;
 
-var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$1) && typeof Pebble != 'undefined';
+var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$3) && typeof Pebble != 'undefined';
 
-var userAgent = engineUserAgent;
+var userAgent$2 = engineUserAgent;
 
-var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
+var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent$2);
 
-var global$4 = global$g;
+var global$5 = global$i;
 var bind$2 = functionBindContext;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var macrotask = task$1.set;
@@ -2151,12 +2109,12 @@ var IS_IOS_PEBBLE = engineIsIosPebble;
 var IS_WEBOS_WEBKIT = engineIsWebosWebkit;
 var IS_NODE$2 = engineIsNode;
 
-var MutationObserver = global$4.MutationObserver || global$4.WebKitMutationObserver;
-var document$2 = global$4.document;
-var process$2 = global$4.process;
-var Promise$1 = global$4.Promise;
+var MutationObserver = global$5.MutationObserver || global$5.WebKitMutationObserver;
+var document$2 = global$5.document;
+var process$2 = global$5.process;
+var Promise$1 = global$5.Promise;
 // Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
-var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global$4, 'queueMicrotask');
+var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global$5, 'queueMicrotask');
 var microtask$1 = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
 var notify$1, toggle, node, promise, then;
 
@@ -2208,7 +2166,7 @@ if (!microtask$1) {
   // - setTimeout
   } else {
     // `webpack` dev server bug on IE global methods - use bind(fn, global)
-    macrotask = bind$2(macrotask, global$4);
+    macrotask = bind$2(macrotask, global$5);
     notify$1 = function () {
       macrotask(flush);
     };
@@ -2237,9 +2195,9 @@ var perform$3 = function (exec) {
   }
 };
 
-var global$3 = global$g;
+var global$4 = global$i;
 
-var promiseNativeConstructor = global$3.Promise;
+var promiseNativeConstructor = global$4.Promise;
 
 /* global Deno -- Deno case */
 
@@ -2252,20 +2210,20 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$2 = global$g;
+var global$3 = global$i;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$2 = isCallable$k;
 var isForced = isForced_1;
 var inspectSource = inspectSource$3;
-var wellKnownSymbol$3 = wellKnownSymbol$e;
+var wellKnownSymbol$5 = wellKnownSymbol$g;
 var IS_BROWSER = engineIsBrowser;
 var IS_DENO = engineIsDeno;
 var V8_VERSION = engineV8Version;
 
 NativePromiseConstructor$3 && NativePromiseConstructor$3.prototype;
-var SPECIES = wellKnownSymbol$3('species');
+var SPECIES = wellKnownSymbol$5('species');
 var SUBCLASSING = false;
-var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$2(global$2.PromiseRejectionEvent);
+var NATIVE_PROMISE_REJECTION_EVENT$1 = isCallable$2(global$3.PromiseRejectionEvent);
 
 var FORCED_PROMISE_CONSTRUCTOR$5 = isForced('Promise', function () {
   var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(NativePromiseConstructor$3);
@@ -2299,19 +2257,19 @@ var promiseConstructorDetection = {
 
 var newPromiseCapability$2 = {};
 
-var aCallable$4 = aCallable$8;
+var aCallable$5 = aCallable$9;
 
-var $TypeError$2 = TypeError;
+var $TypeError$4 = TypeError;
 
 var PromiseCapability = function (C) {
   var resolve, reject;
   this.promise = new C(function ($$resolve, $$reject) {
-    if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
+    if (resolve !== undefined || reject !== undefined) throw $TypeError$4('Bad Promise constructor');
     resolve = $$resolve;
     reject = $$reject;
   });
-  this.resolve = aCallable$4(resolve);
-  this.reject = aCallable$4(reject);
+  this.resolve = aCallable$5(resolve);
+  this.reject = aCallable$5(reject);
 };
 
 // `NewPromiseCapability` abstract operation
@@ -2320,17 +2278,17 @@ newPromiseCapability$2.f = function (C) {
   return new PromiseCapability(C);
 };
 
-var $$5 = _export;
+var $$9 = _export;
 var IS_NODE = engineIsNode;
-var global$1 = global$g;
-var call$6 = functionCall;
-var defineBuiltIn$1 = defineBuiltIn$5;
+var global$2 = global$i;
+var call$7 = functionCall;
+var defineBuiltIn$2 = defineBuiltIn$6;
 var setPrototypeOf = objectSetPrototypeOf;
 var setToStringTag = setToStringTag$3;
 var setSpecies = setSpecies$1;
-var aCallable$3 = aCallable$8;
+var aCallable$4 = aCallable$9;
 var isCallable$1 = isCallable$k;
-var isObject$1 = isObject$8;
+var isObject$2 = isObject$9;
 var anInstance = anInstance$1;
 var speciesConstructor = speciesConstructor$1;
 var task = task$1.set;
@@ -2352,13 +2310,13 @@ var setInternalState = InternalStateModule.set;
 var NativePromisePrototype$1 = NativePromiseConstructor$2 && NativePromiseConstructor$2.prototype;
 var PromiseConstructor = NativePromiseConstructor$2;
 var PromisePrototype = NativePromisePrototype$1;
-var TypeError$1 = global$1.TypeError;
-var document$1 = global$1.document;
-var process$1 = global$1.process;
+var TypeError$1 = global$2.TypeError;
+var document$1 = global$2.document;
+var process$1 = global$2.process;
 var newPromiseCapability$1 = newPromiseCapabilityModule$3.f;
 var newGenericPromiseCapability = newPromiseCapability$1;
 
-var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$1.dispatchEvent);
+var DISPATCH_EVENT = !!(document$1 && document$1.createEvent && global$2.dispatchEvent);
 var UNHANDLED_REJECTION = 'unhandledrejection';
 var REJECTION_HANDLED = 'rejectionhandled';
 var PENDING = 0;
@@ -2372,7 +2330,7 @@ var Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;
 // helpers
 var isThenable = function (it) {
   var then;
-  return isObject$1(it) && isCallable$1(then = it.then) ? then : false;
+  return isObject$2(it) && isCallable$1(then = it.then) ? then : false;
 };
 
 var callReaction = function (reaction, state) {
@@ -2401,7 +2359,7 @@ var callReaction = function (reaction, state) {
       if (result === reaction.promise) {
         reject(TypeError$1('Promise-chain cycle'));
       } else if (then = isThenable(result)) {
-        call$6(then, result, resolve, reject);
+        call$7(then, result, resolve, reject);
       } else resolve(result);
     } else reject(value);
   } catch (error) {
@@ -2431,14 +2389,14 @@ var dispatchEvent = function (name, promise, reason) {
     event.promise = promise;
     event.reason = reason;
     event.initEvent(name, false, true);
-    global$1.dispatchEvent(event);
+    global$2.dispatchEvent(event);
   } else event = { promise: promise, reason: reason };
-  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$1['on' + name])) handler(event);
+  if (!NATIVE_PROMISE_REJECTION_EVENT && (handler = global$2['on' + name])) handler(event);
   else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
 };
 
 var onUnhandled = function (state) {
-  call$6(task, global$1, function () {
+  call$7(task, global$2, function () {
     var promise = state.facade;
     var value = state.value;
     var IS_UNHANDLED = isUnhandled(state);
@@ -2461,7 +2419,7 @@ var isUnhandled = function (state) {
 };
 
 var onHandleUnhandled = function (state) {
-  call$6(task, global$1, function () {
+  call$7(task, global$2, function () {
     var promise = state.facade;
     if (IS_NODE) {
       process$1.emit('rejectionHandled', promise);
@@ -2495,7 +2453,7 @@ var internalResolve = function (state, value, unwrap) {
       microtask(function () {
         var wrapper = { done: false };
         try {
-          call$6(then, value,
+          call$7(then, value,
             bind$1(internalResolve, wrapper, state),
             bind$1(internalReject, wrapper, state)
           );
@@ -2518,8 +2476,8 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   // 25.4.3.1 Promise(executor)
   PromiseConstructor = function Promise(executor) {
     anInstance(this, PromisePrototype);
-    aCallable$3(executor);
-    call$6(Internal, this);
+    aCallable$4(executor);
+    call$7(Internal, this);
     var state = getInternalPromiseState(this);
     try {
       executor(bind$1(internalResolve, state), bind$1(internalReject, state));
@@ -2546,7 +2504,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
 
   // `Promise.prototype.then` method
   // https://tc39.es/ecma262/#sec-promise.prototype.then
-  Internal.prototype = defineBuiltIn$1(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
+  Internal.prototype = defineBuiltIn$2(PromisePrototype, 'then', function then(onFulfilled, onRejected) {
     var state = getInternalPromiseState(this);
     var reaction = newPromiseCapability$1(speciesConstructor(this, PromiseConstructor));
     state.parent = true;
@@ -2579,10 +2537,10 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
 
     if (!NATIVE_PROMISE_SUBCLASSING) {
       // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs
-      defineBuiltIn$1(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
+      defineBuiltIn$2(NativePromisePrototype$1, 'then', function then(onFulfilled, onRejected) {
         var that = this;
         return new PromiseConstructor(function (resolve, reject) {
-          call$6(nativeThen, that, resolve, reject);
+          call$7(nativeThen, that, resolve, reject);
         }).then(onFulfilled, onRejected);
       // https://github.com/zloirock/core-js/issues/640
       }, { unsafe: true });
@@ -2600,88 +2558,88 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
   }
 }
 
-$$5({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
+$$9({ global: true, constructor: true, wrap: true, forced: FORCED_PROMISE_CONSTRUCTOR$4 }, {
   Promise: PromiseConstructor
 });
 
 setToStringTag(PromiseConstructor, PROMISE, false);
 setSpecies(PROMISE);
 
-var wellKnownSymbol$2 = wellKnownSymbol$e;
+var wellKnownSymbol$4 = wellKnownSymbol$g;
 var Iterators$1 = iterators;
 
-var ITERATOR$2 = wellKnownSymbol$2('iterator');
+var ITERATOR$3 = wellKnownSymbol$4('iterator');
 var ArrayPrototype = Array.prototype;
 
 // check on default Array iterator
 var isArrayIteratorMethod$1 = function (it) {
-  return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$2] === it);
+  return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$3] === it);
 };
 
-var classof = classof$2;
+var classof$2 = classof$4;
 var getMethod$1 = getMethod$3;
 var isNullOrUndefined = isNullOrUndefined$4;
 var Iterators = iterators;
-var wellKnownSymbol$1 = wellKnownSymbol$e;
+var wellKnownSymbol$3 = wellKnownSymbol$g;
 
-var ITERATOR$1 = wellKnownSymbol$1('iterator');
+var ITERATOR$2 = wellKnownSymbol$3('iterator');
 
 var getIteratorMethod$2 = function (it) {
-  if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$1)
+  if (!isNullOrUndefined(it)) return getMethod$1(it, ITERATOR$2)
     || getMethod$1(it, '@@iterator')
-    || Iterators[classof(it)];
+    || Iterators[classof$2(it)];
 };
 
-var call$5 = functionCall;
-var aCallable$2 = aCallable$8;
-var anObject$3 = anObject$a;
-var tryToString$1 = tryToString$4;
+var call$6 = functionCall;
+var aCallable$3 = aCallable$9;
+var anObject$5 = anObject$c;
+var tryToString$2 = tryToString$5;
 var getIteratorMethod$1 = getIteratorMethod$2;
 
-var $TypeError$1 = TypeError;
+var $TypeError$3 = TypeError;
 
 var getIterator$1 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
-  if (aCallable$2(iteratorMethod)) return anObject$3(call$5(iteratorMethod, argument));
-  throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
+  if (aCallable$3(iteratorMethod)) return anObject$5(call$6(iteratorMethod, argument));
+  throw $TypeError$3(tryToString$2(argument) + ' is not iterable');
 };
 
-var call$4 = functionCall;
-var anObject$2 = anObject$a;
+var call$5 = functionCall;
+var anObject$4 = anObject$c;
 var getMethod = getMethod$3;
 
 var iteratorClose$1 = function (iterator, kind, value) {
   var innerResult, innerError;
-  anObject$2(iterator);
+  anObject$4(iterator);
   try {
     innerResult = getMethod(iterator, 'return');
     if (!innerResult) {
       if (kind === 'throw') throw value;
       return value;
     }
-    innerResult = call$4(innerResult, iterator);
+    innerResult = call$5(innerResult, iterator);
   } catch (error) {
     innerError = true;
     innerResult = error;
   }
   if (kind === 'throw') throw value;
   if (innerError) throw innerResult;
-  anObject$2(innerResult);
+  anObject$4(innerResult);
   return value;
 };
 
 var bind = functionBindContext;
-var call$3 = functionCall;
-var anObject$1 = anObject$a;
-var tryToString = tryToString$4;
+var call$4 = functionCall;
+var anObject$3 = anObject$c;
+var tryToString$1 = tryToString$5;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
-var lengthOfArrayLike = lengthOfArrayLike$2;
-var isPrototypeOf = objectIsPrototypeOf;
+var lengthOfArrayLike$2 = lengthOfArrayLike$4;
+var isPrototypeOf$1 = objectIsPrototypeOf;
 var getIterator = getIterator$1;
 var getIteratorMethod = getIteratorMethod$2;
 var iteratorClose = iteratorClose$1;
 
-var $TypeError = TypeError;
+var $TypeError$2 = TypeError;
 
 var Result = function (stopped, result) {
   this.stopped = stopped;
@@ -2706,7 +2664,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
 
   var callFn = function (value) {
     if (AS_ENTRIES) {
-      anObject$1(value);
+      anObject$3(value);
       return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
     } return INTERRUPTED ? fn(value, stop) : fn(value);
   };
@@ -2717,31 +2675,31 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
-    if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
+    if (!iterFn) throw $TypeError$2(tryToString$1(iterable) + ' is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod(iterFn)) {
-      for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
+      for (index = 0, length = lengthOfArrayLike$2(iterable); length > index; index++) {
         result = callFn(iterable[index]);
-        if (result && isPrototypeOf(ResultPrototype, result)) return result;
+        if (result && isPrototypeOf$1(ResultPrototype, result)) return result;
       } return new Result(false);
     }
     iterator = getIterator(iterable, iterFn);
   }
 
   next = IS_RECORD ? iterable.next : iterator.next;
-  while (!(step = call$3(next, iterator)).done) {
+  while (!(step = call$4(next, iterator)).done) {
     try {
       result = callFn(step.value);
     } catch (error) {
       iteratorClose(iterator, 'throw', error);
     }
-    if (typeof result == 'object' && result && isPrototypeOf(ResultPrototype, result)) return result;
+    if (typeof result == 'object' && result && isPrototypeOf$1(ResultPrototype, result)) return result;
   } return new Result(false);
 };
 
-var wellKnownSymbol = wellKnownSymbol$e;
+var wellKnownSymbol$2 = wellKnownSymbol$g;
 
-var ITERATOR = wellKnownSymbol('iterator');
+var ITERATOR$1 = wellKnownSymbol$2('iterator');
 var SAFE_CLOSING = false;
 
 try {
@@ -2754,7 +2712,7 @@ try {
       SAFE_CLOSING = true;
     }
   };
-  iteratorWithReturn[ITERATOR] = function () {
+  iteratorWithReturn[ITERATOR$1] = function () {
     return this;
   };
   // eslint-disable-next-line es/no-array-from, no-throw-literal -- required for testing
@@ -2766,7 +2724,7 @@ var checkCorrectnessOfIteration$1 = function (exec, SKIP_CLOSING) {
   var ITERATION_SUPPORT = false;
   try {
     var object = {};
-    object[ITERATOR] = function () {
+    object[ITERATOR$1] = function () {
       return {
         next: function () {
           return { done: ITERATION_SUPPORT = true };
@@ -2786,9 +2744,9 @@ var promiseStaticsIncorrectIteration = FORCED_PROMISE_CONSTRUCTOR$3 || !checkCor
   NativePromiseConstructor$1.all(iterable).then(undefined, function () { /* empty */ });
 });
 
-var $$4 = _export;
-var call$2 = functionCall;
-var aCallable$1 = aCallable$8;
+var $$8 = _export;
+var call$3 = functionCall;
+var aCallable$2 = aCallable$9;
 var newPromiseCapabilityModule$2 = newPromiseCapability$2;
 var perform$1 = perform$3;
 var iterate$1 = iterate$2;
@@ -2796,14 +2754,14 @@ var PROMISE_STATICS_INCORRECT_ITERATION$1 = promiseStaticsIncorrectIteration;
 
 // `Promise.all` method
 // https://tc39.es/ecma262/#sec-promise.all
-$$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
+$$8({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION$1 }, {
   all: function all(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$2.f(C);
     var resolve = capability.resolve;
     var reject = capability.reject;
     var result = perform$1(function () {
-      var $promiseResolve = aCallable$1(C.resolve);
+      var $promiseResolve = aCallable$2(C.resolve);
       var values = [];
       var counter = 0;
       var remaining = 1;
@@ -2811,7 +2769,7 @@ $$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
         var index = counter++;
         var alreadyCalled = false;
         remaining++;
-        call$2($promiseResolve, C, promise).then(function (value) {
+        call$3($promiseResolve, C, promise).then(function (value) {
           if (alreadyCalled) return;
           alreadyCalled = true;
           values[index] = value;
@@ -2825,18 +2783,18 @@ $$4({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$3 = _export;
+var $$7 = _export;
 var FORCED_PROMISE_CONSTRUCTOR$2 = promiseConstructorDetection.CONSTRUCTOR;
 var NativePromiseConstructor = promiseNativeConstructor;
 var getBuiltIn$1 = getBuiltIn$7;
 var isCallable = isCallable$k;
-var defineBuiltIn = defineBuiltIn$5;
+var defineBuiltIn$1 = defineBuiltIn$6;
 
 var NativePromisePrototype = NativePromiseConstructor && NativePromiseConstructor.prototype;
 
 // `Promise.prototype.catch` method
 // https://tc39.es/ecma262/#sec-promise.prototype.catch
-$$3({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
+$$7({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real: true }, {
   'catch': function (onRejected) {
     return this.then(undefined, onRejected);
   }
@@ -2846,13 +2804,13 @@ $$3({ target: 'Promise', proto: true, forced: FORCED_PROMISE_CONSTRUCTOR$2, real
 if (isCallable(NativePromiseConstructor)) {
   var method = getBuiltIn$1('Promise').prototype['catch'];
   if (NativePromisePrototype['catch'] !== method) {
-    defineBuiltIn(NativePromisePrototype, 'catch', method, { unsafe: true });
+    defineBuiltIn$1(NativePromisePrototype, 'catch', method, { unsafe: true });
   }
 }
 
-var $$2 = _export;
-var call$1 = functionCall;
-var aCallable = aCallable$8;
+var $$6 = _export;
+var call$2 = functionCall;
+var aCallable$1 = aCallable$9;
 var newPromiseCapabilityModule$1 = newPromiseCapability$2;
 var perform = perform$3;
 var iterate = iterate$2;
@@ -2860,15 +2818,15 @@ var PROMISE_STATICS_INCORRECT_ITERATION = promiseStaticsIncorrectIteration;
 
 // `Promise.race` method
 // https://tc39.es/ecma262/#sec-promise.race
-$$2({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
+$$6({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION }, {
   race: function race(iterable) {
     var C = this;
     var capability = newPromiseCapabilityModule$1.f(C);
     var reject = capability.reject;
     var result = perform(function () {
-      var $promiseResolve = aCallable(C.resolve);
+      var $promiseResolve = aCallable$1(C.resolve);
       iterate(iterable, function (promise) {
-        call$1($promiseResolve, C, promise).then(capability.resolve, reject);
+        call$2($promiseResolve, C, promise).then(capability.resolve, reject);
       });
     });
     if (result.error) reject(result.value);
@@ -2876,35 +2834,35 @@ $$2({ target: 'Promise', stat: true, forced: PROMISE_STATICS_INCORRECT_ITERATION
   }
 });
 
-var $$1 = _export;
-var call = functionCall;
+var $$5 = _export;
+var call$1 = functionCall;
 var newPromiseCapabilityModule = newPromiseCapability$2;
 var FORCED_PROMISE_CONSTRUCTOR$1 = promiseConstructorDetection.CONSTRUCTOR;
 
 // `Promise.reject` method
 // https://tc39.es/ecma262/#sec-promise.reject
-$$1({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
+$$5({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR$1 }, {
   reject: function reject(r) {
     var capability = newPromiseCapabilityModule.f(this);
-    call(capability.reject, undefined, r);
+    call$1(capability.reject, undefined, r);
     return capability.promise;
   }
 });
 
-var anObject = anObject$a;
-var isObject = isObject$8;
+var anObject$2 = anObject$c;
+var isObject$1 = isObject$9;
 var newPromiseCapability = newPromiseCapability$2;
 
 var promiseResolve$1 = function (C, x) {
-  anObject(C);
-  if (isObject(x) && x.constructor === C) return x;
+  anObject$2(C);
+  if (isObject$1(x) && x.constructor === C) return x;
   var promiseCapability = newPromiseCapability.f(C);
   var resolve = promiseCapability.resolve;
   resolve(x);
   return promiseCapability.promise;
 };
 
-var $ = _export;
+var $$4 = _export;
 var getBuiltIn = getBuiltIn$7;
 var FORCED_PROMISE_CONSTRUCTOR = promiseConstructorDetection.CONSTRUCTOR;
 var promiseResolve = promiseResolve$1;
@@ -2913,62 +2871,12 @@ getBuiltIn('Promise');
 
 // `Promise.resolve` method
 // https://tc39.es/ecma262/#sec-promise.resolve
-$({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
+$$4({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
   resolve: function resolve(x) {
     return promiseResolve(this, x);
   }
 });
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-const useOrchestratorConfig = initialOrchestratorConfig => {
-  const [orchestratorConfig] = useState(initialOrchestratorConfig);
-  return {
-    orchestratorConfig
-  };
-};
-
-const OrchestratorConfigContext = /*#__PURE__*/createContext({
-  engineStatusEndpoint: '',
-  processStatusCountsEndpoint: ''
-});
-const OrchestratorConfigProvider = ({
-  initialOrchestratorConfig,
-  children
-}) => {
-  const {
-    orchestratorConfig
-  } = useOrchestratorConfig(initialOrchestratorConfig);
-  return jsx(OrchestratorConfigContext.Provider, Object.assign({
-    value: orchestratorConfig
-  }, {
-    children: children
-  }));
-};
-
 const useEngineStatusQuery = () => {
   const {
     engineStatusEndpoint
@@ -2982,6 +2890,20 @@ const useEngineStatusQuery = () => {
   return useQuery('engineStatus', fetchEngineStatus);
 };
 
+const useOrchestratorTheme = () => {
+  const {
+    euiTheme
+  } = useEuiTheme();
+  const baseUnit = euiTheme.base;
+  const multiplyByBaseUnit = multiplier => baseUnit * multiplier;
+  const toSecondaryColor = color => tint(color, 0.8);
+  return {
+    theme: euiTheme,
+    multiplyByBaseUnit,
+    toSecondaryColor
+  };
+};
+
 var ProcessStatus;
 (function (ProcessStatus) {
   ProcessStatus["CREATED"] = "created";
@@ -3007,179 +2929,1518 @@ const useProcessStatusCountsQuery = () => {
   return useQuery('processStatusCounts', fetchProcessStatusCounts);
 };
 
-const getTaskCountsSummary = processStatusCounts => {
-  var _a, _b, _c;
-  const failed = (_a = processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.failed) !== null && _a !== void 0 ? _a : 0;
-  const inconsistentData = (_b = processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.inconsistent_data) !== null && _b !== void 0 ? _b : 0;
-  const apiUnavailable = (_c = processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.api_unavailable) !== null && _c !== void 0 ? _c : 0;
-  return {
-    failed,
-    inconsistentData,
-    apiUnavailable,
-    total: failed + inconsistentData + apiUnavailable
+function getFavouriteSubscriptions(apiUrl) {
+  return __awaiter(this, void 0, void 0, function* () {
+    console.log('api url', apiUrl);
+    const response = yield fetch(apiUrl + '/subscriptions/?range=10%2C15');
+    return yield response.json();
+  });
+}
+function getProcessesNeedingAttention(apiUrl) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const response = yield fetch(apiUrl + '/processes/?range=100%2C105');
+    return yield response.json();
+  });
+}
+function getRecentProcesses(apiUrl) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const response = yield fetch(apiUrl + '/processes/?range=106%2C111');
+    return yield response.json();
+  });
+}
+const useFavouriteSubscriptions = () => {
+  const {
+    orchestratorApiBaseUrl
+  } = useContext(OrchestratorConfigContext);
+  const {
+    data,
+    isLoading
+  } = useQuery(['favouriteSubscriptions'], () => getFavouriteSubscriptions(orchestratorApiBaseUrl));
+  const initialData = {
+    buttonName: 'Show all favourites',
+    items: [],
+    title: 'Favourite Subscriptions',
+    type: 'subscription'
   };
+  return isLoading ? initialData : Object.assign(Object.assign({}, initialData), {
+    items: data
+  });
 };
-const OrchestratorPageHeader = ({
-  navigationHeight,
-  getAppLogo,
-  handleLogoutClick
-}) => {
+const useProcessesAttention = () => {
   const {
-    theme,
-    multiplyByBaseUnit
-  } = useOrchestratorTheme();
+    orchestratorApiBaseUrl
+  } = useContext(OrchestratorConfigContext);
   const {
-    data: engineStatus
-  } = useEngineStatusQuery();
+    data,
+    isLoading
+  } = useQuery(['processesAttention'], () => getProcessesNeedingAttention(orchestratorApiBaseUrl));
+  const initialData = {
+    type: 'process',
+    title: 'Processes that need attention',
+    items: [],
+    buttonName: 'Show all active processes'
+  };
+  return isLoading ? initialData : Object.assign(Object.assign({}, initialData), {
+    items: data
+  });
+};
+const useRecentProcesses = () => {
   const {
-    data: processStatusCounts
-  } = useProcessStatusCountsQuery();
+    orchestratorApiBaseUrl
+  } = useContext(OrchestratorConfigContext);
   const {
-    total: totalFailedTasks
-  } = getTaskCountsSummary(processStatusCounts);
-  return jsxs(EuiHeader, Object.assign({
-    css: {
-      backgroundColor: theme.colors.primary,
-      height: navigationHeight
-    }
-  }, {
-    children: [jsxs(EuiHeaderSection, {
-      children: [jsx(EuiHeaderSectionItem, {
-        children: jsx(EuiHeaderLogo, {
-          iconType: () => getAppLogo(navigationHeight)
-        })
-      }), jsx(EuiHeaderSectionItem, {
-        children: jsx(HeaderBadge, Object.assign({
-          color: "warning"
-        }, {
-          children: "Development"
-        }))
-      })]
-    }), jsx(EuiHeaderSection, {
-      children: jsxs(EuiHeaderSectionItem, {
-        children: [jsxs(EuiBadgeGroup, Object.assign({
-          css: {
-            marginRight: multiplyByBaseUnit(2)
-          }
-        }, {
-          children: [jsxs(HeaderBadge, Object.assign({
-            color: "emptyShade",
-            iconType: () => jsx(StatusDotIcon, {
-              color: theme.colors.success
-            })
-          }, {
-            children: ["Engine ", engineStatus === null || engineStatus === void 0 ? void 0 : engineStatus.global_status]
-          })), jsx(HeaderBadge, Object.assign({
-            color: "emptyShade",
-            iconType: () => jsx(XCircleFill, {
-              color: theme.colors.danger
-            })
-          }, {
-            children: totalFailedTasks
-          }))]
-        })), jsx(EuiButtonIcon, {
-          "aria-label": "Logout",
-          display: "empty",
-          iconType: () => jsx(LogoutIcon, {
-            color: theme.colors.emptyShade
-          }),
-          css: {
-            width: 48,
-            height: 48
-          },
-          color: "ghost",
-          onClick: () => handleLogoutClick()
-        })]
-      })
-    })]
-  }));
-};
-
-const OrchestratorSidebar = ({
-  text
-}) => {
-  const router = useRouter();
-  return jsx(EuiSideNav, {
-    mobileTitle: "Nav Items",
-    isOpenOnMobile: false,
-    items: [{
-      name: 'Menu',
-      id: 1,
-      items: [{
-        name: 'Home',
-        id: 2,
-        onClick: e => {
-          e.preventDefault();
-          router.push('/');
-        },
-        href: '/'
-      }, {
-        name: 'Subscriptions',
-        id: 3,
-        // TODO: NEXT router / EUI seem to cause unneeded re-renders. At least in dev mode,
-        onClick: e => {
-          e.preventDefault();
-          router.push('/subscriptions');
-        },
-        href: '/subscriptions'
-      }
-      // {
-      //     name: 'Anchor item',
-      //     id: 4,
-      //     href: '#',
-      // },
-      ]
-    }]
+    data,
+    isLoading
+  } = useQuery(['recentProcesses'], () => getRecentProcesses(orchestratorApiBaseUrl));
+  const initialData = {
+    type: 'process',
+    title: 'Recently completed processes',
+    items: [],
+    buttonName: 'Show all completed processes'
+  };
+  return isLoading ? initialData : Object.assign(Object.assign({}, initialData), {
+    items: data
   });
 };
 
-const OrchestratorPageTemplate = ({
-  children,
-  getAppLogo
+const SubscriptionStatusBadge = ({
+  subscriptionStatus
 }) => {
   const {
     theme,
-    multiplyByBaseUnit
+    toSecondaryColor
   } = useOrchestratorTheme();
-  const [isSideMenuVisible, setIsSideMenuVisible] = useState(true);
-  const navigationHeight = multiplyByBaseUnit(3);
-  return jsxs(Fragment, {
-    children: [jsx(OrchestratorPageHeader, {
-      getAppLogo: getAppLogo,
-      navigationHeight: navigationHeight,
-      handleLogoutClick: () => setIsSideMenuVisible(!isSideMenuVisible)
-    }), jsxs(EuiPageTemplate, Object.assign({
-      panelled: false,
-      grow: false,
-      contentBorder: false,
-      minHeight: `calc(100vh - ${navigationHeight}px)`
-    }, {
-      children: [isSideMenuVisible && jsx(EuiPageTemplate.Sidebar, Object.assign({
-        css: {
-          backgroundColor: theme.colors.body
-        }
-      }, {
-        children: jsx(OrchestratorSidebar, {
-          text: "Sidebar"
-        })
-      })), jsx(EuiPageTemplate.Section, Object.assign({
-        css: {
-          backgroundColor: theme.colors.emptyShade
-        }
-      }, {
-        children: children
-      }))]
-    }))]
-  });
+  const getBadgeColorFromSubscriptionStatus = status => {
+    const {
+      primary,
+      darkestShade,
+      lightShade,
+      primaryText,
+      success,
+      successText
+    } = theme.colors;
+    switch (status) {
+      case 'active':
+        return {
+          badgeColor: toSecondaryColor(success),
+          textColor: successText
+        };
+      case 'terminated':
+        return {
+          badgeColor: lightShade,
+          textColor: darkestShade
+        };
+      default:
+        return {
+          badgeColor: toSecondaryColor(primary),
+          textColor: primaryText
+        };
+    }
+  };
+  const {
+    badgeColor,
+    textColor
+  } = getBadgeColorFromSubscriptionStatus(subscriptionStatus);
+  return jsx(Badge, Object.assign({
+    textColor: textColor,
+    color: badgeColor
+  }, {
+    children: subscriptionStatus
+  }));
 };
 
-const defaultOrchestratorTheme = {
-  colors: {
-    DARK: {},
-    LIGHT: {
-      primary: '#0077C8',
-      accent: '#E67300',
-      success: '#008939',
+const HeaderBadge = _a => {
+  var {
+      children
+    } = _a,
+    restProps = __rest(_a, ["children"]);
+  const css = restProps.iconType ? {
+    height: 24,
+    display: 'flex',
+    paddingLeft: 0
+  } : {
+    height: 24,
+    display: 'flex'
+  };
+  return jsx(Badge, Object.assign({}, restProps, {
+    css: css
+  }, {
+    children: children
+  }));
+};
+
+const XCircleFill = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/x-circle-fill"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/x-circle-fill",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M10.70711,9.29289 C10.31658,8.90237 9.68342,8.90237 9.29289,9.29289 C8.90237,9.68342 8.90237,10.31658 9.29289,10.70711 L10.58579,12 L9.29289,13.2929 C8.90237,13.6834 8.90237,14.3166 9.29289,14.7071 C9.68342,15.0976 10.31658,15.0976 10.70711,14.7071 L12,13.4142 L13.2929,14.7071 C13.6834,15.0976 14.3166,15.0976 14.7071,14.7071 C15.0976,14.3166 15.0976,13.6834 14.7071,13.2929 L13.4142,12 L14.7071,10.70711 C15.0976,10.31658 15.0976,9.68342 14.7071,9.29289 C14.3166,8.90237 13.6834,8.90237 13.2929,9.29289 L12,10.58579 L10.70711,9.29289 Z",
+        id: "Shape"
+      })
+    }))
+  }))]
+}));
+
+const getTaskCountsSummary = processStatusCounts => {
+  const failed = (processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.failed) || 0;
+  const inconsistentData = (processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.inconsistent_data) || 0;
+  const apiUnavailable = (processStatusCounts === null || processStatusCounts === void 0 ? void 0 : processStatusCounts.task_counts.api_unavailable) || 0;
+  return {
+    failed,
+    inconsistentData,
+    apiUnavailable,
+    total: failed + inconsistentData + apiUnavailable
+  };
+};
+const FailedTasksBadge = () => {
+  const {
+    theme
+  } = useOrchestratorTheme();
+  const {
+    data: processStatusCounts
+  } = useProcessStatusCountsQuery();
+  const taskCountsSummary = getTaskCountsSummary(processStatusCounts);
+  return jsx(EuiToolTip, Object.assign({
+    position: "bottom",
+    content: jsxs(Fragment, {
+      children: [jsxs("div", {
+        children: ["Failed: ", taskCountsSummary.failed]
+      }), jsxs("div", {
+        children: ["Inconsistent data: ", taskCountsSummary.inconsistentData]
+      }), jsxs("div", {
+        children: ["API unavailable: ", taskCountsSummary.apiUnavailable]
+      })]
+    })
+  }, {
+    children: jsx(HeaderBadge, Object.assign({
+      color: theme.colors.emptyShade,
+      textColor: theme.colors.shadow,
+      iconType: () => jsx(XCircleFill, {
+        color: theme.colors.danger
+      })
+    }, {
+      children: taskCountsSummary.total
+    }))
+  }));
+};
+
+const EnvironmentBadge = () => {
+  const {
+    environmentName
+  } = useContext(OrchestratorConfigContext);
+  const {
+    theme,
+    toSecondaryColor
+  } = useOrchestratorTheme();
+  if (environmentName !== Environment.PRODUCTION) {
+    return jsx(HeaderBadge, Object.assign({
+      color: "warning",
+      textColor: theme.colors.shadow
+    }, {
+      children: environmentName
+    }));
+  }
+  return jsx(HeaderBadge, Object.assign({
+    color: toSecondaryColor(theme.colors.primary),
+    textColor: theme.colors.primary
+  }, {
+    children: environmentName
+  }));
+};
+
+const StatusDotIcon = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/statusdot"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsxs("g", Object.assign({
+      id: "icon/statusdot",
+      fill: _color,
+      fillRule: "nonzero"
+    }, {
+      children: [jsx("circle", {
+        id: "Oval",
+        opacity: "0.25",
+        cx: "12",
+        cy: "12",
+        r: "8"
+      }), jsx("circle", {
+        id: "Oval",
+        cx: "12",
+        cy: "12",
+        r: "4"
+      })]
+    }))
+  }))]
+}));
+
+const EngineStatusBadge = () => {
+  const {
+    theme
+  } = useOrchestratorTheme();
+  const {
+    data: engineStatus
+  } = useEngineStatusQuery();
+  const engineStatusText = (engineStatus === null || engineStatus === void 0 ? void 0 : engineStatus.global_status) ? `Engine is ${engineStatus.global_status}` : 'Engine status is unavailable';
+  return jsx(HeaderBadge, Object.assign({
+    color: theme.colors.emptyShade,
+    textColor: theme.colors.shadow,
+    iconType: () => jsx(StatusDotIcon, {
+      color: theme.colors.success
+    })
+  }, {
+    children: engineStatusText
+  }));
+};
+
+const LogoutIcon = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/logout"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/logout",
+      fill: _color,
+      fillRule: "nonzero"
+    }, {
+      children: jsx("path", {
+        d: "M10,3 C12.2091701,3 14,4.79085056 14,7 L14,8 C14,8.55228475 13.5522847,9 13,9 C12.4477153,9 12,8.55228475 12,8 L12,7 C12,5.8954149 11.1045954,5 10,5 L6,5 C4.89543475,5 4,5.89543475 4,7 L4,17 C4,18.1045954 4.8954149,19 6,19 L10,19 C11.1046153,19 12,18.1046153 12,17 L12,16 C12,15.4477153 12.4477153,15 13,15 C13.5522847,15 14,15.4477153 14,16 L14,17 C14,19.2091847 12.2091847,21 10,21 L6,21 C3.79085056,21 2,19.2091701 2,17 L2,7 C2,4.79086525 3.79086525,3 6,3 L10,3 Z M17.7071068,7.29289322 L21.7071068,11.2928932 L21.7485042,11.336853 L21.757,11.347 L21.787214,11.3832499 L21.779,11.374 L21.8036654,11.4046934 C21.8215099,11.4288693 21.8382813,11.453725 21.8539326,11.4793398 L21.8753288,11.5159379 C21.8862061,11.5357061 21.8966234,11.5561086 21.9063462,11.5769009 L21.9287745,11.628664 C21.9366843,11.6484208 21.9438775,11.6682023 21.9504533,11.6882636 C21.9552713,11.7031487 21.9599023,11.7185367 21.9641549,11.734007 C21.9701664,11.7555635 21.9753602,11.7772539 21.9798348,11.7992059 C21.9832978,11.8166247 21.9863719,11.834051 21.9889822,11.8515331 C21.9920328,11.8714753 21.9944666,11.892114 21.9962623,11.912935 C21.9978436,11.9317345 21.9989053,11.9497336 21.9994829,11.9677454 C21.9998183,11.9777892 22,11.9888734 22,12 L21.996384,12.0852242 L21.9889807,12.1489612 C21.9863719,12.165949 21.9832978,12.1833753 21.9797599,12.2007258 C21.9753602,12.2227461 21.9701664,12.2444365 21.964279,12.2658396 C21.9599023,12.2814633 21.9552713,12.2968513 21.9502619,12.3121425 C21.9438775,12.3317977 21.9366843,12.3515792 21.928896,12.3710585 L21.9063266,12.4232215 C21.8966234,12.4438914 21.8862061,12.4642939 21.8751242,12.484277 C21.8685012,12.4963944 21.8613931,12.5086131 21.8540045,12.5207088 C21.8382813,12.546275 21.8215099,12.5711307 21.8036865,12.5951593 L21.7870723,12.6170223 C21.7849289,12.6196628 21.7826279,12.6225624 21.7803112,12.625449 L21.7071068,12.7071068 L17.7071068,16.7071068 C17.3165825,17.0976311 16.6834175,17.0976311 16.2928932,16.7071068 C15.9023689,16.3165825 15.9023689,15.6834175 16.2928932,15.2928932 L18.585,13 L7,13 C6.44771525,13 6,12.5522847 6,12 C6,11.4477153 6.44771525,11 7,11 L18.585,11 L16.2928932,8.70710678 C15.9023689,8.31658249 15.9023689,7.68341751 16.2928932,7.29289322 C16.6834175,6.90236893 17.3165825,6.90236893 17.7071068,7.29289322 Z",
+        id: "Combined-Shape"
+      })
+    }))
+  }))]
+}));
+
+const OrchestratorPageHeader = ({
+  navigationHeight,
+  getAppLogo,
+  handleLogoutClick
+}) => {
+  const {
+    theme,
+    multiplyByBaseUnit
+  } = useOrchestratorTheme();
+  return jsxs(EuiHeader, Object.assign({
+    css: {
+      backgroundColor: theme.colors.primary,
+      height: navigationHeight
+    }
+  }, {
+    children: [jsxs(EuiHeaderSection, {
+      children: [jsx(EuiHeaderSectionItem, {
+        children: jsx(EuiHeaderLogo, {
+          iconType: () => getAppLogo(navigationHeight)
+        })
+      }), jsx(EuiHeaderSectionItem, {
+        children: jsx(EnvironmentBadge, {})
+      })]
+    }), jsx(EuiHeaderSection, {
+      children: jsxs(EuiHeaderSectionItem, {
+        children: [jsxs(EuiBadgeGroup, Object.assign({
+          css: {
+            marginRight: multiplyByBaseUnit(2)
+          }
+        }, {
+          children: [jsx(EngineStatusBadge, {}), jsx(FailedTasksBadge, {})]
+        })), jsx(EuiButtonIcon, {
+          "aria-label": "Logout",
+          display: "empty",
+          iconType: () => jsx(LogoutIcon, {
+            color: theme.colors.emptyShade
+          }),
+          css: {
+            width: 48,
+            height: 48
+          },
+          color: "ghost",
+          onClick: () => handleLogoutClick()
+        })]
+      })
+    })]
+  }));
+};
+
+const OrchestratorSidebar = ({
+  routeTo
+}) => jsx(EuiSideNav, {
+  mobileTitle: "Nav Items",
+  isOpenOnMobile: false,
+  items: [{
+    renderItem: () => jsxs(Fragment, {
+      children: [jsx(EuiButton, Object.assign({
+        onClick: e => {
+          e.preventDefault();
+          routeTo('/new-process');
+        },
+        iconType: "plus",
+        fullWidth: true
+      }, {
+        children: "New Process"
+      })), jsx(EuiSpacer, {
+        size: "m"
+      })]
+    }),
+    name: 'Menu',
+    id: 1,
+    items: [{
+      name: 'Start',
+      id: 2,
+      onClick: e => {
+        e.preventDefault();
+        routeTo('/');
+      },
+      href: '/'
+    }, {
+      name: 'Subscriptions',
+      id: 3,
+      // TODO: NEXT router / EUI seem to cause unneeded re-renders. At least in dev mode,
+      onClick: e => {
+        e.preventDefault();
+        routeTo('/subscriptions');
+      },
+      href: '/subscriptions'
+    }]
+  }]
+});
+
+const OrchestratorPageTemplate = ({
+  children,
+  routeTo,
+  getAppLogo
+}) => {
+  const {
+    theme,
+    multiplyByBaseUnit
+  } = useOrchestratorTheme();
+  const [isSideMenuVisible, setIsSideMenuVisible] = useState(true);
+  const navigationHeight = multiplyByBaseUnit(3);
+  return jsxs(Fragment, {
+    children: [jsx(OrchestratorPageHeader, {
+      getAppLogo: getAppLogo,
+      navigationHeight: navigationHeight,
+      handleLogoutClick: () => setIsSideMenuVisible(!isSideMenuVisible)
+    }), jsxs(EuiPageTemplate, Object.assign({
+      panelled: false,
+      grow: false,
+      contentBorder: false,
+      minHeight: `calc(100vh - ${navigationHeight}px)`,
+      restrictWidth: false
+    }, {
+      children: [isSideMenuVisible && jsx(EuiPageTemplate.Sidebar, Object.assign({
+        css: {
+          backgroundColor: theme.colors.body
+        }
+      }, {
+        children: jsx(OrchestratorSidebar, {
+          routeTo: routeTo
+        })
+      })), jsx(EuiPageTemplate.Section, Object.assign({
+        css: {
+          backgroundColor: theme.colors.emptyShade
+        }
+      }, {
+        children: children
+      }))]
+    }))]
+  });
+};
+
+const FrequentlyUsed = ({
+  values
+}) => {
+  return jsx(EuiFlexGroup, Object.assign({
+    wrap: true,
+    gutterSize: "m"
+  }, {
+    children: values.map((value, index) => jsx(EuiFlexItem, Object.assign({
+      grow: false
+    }, {
+      children: jsx(EuiButton, Object.assign({
+        size: "xs",
+        style: {
+          minWidth: 0
+        }
+      }, {
+        children: value
+      }))
+    }), index))
+  }));
+};
+
+const ListItemStartPage = ({
+  item,
+  type
+}) => {
+  const [hoverState, setHoverState] = useState(false);
+  const renderItem = (item, type) => {
+    if (type === 'subscription') {
+      item = item;
+      return jsxs(EuiFlexItem, {
+        children: [jsx(EuiTextColor, Object.assign({
+          color: hoverState ? '#397dc2' : 'black',
+          style: {
+            fontWeight: 500,
+            transition: '0.2s'
+          }
+        }, {
+          children: item.product.name
+        })), jsx(EuiTextColor, Object.assign({
+          style: {
+            fontWeight: 400
+          }
+        }, {
+          children: item.subscription_id.slice(0, 8)
+        }))]
+      });
+    } else if (type === 'process') {
+      item = item;
+      const date = new Date(item.last_modified_at * 1000);
+      const formattedDate = moment(date).format('DD-MM-YYYY, HH:mm');
+      return jsxs(EuiFlexItem, {
+        children: [jsx(EuiTextColor, Object.assign({
+          color: hoverState ? '#397dc2' : 'black',
+          style: {
+            fontWeight: 500,
+            transition: '0.2s'
+          }
+        }, {
+          children: item.workflow
+        })), jsxs(EuiTextColor, Object.assign({
+          style: {
+            fontWeight: 400
+          }
+        }, {
+          children: [formattedDate, " for", ' ', jsx("span", Object.assign({
+            style: {
+              color: '#397dc2'
+            }
+          }, {
+            children: "KLM"
+          }))]
+        }))]
+      });
+    }
+  };
+  return jsx(Link, Object.assign({
+    href: `/subscriptions/${'subscription_id' in item ? item.subscription_id : ''}`
+  }, {
+    children: jsxs(EuiFlexGroup, Object.assign({
+      style: {
+        cursor: 'pointer',
+        paddingBlock: 10
+      },
+      onMouseOver: () => setHoverState(true),
+      onMouseLeave: () => setHoverState(false)
+    }, {
+      children: [renderItem(item, type), jsx(EuiFlexItem, Object.assign({
+        grow: false,
+        style: {
+          display: hoverState ? 'block' : 'none'
+        }
+      }, {
+        children: jsx(EuiIcon, {
+          type: "sortRight",
+          color: "primary"
+        })
+      }))]
+    }))
+  }));
+};
+
+function ListStartPage({
+  list
+}) {
+  return list && jsx(EuiFlexItem, Object.assign({
+    style: {
+      minWidth: 300
+    }
+  }, {
+    children: jsxs(EuiPanel, Object.assign({
+      hasShadow: false,
+      hasBorder: true,
+      paddingSize: "l"
+    }, {
+      children: [jsx("p", Object.assign({
+        style: {
+          fontWeight: 600
+        }
+      }, {
+        children: list.title
+      })), jsx(EuiSpacer, {
+        size: "m"
+      }), list.items.map((item, index) => jsxs(Fragment, {
+        children: [jsx(ListItemStartPage, {
+          item: item,
+          type: list.type
+        }), index === list.items.length - 1 ? null : jsx(EuiHorizontalRule, {
+          margin: "none"
+        })]
+      })), jsx(EuiSpacer, {
+        size: "m"
+      }), jsx(EuiButton, Object.assign({
+        fullWidth: true
+      }, {
+        children: list.buttonName
+      }))]
+    }))
+  }));
+}
+
+const MultiListSection = () => {
+  const favouriteSubscriptionsList = useFavouriteSubscriptions();
+  const processesAttentionList = useProcessesAttention();
+  const completedProcessesList = useRecentProcesses();
+  return jsxs(EuiFlexGroup, Object.assign({
+    wrap: true
+  }, {
+    children: [jsx(ListStartPage, {
+      list: favouriteSubscriptionsList
+    }), jsx(ListStartPage, {
+      list: processesAttentionList
+    }), jsx(ListStartPage, {
+      list: completedProcessesList
+    })]
+  }));
+};
+
+const NewProcessPanel = () => {
+  const [value, setValue] = useState('');
+  const onChange = e => {
+    setValue(e.target.value);
+  };
+  const frequentlyUsedValues = ['IP Prefix', 'SN8 LightPath', 'NL8 MSC', 'NL8 Service Port 100G', 'SN8 AGGSP'];
+  return jsxs(EuiPanel, Object.assign({
+    hasShadow: false,
+    color: "subdued",
+    paddingSize: "l"
+  }, {
+    children: [jsx(EuiText, {
+      children: jsx("b", {
+        children: "Start a new process"
+      })
+    }), jsx(EuiSpacer, {
+      size: "m"
+    }), jsx(EuiFieldSearch, {
+      fullWidth: true,
+      placeholder: "Search and select process",
+      value: value,
+      onChange: e => onChange(e),
+      "aria-label": "Search and select process"
+    }), jsx(EuiSpacer, {
+      size: "m"
+    }), jsx(EuiTextColor, Object.assign({
+      color: "subdued"
+    }, {
+      children: "Frequently used:"
+    })), jsx(EuiSpacer, {
+      size: "s"
+    }), jsx(FrequentlyUsed, {
+      values: frequentlyUsedValues
+    })]
+  }));
+};
+
+const totalStats = [{
+  icon: 'kubernetesPod',
+  name: 'subscriptions',
+  value: 24864,
+  color: 'primary'
+}, {
+  icon: 'error',
+  name: 'processes failed',
+  value: 462252,
+  color: 'danger'
+}, {
+  icon: 'checkInCircleFilled',
+  name: 'processes completed',
+  value: 1353632,
+  color: 'success'
+}];
+const StatCards = () => {
+  const [stats] = useState(totalStats);
+  const {
+    theme
+  } = useOrchestratorTheme();
+  return jsx(EuiFlexGroup, Object.assign({
+    wrap: true
+  }, {
+    children: stats.map((stat, index) => jsx(EuiFlexItem, {
+      children: jsx(EuiPanel, Object.assign({
+        hasShadow: false,
+        color: "subdued",
+        paddingSize: "l"
+      }, {
+        children: jsxs(EuiFlexGroup, {
+          children: [jsx(EuiFlexItem, Object.assign({
+            grow: false
+          }, {
+            children: jsx(EuiAvatar, {
+              iconSize: "l",
+              size: "xl",
+              type: "space",
+              name: stat.name,
+              style: {
+                maxHeight: 55,
+                maxWidth: 55
+              },
+              iconType: stat.icon,
+              iconColor: theme.colors.ghost,
+              color: theme.colors[stat.color]
+            })
+          })), jsxs(EuiFlexItem, {
+            children: [jsx(EuiText, Object.assign({
+              color: "subdued"
+            }, {
+              children: jsxs("h4", Object.assign({
+                style: {
+                  fontWeight: 300
+                }
+              }, {
+                children: ["Total ", stat.name]
+              }))
+            })), jsx(EuiText, {
+              children: jsx("h2", Object.assign({
+                style: {
+                  fontWeight: 500
+                }
+              }, {
+                children: stat.value.toLocaleString('de-DE')
+              }))
+            })]
+          })]
+        })
+      }))
+    }, index))
+  }));
+};
+
+var $$3 = _export;
+var $includes = arrayIncludes.includes;
+var fails$4 = fails$i;
+var addToUnscopables = addToUnscopables$2;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails$4(function () {
+  // eslint-disable-next-line es/no-array-prototype-includes -- detection
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$3({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+var isObject = isObject$9;
+var classof$1 = classofRaw$2;
+var wellKnownSymbol$1 = wellKnownSymbol$g;
+
+var MATCH$1 = wellKnownSymbol$1('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof$1(it) == 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError$1 = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw $TypeError$1("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var classof = classof$4;
+
+var $String = String;
+
+var toString$4 = function (argument) {
+  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  return $String(argument);
+};
+
+var wellKnownSymbol = wellKnownSymbol$g;
+
+var MATCH = wellKnownSymbol('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $$2 = _export;
+var uncurryThis$3 = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible$1 = requireObjectCoercible$4;
+var toString$3 = toString$4;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis$3(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$$2({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString$3(requireObjectCoercible$1(this)),
+      toString$3(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});
+
+const CheckmarkCircleFill = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/checkmark-circle-fill"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/checkmark-circle-fill",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M15.7071,10.70711 C16.0976,10.31658 16.0976,9.68342 15.7071,9.29289 C15.3166,8.90237 14.6834,8.90237 14.2929,9.29289 L11,12.5858 L9.70711,11.29289 C9.31658,10.90237 8.68342,10.90237 8.29289,11.29289 C7.90237,11.68342 7.90237,12.3166 8.29289,12.7071 L10.29289,14.7071 C10.68342,15.0976 11.31658,15.0976 11.70711,14.7071 L15.7071,10.70711 Z",
+        id: "Shape"
+      })
+    }))
+  }))]
+}));
+
+const MinusCircleOutline = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/minus-circle-outline"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/minus-circle-outline",
+      fill: _color,
+      fillRule: "nonzero"
+    }, {
+      children: jsx("path", {
+        d: "M12,4 C16.4183,4 20,7.58172 20,12 C20,16.4183 16.4183,20 12,20 C7.58172,20 4,16.4183 4,12 C4,7.58172 7.58172,4 12,4 Z M12,6 C8.6862895,6 6,8.6862895 6,12 C6,15.3137228 8.68628182,18 12,18 C15.3137305,18 18,15.3137305 18,12 C18,8.68628182 15.3137228,6 12,6 Z M15,11 C15.5523,11 16,11.44772 16,12 C16,12.5523 15.5523,13 15,13 L9,13 C8.44772,13 8,12.5523 8,12 C8,11.44772 8.44772,11 9,11 Z",
+        id: "Combined-Shape"
+      })
+    }))
+  }))]
+}));
+
+const PlusCircleFill = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/plus-circle-fill"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/plus-circle-fill",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M12,20 C16.4183,20 20,16.4183 20,12 C20,7.58172 16.4183,4 12,4 C7.58172,4 4,7.58172 4,12 C4,16.4183 7.58172,20 12,20 Z M13,9 C13,8.44772 12.5523,8 12,8 C11.44772,8 11,8.44772 11,9 L11,11 L9,11 C8.44772,11 8,11.44771 8,12 C8,12.5523 8.44772,13 9,13 L11,13 L11,15 C11,15.5523 11.44772,16 12,16 C12.5523,16 13,15.5523 13,15 L13,13 L15,13 C15.5523,13 16,12.5523 16,12 C16,11.44772 15.5523,11 15,11 L13,11 L13,9 Z",
+        id: "Shape"
+      })
+    }))
+  }))]
+}));
+
+const ChevronDown = ({
+  width: _width = 24,
+  height: _height = 24,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 24 24",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/chevron-down"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/chevron-down",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M7.29289,9.29289 C7.68342,8.90237 8.31658,8.90237 8.70711,9.29289 L12,12.5858 L15.2929,9.29289 C15.6834,8.90237 16.3166,8.90237 16.7071,9.29289 C17.0976,9.68342 17.0976,10.31658 16.7071,10.70711 L12.7071,14.7071 C12.3166,15.0976 11.68342,15.0976 11.29289,14.7071 L7.29289,10.70711 C6.90237,10.31658 6.90237,9.68342 7.29289,9.29289 Z",
+        id: "Path"
+      })
+    }))
+  }))]
+}));
+
+const ArrowNarrowDown = ({
+  width: _width = 16,
+  height: _height = 20,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 16 20",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/arrow-narrow-down"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/arrow-narrow-down",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M4.29289,9.70711 C3.90237,9.31658 3.90237,8.68342 4.29289,8.29289 L7.29289,5.29289 C7.68342,4.90237 8.3166,4.90237 8.7071,5.29289 L11.7071,8.29289 C12.0976,8.68342 12.0976,9.31658 11.7071,9.70711 C11.3166,10.09763 10.6834,10.09763 10.2929,9.70711 L9,8.41421 L9,14 C9,14.5523 8.5523,15 8,15 C7.44772,15 7,14.5523 7,14 L7,8.41421 L5.70711,9.70711 C5.31658,10.09763 4.68342,10.09763 4.29289,9.70711 Z",
+        id: "Path",
+        transform: "translate(7.999988, 10.000000) rotate(-180.000000) translate(-7.999988, -10.000000) "
+      })
+    }))
+  }))]
+}));
+
+const ArrowNarrowUp = ({
+  width: _width = 16,
+  height: _height = 20,
+  color: _color = '#000000'
+}) => jsxs("svg", Object.assign({
+  width: _width,
+  height: _height,
+  viewBox: "0 0 16 20",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg"
+}, {
+  children: [jsx("title", {
+    children: "icon/arrow-narrow-up"
+  }), jsx("g", Object.assign({
+    id: "Symbols",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, {
+    children: jsx("g", Object.assign({
+      id: "icon/arrow-narrow-up",
+      fill: _color
+    }, {
+      children: jsx("path", {
+        d: "M4.29289,9.70711 C3.90237,9.31658 3.90237,8.68342 4.29289,8.29289 L7.29289,5.29289 C7.68342,4.90237 8.3166,4.90237 8.7071,5.29289 L11.7071,8.29289 C12.0976,8.68342 12.0976,9.31658 11.7071,9.70711 C11.3166,10.09763 10.6834,10.09763 10.2929,9.70711 L9,8.41421 L9,14 C9,14.5523 8.5523,15 8,15 C7.44772,15 7,14.5523 7,14 L7,8.41421 L5.70711,9.70711 C5.31658,10.09763 4.68342,10.09763 4.29289,9.70711 Z",
+        id: "Path"
+      })
+    }))
+  }))]
+}));
+
+var anObject$1 = anObject$c;
+
+// `RegExp.prototype.flags` getter implementation
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
+var regexpFlags = function () {
+  var that = anObject$1(this);
+  var result = '';
+  if (that.hasIndices) result += 'd';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.dotAll) result += 's';
+  if (that.unicode) result += 'u';
+  if (that.unicodeSets) result += 'v';
+  if (that.sticky) result += 'y';
+  return result;
+};
+
+var call = functionCall;
+var hasOwn = hasOwnProperty_1;
+var isPrototypeOf = objectIsPrototypeOf;
+var regExpFlags = regexpFlags;
+
+var RegExpPrototype$1 = RegExp.prototype;
+
+var regexpGetFlags = function (R) {
+  var flags = R.flags;
+  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
+    ? call(regExpFlags, R) : flags;
+};
+
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var defineBuiltIn = defineBuiltIn$6;
+var anObject = anObject$c;
+var $toString = toString$4;
+var fails$3 = fails$i;
+var getRegExpFlags = regexpGetFlags;
+
+var TO_STRING = 'toString';
+var RegExpPrototype = RegExp.prototype;
+var nativeToString = RegExpPrototype[TO_STRING];
+
+var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
+// FF44- RegExp#toString has a wrong name
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name != TO_STRING;
+
+// `RegExp.prototype.toString` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
+if (NOT_GENERIC || INCORRECT_NAME) {
+  defineBuiltIn(RegExp.prototype, TO_STRING, function toString() {
+    var R = anObject(this);
+    var pattern = $toString(R.source);
+    var flags = $toString(getRegExpFlags(R));
+    return '/' + pattern + '/' + flags;
+  }, { unsafe: true });
+}
+
+var SortDirection;
+(function (SortDirection) {
+  SortDirection["Asc"] = "ASC";
+  SortDirection["Desc"] = "DESC";
+})(SortDirection || (SortDirection = {}));
+const getSortDirectionFromString = sortOrder => {
+  if (!sortOrder) {
+    return undefined;
+  }
+  switch (sortOrder.toUpperCase()) {
+    case SortDirection.Asc.toString():
+      return SortDirection.Asc;
+    case SortDirection.Desc.toString():
+      return SortDirection.Desc;
+    default:
+      return undefined;
+  }
+};
+
+const TableHeaderCell = ({
+  sortDirection,
+  children,
+  onClick
+}) => jsxs("div", Object.assign({
+  css: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer'
+  },
+  onClick: onClick
+}, {
+  children: [jsx("div", {
+    children: children
+  }), sortDirection && jsx(SortDirectionIcon, {
+    sortDirection: sortDirection
+  })]
+}));
+const SortDirectionIcon = ({
+  sortDirection
+}) => {
+  const {
+    theme
+  } = useOrchestratorTheme();
+  return sortDirection === SortDirection.Asc ? jsx(ArrowNarrowUp, {
+    color: theme.colors.subduedText,
+    height: 24,
+    width: 24
+  }) : jsx(ArrowNarrowDown, {
+    color: theme.colors.subduedText,
+    height: 24,
+    width: 24
+  });
+};
+
+const Table = ({
+  data,
+  columns,
+  hiddenColumns,
+  dataSorting,
+  pagination,
+  isLoading,
+  onCriteriaChange,
+  onDataSort
+}) => jsx(EuiBasicTable, {
+  tableCaption: "Demo of EuiBasicTable",
+  items: data,
+  rowHeader: "firstName",
+  columns: mapTableColumnsToEuiColumns(columns, hiddenColumns, dataSorting, onDataSort),
+  pagination: pagination,
+  onChange: onCriteriaChange,
+  loading: isLoading
+});
+function mapTableColumnsToEuiColumns(columns, hiddenColumns, dataSorting, onDataSort) {
+  function isVisibleColumn(columnKey) {
+    return !(hiddenColumns === null || hiddenColumns === void 0 ? void 0 : hiddenColumns.includes(columnKey));
+  }
+  function mapToEuiColumn(colKey) {
+    const typedColumnKey = colKey;
+    const column = columns[typedColumnKey];
+    const {
+      name
+    } = column;
+    const sortDirection = (dataSorting === null || dataSorting === void 0 ? void 0 : dataSorting.columnId) === colKey ? dataSorting.sortDirection : undefined;
+    return Object.assign(Object.assign({}, column), {
+      field: typedColumnKey,
+      name: name && jsx(TableHeaderCell, Object.assign({
+        sortDirection: sortDirection,
+        onClick: () => onDataSort === null || onDataSort === void 0 ? void 0 : onDataSort(typedColumnKey)
+      }, {
+        children: name
+      })),
+      truncateText: true
+    });
+  }
+  return Object.keys(columns).filter(isVisibleColumn).map(mapToEuiColumn);
+}
+
+var tryToString = tryToString$5;
+
+var $TypeError = TypeError;
+
+var deletePropertyOrThrow$1 = function (O, P) {
+  if (!delete O[P]) throw $TypeError('Cannot delete property ' + tryToString(P) + ' of ' + tryToString(O));
+};
+
+var toPropertyKey = toPropertyKey$3;
+var definePropertyModule = objectDefineProperty;
+var createPropertyDescriptor = createPropertyDescriptor$4;
+
+var createProperty$1 = function (object, key, value) {
+  var propertyKey = toPropertyKey(key);
+  if (propertyKey in object) definePropertyModule.f(object, propertyKey, createPropertyDescriptor(0, value));
+  else object[propertyKey] = value;
+};
+
+var toAbsoluteIndex = toAbsoluteIndex$2;
+var lengthOfArrayLike$1 = lengthOfArrayLike$4;
+var createProperty = createProperty$1;
+
+var $Array = Array;
+var max = Math.max;
+
+var arraySliceSimple = function (O, start, end) {
+  var length = lengthOfArrayLike$1(O);
+  var k = toAbsoluteIndex(start, length);
+  var fin = toAbsoluteIndex(end === undefined ? length : end, length);
+  var result = $Array(max(fin - k, 0));
+  for (var n = 0; k < fin; k++, n++) createProperty(result, n, O[k]);
+  result.length = n;
+  return result;
+};
+
+var arraySlice = arraySliceSimple;
+
+var floor = Math.floor;
+
+var mergeSort = function (array, comparefn) {
+  var length = array.length;
+  var middle = floor(length / 2);
+  return length < 8 ? insertionSort(array, comparefn) : merge(
+    array,
+    mergeSort(arraySlice(array, 0, middle), comparefn),
+    mergeSort(arraySlice(array, middle), comparefn),
+    comparefn
+  );
+};
+
+var insertionSort = function (array, comparefn) {
+  var length = array.length;
+  var i = 1;
+  var element, j;
+
+  while (i < length) {
+    j = i;
+    element = array[i];
+    while (j && comparefn(array[j - 1], element) > 0) {
+      array[j] = array[--j];
+    }
+    if (j !== i++) array[j] = element;
+  } return array;
+};
+
+var merge = function (array, left, right, comparefn) {
+  var llength = left.length;
+  var rlength = right.length;
+  var lindex = 0;
+  var rindex = 0;
+
+  while (lindex < llength || rindex < rlength) {
+    array[lindex + rindex] = (lindex < llength && rindex < rlength)
+      ? comparefn(left[lindex], right[rindex]) <= 0 ? left[lindex++] : right[rindex++]
+      : lindex < llength ? left[lindex++] : right[rindex++];
+  } return array;
+};
+
+var arraySort = mergeSort;
+
+var fails$2 = fails$i;
+
+var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
+  var method = [][METHOD_NAME];
+  return !!method && fails$2(function () {
+    // eslint-disable-next-line no-useless-call -- required for testing
+    method.call(null, argument || function () { return 1; }, 1);
+  });
+};
+
+var userAgent$1 = engineUserAgent;
+
+var firefox = userAgent$1.match(/firefox\/(\d+)/i);
+
+var engineFfVersion = !!firefox && +firefox[1];
+
+var UA = engineUserAgent;
+
+var engineIsIeOrEdge = /MSIE|Trident/.test(UA);
+
+var userAgent = engineUserAgent;
+
+var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
+
+var engineWebkitVersion = !!webkit && +webkit[1];
+
+var $$1 = _export;
+var uncurryThis$2 = functionUncurryThis;
+var aCallable = aCallable$9;
+var toObject = toObject$4;
+var lengthOfArrayLike = lengthOfArrayLike$4;
+var deletePropertyOrThrow = deletePropertyOrThrow$1;
+var toString$2 = toString$4;
+var fails$1 = fails$i;
+var internalSort = arraySort;
+var arrayMethodIsStrict = arrayMethodIsStrict$1;
+var FF = engineFfVersion;
+var IE_OR_EDGE = engineIsIeOrEdge;
+var V8 = engineV8Version;
+var WEBKIT = engineWebkitVersion;
+
+var test = [];
+var nativeSort = uncurryThis$2(test.sort);
+var push = uncurryThis$2(test.push);
+
+// IE8-
+var FAILS_ON_UNDEFINED = fails$1(function () {
+  test.sort(undefined);
+});
+// V8 bug
+var FAILS_ON_NULL = fails$1(function () {
+  test.sort(null);
+});
+// Old WebKit
+var STRICT_METHOD = arrayMethodIsStrict('sort');
+
+var STABLE_SORT = !fails$1(function () {
+  // feature detection can be too slow, so check engines versions
+  if (V8) return V8 < 70;
+  if (FF && FF > 3) return;
+  if (IE_OR_EDGE) return true;
+  if (WEBKIT) return WEBKIT < 603;
+
+  var result = '';
+  var code, chr, value, index;
+
+  // generate an array with more 512 elements (Chakra and old V8 fails only in this case)
+  for (code = 65; code < 76; code++) {
+    chr = String.fromCharCode(code);
+
+    switch (code) {
+      case 66: case 69: case 70: case 72: value = 3; break;
+      case 68: case 71: value = 4; break;
+      default: value = 2;
+    }
+
+    for (index = 0; index < 47; index++) {
+      test.push({ k: chr + index, v: value });
+    }
+  }
+
+  test.sort(function (a, b) { return b.v - a.v; });
+
+  for (index = 0; index < test.length; index++) {
+    chr = test[index].k.charAt(0);
+    if (result.charAt(result.length - 1) !== chr) result += chr;
+  }
+
+  return result !== 'DGBEFHACIJK';
+});
+
+var FORCED$1 = FAILS_ON_UNDEFINED || !FAILS_ON_NULL || !STRICT_METHOD || !STABLE_SORT;
+
+var getSortCompare = function (comparefn) {
+  return function (x, y) {
+    if (y === undefined) return -1;
+    if (x === undefined) return 1;
+    if (comparefn !== undefined) return +comparefn(x, y) || 0;
+    return toString$2(x) > toString$2(y) ? 1 : -1;
+  };
+};
+
+// `Array.prototype.sort` method
+// https://tc39.es/ecma262/#sec-array.prototype.sort
+$$1({ target: 'Array', proto: true, forced: FORCED$1 }, {
+  sort: function sort(comparefn) {
+    if (comparefn !== undefined) aCallable(comparefn);
+
+    var array = toObject(this);
+
+    if (STABLE_SORT) return comparefn === undefined ? nativeSort(array) : nativeSort(array, comparefn);
+
+    var items = [];
+    var arrayLength = lengthOfArrayLike(array);
+    var itemsLength, index;
+
+    for (index = 0; index < arrayLength; index++) {
+      if (index in array) push(items, array[index]);
+    }
+
+    internalSort(items, getSortCompare(comparefn));
+
+    itemsLength = lengthOfArrayLike(items);
+    index = 0;
+
+    while (index < itemsLength) array[index] = items[index++];
+    while (index < arrayLength) deletePropertyOrThrow(array, index++);
+
+    return array;
+  }
+});
+
+function getInitialColumnOrder(columns, initialColumnOrder) {
+  const euiDataGridColumns = Object.keys(columns).map(colKey => {
+    const column = columns[colKey];
+    return Object.assign({
+      id: colKey,
+      isExpandable: false
+    }, column);
+  });
+  const columnOrderIds = initialColumnOrder.map(columnId => columnId.toString());
+  return euiDataGridColumns.slice().sort((left, right) => columnOrderIds.indexOf(left.id) - columnOrderIds.indexOf(right.id));
+}
+function columnSortToEuiDataGridSorting(columnSort, updateColumnSort) {
+  return {
+    columns: columnSort ? [{
+      id: columnSort.columnId.toString(),
+      direction: columnSort.sortDirection === SortDirection.Asc ? 'asc' : 'desc'
+    }] : [],
+    onSort: columns => {
+      const lastSortData = columns.slice(-1)[0];
+      if (updateColumnSort && lastSortData) {
+        updateColumnSort({
+          columnId: lastSortData.id,
+          sortDirection: lastSortData.direction === 'asc' ? SortDirection.Asc : SortDirection.Desc
+        });
+      }
+    }
+  };
+}
+
+// Total height of grid button bar, table header and pagination bar
+const EUI_DATA_GRID_HEIGHT_OFFSET = 103;
+const GRID_STYLE = {
+  border: 'horizontal',
+  stripes: false,
+  rowHover: 'highlight',
+  header: 'shade',
+  cellPadding: 'l',
+  fontSize: 'm',
+  footer: 'overline'
+};
+const DataGridTable = ({
+  data,
+  pagination,
+  columns,
+  leadingControlColumns,
+  trailingControlColumns,
+  initialColumnOrder,
+  dataSorting,
+  handleRowClick,
+  updateDataSorting
+}) => {
+  const initialColumnOrderRef = useRef(getInitialColumnOrder(columns, initialColumnOrder));
+  const defaultVisibleColumns = initialColumnOrder.filter(columnId => !columns[columnId].isHiddenByDefault).map(columnId => columnId.toString());
+  const [visibleColumns, setVisibleColumns] = useState(defaultVisibleColumns);
+  const renderCellValue = ({
+    rowIndex,
+    columnId,
+    setCellProps
+  }) => {
+    const {
+      pageSize,
+      pageIndex
+    } = pagination;
+    const rowIndexOnPage = rowIndex - pageIndex * pageSize;
+    const dataRow = data[rowIndexOnPage];
+    if (!dataRow) {
+      return;
+    }
+    const column = columns[columnId];
+    const cellValue = dataRow[columnId];
+    handleRowClick && setCellProps({
+      css: {
+        cursor: 'pointer'
+      },
+      onClick: () => handleRowClick(dataRow)
+    });
+    return column.renderCell ? column.renderCell(cellValue, dataRow) : `${cellValue}`;
+  };
+  const controlColumnToEuiDataGridControlColumnMapper = ({
+    id,
+    width,
+    rowCellRender
+  }) => ({
+    id,
+    width,
+    headerCellRender: props => null,
+    rowCellRender: ({
+      rowIndex
+    }) => {
+      const {
+        pageSize,
+        pageIndex
+      } = pagination;
+      const rowIndexOnPage = rowIndex - pageIndex * pageSize;
+      const dataRow = data[rowIndexOnPage];
+      return rowCellRender(dataRow);
+    }
+  });
+  const euiDataGridLeadingControlColumns = leadingControlColumns === null || leadingControlColumns === void 0 ? void 0 : leadingControlColumns.map(controlColumnToEuiDataGridControlColumnMapper);
+  const euiDataGridTrailingControlColumns = trailingControlColumns === null || trailingControlColumns === void 0 ? void 0 : trailingControlColumns.map(controlColumnToEuiDataGridControlColumnMapper);
+  const gridHeightValue = pagination.pageSize * 40 + EUI_DATA_GRID_HEIGHT_OFFSET;
+  return jsx(EuiDataGrid, {
+    "aria-label": "Data Grid",
+    columns: initialColumnOrderRef.current,
+    leadingControlColumns: euiDataGridLeadingControlColumns,
+    trailingControlColumns: euiDataGridTrailingControlColumns,
+    height: `${gridHeightValue}px`,
+    gridStyle: GRID_STYLE,
+    columnVisibility: {
+      visibleColumns,
+      setVisibleColumns
+    },
+    pagination: pagination,
+    sorting: columnSortToEuiDataGridSorting(dataSorting, updateDataSorting),
+    rowCount: pagination.totalRecords,
+    renderCellValue: renderCellValue
+  });
+};
+
+const defaultOrchestratorTheme = {
+  colors: {
+    DARK: {},
+    LIGHT: {
+      primary: '#0077C8',
+      accent: '#E67300',
+      success: '#008939',
       warning: '#FFC514',
       danger: '#BD271F',
       primaryText: '#0067AC',
@@ -3215,6 +4476,80 @@ const defaultOrchestratorTheme = {
   }
 };
 
+// a string of all valid unicode whitespaces
+var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
+  '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
+
+var uncurryThis$1 = functionUncurryThis;
+var requireObjectCoercible = requireObjectCoercible$4;
+var toString$1 = toString$4;
+var whitespaces$1 = whitespaces$2;
+
+var replace = uncurryThis$1(''.replace);
+var ltrim = RegExp('^[' + whitespaces$1 + ']+');
+var rtrim = RegExp('(^|[^' + whitespaces$1 + '])[' + whitespaces$1 + ']+$');
+
+// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
+var createMethod = function (TYPE) {
+  return function ($this) {
+    var string = toString$1(requireObjectCoercible($this));
+    if (TYPE & 1) string = replace(string, ltrim, '');
+    if (TYPE & 2) string = replace(string, rtrim, '$1');
+    return string;
+  };
+};
+
+var stringTrim = {
+  // `String.prototype.{ trimLeft, trimStart }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimstart
+  start: createMethod(1),
+  // `String.prototype.{ trimRight, trimEnd }` methods
+  // https://tc39.es/ecma262/#sec-string.prototype.trimend
+  end: createMethod(2),
+  // `String.prototype.trim` method
+  // https://tc39.es/ecma262/#sec-string.prototype.trim
+  trim: createMethod(3)
+};
+
+var global$1 = global$i;
+var fails = fails$i;
+var uncurryThis = functionUncurryThis;
+var toString = toString$4;
+var trim = stringTrim.trim;
+var whitespaces = whitespaces$2;
+
+var $parseInt$1 = global$1.parseInt;
+var Symbol$1 = global$1.Symbol;
+var ITERATOR = Symbol$1 && Symbol$1.iterator;
+var hex = /^[+-]?0x/i;
+var exec = uncurryThis(hex.exec);
+var FORCED = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
+  // MS Edge 18- broken with boxed symbols
+  || (ITERATOR && !fails(function () { $parseInt$1(Object(ITERATOR)); }));
+
+// `parseInt` method
+// https://tc39.es/ecma262/#sec-parseint-string-radix
+var numberParseInt = FORCED ? function parseInt(string, radix) {
+  var S = trim(toString(string));
+  return $parseInt$1(S, (radix >>> 0) || (exec(hex, S) ? 16 : 10));
+} : $parseInt$1;
+
+var $ = _export;
+var $parseInt = numberParseInt;
+
+// `parseInt` method
+// https://tc39.es/ecma262/#sec-parseint-string-radix
+$({ global: true, forced: parseInt != $parseInt }, {
+  parseInt: $parseInt
+});
+
+const parseDate = date => {
+  if (date === null || date === '') {
+    return null;
+  }
+  return new Date(parseInt(date) * 1000);
+};
+
 const getStatusBadgeColor = status => {
   const statusColors = {
     terminated: 'danger',
@@ -3230,4 +4565,11 @@ const getStatusBadgeColor = status => {
   statusColors[status] : 'primary';
 };
 
-export { CustomButton, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorPageTemplate, defaultOrchestratorTheme, getStatusBadgeColor, useOrchestratorConfig };
+function getTypedFieldFromObject(field, object) {
+  if (!Object.keys(object).includes(field)) {
+    return null;
+  }
+  return field;
+}
+
+export { ArrowNarrowDown, ArrowNarrowUp, Badge, CheckmarkCircleFill, ChevronDown, DataGridTable, EngineStatusBadge, Environment, EnvironmentBadge, FailedTasksBadge, FrequentlyUsed, HeaderBadge, ListItemStartPage, LogoutIcon, MinusCircleOutline, MultiListSection, NewProcessPanel, OrchestratorConfigContext, OrchestratorConfigProvider, OrchestratorPageHeader, OrchestratorPageTemplate, OrchestratorSidebar, PlusCircleFill, ProcessStatus, SortDirection, SortDirectionIcon, StatCards, StatusDotIcon, SubscriptionStatusBadge, Table, TableHeaderCell, XCircleFill, columnSortToEuiDataGridSorting, defaultOrchestratorTheme, getInitialColumnOrder, getSortDirectionFromString, getStatusBadgeColor, getTypedFieldFromObject, parseDate, useEngineStatusQuery, useFavouriteSubscriptions, useOrchestratorConfig, useOrchestratorTheme, useProcessStatusCountsQuery, useProcessesAttention, useQueryWithGraphql, useRecentProcesses, useStringQueryWithGraphql };