@bigbinary/neeto-team-members-frontend 4.2.6 → 4.3.0

package/dist/Roles.js

@@ -0,0 +1,2353 @@
+import { _ as _slicedToArray } from './slicedToArray-6674c4b8.js';
+import require$$0, { useRef, memo, useCallback, useEffect, useState, Fragment as Fragment$1, useMemo } from 'react';
+import i18next, { t } from 'i18next';
+import { isNotEmpty, isPresent, _findBy, replaceById } from '@bigbinary/neeto-cist';
+import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
+import { withTitle, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Container from '@bigbinary/neeto-molecules/Container';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import { not, map, prop, identical, modify, includes, __, groupBy, pluck, isEmpty, filter } from 'ramda';
+import { c as commonjsGlobal } from './_commonjsHelpers-1789f0cf.js';
+import { w as withReactQuery } from './withReactQuery-f0b38396.js';
+import { a as _defineProperty, _ as _typeof } from './defineProperty-2cb3c6e2.js';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import { B as BASE_URL, Q as QUERY_KEYS, A as ADMIN_ROLES } from './constants-576b89ac.js';
+import { u as useCreateRole, a as useUpdateRole, S as ScrollToErrorField, b as useDestroyRole, c as useFetchRoles, d as useBulkUpdateRoles } from './index-cbfbc296.js';
+import { n } from './inject-css-c86de496.js';
+import ExternalLink from '@bigbinary/neeto-icons/ExternalLink';
+import NeetoHeader from '@bigbinary/neeto-molecules/Header';
+import Button from '@bigbinary/neetoui/Button';
+import Tooltip from '@bigbinary/neetoui/Tooltip';
+import { useTranslation, Trans } from 'react-i18next';
+import { taxonomies } from '@bigbinary/neeto-commons-frontend/initializers';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Pane from '@bigbinary/neetoui/Pane';
+import Typography from '@bigbinary/neetoui/Typography';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import { object, string } from 'yup';
+import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from './Permissions-6735df34.js';
+import NoData from '@bigbinary/neetoui/NoData';
+import { _ as _toConsumableArray } from './toConsumableArray-0e395868.js';
+import classnames from 'classnames';
+import Checkbox from '@bigbinary/neetoui/Checkbox';
+import { i as isOverflown, g as getScrollBarWidth } from './utils-531cc50b.js';
+import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import Alert from '@bigbinary/neetoui/Alert';
+import Search from '@bigbinary/neeto-icons/Search';
+import Input$1 from '@bigbinary/neetoui/Input';
+import Down from '@bigbinary/neeto-icons/Down';
+import Up from '@bigbinary/neeto-icons/Up';
+import './unsupportedIterableToArray-7c7192e5.js';
+import './queryClient-71ecdd08.js';
+import './objectWithoutProperties-a0edb288.js';
+import 'formik';
+
+var dist = {exports: {}};
+
+dist.exports;
+
+(function (module, exports) {
+	(function webpackUniversalModuleDefinition(root, factory) {
+		module.exports = factory(require$$0);
+	})(commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE_4__) {
+	return /******/ (function(modules) { // webpackBootstrap
+	/******/ 	// The module cache
+	/******/ 	var installedModules = {};
+	/******/
+	/******/ 	// The require function
+	/******/ 	function __webpack_require__(moduleId) {
+	/******/
+	/******/ 		// Check if module is in cache
+	/******/ 		if(installedModules[moduleId]) {
+	/******/ 			return installedModules[moduleId].exports;
+	/******/ 		}
+	/******/ 		// Create a new module (and put it into the cache)
+	/******/ 		var module = installedModules[moduleId] = {
+	/******/ 			i: moduleId,
+	/******/ 			l: false,
+	/******/ 			exports: {}
+	/******/ 		};
+	/******/
+	/******/ 		// Execute the module function
+	/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+	/******/
+	/******/ 		// Flag the module as loaded
+	/******/ 		module.l = true;
+	/******/
+	/******/ 		// Return the exports of the module
+	/******/ 		return module.exports;
+	/******/ 	}
+	/******/
+	/******/
+	/******/ 	// expose the modules object (__webpack_modules__)
+	/******/ 	__webpack_require__.m = modules;
+	/******/
+	/******/ 	// expose the module cache
+	/******/ 	__webpack_require__.c = installedModules;
+	/******/
+	/******/ 	// identity function for calling harmony imports with the correct context
+	/******/ 	__webpack_require__.i = function(value) { return value; };
+	/******/
+	/******/ 	// define getter function for harmony exports
+	/******/ 	__webpack_require__.d = function(exports, name, getter) {
+	/******/ 		if(!__webpack_require__.o(exports, name)) {
+	/******/ 			Object.defineProperty(exports, name, {
+	/******/ 				configurable: false,
+	/******/ 				enumerable: true,
+	/******/ 				get: getter
+	/******/ 			});
+	/******/ 		}
+	/******/ 	};
+	/******/
+	/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+	/******/ 	__webpack_require__.n = function(module) {
+	/******/ 		var getter = module && module.__esModule ?
+	/******/ 			function getDefault() { return module['default']; } :
+	/******/ 			function getModuleExports() { return module; };
+	/******/ 		__webpack_require__.d(getter, 'a', getter);
+	/******/ 		return getter;
+	/******/ 	};
+	/******/
+	/******/ 	// Object.prototype.hasOwnProperty.call
+	/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+	/******/
+	/******/ 	// __webpack_public_path__
+	/******/ 	__webpack_require__.p = "";
+	/******/
+	/******/ 	// Load entry module and return exports
+	/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+	/******/ })
+	/************************************************************************/
+	/******/ ([
+	/* 0 */
+	/***/ (function(module, exports) {
+
+	// shim for using process in browser
+	var process = module.exports = {};
+
+	// cached from whatever global is present so that test runners that stub it
+	// don't break things.  But we need to wrap it in a try catch in case it is
+	// wrapped in strict mode code which doesn't define any globals.  It's inside a
+	// function because try/catches deoptimize in certain engines.
+
+	var cachedSetTimeout;
+	var cachedClearTimeout;
+
+	function defaultSetTimout() {
+	    throw new Error('setTimeout has not been defined');
+	}
+	function defaultClearTimeout () {
+	    throw new Error('clearTimeout has not been defined');
+	}
+	(function () {
+	    try {
+	        if (typeof setTimeout === 'function') {
+	            cachedSetTimeout = setTimeout;
+	        } else {
+	            cachedSetTimeout = defaultSetTimout;
+	        }
+	    } catch (e) {
+	        cachedSetTimeout = defaultSetTimout;
+	    }
+	    try {
+	        if (typeof clearTimeout === 'function') {
+	            cachedClearTimeout = clearTimeout;
+	        } else {
+	            cachedClearTimeout = defaultClearTimeout;
+	        }
+	    } catch (e) {
+	        cachedClearTimeout = defaultClearTimeout;
+	    }
+	} ());
+	function runTimeout(fun) {
+	    if (cachedSetTimeout === setTimeout) {
+	        //normal enviroments in sane situations
+	        return setTimeout(fun, 0);
+	    }
+	    // if setTimeout wasn't available but was latter defined
+	    if ((cachedSetTimeout === defaultSetTimout || !cachedSetTimeout) && setTimeout) {
+	        cachedSetTimeout = setTimeout;
+	        return setTimeout(fun, 0);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedSetTimeout(fun, 0);
+	    } catch(e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't trust the global object when called normally
+	            return cachedSetTimeout.call(null, fun, 0);
+	        } catch(e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error
+	            return cachedSetTimeout.call(this, fun, 0);
+	        }
+	    }
+
+
+	}
+	function runClearTimeout(marker) {
+	    if (cachedClearTimeout === clearTimeout) {
+	        //normal enviroments in sane situations
+	        return clearTimeout(marker);
+	    }
+	    // if clearTimeout wasn't available but was latter defined
+	    if ((cachedClearTimeout === defaultClearTimeout || !cachedClearTimeout) && clearTimeout) {
+	        cachedClearTimeout = clearTimeout;
+	        return clearTimeout(marker);
+	    }
+	    try {
+	        // when when somebody has screwed with setTimeout but no I.E. maddness
+	        return cachedClearTimeout(marker);
+	    } catch (e){
+	        try {
+	            // When we are in I.E. but the script has been evaled so I.E. doesn't  trust the global object when called normally
+	            return cachedClearTimeout.call(null, marker);
+	        } catch (e){
+	            // same as above but when it's a version of I.E. that must have the global object for 'this', hopfully our context correct otherwise it will throw a global error.
+	            // Some versions of I.E. have different rules for clearTimeout vs setTimeout
+	            return cachedClearTimeout.call(this, marker);
+	        }
+	    }
+
+
+
+	}
+	var queue = [];
+	var draining = false;
+	var currentQueue;
+	var queueIndex = -1;
+
+	function cleanUpNextTick() {
+	    if (!draining || !currentQueue) {
+	        return;
+	    }
+	    draining = false;
+	    if (currentQueue.length) {
+	        queue = currentQueue.concat(queue);
+	    } else {
+	        queueIndex = -1;
+	    }
+	    if (queue.length) {
+	        drainQueue();
+	    }
+	}
+
+	function drainQueue() {
+	    if (draining) {
+	        return;
+	    }
+	    var timeout = runTimeout(cleanUpNextTick);
+	    draining = true;
+
+	    var len = queue.length;
+	    while(len) {
+	        currentQueue = queue;
+	        queue = [];
+	        while (++queueIndex < len) {
+	            if (currentQueue) {
+	                currentQueue[queueIndex].run();
+	            }
+	        }
+	        queueIndex = -1;
+	        len = queue.length;
+	    }
+	    currentQueue = null;
+	    draining = false;
+	    runClearTimeout(timeout);
+	}
+
+	process.nextTick = function (fun) {
+	    var args = new Array(arguments.length - 1);
+	    if (arguments.length > 1) {
+	        for (var i = 1; i < arguments.length; i++) {
+	            args[i - 1] = arguments[i];
+	        }
+	    }
+	    queue.push(new Item(fun, args));
+	    if (queue.length === 1 && !draining) {
+	        runTimeout(drainQueue);
+	    }
+	};
+
+	// v8 likes predictible objects
+	function Item(fun, array) {
+	    this.fun = fun;
+	    this.array = array;
+	}
+	Item.prototype.run = function () {
+	    this.fun.apply(null, this.array);
+	};
+	process.title = 'browser';
+	process.browser = true;
+	process.env = {};
+	process.argv = [];
+	process.version = ''; // empty string to avoid regexp issues
+	process.versions = {};
+
+	function noop() {}
+
+	process.on = noop;
+	process.addListener = noop;
+	process.once = noop;
+	process.off = noop;
+	process.removeListener = noop;
+	process.removeAllListeners = noop;
+	process.emit = noop;
+	process.prependListener = noop;
+	process.prependOnceListener = noop;
+
+	process.listeners = function (name) { return [] };
+
+	process.binding = function (name) {
+	    throw new Error('process.binding is not supported');
+	};
+
+	process.cwd = function () { return '/' };
+	process.chdir = function (dir) {
+	    throw new Error('process.chdir is not supported');
+	};
+	process.umask = function() { return 0; };
+
+
+	/***/ }),
+	/* 1 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 * 
+	 */
+
+	function makeEmptyFunction(arg) {
+	  return function () {
+	    return arg;
+	  };
+	}
+
+	/**
+	 * This function accepts and discards inputs; it has no side effects. This is
+	 * primarily useful idiomatically for overridable function endpoints which
+	 * always need to be callable, since JS lacks a null-call idiom ala Cocoa.
+	 */
+	var emptyFunction = function emptyFunction() {};
+
+	emptyFunction.thatReturns = makeEmptyFunction;
+	emptyFunction.thatReturnsFalse = makeEmptyFunction(false);
+	emptyFunction.thatReturnsTrue = makeEmptyFunction(true);
+	emptyFunction.thatReturnsNull = makeEmptyFunction(null);
+	emptyFunction.thatReturnsThis = function () {
+	  return this;
+	};
+	emptyFunction.thatReturnsArgument = function (arg) {
+	  return arg;
+	};
+
+	module.exports = emptyFunction;
+
+	/***/ }),
+	/* 2 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright (c) 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+	function invariant(condition, format, a, b, c, d, e, f) {
+
+	  if (!condition) {
+	    var error;
+	    if (format === undefined) {
+	      error = new Error('Minified exception occurred; use the non-minified dev environment ' + 'for the full error message and additional helpful warnings.');
+	    } else {
+	      var args = [a, b, c, d, e, f];
+	      var argIndex = 0;
+	      error = new Error(format.replace(/%s/g, function () {
+	        return args[argIndex++];
+	      }));
+	      error.name = 'Invariant Violation';
+	    }
+
+	    error.framesToPop = 1; // we don't care about invariant's own frame
+	    throw error;
+	  }
+	}
+
+	module.exports = invariant;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 3 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+
+
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+	module.exports = ReactPropTypesSecret;
+
+
+	/***/ }),
+	/* 4 */
+	/***/ (function(module, exports) {
+
+	module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
+
+	/***/ }),
+	/* 5 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _react = __webpack_require__(4);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	var ScrollSyncContext = _react2.default.createContext({
+	  registerPane: function registerPane() {},
+	  unregisterPane: function unregisterPane() {}
+	});
+
+	exports.default = ScrollSyncContext;
+	module.exports = exports['default'];
+
+	/***/ }),
+	/* 6 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2014-2015, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 *
+	 */
+
+
+
+	var emptyFunction = __webpack_require__(1);
+
+	/**
+	 * Similar to invariant but only logs a warning if the condition is not met.
+	 * This can be used to log issues in development environments in critical
+	 * paths. Removing the logging code for production environments will keep the
+	 * same logic and follow the same code paths.
+	 */
+
+	var warning = emptyFunction;
+
+	module.exports = warning;
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 7 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+	{
+	  // By explicitly using `prop-types` you are opting into new production behavior.
+	  // http://fb.me/prop-types-in-prod
+	  module.exports = __webpack_require__(12)();
+	}
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 8 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _react = __webpack_require__(4);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _propTypes = __webpack_require__(7);
+
+	var _propTypes2 = _interopRequireDefault(_propTypes);
+
+	var _ScrollSyncContext = __webpack_require__(5);
+
+	var _ScrollSyncContext2 = _interopRequireDefault(_ScrollSyncContext);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	/**
+	 * ScrollSync provider component
+	 *
+	 */
+
+	var ScrollSync = function (_Component) {
+	  _inherits(ScrollSync, _Component);
+
+	  function ScrollSync() {
+	    var _ref;
+
+	    var _temp, _this, _ret;
+
+	    _classCallCheck(this, ScrollSync);
+
+	    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+	      args[_key] = arguments[_key];
+	    }
+
+	    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ScrollSync.__proto__ || Object.getPrototypeOf(ScrollSync)).call.apply(_ref, [this].concat(args))), _this), _this.panes = {}, _this.registerPane = function (node, groups) {
+	      groups.forEach(function (group) {
+	        if (!_this.panes[group]) {
+	          _this.panes[group] = [];
+	        }
+
+	        if (!_this.findPane(node, group)) {
+	          if (_this.panes[group].length > 0) {
+	            _this.syncScrollPosition(_this.panes[group][0], node);
+	          }
+	          _this.panes[group].push(node);
+	        }
+	      });
+	      _this.addEvents(node, groups);
+	    }, _this.unregisterPane = function (node, groups) {
+	      groups.forEach(function (group) {
+	        if (_this.findPane(node, group)) {
+	          _this.removeEvents(node);
+	          _this.panes[group].splice(_this.panes[group].indexOf(node), 1);
+	        }
+	      });
+	    }, _this.addEvents = function (node, groups) {
+	      /* For some reason element.addEventListener doesnt work with document.body */
+	      node.onscroll = _this.handlePaneScroll.bind(_this, node, groups); // eslint-disable-line
+	    }, _this.removeEvents = function (node) {
+	      /* For some reason element.removeEventListener doesnt work with document.body */
+	      node.onscroll = null; // eslint-disable-line
+	    }, _this.findPane = function (node, group) {
+	      if (!_this.panes[group]) {
+	        return false;
+	      }
+
+	      return _this.panes[group].find(function (pane) {
+	        return pane === node;
+	      });
+	    }, _this.handlePaneScroll = function (node, groups) {
+	      if (!_this.props.enabled) {
+	        return;
+	      }
+
+	      window.requestAnimationFrame(function () {
+	        _this.syncScrollPositions(node, groups);
+	      });
+	    }, _this.syncScrollPositions = function (scrolledPane, groups) {
+	      groups.forEach(function (group) {
+	        _this.panes[group].forEach(function (pane) {
+	          /* For all panes beside the currently scrolling one */
+	          if (scrolledPane !== pane) {
+	            /* Remove event listeners from the node that we'll manipulate */
+	            _this.removeEvents(pane, group);
+	            _this.syncScrollPosition(scrolledPane, pane);
+	            /* Re-attach event listeners after we're done scrolling */
+	            window.requestAnimationFrame(function () {
+	              _this.addEvents(pane, groups);
+	            });
+	          }
+	        });
+	      });
+	      if (_this.props.onSync) _this.props.onSync(scrolledPane);
+	    }, _temp), _possibleConstructorReturn(_this, _ret);
+	  }
+
+	  _createClass(ScrollSync, [{
+	    key: 'getContextValue',
+	    value: function getContextValue() {
+	      return {
+	        registerPane: this.registerPane,
+	        unregisterPane: this.unregisterPane
+	      };
+	    }
+	  }, {
+	    key: 'syncScrollPosition',
+	    value: function syncScrollPosition(scrolledPane, pane) {
+	      var scrollTop = scrolledPane.scrollTop,
+	          scrollHeight = scrolledPane.scrollHeight,
+	          clientHeight = scrolledPane.clientHeight,
+	          scrollLeft = scrolledPane.scrollLeft,
+	          scrollWidth = scrolledPane.scrollWidth,
+	          clientWidth = scrolledPane.clientWidth;
+
+
+	      var scrollTopOffset = scrollHeight - clientHeight;
+	      var scrollLeftOffset = scrollWidth - clientWidth;
+
+	      var _props = this.props,
+	          proportional = _props.proportional,
+	          vertical = _props.vertical,
+	          horizontal = _props.horizontal;
+
+	      /* Calculate the actual pane height */
+
+	      var paneHeight = pane.scrollHeight - clientHeight;
+	      var paneWidth = pane.scrollWidth - clientWidth;
+	      /* Adjust the scrollTop position of it accordingly */
+	      if (vertical && scrollTopOffset > 0) {
+	        pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop; // eslint-disable-line
+	      }
+	      if (horizontal && scrollLeftOffset > 0) {
+	        pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft; // eslint-disable-line
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      return _react2.default.createElement(
+	        _ScrollSyncContext2.default.Provider,
+	        { value: this.getContextValue() },
+	        _react2.default.Children.only(this.props.children)
+	      );
+	    }
+	  }]);
+
+	  return ScrollSync;
+	}(_react.Component);
+
+	ScrollSync.propTypes = {
+	  /**
+	   * Callback to be invoked any time synchronization happens
+	   *
+	   * @param {Element} el The element that has received the scroll event
+	   */
+	  onSync: _propTypes2.default.func,
+	  children: _propTypes2.default.element.isRequired,
+	  proportional: _propTypes2.default.bool,
+	  vertical: _propTypes2.default.bool,
+	  horizontal: _propTypes2.default.bool,
+	  enabled: _propTypes2.default.bool
+	};
+	ScrollSync.defaultProps = {
+	  proportional: true,
+	  vertical: true,
+	  horizontal: true,
+	  enabled: true
+	};
+	exports.default = ScrollSync;
+	module.exports = exports['default'];
+
+	/***/ }),
+	/* 9 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	var _react = __webpack_require__(4);
+
+	var _propTypes = __webpack_require__(7);
+
+	var _propTypes2 = _interopRequireDefault(_propTypes);
+
+	var _ScrollSyncContext = __webpack_require__(5);
+
+	var _ScrollSyncContext2 = _interopRequireDefault(_ScrollSyncContext);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /* eslint react/no-find-dom-node: 0 */
+
+	/**
+	 * ScrollSyncPane Component
+	 *
+	 * Wrap your content in it to keep its scroll position in sync with other panes
+	 *
+	 * @example ./example.md
+	 */
+
+	var ScrollSyncPane = function (_Component) {
+	  _inherits(ScrollSyncPane, _Component);
+
+	  function ScrollSyncPane(props) {
+	    _classCallCheck(this, ScrollSyncPane);
+
+	    var _this = _possibleConstructorReturn(this, (ScrollSyncPane.__proto__ || Object.getPrototypeOf(ScrollSyncPane)).call(this, props));
+
+	    _this.toArray = function (groups) {
+	      return [].concat(groups);
+	    };
+
+	    _this.updateNode = function () {
+	      if (_this.props.attachTo) {
+	        _this.node = _this.props.attachTo.current;
+	      } else {
+	        _this.node = _this.childRef.current;
+	      }
+	    };
+
+	    _this.childRef = (0, _react.createRef)();
+	    return _this;
+	  }
+
+	  _createClass(ScrollSyncPane, [{
+	    key: 'componentDidMount',
+	    value: function componentDidMount() {
+	      if (this.props.enabled) {
+	        this.updateNode();
+	        if (this.node) {
+	          this.context.registerPane(this.node, this.toArray(this.props.group));
+	        }
+	      }
+	    }
+	  }, {
+	    key: 'componentDidUpdate',
+	    value: function componentDidUpdate(prevProps) {
+	      if (this.props.attachTo !== prevProps.attachTo) {
+	        if (this.node) {
+	          this.context.unregisterPane(this.node, this.toArray(prevProps.group));
+	        }
+	        this.updateNode();
+	        if (this.node) {
+	          this.context.registerPane(this.node, this.toArray(prevProps.group));
+	        }
+	      }
+	      if (this.node && this.props.enabled !== prevProps.enabled) {
+	        if (this.props.enabled) {
+	          this.context.registerPane(this.node, this.toArray(prevProps.group));
+	        } else {
+	          this.context.unregisterPane(this.node, this.toArray(prevProps.group));
+	        }
+	      }
+	      if (this.node && this.props.enabled && this.props.group !== prevProps.group) {
+	        this.context.unregisterPane(this.node, this.toArray(prevProps.group));
+	        this.context.registerPane(this.node, this.toArray(this.props.group));
+	      }
+	    }
+	  }, {
+	    key: 'componentWillUnmount',
+	    value: function componentWillUnmount() {
+	      if (this.node && this.props.enabled) {
+	        this.context.unregisterPane(this.node, this.toArray(this.props.group));
+	      }
+	    }
+	  }, {
+	    key: 'render',
+	    value: function render() {
+	      if (this.props.attachTo) {
+	        return this.props.children;
+	      }
+	      return (0, _react.cloneElement)(_react.Children.only(this.props.children), { ref: this.childRef });
+	    }
+	  }]);
+
+	  return ScrollSyncPane;
+	}(_react.Component);
+
+	ScrollSyncPane.contextType = _ScrollSyncContext2.default;
+	ScrollSyncPane.propTypes = {
+	  children: _propTypes2.default.node.isRequired,
+	  attachTo: _propTypes2.default.oneOfType([_propTypes2.default.func, _propTypes2.default.shape({ current: _propTypes2.default.any })]),
+	  group: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.arrayOf(_propTypes2.default.string)]),
+	  enabled: _propTypes2.default.bool
+	};
+	ScrollSyncPane.defaultProps = {
+	  group: 'default',
+	  enabled: true
+	};
+	exports.default = ScrollSyncPane;
+	module.exports = exports['default'];
+
+	/***/ }),
+	/* 10 */
+	/***/ (function(module, exports, __webpack_require__) {
+
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _ScrollSync = __webpack_require__(8);
+
+	Object.defineProperty(exports, 'ScrollSync', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_ScrollSync).default;
+	  }
+	});
+
+	var _ScrollSyncPane = __webpack_require__(9);
+
+	Object.defineProperty(exports, 'ScrollSyncPane', {
+	  enumerable: true,
+	  get: function get() {
+	    return _interopRequireDefault(_ScrollSyncPane).default;
+	  }
+	});
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	/***/ }),
+	/* 11 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+	/**
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?Function} getStack Returns the component stack.
+	 * @private
+	 */
+	function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+	}
+
+	module.exports = checkPropTypes;
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ }),
+	/* 12 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+
+
+	var emptyFunction = __webpack_require__(1);
+	var invariant = __webpack_require__(2);
+	var ReactPropTypesSecret = __webpack_require__(3);
+
+	module.exports = function() {
+	  function shim(props, propName, componentName, location, propFullName, secret) {
+	    if (secret === ReactPropTypesSecret) {
+	      // It is still safe when called from React.
+	      return;
+	    }
+	    invariant(
+	      false,
+	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	      'Use PropTypes.checkPropTypes() to call them. ' +
+	      'Read more at http://fb.me/use-check-prop-types'
+	    );
+	  }	  shim.isRequired = shim;
+	  function getShim() {
+	    return shim;
+	  }	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+	  var ReactPropTypes = {
+	    array: shim,
+	    bool: shim,
+	    func: shim,
+	    number: shim,
+	    object: shim,
+	    string: shim,
+	    symbol: shim,
+
+	    any: shim,
+	    arrayOf: getShim,
+	    element: shim,
+	    instanceOf: getShim,
+	    node: shim,
+	    objectOf: getShim,
+	    oneOf: getShim,
+	    oneOfType: getShim,
+	    shape: getShim
+	  };
+
+	  ReactPropTypes.checkPropTypes = emptyFunction;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+
+
+	/***/ }),
+	/* 13 */
+	/***/ (function(module, exports, __webpack_require__) {
+	/* WEBPACK VAR INJECTION */(function(process) {/**
+	 * Copyright 2013-present, Facebook, Inc.
+	 * All rights reserved.
+	 *
+	 * This source code is licensed under the BSD-style license found in the
+	 * LICENSE file in the root directory of this source tree. An additional grant
+	 * of patent rights can be found in the PATENTS file in the same directory.
+	 */
+
+
+
+	var emptyFunction = __webpack_require__(1);
+	var invariant = __webpack_require__(2);
+	var warning = __webpack_require__(6);
+
+	var ReactPropTypesSecret = __webpack_require__(3);
+	var checkPropTypes = __webpack_require__(11);
+
+	module.exports = function(isValidElement, throwOnDirectAccess) {
+	  /* global Symbol */
+	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+	  /**
+	   * Returns the iterator method function contained on the iterable object.
+	   *
+	   * Be sure to invoke the function with the iterable as context:
+	   *
+	   *     var iteratorFn = getIteratorFn(myIterable);
+	   *     if (iteratorFn) {
+	   *       var iterator = iteratorFn.call(myIterable);
+	   *       ...
+	   *     }
+	   *
+	   * @param {?object} maybeIterable
+	   * @return {?function}
+	   */
+	  function getIteratorFn(maybeIterable) {
+	    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	    if (typeof iteratorFn === 'function') {
+	      return iteratorFn;
+	    }
+	  }
+
+	  /**
+	   * Collection of methods that allow declaration and validation of props that are
+	   * supplied to React components. Example usage:
+	   *
+	   *   var Props = require('ReactPropTypes');
+	   *   var MyArticle = React.createClass({
+	   *     propTypes: {
+	   *       // An optional string prop named "description".
+	   *       description: Props.string,
+	   *
+	   *       // A required enum prop named "category".
+	   *       category: Props.oneOf(['News','Photos']).isRequired,
+	   *
+	   *       // A prop named "dialog" that requires an instance of Dialog.
+	   *       dialog: Props.instanceOf(Dialog).isRequired
+	   *     },
+	   *     render: function() { ... }
+	   *   });
+	   *
+	   * A more formal specification of how these methods are used:
+	   *
+	   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+	   *   decl := ReactPropTypes.{type}(.isRequired)?
+	   *
+	   * Each and every declaration produces a function with the same signature. This
+	   * allows the creation of custom validation functions. For example:
+	   *
+	   *  var MyLink = React.createClass({
+	   *    propTypes: {
+	   *      // An optional string or URI prop named "href".
+	   *      href: function(props, propName, componentName) {
+	   *        var propValue = props[propName];
+	   *        if (propValue != null && typeof propValue !== 'string' &&
+	   *            !(propValue instanceof URI)) {
+	   *          return new Error(
+	   *            'Expected a string or an URI for ' + propName + ' in ' +
+	   *            componentName
+	   *          );
+	   *        }
+	   *      }
+	   *    },
+	   *    render: function() {...}
+	   *  });
+	   *
+	   * @internal
+	   */
+
+	  var ANONYMOUS = '<<anonymous>>';
+
+	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+	  var ReactPropTypes = {
+	    array: createPrimitiveTypeChecker('array'),
+	    bool: createPrimitiveTypeChecker('boolean'),
+	    func: createPrimitiveTypeChecker('function'),
+	    number: createPrimitiveTypeChecker('number'),
+	    object: createPrimitiveTypeChecker('object'),
+	    string: createPrimitiveTypeChecker('string'),
+	    symbol: createPrimitiveTypeChecker('symbol'),
+
+	    any: createAnyTypeChecker(),
+	    arrayOf: createArrayOfTypeChecker,
+	    element: createElementTypeChecker(),
+	    instanceOf: createInstanceTypeChecker,
+	    node: createNodeChecker(),
+	    objectOf: createObjectOfTypeChecker,
+	    oneOf: createEnumTypeChecker,
+	    oneOfType: createUnionTypeChecker,
+	    shape: createShapeTypeChecker
+	  };
+
+	  /**
+	   * inlined Object.is polyfill to avoid requiring consumers ship their own
+	   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	   */
+	  /*eslint-disable no-self-compare*/
+	  function is(x, y) {
+	    // SameValue algorithm
+	    if (x === y) {
+	      // Steps 1-5, 7-10
+	      // Steps 6.b-6.e: +0 != -0
+	      return x !== 0 || 1 / x === 1 / y;
+	    } else {
+	      // Step 6.a: NaN == NaN
+	      return x !== x && y !== y;
+	    }
+	  }
+	  /*eslint-enable no-self-compare*/
+
+	  /**
+	   * We use an Error-like object for backward compatibility as people may call
+	   * PropTypes directly and inspect their output. However, we don't use real
+	   * Errors anymore. We don't inspect their stack anyway, and creating them
+	   * is prohibitively expensive if they are created too often, such as what
+	   * happens in oneOfType() for any type before the one that matched.
+	   */
+	  function PropTypeError(message) {
+	    this.message = message;
+	    this.stack = '';
+	  }
+	  // Make `instanceof Error` still work for returned errors.
+	  PropTypeError.prototype = Error.prototype;
+
+	  function createChainableTypeChecker(validate) {
+	    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+	      componentName = componentName || ANONYMOUS;
+	      propFullName = propFullName || propName;
+
+	      if (secret !== ReactPropTypesSecret) {
+	        if (throwOnDirectAccess) {
+	          // New behavior only for users of `prop-types` package
+	          invariant(
+	            false,
+	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	            'Use `PropTypes.checkPropTypes()` to call them. ' +
+	            'Read more at http://fb.me/use-check-prop-types'
+	          );
+	        }
+	      }
+	      if (props[propName] == null) {
+	        if (isRequired) {
+	          if (props[propName] === null) {
+	            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+	          }
+	          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+	        }
+	        return null;
+	      } else {
+	        return validate(props, propName, componentName, location, propFullName);
+	      }
+	    }
+
+	    var chainedCheckType = checkType.bind(null, false);
+	    chainedCheckType.isRequired = checkType.bind(null, true);
+
+	    return chainedCheckType;
+	  }
+
+	  function createPrimitiveTypeChecker(expectedType) {
+	    function validate(props, propName, componentName, location, propFullName, secret) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== expectedType) {
+	        // `propValue` being instance of, say, date/regexp, pass the 'object'
+	        // check, but we can offer a more precise error message here rather than
+	        // 'of type `object`'.
+	        var preciseType = getPreciseType(propValue);
+
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createAnyTypeChecker() {
+	    return createChainableTypeChecker(emptyFunction.thatReturnsNull);
+	  }
+
+	  function createArrayOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+	      }
+	      var propValue = props[propName];
+	      if (!Array.isArray(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+	      }
+	      for (var i = 0; i < propValue.length; i++) {
+	        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+	        if (error instanceof Error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createElementTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!isValidElement(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createInstanceTypeChecker(expectedClass) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!(props[propName] instanceof expectedClass)) {
+	        var expectedClassName = expectedClass.name || ANONYMOUS;
+	        var actualClassName = getClassName(props[propName]);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createEnumTypeChecker(expectedValues) {
+	    if (!Array.isArray(expectedValues)) {
+	      return emptyFunction.thatReturnsNull;
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      for (var i = 0; i < expectedValues.length; i++) {
+	        if (is(propValue, expectedValues[i])) {
+	          return null;
+	        }
+	      }
+
+	      var valuesString = JSON.stringify(expectedValues);
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + propValue + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createObjectOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+	      }
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+	      }
+	      for (var key in propValue) {
+	        if (propValue.hasOwnProperty(key)) {
+	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	          if (error instanceof Error) {
+	            return error;
+	          }
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createUnionTypeChecker(arrayOfTypeCheckers) {
+	    if (!Array.isArray(arrayOfTypeCheckers)) {
+	      return emptyFunction.thatReturnsNull;
+	    }
+
+	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	      var checker = arrayOfTypeCheckers[i];
+	      if (typeof checker !== 'function') {
+	        warning(
+	          false,
+	          'Invalid argument supplid to oneOfType. Expected an array of check functions, but ' +
+	          'received %s at index %s.',
+	          getPostfixForTypeWarning(checker),
+	          i
+	        );
+	        return emptyFunction.thatReturnsNull;
+	      }
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	        var checker = arrayOfTypeCheckers[i];
+	        if (checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret) == null) {
+	          return null;
+	        }
+	      }
+
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createNodeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!isNode(props[propName])) {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      for (var key in shapeTypes) {
+	        var checker = shapeTypes[key];
+	        if (!checker) {
+	          continue;
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function isNode(propValue) {
+	    switch (typeof propValue) {
+	      case 'number':
+	      case 'string':
+	      case 'undefined':
+	        return true;
+	      case 'boolean':
+	        return !propValue;
+	      case 'object':
+	        if (Array.isArray(propValue)) {
+	          return propValue.every(isNode);
+	        }
+	        if (propValue === null || isValidElement(propValue)) {
+	          return true;
+	        }
+
+	        var iteratorFn = getIteratorFn(propValue);
+	        if (iteratorFn) {
+	          var iterator = iteratorFn.call(propValue);
+	          var step;
+	          if (iteratorFn !== propValue.entries) {
+	            while (!(step = iterator.next()).done) {
+	              if (!isNode(step.value)) {
+	                return false;
+	              }
+	            }
+	          } else {
+	            // Iterator will provide entry [k,v] tuples rather than values.
+	            while (!(step = iterator.next()).done) {
+	              var entry = step.value;
+	              if (entry) {
+	                if (!isNode(entry[1])) {
+	                  return false;
+	                }
+	              }
+	            }
+	          }
+	        } else {
+	          return false;
+	        }
+
+	        return true;
+	      default:
+	        return false;
+	    }
+	  }
+
+	  function isSymbol(propType, propValue) {
+	    // Native Symbol.
+	    if (propType === 'symbol') {
+	      return true;
+	    }
+
+	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+	    if (propValue['@@toStringTag'] === 'Symbol') {
+	      return true;
+	    }
+
+	    // Fallback for non-spec compliant Symbols which are polyfilled.
+	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+	      return true;
+	    }
+
+	    return false;
+	  }
+
+	  // Equivalent of `typeof` but with special handling for array and regexp.
+	  function getPropType(propValue) {
+	    var propType = typeof propValue;
+	    if (Array.isArray(propValue)) {
+	      return 'array';
+	    }
+	    if (propValue instanceof RegExp) {
+	      // Old webkits (at least until Android 4.0) return 'function' rather than
+	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+	      // passes PropTypes.object.
+	      return 'object';
+	    }
+	    if (isSymbol(propType, propValue)) {
+	      return 'symbol';
+	    }
+	    return propType;
+	  }
+
+	  // This handles more types than `getPropType`. Only used for error messages.
+	  // See `createPrimitiveTypeChecker`.
+	  function getPreciseType(propValue) {
+	    if (typeof propValue === 'undefined' || propValue === null) {
+	      return '' + propValue;
+	    }
+	    var propType = getPropType(propValue);
+	    if (propType === 'object') {
+	      if (propValue instanceof Date) {
+	        return 'date';
+	      } else if (propValue instanceof RegExp) {
+	        return 'regexp';
+	      }
+	    }
+	    return propType;
+	  }
+
+	  // Returns a string that is postfixed to a warning about an invalid type.
+	  // For example, "undefined" or "of type array"
+	  function getPostfixForTypeWarning(value) {
+	    var type = getPreciseType(value);
+	    switch (type) {
+	      case 'array':
+	      case 'object':
+	        return 'an ' + type;
+	      case 'boolean':
+	      case 'date':
+	      case 'regexp':
+	        return 'a ' + type;
+	      default:
+	        return type;
+	    }
+	  }
+
+	  // Returns class name of the object, if any.
+	  function getClassName(propValue) {
+	    if (!propValue.constructor || !propValue.constructor.name) {
+	      return ANONYMOUS;
+	    }
+	    return propValue.constructor.name;
+	  }
+
+	  ReactPropTypes.checkPropTypes = checkPropTypes;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)));
+
+	/***/ })
+	/******/ ]);
+	});
+	
+} (dist, dist.exports));
+
+var distExports = dist.exports;
+
+var fetch = function fetch() {
+  return axios.get("".concat(BASE_URL, "/permissions"));
+};
+var permissionsApi = {
+  fetch: fetch
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useFetchPermissions = function useFetchPermissions() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return useQuery(_objectSpread$1({
+    queryKey: [QUERY_KEYS.PERMISSIONS],
+    queryFn: permissionsApi.fetch,
+    select: function select(response) {
+      return response === null || response === void 0 ? void 0 : response.permissions;
+    }
+  }, options));
+};
+
+var css = ":root{--ntm-roles-table-default-scroll:15px;--ntm-roles-table-cell-height:48px;--ntm-roles-sidebar-width:480px;--ntm-roles-table-header-height:72px}.ntm-scrollbar__inner{height:200px;width:100%}.ntm-scrollbar__outer{height:150px;left:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:200px}.ntm-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.ntm-roles-pane__body{margin-bottom:1.5rem;width:100%}.ntm-roles-pane__body-wrapper>*+*{margin-top:1rem}.ntm-roles-pane__body>*+*{margin-top:1.5rem}.ntm-roles-pane__footer{display:flex;gap:.5rem}.ntm-roles-permission__heading{color:rgb(var(--neeto-ui-gray-500));text-transform:uppercase}.ntm-roles-permission__card{background-color:rgb(var(--neeto-ui-white));display:flex;flex-direction:column;gap:.75rem;padding:.4rem 0;position:relative}.ntm-roles-permission__card:after{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:1px;left:-15px;position:absolute;top:14px;width:10px}.ntm-roles-permission__card--description{flex-grow:1}.ntm-roles-permission__card--checkbox{padding:0 .5rem}.ntm-roles-permission__card .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container{align-items:flex-start}.ntm-roles-permission__card .neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container .neeto-ui-checkbox[type=checkbox]:disabled+.neeto-ui-label{cursor:not-allowed;opacity:.5}.ntm-roles-permission__sub-blocks{position:relative}.ntm-roles-permission__sub-blocks:before{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:calc(100% - 14px);left:8px;position:absolute;top:0;width:1px}.ntm-roles-permission__sub-blocks:empty{display:none}.ntm-roles-permission-category-card{border:1px solid rgb(var(--neeto-ui-gray-400));border-radius:var(--neeto-ui-rounded);padding:10px 20px}.ntm-roles-permission-category-card>.ntm-roles-permission__card:after{display:none}.ntm-roles-table__wrapper{height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 24px);padding:0 40px;width:100%}@media screen and (max-width:1024px){.ntm-roles-table__wrapper{--neeto-molecules-main-header-with-breadcrumbs-height:216px}}@media screen and (max-width:768px){.ntm-roles-table__wrapper{--neeto-molecules-main-header-with-breadcrumbs-height:186px;overflow:hidden;padding:0 20px}}.ntm-roles-table__container{display:flex;height:100%}@media screen and (max-width:768px){.ntm-roles-table__container{height:auto;overflow-y:auto}}.ntm-roles-table__sidebar{border-top:thin solid rgb(var(--neeto-ui-gray-200));height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 28px);min-width:480px;min-width:var(--ntm-roles-sidebar-width);width:480px;width:var(--ntm-roles-sidebar-width)}@media screen and (max-width:768px){.ntm-roles-table__sidebar{height:100%}}.ntm-roles-table-sidebar__search{height:72px;height:var(--ntm-roles-table-header-height);padding:20px 24px}.ntm-roles-table-sidebar__list,.ntm-roles-table-sidebar__search{border-bottom:thin solid rgb(var(--neeto-ui-gray-200));border-left:thin solid rgb(var(--neeto-ui-gray-200));border-right:thin solid rgb(var(--neeto-ui-gray-200))}.ntm-roles-table-sidebar__list{max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 115px);max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--ntm-roles-table-header-height) - var(--ntm-roles-table-default-scroll) - 28px);overflow:auto;white-space:nowrap}.ntm-roles-table-sidebar__list-item{display:flex;flex-direction:column;justify-content:center;min-height:48px;min-height:var(--ntm-roles-table-cell-height);overflow-wrap:break-word;position:relative;white-space:normal}.ntm-roles-table-sidebar__list-item:after{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:1px;left:-18px;position:absolute;top:23px;width:14px}.ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted{background-color:rgb(var(--neeto-ui-gray-100));border-top:thin solid rgb(var(--neeto-ui-gray-200));flex-direction:row;justify-content:space-between;padding:11px 24px}.ntm-roles-table__columns{border-top:thin solid rgb(var(--neeto-ui-gray-200));flex-grow:1;overflow:hidden}@media screen and (max-width:768px){.ntm-roles-table__columns{overflow:visible;overflow:initial}}.ntm-roles-table__cell{align-items:center;border-right:thin solid rgb(var(--neeto-ui-gray-200));display:flex;height:48px;height:var(--ntm-roles-table-cell-height);justify-content:center;min-height:48px;min-height:var(--ntm-roles-table-cell-height);min-width:200px;padding:12px 8px;width:100%}.ntm-roles-table-cell__checkbox-wrapper{height:1rem;margin:auto;position:absolute;width:1rem;z-index:10}.ntm-roles-table-cell__checkbox{z-index:10}.ntm-roles-table__header{align-items:center;display:flex;overflow-x:auto}.ntm-roles-table__header .ntm-roles-table__cell{border-bottom:thin solid rgb(var(--neeto-ui-gray-200));height:72px;height:var(--ntm-roles-table-header-height)}@media screen and (max-width:768px){.ntm-roles-table__header{overflow:visible;overflow:initial}}.ntm-roles-table-header-cell__container{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.ntm-roles-table-header__dropdown{flex-shrink:0;margin:3px}.ntm-roles-table-header__role-name{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.ntm-roles-table__rows{max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 115px);max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--ntm-roles-table-header-height) - var(--ntm-roles-table-default-scroll) - 28px);overflow-y:auto;scrollbar-width:none;width:100%}.ntm-roles-table__rows::-webkit-scrollbar{height:0;width:0}.ntm-roles-table__rows::-webkit-scrollbar-thumb{background:rgb(var(--neeto-ui-gray-300));border-radius:50px}.ntm-roles-table__rows::-webkit-scrollbar-thumb:hover{border-radius:50px}.ntm-roles-table__rows::-webkit-scrollbar-track{background:rgb(var(--neeto-ui-gray-300))}.ntm-roles-table__rows div:last-child .ntm-roles-table__row:last-child .ntm-roles-table__cell{border-bottom:thin solid rgb(var(--neeto-ui-gray-200))}.ntm-roles-table__row{align-items:center;display:flex}.ntm-roles-table__row .ntm-roles-table__cell{overflow:hidden;position:relative}.ntm-roles-table__row .ntm-roles-table__cell p{min-width:340px;opacity:0;width:340px}.ntm-roles-table__row.ntm-roles-table__row--highlighted .ntm-roles-table__cell{background-color:rgb(var(--neeto-ui-gray-100))}.ntm-roles-table__row .ntm-roles-table__cell{border-top:thin solid rgb(var(--neeto-ui-gray-200))}.ntm-roles-table-sidebar__drop-down-button{color:rgb(var(--neeto-ui-gray-600));cursor:pointer}.ntm-roles-modal__body>*+*{margin-top:1rem}.ntm-roles-modal__footer{display:flex;gap:.5rem}.ntm-roles-help-url-wrapper{align-items:center;display:flex;justify-content:center;padding:1rem 0;width:100%}.ntm-roles-table-sidebar__list-item-spacing-handler>.ntm-roles-table-sidebar__list-item:after,.ntm-roles-table-sidebar__list-item-spacing-handler>.ntm-roles-table-sidebar__list-item:before{display:none}.ntm-roles-table-sidebar__sub-blocks{position:relative}.ntm-roles-table-sidebar__sub-blocks:before{background-color:rgb(var(--neeto-ui-gray-300));content:\"\";height:calc(100% - 24px);left:6px;position:absolute;top:0;width:1px}.ntm-roles-table-sidebar__sub-blocks:empty{display:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX3Jvb3Quc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9wYWdlcy9yb2xlcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2Jhc2UvX2Jhc2Uuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3JvbGVzLXBlcm1pc3Npb25zLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvYWJzdHJhY3RzL19taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLHFDQUFBLENBQ0Esa0NBQUEsQ0FDQSwrQkFBQSxDQUNBLG9DQ0NGLENDSkUsc0JBRUUsWUFBQSxDQURBLFVEUUosQ0NKRSxzQkFLRSxZQUFBLENBRkEsTUFBQSxDQUdBLGVBQUEsQ0FMQSxpQkFBQSxDQUNBLEtBQUEsQ0FLQSxpQkFBQSxDQUhBLFdEU0osQ0VuQkEsaUJBSUUsa0JBQUEsQ0FEQSxZQUFBLENBREEsV0FBQSxDQUdBLHNCQUFBLENBSkEsVUYwQkYsQ0cxQkUsc0JBRUUsb0JBQUEsQ0FEQSxVSDhCSixDRzNCSSxrQ0FDRSxlSDZCTixDRzFCSSwwQkFDRSxpQkg0Qk4sQ0d4QkUsd0JBQ0UsWUFBQSxDQUNBLFNIMEJKLENHckJFLCtCQUNFLG1DQUFBLENBQ0Esd0JId0JKLENHckJFLDRCQUNFLDJDQUFBLENBR0EsWUFBQSxDQUNBLHFCQUFBLENBQ0EsVUFBQSxDQUNBLGVBQUEsQ0FMQSxpQkgyQkosQ0dwQkksa0NBQ0UsOENBQUEsQ0FDQSxVQUFBLENBQ0EsVUFBQSxDQUNBLFVBQUEsQ0FDQSxpQkFBQSxDQUNBLFFBQUEsQ0FDQSxVSHNCTixDR25CSSx5Q0FDRSxXSHFCTixDR2xCSSxzQ0FDRSxlSG9CTixDR2pCSSxzRkFDRSxzQkhtQk4sQ0dqQk0saUpBRUUsa0JBQUEsQ0FEQSxVSG9CUixDR2RFLGtDQUNFLGlCSGdCSixDR2RJLHlDQUNFLDhDQUFBLENBRUEsVUFBQSxDQUNBLHdCQUFBLENBQ0EsUUFBQSxDQUNBLGlCQUFBLENBSkEsS0FBQSxDQUtBLFNIZ0JOLENHYkksd0NBQ0UsWUhlTixDR1ZBLG9DQUdFLDhDQUFBLENBREEscUNBQUEsQ0FEQSxpQkhlRixDR1hJLHNFQUNFLFlIYU4sQ0EvRkEsMEJBRUUsc0ZBQUEsQ0FHQSxjQUFBLENBSkEsVUFvR0YsQ0E5RkUscUNBUEYsMEJBUUksMkRBaUdGLENBQ0YsQ0EvRkUsb0NBWEYsMEJBWUksMkRBQUEsQ0FHQSxlQUFBLENBREEsY0FrR0YsQ0FDRixDQTlGQSw0QkFDRSxZQUFBLENBQ0EsV0FpR0YsQ0EvRkUsb0NBSkYsNEJBTUksV0FBQSxDQURBLGVBbUdGLENBQ0YsQ0EvRkEsMEJBTUUsbURBQUEsQ0FKQSxzRkFBQSxDQUdBLGVBQUEsQ0FBQSx3Q0FBQSxDQUpBLFdBQUEsQ0FBQSxvQ0FxR0YsQ0EvRkUsb0NBUEYsMEJBUUksV0FrR0YsQ0FDRixDQS9GQSxpQ0FFRSxXQUFBLENBQUEsMkNBQUEsQ0FEQSxpQkFzR0YsQ0EvRkEsZ0VBSEUsc0RBQUEsQ0FGQSxvREFBQSxDQUNBLHFEQTRHRixDQXhHQSwrQkFDRSwyRkFBQSxDQUFBLHlLQUFBLENBS0EsYUFBQSxDQUlBLGtCQThGRixDQTNGQSxvQ0FDRSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxzQkFBQSxDQUNBLGVBQUEsQ0FBQSw2Q0FBQSxDQUdBLHdCQUFBLENBRkEsaUJBQUEsQ0FDQSxrQkErRkYsQ0E1RkUsMENBQ0UsOENBQUEsQ0FDQSxVQUFBLENBQ0EsVUFBQSxDQUNBLFVBQUEsQ0FDQSxpQkFBQSxDQUNBLFFBQUEsQ0FDQSxVQThGSixDQTNGRSxvRkFHRSw4Q0FBQSxDQUVBLG1EQUFBLENBSkEsa0JBQUEsQ0FDQSw2QkFBQSxDQUVBLGlCQThGSixDQXpGQSwwQkFHRSxtREFBQSxDQUZBLFdBQUEsQ0FDQSxlQTZGRixDQTFGRSxvQ0FMRiwwQkFNSSxnQkFBQSxDQUFBLGdCQTZGRixDQUNGLENBMUZBLHVCQVNFLGtCQUFBLENBRUEscURBQUEsQ0FKQSxZQUFBLENBSkEsV0FBQSxDQUFBLHlDQUFBLENBS0Esc0JBQUEsQ0FKQSxlQUFBLENBQUEsNkNBQUEsQ0FGQSxlQUFBLENBR0EsZ0JBQUEsQ0FKQSxVQXFHRixDQXhGQSx3Q0FFRSxXQUFBLENBRUEsV0FBQSxDQUhBLGlCQUFBLENBRUEsVUFBQSxDQUVBLFVBMkZGLENBeEZBLGdDQUNFLFVBMkZGLENBeEZBLHlCQUVFLGtCQUFBLENBREEsWUFBQSxDQUVBLGVBMkZGLENBekZFLGdEQUVFLHNEQUFBLENBREEsV0FBQSxDQUFBLDJDQTRGSixDQXhGRSxvQ0FWRix5QkFXSSxnQkFBQSxDQUFBLGdCQTJGRixDQUNGLENBeEZBLHdDQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLDZCQUFBLENBR0EsZUFBQSxDQURBLFVBNEZGLENBeEZBLGtDQUVFLGFBQUEsQ0FEQSxVQTRGRixDQXhGQSxtQ0FDRSxlQUFBLENBR0EsaUJBQUEsQ0FGQSxzQkFBQSxDQUNBLGtCQUFBLENBRUEsVUEyRkYsQ0F4RkEsdUJBRUUsMkZBQUEsQ0FBQSx5S0FBQSxDQUtBLGVBQUEsQ0kxS0Esb0JBQUEsQ0pvS0EsVUE4RkYsQ0loUUUsMENBRUUsUUp3S0EsQ0l6S0EsT0ptUUosQ0kvUEUsZ0RBQ0Usd0NKcUtBLENJcEtBLGtCSmlRSixDSTlQRSxzREFDRSxrQkpnUUosQ0k3UEUsZ0RBQ0Usd0NKK1BKLENBM0ZVLDhGQUNFLHNEQTZGWixDQXJGQSxzQkFFRSxrQkFBQSxDQURBLFlBeUZGLENBdEZFLDZDQUNFLGVBQUEsQ0FDQSxpQkF3RkosQ0FyRkksK0NBR0UsZUFBQSxDQUZBLFNBQUEsQ0FDQSxXQXdGTixDQWxGSSwrRUFDRSw4Q0FvRk4sQ0FoRkUsNkNBQ0UsbURBa0ZKLENBOUVBLDJDQUNFLG1DQUFBLENBQ0EsY0FpRkYsQ0E3RUUsMkJBQ0UsZUFnRkosQ0E3RUUseUJBQ0UsWUFBQSxDQUNBLFNBK0VKLENBM0VBLDRCQUdFLGtCQUFBLENBRkEsWUFBQSxDQUdBLHNCQUFBLENBQ0EsY0FBQSxDQUhBLFVBaUZGLENBdEVJLDZMQUNFLFlBNEVOLENBdkVBLHFDQUNFLGlCQTBFRixDQXhFRSw0Q0FDRSw4Q0FBQSxDQUVBLFVBQUEsQ0FDQSx3QkFBQSxDQUNBLFFBQUEsQ0FDQSxpQkFBQSxDQUpBLEtBQUEsQ0FLQSxTQTBFSixDQXZFRSwyQ0FDRSxZQXlFSiIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS1udG0tcm9sZXMtdGFibGUtZGVmYXVsdC1zY3JvbGw6IDE1cHg7XG4gIC0tbnRtLXJvbGVzLXRhYmxlLWNlbGwtaGVpZ2h0OiA0OHB4O1xuICAtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoOiA0ODBweDtcbiAgLS1udG0tcm9sZXMtdGFibGUtaGVhZGVyLWhlaWdodDogNzJweDtcbn1cbiIsIkBpbXBvcnQgXCIuLi9hYnN0cmFjdHMvbWl4aW5zXCI7XG5AaW1wb3J0IFwiLi4vYWJzdHJhY3RzL3Jvb3RcIjtcbkBpbXBvcnQgXCIuLi9iYXNlL2Jhc2VcIjtcbkBpbXBvcnQgXCIuLi9jb21wb25lbnRzL2VtcHR5LXN0YXRlXCI7XG5AaW1wb3J0IFwiLi4vY29tcG9uZW50cy9yb2xlcy1wZXJtaXNzaW9uc1wiO1xuXG4ubnRtLXJvbGVzLXRhYmxlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYyhcbiAgICAxMDB2aCAtIHZhcigtLW5lZXRvLW1vbGVjdWxlcy1tYWluLWhlYWRlci13aXRoLWJyZWFkY3J1bWJzLWhlaWdodCkgLSAyNHB4XG4gICk7XG4gIHBhZGRpbmc6IDAgNDBweDtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICAtLW5lZXRvLW1vbGVjdWxlcy1tYWluLWhlYWRlci13aXRoLWJyZWFkY3J1bWJzLWhlaWdodDogMjE2cHg7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIC0tbmVldG8tbW9sZWN1bGVzLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0OiAxODZweDtcblxuICAgIHBhZGRpbmc6IDAgMjBweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG4gICAgaGVpZ2h0OiBhdXRvO1xuICB9XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3NpZGViYXIge1xuICB3aWR0aDogdmFyKC0tbnRtLXJvbGVzLXNpZGViYXItd2lkdGgpO1xuICBoZWlnaHQ6IGNhbGMoXG4gICAgMTAwdmggLSB2YXIoLS1uZWV0by1tb2xlY3VsZXMtbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpIC0gMjhweFxuICApO1xuICBtaW4td2lkdGg6IHZhcigtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoKTtcbiAgYm9yZGVyLXRvcDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0yMDApKTtcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIH1cbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19zZWFyY2gge1xuICBwYWRkaW5nOiAyMHB4IDI0cHg7XG4gIGhlaWdodDogdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWhlYWRlci1oZWlnaHQpO1xuICBib3JkZXItbGVmdDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0yMDApKTtcbiAgYm9yZGVyLXJpZ2h0OiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3Qge1xuICBtYXgtaGVpZ2h0OiBjYWxjKFxuICAgIDEwMHZoIC0gdmFyKC0tbmVldG8tbW9sZWN1bGVzLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KSAtXG4gICAgICB2YXIoLS1udG0tcm9sZXMtdGFibGUtaGVhZGVyLWhlaWdodCkgLVxuICAgICAgdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWRlZmF1bHQtc2Nyb2xsKSAtIDI4cHhcbiAgKTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIGJvcmRlci1sZWZ0OiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBib3JkZXItcmlnaHQ6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLW50bS1yb2xlcy10YWJsZS1jZWxsLWhlaWdodCk7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcblxuICAmOjphZnRlciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBsZWZ0OiAtMThweDtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAyM3B4O1xuICAgIHdpZHRoOiAxNHB4O1xuICB9XG5cbiAgJi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtLS1oaWdobGlnaHRlZCB7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG4gICAgcGFkZGluZzogMTFweCAyNHB4O1xuICAgIGJvcmRlci10b3A6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gIH1cbn1cblxuLm50bS1yb2xlcy10YWJsZV9fY29sdW1ucyB7XG4gIGZsZXgtZ3JvdzogMTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgYm9yZGVyLXRvcDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0yMDApKTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIG92ZXJmbG93OiB1bnNldDtcbiAgfVxufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi13aWR0aDogMjAwcHg7XG4gIGhlaWdodDogdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWNlbGwtaGVpZ2h0KTtcbiAgbWluLWhlaWdodDogdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWNlbGwtaGVpZ2h0KTtcbiAgcGFkZGluZzogMTJweCA4cHg7XG5cbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgYm9yZGVyLXJpZ2h0OiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLWNlbGxfX2NoZWNrYm94LXdyYXBwZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogMXJlbTtcbiAgd2lkdGg6IDFyZW07XG4gIG1hcmdpbjogYXV0bztcbiAgei1pbmRleDogMTA7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtY2VsbF9fY2hlY2tib3gge1xuICB6LWluZGV4OiAxMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3cteDogYXV0bztcblxuICAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgICBoZWlnaHQ6IHZhcigtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0KTtcbiAgICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICB9XG5cbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgICBvdmVyZmxvdzogdW5zZXQ7XG4gIH1cbn1cblxuLm50bS1yb2xlcy10YWJsZS1oZWFkZXItY2VsbF9fY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogMTAwJTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1oZWFkZXJfX2Ryb3Bkb3duIHtcbiAgbWFyZ2luOiAzcHg7XG4gIGZsZXgtc2hyaW5rOiAwO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLWhlYWRlcl9fcm9sZS1uYW1lIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3Jvd3Mge1xuICB3aWR0aDogMTAwJTtcbiAgbWF4LWhlaWdodDogY2FsYyhcbiAgICAxMDB2aCAtICN7dmFyKC0tbmVldG8tbW9sZWN1bGVzLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KX0gLSB2YXIoXG4gICAgICAgIC0tbnRtLXJvbGVzLXRhYmxlLWhlYWRlci1oZWlnaHRcbiAgICAgICkgLSB2YXIoLS1udG0tcm9sZXMtdGFibGUtZGVmYXVsdC1zY3JvbGwpIC0gMjhweFxuICApO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBAaW5jbHVkZSBzY3JvbGxiYXJzKFxuICAgIDBweCxcbiAgICByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKSxcbiAgICByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKVxuICApO1xuXG4gIGRpdiB7XG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIC5udG0tcm9sZXMtdGFibGVfX3JvdyB7XG4gICAgICAgICY6bGFzdC1jaGlsZCB7XG4gICAgICAgICAgLm50bS1yb2xlcy10YWJsZV9fY2VsbCB7XG4gICAgICAgICAgICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgLy8gSGlkZGVuIC0gSnVzdCBmb3IgaGVpZ2h0IHJlZmVyZW5jZVxuICAgIHAge1xuICAgICAgb3BhY2l0eTogMDtcbiAgICAgIHdpZHRoOiAzNDBweDtcbiAgICAgIG1pbi13aWR0aDogMzQwcHg7XG4gICAgfVxuICB9XG5cbiAgJi5udG0tcm9sZXMtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWQge1xuICAgIC5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG4gICAgfVxuICB9XG5cbiAgLm50bS1yb2xlcy10YWJsZV9fY2VsbCB7XG4gICAgYm9yZGVyLXRvcDogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0yMDApKTtcbiAgfVxufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2Ryb3AtZG93bi1idXR0b24ge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNjAwKSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm50bS1yb2xlcy1tb2RhbCB7XG4gICZfX2JvZHkgPiAqICsgKiB7XG4gICAgbWFyZ2luLXRvcDogMXJlbTtcbiAgfVxuXG4gICZfX2Zvb3RlciB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDAuNXJlbTtcbiAgfVxufVxuXG4ubnRtLXJvbGVzLWhlbHAtdXJsLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogMTAwJTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDFyZW0gMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0LWl0ZW0tc3BhY2luZy1oYW5kbGVyIHtcbiAgJiA+IC5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtIHtcbiAgICAmOjpiZWZvcmUge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19zdWItYmxvY2tzIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgdG9wOiAwO1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAyNHB4KTtcbiAgICBsZWZ0OiA2cHg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxcHg7XG4gIH1cblxuICAmOmVtcHR5IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iLCIubnRtLXNjcm9sbGJhciB7XG4gICZfX2lubmVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDIwMHB4O1xuICB9XG5cbiAgJl9fb3V0ZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDBweDtcbiAgICBsZWZ0OiAwcHg7XG4gICAgd2lkdGg6IDIwMHB4O1xuICAgIGhlaWdodDogMTUwcHg7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4gIH1cbn1cbiIsIi5udG0tZW1wdHktc3RhdGUge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cbiIsIi5udG0tcm9sZXMtcGFuZSB7XG4gICZfX2JvZHkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcblxuICAgICYtd3JhcHBlciA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi10b3A6IDFyZW07XG4gICAgfVxuXG4gICAgJiA+ICogKyAqIHtcbiAgICAgIG1hcmdpbi10b3A6IDEuNXJlbTtcbiAgICB9XG4gIH1cblxuICAmX19mb290ZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZ2FwOiAwLjVyZW07XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uIHtcbiAgJl9faGVhZGluZyB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTUwMCkpO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gIH1cblxuICAmX19jYXJkIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAwLjc1cmVtO1xuICAgIHBhZGRpbmc6IDAuNHJlbSAwO1xuXG4gICAgJjo6YWZ0ZXIge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICBsZWZ0OiAtMTVweDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIHRvcDogMTRweDtcbiAgICAgIHdpZHRoOiAxMHB4O1xuICAgIH1cblxuICAgICYtLWRlc2NyaXB0aW9uIHtcbiAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICB9XG5cbiAgICAmLS1jaGVja2JveCB7XG4gICAgICBwYWRkaW5nOiAwIDAuNXJlbTtcbiAgICB9XG5cbiAgICAubmVldG8tdWktY2hlY2tib3hfX3dyYXBwZXIgLm5lZXRvLXVpLWNoZWNrYm94X19jb250YWluZXIge1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cbiAgICAgIC5uZWV0by11aS1jaGVja2JveFt0eXBlPVwiY2hlY2tib3hcIl06ZGlzYWJsZWQgKyAubmVldG8tdWktbGFiZWwge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgJl9fc3ViLWJsb2NrcyB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJjo6YmVmb3JlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xuICAgICAgdG9wOiAwO1xuICAgICAgY29udGVudDogXCJcIjtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gMTRweCk7XG4gICAgICBsZWZ0OiA4cHg7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB3aWR0aDogMXB4O1xuICAgIH1cblxuICAgICY6ZW1wdHkge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uLWNhdGVnb3J5LWNhcmQge1xuICBwYWRkaW5nOiAxMHB4IDIwcHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICBib3JkZXI6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgJiA+IC5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCB7XG4gICAgJjo6YWZ0ZXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cbn1cbiIsIkBtaXhpbiBzY3JvbGxiYXJzKFxuICAkc2l6ZSxcbiAgJGZvcmVncm91bmQtY29sb3I6ICRuZWV0by11aS1ncmF5LTMwMCxcbiAgJGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50XG4pIHtcbiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogJHNpemU7XG4gICAgaGVpZ2h0OiAkc2l6ZTtcbiAgfVxuXG4gICY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICBiYWNrZ3JvdW5kOiAkZm9yZWdyb3VuZC1jb2xvcjtcbiAgICBib3JkZXItcmFkaXVzOiA1MHB4O1xuICB9XG5cbiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDUwcHg7XG4gIH1cblxuICAmOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJGJhY2tncm91bmQtY29sb3I7XG4gIH1cbn1cbiJdfQ== */";
+n(css,{});
+
+var renderSearchProps = function renderSearchProps() {
+  return {
+    "data-cy": "ntm-search-roles-input",
+    placeholder: t("neetoTeamMembers.placeholders.searchRole", PLURAL)
+  };
+};
+var renderBreadcrumbs = function renderBreadcrumbs(breadcrumbs) {
+  return breadcrumbs !== null && breadcrumbs !== void 0 ? breadcrumbs : [{
+    text: taxonomies.member.plural,
+    link: "/members"
+  }];
+};
+
+var AddRoleButton = function AddRoleButton(_ref) {
+  var config = _ref.config,
+    onClick = _ref.onClick;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isCreatePermissionGranted = config.permissions.create;
+  return /*#__PURE__*/jsx(Tooltip, {
+    content: t("neetoTeamMembers.tooltips.noPermissionToAddRole"),
+    disabled: isCreatePermissionGranted,
+    position: "bottom",
+    children: /*#__PURE__*/jsx("span", {
+      children: /*#__PURE__*/jsx(Button, {
+        "data-cy": "ntm-add-role-button",
+        disabled: !isCreatePermissionGranted,
+        label: t("neetoTeamMembers.labels.addNewRole"),
+        onClick: onClick
+      })
+    })
+  });
+};
+
+var Header = function Header(_ref) {
+  var _config$header;
+  var config = _ref.config,
+    handleReset = _ref.handleReset,
+    handleSubmit = _ref.handleSubmit,
+    _ref$isDirty = _ref.isDirty,
+    isDirty = _ref$isDirty === void 0 ? false : _ref$isDirty,
+    setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen,
+    roles = _ref.roles;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isUpdatePermissionGranted = config.permissions.update;
+  return /*#__PURE__*/jsx(NeetoHeader, {
+    breadcrumbs: renderBreadcrumbs(config === null || config === void 0 || (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.breadcrumbs),
+    className: "ntm-roles-header",
+    searchProps: isNotEmpty(roles) ? renderSearchProps() : null,
+    actionBlock: isDirty ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Tooltip, {
+        content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
+        disabled: isUpdatePermissionGranted,
+        position: "bottom",
+        children: /*#__PURE__*/jsx("span", {
+          children: /*#__PURE__*/jsx(Button, {
+            "data-cy": "ntm-role-submission-button",
+            disabled: !isUpdatePermissionGranted,
+            label: t("neetoTeamMembers.buttons.saveChanges"),
+            type: "submit",
+            onClick: handleSubmit
+          })
+        })
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "ntm-role-reset-button",
+        label: t("neetoTeamMembers.buttons.reset"),
+        style: "text",
+        type: "reset",
+        onClick: handleReset
+      })]
+    }) : /*#__PURE__*/jsx(AddRoleButton, {
+      config: config,
+      onClick: function onClick() {
+        return setIsNewRolePaneOpen(true);
+      }
+    }),
+    title: /*#__PURE__*/jsxs("span", {
+      className: "neeto-ui-flex neeto-ui-items-center neeto-ui-gap-6",
+      children: [t("neetoTeamMembers.common.role", PLURAL), (config === null || config === void 0 ? void 0 : config.helpUrl) && /*#__PURE__*/jsx(Button, {
+        className: "neeto-ui-mt-1",
+        "data-cy": "ntm-roles-permission-more-info-button",
+        href: config === null || config === void 0 ? void 0 : config.helpUrl,
+        icon: ExternalLink,
+        label: t("neetoTeamMembers.helpers.moreInfoAboutPermissions"),
+        style: "link",
+        target: "_blank"
+      })]
+    })
+  });
+};
+
+var ROLE_NAME_MAX_LENGTH = 40;
+var ROLE_DESCRIPTION_MAX_LENGTH = 255;
+var ADD_ROLE_FORM_VALIDATION_SCHEMA = object({
+  name: string().trim().max(ROLE_NAME_MAX_LENGTH,
+  // @ts-ignore
+  t("neetoTeamMembers.validations.nameLimitExceeded", {
+    limit: ROLE_NAME_MAX_LENGTH
+  }))
+  // @ts-ignore
+  .required(t("neetoTeamMembers.validations.enterRoleName")),
+  description: string().trim().max(ROLE_DESCRIPTION_MAX_LENGTH,
+  // @ts-ignore
+  t("neetoTeamMembers.validations.descriptionLimitExceeded", {
+    limit: ROLE_DESCRIPTION_MAX_LENGTH
+  }))
+});
+var ADD_ROLE_FORM_INITIAL_VALUES = {
+  name: "",
+  description: "",
+  permissionIds: []
+};
+var ROLE_FORMIK_PROPS = {
+  validationSchema: ADD_ROLE_FORM_VALIDATION_SCHEMA
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ManageRoles = function ManageRoles(_ref) {
+  var config = _ref.config,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    onClose = _ref.onClose,
+    _ref$permissions = _ref.permissions,
+    permissions = _ref$permissions === void 0 ? [] : _ref$permissions,
+    _ref$selectedRole = _ref.selectedRole,
+    selectedRole = _ref$selectedRole === void 0 ? {} : _ref$selectedRole;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var formReference = useRef(null);
+  var inputReference = useRef(null);
+  var _useCreateRole = useCreateRole({
+      onSuccess: onClose
+    }),
+    createRole = _useCreateRole.mutate,
+    isCreatingRole = _useCreateRole.isPending;
+  var _useUpdateRole = useUpdateRole({
+      onSuccess: onClose
+    }),
+    updateRole = _useUpdateRole.mutate,
+    isUpdatingRole = _useUpdateRole.isPending;
+  var isEdit = isPresent(selectedRole);
+  var isSubmitting = isCreatingRole || isUpdatingRole;
+  var handleSubmit = function handleSubmit(formValues) {
+    var payload = {
+      organizationRole: _objectSpread(_objectSpread({}, formValues), {}, {
+        name: formValues.name.trim(),
+        description: formValues.description.trim()
+      })
+    };
+    isEdit ? updateRole({
+      payload: payload,
+      id: selectedRole.id
+    }) : createRole(payload);
+  };
+  var initialValues = isEdit ? selectedRole : ADD_ROLE_FORM_INITIAL_VALUES;
+  var formikProps = _objectSpread(_objectSpread({}, ROLE_FORMIK_PROPS), {}, {
+    initialValues: initialValues,
+    onSubmit: handleSubmit
+  });
+  var isReadOnly = selectedRole.kind === "system";
+  var isDisabled = ADMIN_ROLES.includes(selectedRole.name) && isReadOnly;
+  return /*#__PURE__*/jsxs(Pane, {
+    isOpen: isOpen,
+    onClose: onClose,
+    initialFocusRef: inputReference,
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-cy": "ntm-add-role-title",
+        style: "h2",
+        children: isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole")
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      formikProps: formikProps,
+      ref: formReference,
+      children: function children(_ref2) {
+        var _config$permissionRel;
+        var dirty = _ref2.dirty;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(ScrollToErrorField, {
+            formRef: formReference
+          }), /*#__PURE__*/jsx(Pane.Body, {
+            children: /*#__PURE__*/jsxs("div", {
+              className: "ntm-roles-pane__body",
+              children: [/*#__PURE__*/jsxs("div", {
+                className: "ntm-roles-pane__body-wrapper",
+                children: [/*#__PURE__*/jsx(Input, {
+                  required: true,
+                  unlimitedChars: true,
+                  "data-cy": "ntm-add-role-name-text-field",
+                  label: t("neetoTeamMembers.common.name"),
+                  maxLength: ROLE_NAME_MAX_LENGTH,
+                  name: "name",
+                  placeholder: t("neetoTeamMembers.placeholders.enterName"),
+                  readOnly: isReadOnly,
+                  ref: inputReference
+                }), /*#__PURE__*/jsx(Textarea, {
+                  unlimitedChars: true,
+                  "data-cy": "ntm-add-role-description-text-field",
+                  label: t("neetoTeamMembers.common.description"),
+                  maxLength: ROLE_DESCRIPTION_MAX_LENGTH,
+                  name: "description",
+                  readOnly: isDisabled,
+                  placeholder: t("neetoTeamMembers.placeholders.enterDescription")
+                })]
+              }), /*#__PURE__*/jsx(Permissions, {
+                isDisabled: isDisabled,
+                permissions: permissions,
+                permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
+              })]
+            })
+          }), /*#__PURE__*/jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              isSubmitting: isSubmitting,
+              className: "ntm-roles-pane__footer",
+              cancelButtonProps: {
+                "data-cy": "ntm-add-role-cancel-button",
+                onClick: onClose
+              },
+              submitButtonProps: {
+                "data-cy": "ntm-add-role-submit-button",
+                disabled: isSubmitting || isDisabled || !dirty
+              }
+            })
+          })]
+        });
+      }
+    })]
+  });
+};
+
+var DEFAULT_MANAGE_ROLE_VALUES = {
+  isDelete: false,
+  isEdit: false,
+  selectedRole: {}
+};
+var MENU_ITEMS = {
+  EDIT: "edit",
+  DELETE: "delete"
+};
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var deepClone = function deepClone(object) {
+  if (!object || true === object) {
+    //this also handles boolean as true and false
+    return object;
+  }
+  var objectType = _typeof(object);
+  if ("number" === objectType || "string" === objectType) {
+    // add your immutables here
+    return object;
+  }
+  var result = null;
+  if (Array.isArray(object)) {
+    result = [];
+  } else if (!object.constructor) {
+    result = {};
+  } else {
+    result = new object.constructor();
+  }
+  if (object instanceof Map) {
+    var _iterator = _createForOfIteratorHelper(object.keys()),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        result.set(key, deepClone(object.get(key)));
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+  Object.keys(object).forEach(function (key) {
+    if (Object.prototype.hasOwnProperty.call(object, key)) {
+      result[key] = deepClone(object[key]);
+    }
+  });
+  return result;
+};
+var renderRolesTooltipContent = function renderRolesTooltipContent(roleName) {
+  return Object.is(roleName, "Admin") ? t("neetoTeamMembers.tooltips.adminMustHaveAccess") : t("neetoTeamMembers.tooltips.noPermissionToEditRoles");
+};
+var removeDuplicates = function removeDuplicates(array) {
+  return _toConsumableArray(new Set(array));
+};
+var updatePermissionVisibility = function updatePermissionVisibility(categoryName, permissions) {
+  var category = permissions.get(categoryName);
+  var isPermissionVisible = category.get("isPermissionVisible");
+  category.set("isPermissionVisible", !isPermissionVisible);
+  return new Map(permissions.set(categoryName, category));
+};
+var filterPermissionsBySearch = function filterPermissionsBySearch(searchTerm, permissionGroups) {
+  var newValue = deepClone(permissionGroups);
+  newValue.forEach(function (value) {
+    var permissions = value.get("permissions");
+    var filteredPermissions = permissions.filter(function (permission) {
+      var _permission$descripti;
+      return permission === null || permission === void 0 || (_permission$descripti = permission.description) === null || _permission$descripti === void 0 || (_permission$descripti = _permission$descripti.toLowerCase()) === null || _permission$descripti === void 0 || (_permission$descripti = _permission$descripti.trim()) === null || _permission$descripti === void 0 ? void 0 : _permission$descripti.includes(searchTerm.toLowerCase().trim());
+    });
+    value.set("permissions", filteredPermissions);
+  });
+  return newValue;
+};
+var getMenuItems = function getMenuItems(_ref) {
+  var isDeletePermissionGranted = _ref.isDeletePermissionGranted,
+    isUpdatePermissionGranted = _ref.isUpdatePermissionGranted,
+    role = _ref.role,
+    setManageRole = _ref.setManageRole,
+    isSystemRole = _ref.isSystemRole;
+  return [{
+    key: MENU_ITEMS.EDIT,
+    className: "ntm-dropdown__button",
+    "data-cy": "ntm-roles-table-edit-role-button",
+    isDisabled: not(isUpdatePermissionGranted),
+    size: "small",
+    tooltipProps: {
+      content: t("neetoTeamMembers.tooltips.noPermissionToEditRoles"),
+      disabled: isUpdatePermissionGranted,
+      position: "left"
+    },
+    label: t("neetoTeamMembers.common.edit"),
+    onClick: function onClick() {
+      return setManageRole({
+        isEdit: true,
+        selectedRole: role
+      });
+    }
+  }, {
+    key: MENU_ITEMS.DELETE,
+    className: "ntm-dropdown__button",
+    "data-cy": "ntm-roles-table-delete-role-button",
+    isDisabled: not(isDeletePermissionGranted),
+    size: "small",
+    isVisible: not(isSystemRole),
+    tooltipProps: {
+      content: t("neetoTeamMembers.tooltips.noPermissionToRemoveRoles"),
+      disabled: isDeletePermissionGranted,
+      position: "left"
+    },
+    label: t("neetoTeamMembers.common.delete"),
+    onClick: function onClick() {
+      return setManageRole({
+        isDelete: true,
+        selectedRole: role
+      });
+    }
+  }];
+};
+var getRowClientHeight = function getRowClientHeight(permission) {
+  var sidebarItems = Array.from(document.querySelectorAll(".ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted)"));
+  var sidebarItem = _findBy({
+    dataset: {
+      name: permission === null || permission === void 0 ? void 0 : permission.description
+    }
+  }, sidebarItems);
+  return sidebarItem === null || sidebarItem === void 0 ? void 0 : sidebarItem.clientHeight;
+};
+
+var Row = function Row(_ref) {
+  var _ref$allPermissionsOf = _ref.allPermissionsOfCategory,
+    allPermissionsOfCategory = _ref$allPermissionsOf === void 0 ? null : _ref$allPermissionsOf,
+    config = _ref.config,
+    _ref$permission = _ref.permission,
+    permission = _ref$permission === void 0 ? null : _ref$permission,
+    roles = _ref.roles,
+    setModifiedRoles = _ref.setModifiedRoles;
+  var isUpdatePermissionGranted = config.permissions.update;
+  var permissions = (allPermissionsOfCategory === null || allPermissionsOfCategory === void 0 ? void 0 : allPermissionsOfCategory.get("permissions")) || [];
+  var allPermissionIdsOfCategory = map(prop("id"), permissions);
+  var handleSubmit = function handleSubmit(role, checked) {
+    var permissionIds = isNotEmpty(allPermissionIdsOfCategory) ? allPermissionIdsOfCategory : [permission === null || permission === void 0 ? void 0 : permission.id];
+    var modifiedRole = modify("permissionIds", function () {
+      return checked ? removeDuplicates([].concat(_toConsumableArray(role.permissionIds), _toConsumableArray(permissionIds))) : role.permissionIds.filter(function (id) {
+        return !permissionIds.includes(id);
+      });
+    }, role);
+    setModifiedRoles(replaceById(role.id, modifiedRole));
+  };
+  var isCheckboxChecked = function isCheckboxChecked(role) {
+    return !allPermissionsOfCategory ? includes(permission === null || permission === void 0 ? void 0 : permission.id, role.permissionIds) : allPermissionIdsOfCategory.every(includes(__, role.permissionIds));
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classnames("ntm-roles-table__row", {
+      "ntm-roles-table__row--highlighted": !!allPermissionsOfCategory
+    }),
+    children: roles.map(function (role) {
+      return /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table__cell",
+        style: {
+          height: getRowClientHeight(permission)
+        },
+        children: /*#__PURE__*/jsx(Tooltip, {
+          content: renderRolesTooltipContent(role.name),
+          position: "top",
+          disabled: isUpdatePermissionGranted && !identical(role.name, "Admin"),
+          children: /*#__PURE__*/jsx("div", {
+            className: "ntm-roles-table-cell__checkbox-wrapper",
+            children: /*#__PURE__*/jsx(Checkbox, {
+              disabled: true,
+              checked: isCheckboxChecked(role),
+              className: "ntm-roles-table-cell__checkbox",
+              "data-cy": "ntm-roles-table-permission-checkbox",
+              onChange: function onChange(_ref2) {
+                var checked = _ref2.target.checked;
+                return handleSubmit(role, checked);
+              }
+            })
+          })
+        })
+      }, role.id);
+    })
+  });
+};
+
+var TableHeader = function TableHeader(_ref) {
+  var config = _ref.config,
+    roles = _ref.roles,
+    setManageRole = _ref.setManageRole,
+    setIsScrollPresent = _ref.setIsScrollPresent;
+  var isUpdatePermissionGranted = config.permissions.update;
+  var isDeletePermissionGranted = config.permissions["delete"];
+  var scrollSyncElement = useRef(null);
+  var getOverflowStatus = useCallback(function () {
+    if (!scrollSyncElement.current) return;
+    var headerElement = scrollSyncElement.current.node;
+    var isScrollBarPresent = isOverflown(headerElement);
+    setIsScrollPresent(isScrollBarPresent);
+  }, [setIsScrollPresent]);
+  useEffect(function () {
+    addEventListener("resize", getOverflowStatus);
+    return function () {
+      return removeEventListener("resize", getOverflowStatus);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(getOverflowStatus, [getOverflowStatus, scrollSyncElement, roles]);
+  return /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
+    group: "horizontal",
+    ref: scrollSyncElement,
+    children: /*#__PURE__*/jsx("div", {
+      className: "ntm-roles-table__header",
+      "data-cy": "ntm-roles-table-header",
+      children: roles === null || roles === void 0 ? void 0 : roles.map(function (role, index) {
+        var isSystemRole = identical("system", role.kind);
+        var isAdminRole = ADMIN_ROLES.includes(role.name) && isSystemRole;
+        return /*#__PURE__*/jsx("div", {
+          className: "ntm-roles-table__cell",
+          children: /*#__PURE__*/jsxs("div", {
+            className: "ntm-roles-table-header-cell__container",
+            "data-cy": "ntm-roles-table-role-header",
+            children: [/*#__PURE__*/jsx(Typography, {
+              className: "ntm-roles-table-header__role-name",
+              "data-cy": "ntm-roles-table-header-role-title",
+              lineHeight: "normal",
+              style: "h4",
+              weight: "semibold",
+              children: role.name
+            }), !isAdminRole && /*#__PURE__*/jsx(MoreDropdown, {
+              dropdownProps: {
+                autoWidth: true
+              },
+              dropdownButtonProps: {
+                className: "ntm-roles-table-header__dropdown",
+                "data-cy": "ntm-roles-table-header-role-dropdown-button"
+              },
+              menuItems: getMenuItems({
+                isDeletePermissionGranted: isDeletePermissionGranted,
+                isUpdatePermissionGranted: isUpdatePermissionGranted,
+                role: role,
+                setManageRole: setManageRole,
+                isSystemRole: isSystemRole
+              })
+            })]
+          })
+        }, "ntm-roles-".concat(index));
+      })
+    })
+  });
+};
+var TableHeader$1 = /*#__PURE__*/memo(TableHeader);
+
+var Delete = function Delete(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    selectedRole = _ref.selectedRole,
+    roles = _ref.roles;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDestroyRole = useDestroyRole({
+      onSuccess: onClose
+    }),
+    deleteRole = _useDestroyRole.mutate,
+    isDeleting = _useDestroyRole.isPending;
+  var handleDelete = function handleDelete() {
+    var _roles$find;
+    var id = selectedRole.id;
+    var payload = {
+      newRoleId: (_roles$find = roles.find(function (role) {
+        return role.id !== id;
+      })) === null || _roles$find === void 0 ? void 0 : _roles$find.id
+    };
+    deleteRole({
+      id: id,
+      payload: payload
+    });
+  };
+  return /*#__PURE__*/jsx(Alert, {
+    isOpen: isOpen,
+    onClose: onClose,
+    cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),
+    isSubmitting: isDeleting,
+    submitButtonLabel: t("neetoTeamMembers.buttons.delete"),
+    title: t("neetoTeamMembers.labels.deleteRole"),
+    message: /*#__PURE__*/jsx(Trans, {
+      i18nKey: "neetoTeamMembers.alerts.messages.deletingRole",
+      values: {
+        name: selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.name
+      }
+    }),
+    onSubmit: handleDelete
+  });
+};
+
+var Columns = function Columns(_ref) {
+  var config = _ref.config,
+    filteredGroupPermissions = _ref.filteredGroupPermissions,
+    filteredRoles = _ref.filteredRoles,
+    permissions = _ref.permissions,
+    roles = _ref.roles,
+    setModifiedRoles = _ref.setModifiedRoles,
+    setIsScrollPresent = _ref.setIsScrollPresent;
+  var _useState = useState(DEFAULT_MANAGE_ROLE_VALUES),
+    _useState2 = _slicedToArray(_useState, 2),
+    manageRole = _useState2[0],
+    setManageRole = _useState2[1];
+  var categories = Array.from(filteredGroupPermissions === null || filteredGroupPermissions === void 0 ? void 0 : filteredGroupPermissions.keys());
+  var onClose = function onClose() {
+    return setManageRole(DEFAULT_MANAGE_ROLE_VALUES);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "ntm-roles-table__columns",
+    children: [/*#__PURE__*/jsx(TableHeader$1, {
+      config: config,
+      roles: filteredRoles,
+      setIsScrollPresent: setIsScrollPresent,
+      setManageRole: setManageRole
+    }), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
+      group: ["horizontal", "vertical"],
+      children: /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table__rows",
+        children: categories.map(function (category, index) {
+          var groupedPermissions = filteredGroupPermissions.get(category);
+          var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
+          var permissions = groupedPermissions.get("permissions");
+          return /*#__PURE__*/jsxs("div", {
+            children: [/*#__PURE__*/jsx(Row, {
+              allPermissionsOfCategory: groupedPermissions,
+              config: config,
+              roles: filteredRoles,
+              setModifiedRoles: setModifiedRoles
+            }), isPermissionVisible && permissions.map(function (permission) {
+              return /*#__PURE__*/jsx(Row, {
+                config: config,
+                permission: permission,
+                roles: filteredRoles,
+                setModifiedRoles: setModifiedRoles
+              }, permission.id);
+            })]
+          }, index);
+        })
+      })
+    }), /*#__PURE__*/jsx(ManageRoles, {
+      config: config,
+      isOpen: manageRole.isEdit,
+      permissions: permissions,
+      selectedRole: manageRole.selectedRole,
+      onClose: onClose
+    }), /*#__PURE__*/jsx(Delete, {
+      isOpen: manageRole.isDelete,
+      roles: roles,
+      selectedRole: manageRole.selectedRole,
+      onClose: onClose
+    })]
+  });
+};
+
+var ToggleDropdown = function ToggleDropdown(_ref) {
+  var isVisible = _ref.isVisible;
+  return isVisible ? /*#__PURE__*/jsx(Up, {
+    className: "ntm-roles-table-sidebar__drop-down-button",
+    "data-cy": "ntm-permission-category-hide-button",
+    size: 16,
+    strokeWidth: 2
+  }) : /*#__PURE__*/jsx(Down, {
+    className: "ntm-roles-table-sidebar__drop-down-button",
+    "data-cy": "ntm-permission-category-show-button",
+    size: 16,
+    strokeWidth: 2
+  });
+};
+
+var renderDescription = function renderDescription(permissions, filteredPermissions) {
+  return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
+    var id = _ref.id,
+      description = _ref.description,
+      children = _ref.children;
+    return /*#__PURE__*/jsxs(Fragment$1, {
+      children: [filteredPermissions.includes(id) && /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table-sidebar__list-item",
+        "data-name": description,
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-cy": "ntm-permission-category-description",
+          lineHeight: "normal",
+          style: "body2",
+          children: description
+        })
+      }, id), /*#__PURE__*/jsx("div", {
+        className: "neeto-ui-relative neeto-ui-pl-6 ntm-roles-table-sidebar__sub-blocks",
+        children: renderDescription(children, filteredPermissions)
+      })]
+    }, id);
+  });
+};
+var getSearchWrapperStyle = function getSearchWrapperStyle() {
+  var scrollBarWidth = getScrollBarWidth();
+  document.documentElement.style.setProperty("--ntm-roles-table-default-scroll", "".concat(scrollBarWidth, "px"));
+  return {
+    marginBottom: "".concat(scrollBarWidth, "px")
+  };
+};
+
+var Sidebar = function Sidebar(_ref) {
+  var searchTerm = _ref.searchTerm,
+    setSearchTerm = _ref.setSearchTerm,
+    filteredGroupPermissions = _ref.filteredGroupPermissions,
+    toggleDropdown = _ref.toggleDropdown,
+    isScrollPresent = _ref.isScrollPresent,
+    _ref$permissions = _ref.permissions,
+    permissions = _ref$permissions === void 0 ? [] : _ref$permissions,
+    _ref$permissionRelati = _ref.permissionRelationConfig,
+    permissionRelationConfig = _ref$permissionRelati === void 0 ? {} : _ref$permissionRelati;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var categories = Array.from(filteredGroupPermissions.keys());
+  var searchWrapperStyle = isScrollPresent ? getSearchWrapperStyle() : {};
+  var permissionsNameMap = groupBy(prop("name"))(permissions);
+  var groupedPermissionsWithChildren = useMemo(function () {
+    var childrenRemovedFromRoot = getChildrenRemovedFromRoot({
+      permissions: permissions,
+      permissionsNameMap: permissionsNameMap,
+      permissionRelationConfig: permissionRelationConfig
+    });
+    return groupBy(prop("category"))(childrenRemovedFromRoot);
+  }, [permissions]);
+  return /*#__PURE__*/jsxs("div", {
+    className: "ntm-roles-table__sidebar",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "ntm-roles-table-sidebar__search",
+      style: searchWrapperStyle,
+      children: /*#__PURE__*/jsx(Input$1, {
+        "data-cy": "ntm-search-permissions-input",
+        prefix: /*#__PURE__*/jsx(Search, {}),
+        type: "search",
+        value: searchTerm,
+        placeholder: t("neetoTeamMembers.placeholders.searchPermission", PLURAL),
+        onChange: function onChange(_ref2) {
+          var value = _ref2.target.value;
+          return setSearchTerm(value);
+        }
+      })
+    }), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
+      group: "vertical",
+      children: /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table-sidebar__list",
+        children: categories.map(function (category, index) {
+          var groupedPermissions = filteredGroupPermissions.get(category);
+          var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
+          return /*#__PURE__*/jsxs("div", {
+            className: "ntm-roles-table-sidebar__list-item-cell",
+            children: [/*#__PURE__*/jsxs("div", {
+              className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted cursor-pointer",
+              onClick: function onClick() {
+                return toggleDropdown(category);
+              },
+              children: [/*#__PURE__*/jsx(Typography, {
+                "data-cy": "ntm-permission-category-title",
+                lineHeight: "normal",
+                style: "h4",
+                weight: "semibold",
+                children: category
+              }), /*#__PURE__*/jsx(ToggleDropdown, {
+                isVisible: isPermissionVisible
+              })]
+            }), isPermissionVisible && /*#__PURE__*/jsx("div", {
+              className: "ntm-roles-table-sidebar__list-item-spacing-handler ml-[12px] px-[24px]",
+              children: renderDescription(groupedPermissionsWithChildren[category], pluck("id", filteredGroupPermissions.get(category).get("permissions") || []))
+            })]
+          }, index);
+        })
+      })
+    })]
+  });
+};
+
+var Table = function Table(_ref) {
+  var _config$permissionRel;
+  var config = _ref.config,
+    filteredRoles = _ref.filteredRoles,
+    roles = _ref.roles,
+    permissionGroups = _ref.permissionGroups,
+    permissions = _ref.permissions,
+    setModifiedRoles = _ref.setModifiedRoles,
+    setIsNewRolePaneOpen = _ref.setIsNewRolePaneOpen;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isCreatePermissionGranted = config.permissions.create;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var _useState3 = useState(permissionGroups),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filteredGroupPermissions = _useState4[0],
+    setFilteredGroupPermissions = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isScrollPresent = _useState6[0],
+    setIsScrollPresent = _useState6[1];
+  var _useState7 = useState(undefined),
+    _useState8 = _slicedToArray(_useState7, 2),
+    selectedRole = _useState8[0],
+    setSelectedRole = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isDeleteAlertOpen = _useState10[0],
+    setIsDeleteAlertOpen = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isEditPaneOpen = _useState12[0],
+    setIsEditPaneOpen = _useState12[1];
+  var toggleDropdown = function toggleDropdown(category) {
+    var permissions = updatePermissionVisibility(category, filteredGroupPermissions);
+    setFilteredGroupPermissions(permissions);
+  };
+  useEffect(function () {
+    var newValue = filterPermissionsBySearch(searchTerm, permissionGroups);
+    setFilteredGroupPermissions(newValue);
+  }, [permissionGroups, searchTerm]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: "ntm-roles-table__wrapper",
+      children: /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table__container",
+        children: isEmpty(filteredRoles) ? /*#__PURE__*/jsx("div", {
+          className: "ntm-empty-state",
+          children: /*#__PURE__*/jsx(NoData, {
+            title: t("neetoTeamMembers.labels.roleNotFound", PLURAL),
+            primaryButtonProps: {
+              "data-cy": "ntm-add-role-button",
+              disabled: !isCreatePermissionGranted,
+              label: t("neetoTeamMembers.labels.addNewRole"),
+              onClick: function onClick() {
+                return setIsNewRolePaneOpen(true);
+              }
+            }
+          })
+        }) : /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Sidebar, {
+            filteredGroupPermissions: filteredGroupPermissions,
+            isScrollPresent: isScrollPresent,
+            permissions: permissions,
+            searchTerm: searchTerm,
+            setSearchTerm: setSearchTerm,
+            toggleDropdown: toggleDropdown,
+            permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {}
+          }), /*#__PURE__*/jsx(Columns, {
+            config: config,
+            filteredGroupPermissions: filteredGroupPermissions,
+            filteredRoles: filteredRoles,
+            permissions: permissions,
+            roles: roles,
+            setIsScrollPresent: setIsScrollPresent,
+            setModifiedRoles: setModifiedRoles
+          })]
+        })
+      })
+    }), /*#__PURE__*/jsx(ManageRoles, {
+      config: config,
+      permissions: permissions,
+      selectedRole: selectedRole,
+      isOpen: isEditPaneOpen,
+      onClose: function onClose() {
+        setSelectedRole(undefined);
+        setIsEditPaneOpen(false);
+      }
+    }), /*#__PURE__*/jsx(Delete, {
+      roles: roles,
+      selectedRole: selectedRole,
+      isOpen: isDeleteAlertOpen,
+      onClose: function onClose() {
+        setSelectedRole(undefined);
+        setIsDeleteAlertOpen(false);
+      }
+    })]
+  });
+};
+
+var Roles = function Roles(_ref) {
+  var config = _ref.config;
+  var isViewPermissionGranted = config.permissions.view;
+  var isUpdatePermissionGranted = config.permissions.update;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    modifiedRoles = _useState2[0],
+    setModifiedRoles = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isNewRolePaneOpen = _useState4[0],
+    setIsNewRolePaneOpen = _useState4[1];
+  var _useFetchRoles = useFetchRoles({
+      enabled: isViewPermissionGranted
+    }),
+    _useFetchRoles$data = _useFetchRoles.data,
+    roles = _useFetchRoles$data === void 0 ? [] : _useFetchRoles$data,
+    isRolesLoading = _useFetchRoles.isLoading,
+    status = _useFetchRoles.status;
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var _useFetchPermissions = useFetchPermissions({
+      enabled: isViewPermissionGranted
+    }),
+    permissionData = _useFetchPermissions.data,
+    isPermissionsLoading = _useFetchPermissions.isLoading;
+  var _useBulkUpdateRoles = useBulkUpdateRoles({
+      enabled: isUpdatePermissionGranted
+    }),
+    bulkUpdate = _useBulkUpdateRoles.mutate;
+  var permissions = sortPermissionsBySequence(permissionData);
+  var permissionGroups = getPermissionGroups(permissions);
+  var filteredRoles = filter(function (_ref2) {
+    var name = _ref2.name;
+    return includes(searchTerm.toLowerCase().trim(), name.toLowerCase().trim());
+  }, isNotEmpty(modifiedRoles) ? modifiedRoles : roles);
+  var handleSubmit = function handleSubmit() {
+    var updatedRoles = getModifiedPermissions(roles, modifiedRoles);
+    bulkUpdate({
+      organizationRoles: {
+        updatedRoles: updatedRoles
+      }
+    });
+  };
+  var handleReset = function handleReset() {
+    return setModifiedRoles(roles);
+  };
+  useEffect(function () {
+    if (status !== "success") return;
+    setModifiedRoles(roles);
+  }, [roles, status]);
+  if (isRolesLoading || isPermissionsLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "ntm-members-page-loader",
+      children: /*#__PURE__*/jsx(PageLoader, {})
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(distExports.ScrollSync, {
+      children: /*#__PURE__*/jsxs(Container, {
+        isHeaderFixed: true,
+        children: [/*#__PURE__*/jsx(Header, {
+          config: config,
+          handleReset: handleReset,
+          handleSubmit: handleSubmit,
+          roles: roles,
+          setIsNewRolePaneOpen: setIsNewRolePaneOpen
+        }), /*#__PURE__*/jsx(Table, {
+          config: config,
+          filteredRoles: filteredRoles,
+          permissionGroups: permissionGroups,
+          permissions: permissions,
+          roles: roles,
+          setIsNewRolePaneOpen: setIsNewRolePaneOpen,
+          setModifiedRoles: setModifiedRoles
+        })]
+      })
+    }), /*#__PURE__*/jsx(ManageRoles, {
+      config: config,
+      permissions: permissions,
+      isOpen: isNewRolePaneOpen,
+      onClose: function onClose() {
+        return setIsNewRolePaneOpen(false);
+      }
+    })]
+  });
+};
+var index = withTitle(withReactQuery(Roles), i18next.t("neetoTeamMembers.common.role", PLURAL));
+
+export { index as default };
+//# sourceMappingURL=Roles.js.map