@bigbinary/neeto-team-members-frontend 5.0.28 → 5.0.30

package/dist/v2/Roles.js

@@ -0,0 +1,1242 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useEffect, Fragment as Fragment$1, memo, useCallback, useState, useMemo, createElement } from 'react';
+import { Tooltip, Button, Sheet, Checkbox, Typography, Alert, Empty, Spinner } from '@bigbinary/neeto-atoms';
+import { d as distExports } from '../index-ureO6U2w.js';
+import i18next, { t } from 'i18next';
+import { isNotEmpty, isPresent, hyphenate, noop } from '@bigbinary/neeto-cist';
+import { PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
+import { useQueryParams, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Container from '@bigbinary/neeto-molecules/v2/Container';
+import { not, map, prop, identical, includes, __, groupBy, pluck, isEmpty, filter } from 'ramda';
+import { w as withReactQuery } from '../withReactQuery-CSuiy5RK.js';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+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-B1L6arSR.js';
+import { b as useCreateRole, c as useUpdateRole, S as ScrollToErrorField, d as useDestroyRole, u as useFetchRoles, e as useBulkUpdateRoles } from '../index-C6ph58Vg.js';
+import NeetoHeader from '@bigbinary/neeto-molecules/v2/Header';
+import { useTranslation, Trans } from 'react-i18next';
+import { taxonomies } from '@bigbinary/neeto-commons-frontend/initializers';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Input, Textarea } from '@bigbinary/neeto-atoms/formik';
+import { F as FormikActionBlock } from '../ActionBlock-jgw1N-As.js';
+import { a as FormikForm } from '../Select-DZ56UG-l.js';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import 'formik';
+import { object, string } from 'yup';
+import { P as Permissions, g as getChildrenRemovedFromRoot, s as sortPermissionsBySequence, a as getPermissionGroups, b as getModifiedPermissions } from '../Permissions-Bd6kLoPt.js';
+import classnames from 'classnames';
+import '@babel/runtime/helpers/toConsumableArray';
+import _typeof from '@babel/runtime/helpers/typeof';
+import { Info, ChevronUp, ChevronDown } from 'lucide-react';
+import HelpPopover from '@bigbinary/neeto-molecules/v2/HelpPopover';
+import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
+import Search from '@bigbinary/neeto-molecules/v2/Search';
+import { n } from '../inject-css-C2dztUxs.js';
+import '../_commonjsHelpers-BFTU3MAI.js';
+import '../queryClient-BncpekSV.js';
+
+// eslint-disable-next-line @bigbinary/neeto/no-axios-import-outside-apis
+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), true).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 renderSearchProps = function renderSearchProps() {
+  return {
+    "data-testid": "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, {
+    position: "bottom",
+    content: !isCreatePermissionGranted ? t("neetoTeamMembers.tooltips.noPermissionToAddRole") : null,
+    children: /*#__PURE__*/jsx("span", {
+      children: /*#__PURE__*/jsx(Button, {
+        onClick: onClick,
+        "data-testid": "ntm-add-role-button",
+        disabled: !isCreatePermissionGranted,
+        children: t("neetoTeamMembers.labels.addNewRole")
+      })
+    })
+  });
+};
+
+var Header = function Header(_ref) {
+  var _config$header, _config$header$titleH, _config$header2;
+  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,
+    title: t("neetoTeamMembers.common.role", PLURAL),
+    titleHelpPopoverProps: (_config$header$titleH = config === null || config === void 0 || (_config$header2 = config.header) === null || _config$header2 === void 0 ? void 0 : _config$header2.titleHelpPopoverProps) !== null && _config$header$titleH !== void 0 ? _config$header$titleH : {},
+    actionBlock: isDirty ? /*#__PURE__*/jsxs("div", {
+      className: "flex items-center gap-2",
+      children: [/*#__PURE__*/jsx(Tooltip, {
+        position: "bottom",
+        content: !isUpdatePermissionGranted ? t("neetoTeamMembers.tooltips.noPermissionToEditRoles") : null,
+        children: /*#__PURE__*/jsx("span", {
+          children: /*#__PURE__*/jsx(Button, {
+            "data-testid": "ntm-role-submission-button",
+            disabled: !isUpdatePermissionGranted,
+            type: "submit",
+            onClick: handleSubmit,
+            children: t("neetoTeamMembers.buttons.saveChanges")
+          })
+        })
+      }), /*#__PURE__*/jsx(Button, {
+        "data-testid": "ntm-role-reset-button",
+        type: "reset",
+        variant: "ghost",
+        onClick: handleReset,
+        children: t("neetoTeamMembers.buttons.reset")
+      })]
+    }) : /*#__PURE__*/jsx(AddRoleButton, {
+      config: config,
+      onClick: function onClick() {
+        return setIsNewRolePaneOpen(true);
+      }
+    })
+  });
+};
+
+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().nullable().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), true).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 _selectedRole$permiss;
+  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,
+    _ref$scrollTo = _ref.scrollTo,
+    scrollTo = _ref$scrollTo === void 0 ? null : _ref$scrollTo;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var formReference = useRef(null);
+  var inputReference = useRef(null);
+  var lastScrollKeyRef = 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 ? _objectSpread(_objectSpread({}, selectedRole), {}, {
+    permissionIds: (_selectedRole$permiss = selectedRole.permissionIds) === null || _selectedRole$permiss === void 0 ? void 0 : _selectedRole$permiss.sort(),
+    description: selectedRole.description || ""
+  }) : 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;
+  useEffect(function () {
+    var _selectedRole$id, _ref2, _scrollTo$permissionI;
+    var activeClassName = "ntm-roles-permission-category-card--active";
+    var blinkClassName = "ntm-roles-permission__card--blink";
+    var getScrollableParent = function getScrollableParent(node) {
+      var current = node === null || node === void 0 ? void 0 : node.parentElement;
+      while (current) {
+        var style = getComputedStyle(current);
+        var overflowY = style.overflowY;
+        var isScrollable = (overflowY === "auto" || overflowY === "scroll") && current.scrollHeight > current.clientHeight;
+        if (isScrollable) return current;
+        current = current.parentElement;
+      }
+      return document.scrollingElement || document.documentElement;
+    };
+    if (!isOpen) {
+      lastScrollKeyRef.current = null;
+      document.querySelectorAll(".".concat(activeClassName)).forEach(function (node) {
+        return node.classList.remove(activeClassName);
+      });
+      document.querySelectorAll(".".concat(blinkClassName)).forEach(function (node) {
+        return node.classList.remove(blinkClassName);
+      });
+      return function () {};
+    }
+    if (!scrollTo) return function () {};
+    var key = "".concat((_selectedRole$id = selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.id) !== null && _selectedRole$id !== void 0 ? _selectedRole$id : "new", ":").concat(scrollTo.type, ":").concat((_ref2 = (_scrollTo$permissionI = scrollTo.permissionId) !== null && _scrollTo$permissionI !== void 0 ? _scrollTo$permissionI : scrollTo.category) !== null && _ref2 !== void 0 ? _ref2 : "");
+    if (lastScrollKeyRef.current === key) return function () {};
+    lastScrollKeyRef.current = key;
+    var timeoutId;
+    var highlightTimeoutId;
+    var blinkTimeoutId;
+    var scrollEndTimeoutId;
+    var attempts = 0;
+    var highlightedCard = null;
+    var blinkedPermissionCard = null;
+    var _attemptScroll = function attemptScroll() {
+      attempts += 1;
+      var elementId = scrollTo.type === "permission" ? "ntm-role-permission-".concat(scrollTo.permissionId) : "ntm-role-permission-category-".concat(hyphenate(scrollTo.category || ""));
+      var el = document.getElementById(elementId);
+      if (el) {
+        el.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+        var categoryCard = scrollTo.type === "permission" ? el.closest(".ntm-roles-permission-category-card") : el.querySelector(".ntm-roles-permission-category-card");
+        var scrollContainer = getScrollableParent(el);
+        var startHighlight = function startHighlight() {
+          if (!categoryCard) return;
+          document.querySelectorAll(".".concat(activeClassName)).forEach(function (node) {
+            return node.classList.remove(activeClassName);
+          });
+          categoryCard.classList.add(activeClassName);
+          highlightedCard = categoryCard;
+          clearTimeout(highlightTimeoutId);
+          highlightTimeoutId = setTimeout(function () {
+            categoryCard.classList.remove(activeClassName);
+          }, 3000);
+        };
+        if (scrollTo.type === "permission") {
+          var animationDurationMs = 600;
+          var animationIterations = 3;
+          var totalDurationMs = animationDurationMs * animationIterations + 100;
+          var startBlink = function startBlink() {
+            document.querySelectorAll(".".concat(blinkClassName)).forEach(function (node) {
+              return node.classList.remove(blinkClassName);
+            });
+            el.classList.remove(blinkClassName);
+            // Restart animation if the class was already present
+            void el.offsetWidth;
+            el.classList.add(blinkClassName);
+            blinkedPermissionCard = el;
+            clearTimeout(blinkTimeoutId);
+            blinkTimeoutId = setTimeout(function () {
+              el.classList.remove(blinkClassName);
+            }, totalDurationMs);
+          };
+
+          // Start animation only after scroll settles (or after a max wait).
+          var started = false;
+          var maxWaitTimeoutId = setTimeout(function () {
+            if (started) return;
+            started = true;
+            startHighlight();
+            startBlink();
+            scrollContainer.removeEventListener("scroll", _scheduleStart);
+          }, 1200);
+          var _scheduleStart = function scheduleStart() {
+            clearTimeout(scrollEndTimeoutId);
+            scrollEndTimeoutId = setTimeout(function () {
+              if (started) return;
+              started = true;
+              startHighlight();
+              startBlink();
+              scrollContainer.removeEventListener("scroll", _scheduleStart);
+              clearTimeout(maxWaitTimeoutId);
+            }, 150);
+          };
+          scrollContainer.addEventListener("scroll", _scheduleStart, {
+            passive: true
+          });
+          _scheduleStart();
+        } else {
+          // Highlight should also start only after scroll settles.
+          var _started = false;
+          var _maxWaitTimeoutId = setTimeout(function () {
+            if (_started) return;
+            _started = true;
+            startHighlight();
+            scrollContainer.removeEventListener("scroll", _scheduleStart2);
+          }, 1200);
+          var _scheduleStart2 = function scheduleStart() {
+            clearTimeout(scrollEndTimeoutId);
+            scrollEndTimeoutId = setTimeout(function () {
+              if (_started) return;
+              _started = true;
+              startHighlight();
+              scrollContainer.removeEventListener("scroll", _scheduleStart2);
+              clearTimeout(_maxWaitTimeoutId);
+            }, 150);
+          };
+          scrollContainer.addEventListener("scroll", _scheduleStart2, {
+            passive: true
+          });
+          _scheduleStart2();
+        }
+        return;
+      }
+
+      // Sheet content can mount after open animation; retry briefly.
+      if (attempts < 5) timeoutId = setTimeout(_attemptScroll, 100);
+    };
+    timeoutId = setTimeout(_attemptScroll, 0);
+    return function () {
+      var _highlightedCard, _blinkedPermissionCar;
+      clearTimeout(timeoutId);
+      clearTimeout(highlightTimeoutId);
+      clearTimeout(blinkTimeoutId);
+      clearTimeout(scrollEndTimeoutId);
+      (_highlightedCard = highlightedCard) === null || _highlightedCard === void 0 || _highlightedCard.classList.remove(activeClassName);
+      (_blinkedPermissionCar = blinkedPermissionCard) === null || _blinkedPermissionCar === void 0 || _blinkedPermissionCar.classList.remove(blinkClassName);
+    };
+  }, [isOpen, scrollTo, selectedRole === null || selectedRole === void 0 ? void 0 : selectedRole.id]);
+  return /*#__PURE__*/jsxs(Sheet, {
+    isOpen: isOpen,
+    onClose: onClose,
+    size: "large",
+    children: [/*#__PURE__*/jsx(Sheet.Header, {
+      children: /*#__PURE__*/jsx(Sheet.Title, {
+        "data-testid": "ntm-add-role-title",
+        children: isEdit ? t("neetoTeamMembers.labels.editRole") : t("neetoTeamMembers.labels.addNewRole")
+      })
+    }), /*#__PURE__*/jsx(FormikForm, {
+      formikProps: formikProps,
+      className: "flex min-h-0 flex-1 flex-col",
+      ref: formReference,
+      children: function children(_ref3) {
+        var _config$permissionRel;
+        var dirty = _ref3.dirty;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(ScrollToErrorField, {
+            formRef: formReference
+          }), /*#__PURE__*/jsx(Sheet.Body, {
+            children: /*#__PURE__*/jsxs("div", {
+              className: "mb-6 w-full space-y-6",
+              children: [/*#__PURE__*/jsxs("div", {
+                className: "space-y-4",
+                children: [/*#__PURE__*/jsx(Input, {
+                  required: true,
+                  "data-testid": "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: !isEdit ? inputReference : undefined
+                }), /*#__PURE__*/jsx(Textarea, {
+                  "data-testid": "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(Sheet.Footer, {
+            children: /*#__PURE__*/jsx(FormikActionBlock, {
+              isSubmitting: isSubmitting,
+              className: "flex gap-2",
+              cancelButtonProps: {
+                "data-testid": "ntm-add-role-cancel-button",
+                onClick: onClose
+              },
+              submitButtonProps: {
+                "data-testid": "ntm-add-role-submit-button",
+                disabled: isSubmitting || isDisabled || !dirty
+              }
+            })
+          })]
+        });
+      }
+    })]
+  });
+};
+
+var DEFAULT_MANAGE_ROLE_VALUES = {
+  isDelete: false,
+  isEdit: false,
+  selectedRole: {},
+  scrollTo: null
+};
+var MENU_ITEMS = {
+  EDIT: "edit",
+  DELETE: "delete"
+};
+var SIDEBAR_CELL_SELECTOR = ".ntm-roles-table-sidebar__list-item-cell";
+var COLUMN_ROW_SELECTOR = ".ntm-roles-table__rows > div[data-testid], .ntm-roles-table__empty-row";
+
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e(r) { throw r; }, 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 o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = true, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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") || Object.is(roleName, "Owner") ? t("neetoTeamMembers.tooltips.adminMustHaveAccess", {
+    roleName: roleName
+  }) : t("neetoTeamMembers.tooltips.noPermissionToEditRoles");
+};
+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-testid": "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,
+        scrollTo: null
+      });
+    }
+  }, {
+    key: MENU_ITEMS.DELETE,
+    className: "ntm-dropdown__button",
+    "data-testid": "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,
+        scrollTo: null
+      });
+    }
+  }];
+};
+
+var Row = function Row(_ref) {
+  var _ref$allPermissionsOf = _ref.allPermissionsOfCategory,
+    allPermissionsOfCategory = _ref$allPermissionsOf === void 0 ? null : _ref$allPermissionsOf,
+    _ref$category = _ref.category,
+    category = _ref$category === void 0 ? "" : _ref$category,
+    config = _ref.config,
+    _ref$permission = _ref.permission,
+    permission = _ref$permission === void 0 ? null : _ref$permission,
+    roles = _ref.roles,
+    _ref$setManageRole = _ref.setManageRole,
+    setManageRole = _ref$setManageRole === void 0 ? noop : _ref$setManageRole;
+  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) {
+    var scrollTo = permission !== null && permission !== void 0 && permission.id ? {
+      type: "permission",
+      permissionId: permission.id
+    } : {
+      type: "category",
+      category: category
+    };
+    setManageRole({
+      isEdit: true,
+      selectedRole: role,
+      scrollTo: scrollTo
+    });
+  };
+  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",
+        "data-testid": "".concat(hyphenate(role.name), "-role-cell"),
+        children: /*#__PURE__*/jsx(Tooltip, {
+          position: "top",
+          content: !(isUpdatePermissionGranted && !identical(role.name, "Admin") && !identical(role.name, "Owner")) ? renderRolesTooltipContent(role.name) : null,
+          children: /*#__PURE__*/jsx("div", {
+            className: "absolute z-10 m-auto size-4",
+            children: /*#__PURE__*/jsx(Checkbox, {
+              checked: isCheckboxChecked(role),
+              className: "ntm-roles-table-cell__checkbox z-10",
+              "data-testid": "ntm-roles-table-permission-checkbox",
+              disabled: identical(role.name, "Admin") || identical(role.name, "Owner") || !isUpdatePermissionGranted,
+              onCheckedChange: function onCheckedChange() {
+                return handleSubmit(role);
+              }
+            })
+          })
+        })
+      }, role.id);
+    })
+  });
+};
+
+var isOverflown = function isOverflown(_ref) {
+  var clientWidth = _ref.clientWidth,
+    clientHeight = _ref.clientHeight,
+    scrollWidth = _ref.scrollWidth,
+    scrollHeight = _ref.scrollHeight;
+  return scrollHeight > clientHeight || scrollWidth > clientWidth;
+};
+var getScrollBarWidth = function getScrollBarWidth() {
+  var innerElement = document.createElement("p");
+  innerElement.classList.add("ntm-scrollbar__inner");
+  var outerElement = document.createElement("div");
+  outerElement.classList.add("ntm-scrollbar__outer");
+  outerElement.appendChild(innerElement);
+  document.body.appendChild(outerElement);
+  var w1 = innerElement.offsetWidth;
+  outerElement.style.overflow = "scroll";
+  var w2 = innerElement.offsetWidth;
+  if (w1 === w2) w2 = outerElement.clientWidth;
+  document.body.removeChild(outerElement);
+  return w1 - w2;
+};
+
+var _renderDescription = function renderDescription(permissions, filteredPermissions) {
+  var permissionTooltip = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return permissions === null || permissions === void 0 ? void 0 : permissions.map(function (_ref) {
+    var id = _ref.id,
+      name = _ref.name,
+      description = _ref.description,
+      children = _ref.children;
+    var tooltipContent = permissionTooltip[name];
+    return /*#__PURE__*/jsxs(Fragment$1, {
+      children: [filteredPermissions.includes(id) && /*#__PURE__*/jsxs("div", {
+        className: "ntm-roles-table-sidebar__list-item flex min-h-[var(--ntm-roles-table-cell-height)] flex-row items-center gap-1 whitespace-normal break-words",
+        "data-name": description,
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "text-[0.9375rem] font-medium leading-normal",
+          "data-testid": "ntm-permission-category-description",
+          children: description
+        }), tooltipContent && /*#__PURE__*/jsx(HelpPopover, {
+          description: tooltipContent,
+          icon: Info,
+          size: "default"
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table-sidebar__sub-blocks relative pl-6",
+        children: _renderDescription(children, filteredPermissions, permissionTooltip)
+      })]
+    }, 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 getFilteredCategories = function getFilteredCategories(filteredGroupPermissions) {
+  return Array.from((filteredGroupPermissions === null || filteredGroupPermissions === void 0 ? void 0 : filteredGroupPermissions.keys()) || []).filter(function (category) {
+    var groupedPermissions = filteredGroupPermissions.get(category);
+    var permissions = groupedPermissions.get("permissions") || [];
+    return permissions.length > 0;
+  });
+};
+
+var TableHeader$1 = 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-testid": "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: "flex w-full items-center justify-between overflow-hidden",
+            "data-testid": "ntm-roles-table-role-header",
+            children: [/*#__PURE__*/jsx(Typography, {
+              className: "w-full overflow-hidden text-ellipsis whitespace-nowrap text-center text-sm font-semibold leading-normal",
+              "data-testid": "ntm-roles-table-header-role-title",
+              children: role.name
+            }), !isAdminRole && /*#__PURE__*/jsx(MoreDropdown, {
+              dropdownProps: {
+                autoWidth: true
+              },
+              dropdownButtonProps: {
+                className: "m-0.5 shrink-0",
+                "data-testid": "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 = /*#__PURE__*/memo(TableHeader$1);
+
+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,
+    setIsScrollPresent = _ref.setIsScrollPresent;
+  var _useState = useState(DEFAULT_MANAGE_ROLE_VALUES),
+    _useState2 = _slicedToArray(_useState, 2),
+    manageRole = _useState2[0],
+    setManageRole = _useState2[1];
+  var categories = useMemo(function () {
+    return getFilteredCategories(filteredGroupPermissions);
+  }, [filteredGroupPermissions]);
+  var onClose = function onClose() {
+    return setManageRole(DEFAULT_MANAGE_ROLE_VALUES);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "ntm-roles-table__columns",
+    children: [/*#__PURE__*/jsx(TableHeader, {
+      config: config,
+      setIsScrollPresent: setIsScrollPresent,
+      setManageRole: setManageRole,
+      roles: filteredRoles
+    }), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
+      group: ["horizontal", "vertical"],
+      children: /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table__rows",
+        children: categories.length === 0 ? /*#__PURE__*/jsx("div", {
+          className: "ntm-roles-table__empty-row",
+          children: /*#__PURE__*/jsx("div", {
+            className: "ntm-roles-table__row",
+            children: /*#__PURE__*/jsx("div", {
+              className: "ntm-roles-table__cell",
+              children: /*#__PURE__*/jsx("div", {
+                children: "\xA0"
+              })
+            })
+          })
+        }) : categories.map(function (category, index) {
+          var groupedPermissions = filteredGroupPermissions.get(category);
+          var isPermissionVisible = groupedPermissions.get("isPermissionVisible");
+          var permissions = groupedPermissions.get("permissions");
+          return /*#__PURE__*/jsxs("div", {
+            "data-testid": "".concat(hyphenate(category), "-permission-card"),
+            children: [/*#__PURE__*/jsx(Row, {
+              category: category,
+              config: config,
+              setManageRole: setManageRole,
+              allPermissionsOfCategory: groupedPermissions,
+              roles: filteredRoles
+            }), isPermissionVisible && permissions.map(function (permission) {
+              return /*#__PURE__*/createElement(Row, {
+                config: config,
+                permission: permission,
+                setManageRole: setManageRole,
+                "data-testid": "".concat(hyphenate(permission), "-permission-row"),
+                key: permission.id,
+                roles: filteredRoles
+              });
+            })]
+          }, index);
+        })
+      })
+    }), /*#__PURE__*/jsx(ManageRoles, {
+      config: config,
+      onClose: onClose,
+      permissions: permissions,
+      isOpen: manageRole.isEdit,
+      scrollTo: manageRole.scrollTo,
+      selectedRole: manageRole.selectedRole
+    }), /*#__PURE__*/jsx(Delete, {
+      onClose: onClose,
+      roles: roles,
+      isOpen: manageRole.isDelete,
+      selectedRole: manageRole.selectedRole
+    })]
+  });
+};
+
+var ToggleDropdown = function ToggleDropdown(_ref) {
+  var isVisible = _ref.isVisible;
+  return isVisible ? /*#__PURE__*/jsx(ChevronUp, {
+    className: "ntm-roles-table-sidebar__drop-down-button cursor-pointer text-muted-foreground",
+    "data-testid": "ntm-permission-category-hide-button",
+    size: 16,
+    strokeWidth: 2
+  }) : /*#__PURE__*/jsx(ChevronDown, {
+    className: "ntm-roles-table-sidebar__drop-down-button cursor-pointer text-muted-foreground",
+    "data-testid": "ntm-permission-category-show-button",
+    size: 16,
+    strokeWidth: 2
+  });
+};
+
+var Sidebar = function Sidebar(_ref) {
+  var 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,
+    _ref$permissionToolti = _ref.permissionTooltip,
+    permissionTooltip = _ref$permissionToolti === void 0 ? {} : _ref$permissionToolti;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var categories = useMemo(function () {
+    return getFilteredCategories(filteredGroupPermissions);
+  }, [filteredGroupPermissions]);
+  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]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return /*#__PURE__*/jsxs("div", {
+    className: "ntm-roles-table__sidebar",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "ntm-roles-table-sidebar__search",
+      style: searchWrapperStyle,
+      children: /*#__PURE__*/jsx(Search, {
+        enableUrlSync: true,
+        "data-testid": "ntm-search-permissions-input",
+        searchParamName: "permission_search_term",
+        placeholder: t("neetoTeamMembers.placeholders.searchPermission", PLURAL)
+      })
+    }), /*#__PURE__*/jsx(distExports.ScrollSyncPane, {
+      group: "vertical",
+      children: /*#__PURE__*/jsx("div", {
+        className: "ntm-roles-table-sidebar__list",
+        children: categories.length === 0 ? /*#__PURE__*/jsx("div", {
+          className: "ntm-roles-table-sidebar__list-item-cell",
+          children: /*#__PURE__*/jsx("div", {
+            className: "ntm-roles-table-sidebar__list-item ntm-roles-table-sidebar__list-item--highlighted",
+            children: /*#__PURE__*/jsx(Typography, {
+              className: "text-sm font-semibold leading-normal",
+              "data-testid": "ntm-empty-category-row",
+              children: t("neetoTeamMembers.labels.permissionsNotFound")
+            })
+          })
+        }) : 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 flex cursor-pointer items-center justify-between border-t border-border bg-muted px-6 py-2.5",
+              onClick: function onClick() {
+                return toggleDropdown(category);
+              },
+              children: [/*#__PURE__*/jsx(Typography, {
+                className: "text-sm font-semibold leading-normal",
+                "data-testid": "ntm-permission-category-title",
+                children: category
+              }), /*#__PURE__*/jsx(ToggleDropdown, {
+                isVisible: isPermissionVisible
+              })]
+            }), isPermissionVisible && /*#__PURE__*/jsx("div", {
+              className: "ntm-roles-table-sidebar__list-item-spacing-handler ms-3 px-6",
+              children: _renderDescription(groupedPermissionsWithChildren[category], pluck("id", filteredGroupPermissions.get(category).get("permissions") || []), permissionTooltip)
+            })]
+          }, index);
+        })
+      })
+    })]
+  });
+};
+
+var syncRowHeights = function syncRowHeights() {
+  var sidebarCells = document.querySelectorAll(SIDEBAR_CELL_SELECTOR);
+  var columnRows = document.querySelectorAll(COLUMN_ROW_SELECTOR);
+  var count = Math.min(sidebarCells.length, columnRows.length);
+  for (var i = 0; i < count; i++) {
+    // Reset heights so we can measure natural size
+    sidebarCells[i].style.height = "auto";
+    var sidebarChildren = sidebarCells[i].children;
+    for (var j = 0; j < sidebarChildren.length; j++) {
+      sidebarChildren[j].style.height = "auto";
+    }
+    var columnChildren = columnRows[i].children;
+    for (var _j = 0; _j < columnChildren.length; _j++) {
+      var cells = columnChildren[_j].querySelectorAll(".ntm-roles-table__cell");
+      cells.forEach(function (cell) {
+        cell.style.height = "auto";
+      });
+    }
+  }
+
+  // Force reflow before measuring
+
+  document.body.offsetHeight;
+  var _loop = function _loop() {
+    // For each row group (category header + its permission rows),
+    // sync the sidebar cell block with the column row block.
+    var sidebarBlock = sidebarCells[_i];
+    var columnBlock = columnRows[_i];
+
+    // Sync the category header row (first child of each block)
+    var sidebarHeader = sidebarBlock.querySelector(".ntm-roles-table-sidebar__list-item--highlighted");
+    var columnHeader = columnBlock.querySelector(".ntm-roles-table__row--highlighted");
+    if (sidebarHeader && columnHeader) {
+      var _columnHeaderCells$;
+      var columnHeaderCells = columnHeader.querySelectorAll(".ntm-roles-table__cell");
+      var sidebarH = sidebarHeader.getBoundingClientRect().height;
+      var columnH = ((_columnHeaderCells$ = columnHeaderCells[0]) === null || _columnHeaderCells$ === void 0 ? void 0 : _columnHeaderCells$.getBoundingClientRect().height) || 0;
+      var maxH = Math.max(sidebarH, columnH);
+      sidebarHeader.style.height = "".concat(maxH, "px");
+      columnHeaderCells.forEach(function (cell) {
+        cell.style.height = "".concat(maxH, "px");
+      });
+    }
+
+    // Sync individual permission rows
+    var sidebarItems = sidebarBlock.querySelectorAll(".ntm-roles-table-sidebar__list-item:not(.ntm-roles-table-sidebar__list-item--highlighted)");
+    var columnPermRows = columnBlock.querySelectorAll(".ntm-roles-table__row:not(.ntm-roles-table__row--highlighted)");
+    var permCount = Math.min(sidebarItems.length, columnPermRows.length);
+    var _loop2 = function _loop2() {
+      var _columnCells$;
+      var sidebarH = sidebarItems[_j2].getBoundingClientRect().height;
+      var columnCells = columnPermRows[_j2].querySelectorAll(".ntm-roles-table__cell");
+      var columnH = ((_columnCells$ = columnCells[0]) === null || _columnCells$ === void 0 ? void 0 : _columnCells$.getBoundingClientRect().height) || 0;
+      var maxH = Math.max(sidebarH, columnH);
+      sidebarItems[_j2].style.height = "".concat(maxH, "px");
+      columnCells.forEach(function (cell) {
+        cell.style.height = "".concat(maxH, "px");
+      });
+    };
+    for (var _j2 = 0; _j2 < permCount; _j2++) {
+      _loop2();
+    }
+  };
+  for (var _i = 0; _i < count; _i++) {
+    _loop();
+  }
+};
+var useRowHeightSync = function useRowHeightSync(filteredGroupPermissions) {
+  var sync = useCallback(function () {
+    requestAnimationFrame(syncRowHeights);
+  }, []);
+  useEffect(function () {
+    sync();
+  }, [filteredGroupPermissions, sync]);
+  useEffect(function () {
+    var observer = new ResizeObserver(sync);
+    var container = document.querySelector(".ntm-roles-table__container");
+    if (container) observer.observe(container);
+    window.addEventListener("resize", sync);
+    return function () {
+      observer.disconnect();
+      window.removeEventListener("resize", sync);
+    };
+  }, [sync]);
+};
+
+var Table = function Table(_ref) {
+  var _config$permissionRel, _config$permissionToo;
+  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 _useQueryParams = useQueryParams(),
+    _useQueryParams$permi = _useQueryParams.permissionSearchTerm,
+    permissionSearchTerm = _useQueryParams$permi === void 0 ? "" : _useQueryParams$permi;
+  var isCreatePermissionGranted = config.permissions.create;
+  var _useState = useState(permissionGroups),
+    _useState2 = _slicedToArray(_useState, 2),
+    filteredGroupPermissions = _useState2[0],
+    setFilteredGroupPermissions = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isScrollPresent = _useState4[0],
+    setIsScrollPresent = _useState4[1];
+  var _useState5 = useState(undefined),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedRole = _useState6[0],
+    setSelectedRole = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isDeleteAlertOpen = _useState8[0],
+    setIsDeleteAlertOpen = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    isEditPaneOpen = _useState10[0],
+    setIsEditPaneOpen = _useState10[1];
+  var toggleDropdown = function toggleDropdown(category) {
+    var permissions = updatePermissionVisibility(category, filteredGroupPermissions);
+    setFilteredGroupPermissions(permissions);
+  };
+  useRowHeightSync(filteredGroupPermissions);
+  useEffect(function () {
+    var newValue = filterPermissionsBySearch(permissionSearchTerm, permissionGroups);
+    setFilteredGroupPermissions(newValue);
+  }, [permissionGroups, permissionSearchTerm]);
+  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: "flex h-full w-full items-center justify-center",
+          children: /*#__PURE__*/jsx(Empty, {
+            title: t("neetoTeamMembers.labels.roleNotFound", PLURAL),
+            children: /*#__PURE__*/jsx(Button, {
+              "data-testid": "ntm-add-role-button",
+              disabled: !isCreatePermissionGranted,
+              onClick: function onClick() {
+                return setIsNewRolePaneOpen(true);
+              },
+              children: t("neetoTeamMembers.labels.addNewRole")
+            })
+          })
+        }) : /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Sidebar, {
+            filteredGroupPermissions: filteredGroupPermissions,
+            isScrollPresent: isScrollPresent,
+            permissions: permissions,
+            toggleDropdown: toggleDropdown,
+            permissionRelationConfig: (_config$permissionRel = config === null || config === void 0 ? void 0 : config.permissionRelation) !== null && _config$permissionRel !== void 0 ? _config$permissionRel : {},
+            permissionTooltip: (_config$permissionToo = config === null || config === void 0 ? void 0 : config.permissionTooltip) !== null && _config$permissionToo !== void 0 ? _config$permissionToo : {}
+          }), /*#__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 css = ":root{--ntm-roles-table-default-scroll:0.9375rem;--ntm-roles-table-cell-height:3rem;--ntm-roles-sidebar-width:480px;--ntm-roles-table-header-height:3rem}.ntm-scrollbar__inner{height:12.5rem;width:100%}.ntm-scrollbar__outer{height:9.375rem;inset-inline-start:0;overflow:hidden;position:absolute;top:0;visibility:hidden;width:12.5rem}.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{padding-top:.5rem}.ntm-roles-permission__card{background-color:var(--background);display:flex;flex-direction:column;gap:.75rem;padding:.4rem 0;position:relative}.ntm-roles-permission__card:after{background-color:var(--border);content:\"\";height:1px;inset-inline-start:-.9375rem;position:absolute;top:.875rem;width:.625rem}.ntm-roles-permission__card--description{flex-grow:1}.ntm-roles-permission__card--checkbox{padding:0 .5rem}.ntm-roles-permission__sub-blocks{position:relative}.ntm-roles-permission__sub-blocks:before{background-color:var(--border);content:\"\";height:calc(100% - .875rem);inset-inline-start:.5rem;position:absolute;top:0;width:.0625rem}.ntm-roles-permission__sub-blocks:empty{display:none}.ntm-roles-permission-category-card{border:1px solid var(--border);border-radius:.375rem;border-radius:var(--radius,.375rem);padding:.625rem 1.25rem;transition:all .3s}.ntm-roles-permission-category-card--active{background-color:color-mix(in oklch,var(--primary) 10%,transparent);border-color:var(--primary);outline:1px solid var(--primary)}.ntm-roles-permission-category-card--active .ntm-roles-permission__card{background-color:transparent}.ntm-roles-permission-category-card>.ntm-roles-permission__card:after{display:none}@keyframes ntm-roles-permission-blink{0%,to{color:inherit}50%{color:var(--primary);font-weight:700}}.ntm-roles-permission__card--blink label{animation:ntm-roles-permission-blink .6s ease-in-out 0s 3}.ntm-roles-table__wrapper{padding:0 2.5rem;width:100%}.ntm-roles-table__container{border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);display:flex;max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 28px);overflow:hidden}.ntm-roles-table__container>*{max-height:inherit}.ntm-roles-table__sidebar{min-width:480px;min-width:var(--ntm-roles-sidebar-width);width:480px;width:var(--ntm-roles-sidebar-width)}.ntm-roles-table-sidebar__search{background-color:var(--muted);border-bottom:thin solid var(--border);border-right:thin solid var(--border);height:3rem;height:var(--ntm-roles-table-header-height);padding:.5rem 1rem}.ntm-roles-table-sidebar__list{border-right:thin solid var(--border);max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - 3rem - 30px);max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--ntm-roles-table-header-height) - 30px);overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.ntm-roles-table-sidebar__list::-webkit-scrollbar{height:0;width:0}.ntm-roles-table-sidebar__list-item{display:flex;flex-direction:column;min-height:3rem;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:var(--border);content:\"\";height:.0625rem;inset-inline-start:-1.125rem;position:absolute;top:1.4375rem;width:.875rem}.ntm-roles-table-sidebar__list-item.ntm-roles-table-sidebar__list-item--highlighted{align-items:center;background-color:var(--muted);border-bottom:thin solid var(--border);border-top:thin solid var(--border);flex-direction:row;justify-content:space-between;min-height:3rem;min-height:var(--ntm-roles-table-cell-height);padding:.6875rem 1.5rem}.ntm-roles-table__columns{flex-grow:1;overflow:hidden}.ntm-roles-table__cell{align-items:center;border-inline-end:thin solid var(--border);display:flex;height:3rem;height:var(--ntm-roles-table-cell-height);justify-content:center;min-height:3rem;min-height:var(--ntm-roles-table-cell-height);min-width:200px;padding:.75rem .5rem;width:100%}.ntm-roles-table__cell:last-child{border-inline-end:none}.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{background-color:var(--muted);border-bottom:thin solid var(--border);height:3rem;height:var(--ntm-roles-table-header-height)}.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:.1875rem}.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) - 3rem - 30px);max-height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--ntm-roles-table-header-height) - 30px);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:var(--border);border-radius:3.125rem}.ntm-roles-table__rows::-webkit-scrollbar-thumb:hover{border-radius:3.125rem}.ntm-roles-table__rows::-webkit-scrollbar-track{background:var(--border)}.ntm-roles-table__row{align-items:center;display:flex}.ntm-roles-table__row .ntm-roles-table__cell{border-top:thin solid var(--border);overflow:hidden;position:relative}.ntm-roles-table__row--highlighted+.ntm-roles-table__row .ntm-roles-table__cell{border-top:none}.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:var(--muted);border-bottom:thin solid var(--border)}.ntm-roles-table-sidebar__drop-down-button{color:var(--muted-foreground);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 .neeto-ui-text-body2{font-size:.9375rem;font-weight:500}.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__list-item-spacing-handler .ntm-roles-table-sidebar__list-item{align-items:center;flex-direction:row;gap:.25rem}.ntm-roles-table-sidebar__sub-blocks{position:relative}.ntm-roles-table-sidebar__sub-blocks:before{background-color:var(--border);content:\"\";height:calc(100% - 1.5rem);inset-inline-start:.375rem;position:absolute;top:0;width:.0625rem}.ntm-roles-table-sidebar__sub-blocks:empty{display:none}@media screen and (max-width:1024px){.ntm-roles-table__wrapper{--neeto-molecules-main-header-with-breadcrumbs-height:216px}.ntm-roles-table__sidebar{--ntm-roles-sidebar-width:260px;height:100%}}@media screen and (max-width:768px){.ntm-roles-table__wrapper{--neeto-molecules-main-header-with-breadcrumbs-height:186px;overflow:hidden;padding:0 1.25rem}.ntm-roles-table__container{height:auto;overflow-y:auto}.ntm-roles-table__sidebar{height:100%}.ntm-roles-table__columns,.ntm-roles-table__header{overflow:visible;overflow:initial}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL3YyL3N0eWxlcy9yb290LmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL3YyL3N0eWxlcy9iYXNlLmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL3YyL3N0eWxlcy9lbXB0eS1zdGF0ZS5jc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvY29tcG9uZW50cy92Mi9zdHlsZXMvcm9sZXMtcGVybWlzc2lvbnMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL2NvbXBvbmVudHMvdjIvc3R5bGVzL3JvbGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUNFLDBDQUEyQyxDQUMzQyxrQ0FBbUMsQ0FDbkMsK0JBQWdDLENBQ2hDLG9DQUNGLENDTEEsc0JBRUUsY0FBZSxDQURmLFVBRUYsQ0FFQSxzQkFLRSxlQUFnQixDQUZoQixvQkFBdUIsQ0FHdkIsZUFBZ0IsQ0FMaEIsaUJBQWtCLENBQ2xCLEtBQVEsQ0FLUixpQkFBa0IsQ0FIbEIsYUFJRixDQ2JBLGlCQUlFLGtCQUFtQixDQURuQixZQUFhLENBRGIsV0FBWSxDQUdaLHNCQUF1QixDQUp2QixVQUtGLENDTkEsc0JBRUUsb0JBQXFCLENBRHJCLFVBRUYsQ0FFQSxrQ0FDRSxlQUNGLENBRUEsMEJBQ0UsaUJBQ0YsQ0FFQSx3QkFDRSxZQUFhLENBQ2IsU0FDRixDQUVBLCtCQUNFLGlCQUNGLENBRUEsNEJBQ0Usa0NBQW1DLENBRW5DLFlBQWEsQ0FDYixxQkFBc0IsQ0FDdEIsVUFBWSxDQUNaLGVBQWlCLENBSmpCLGlCQUtGLENBRUEsa0NBQ0UsOEJBQStCLENBQy9CLFVBQVcsQ0FDWCxVQUFXLENBQ1gsNEJBQThCLENBQzlCLGlCQUFrQixDQUNsQixXQUFhLENBQ2IsYUFDRixDQUVBLHlDQUNFLFdBQ0YsQ0FFQSxzQ0FDRSxlQUNGLENBRUEsa0NBQ0UsaUJBQ0YsQ0FFQSx5Q0FDRSw4QkFBK0IsQ0FFL0IsVUFBVyxDQUNYLDJCQUE2QixDQUM3Qix3QkFBMEIsQ0FDMUIsaUJBQWtCLENBSmxCLEtBQU0sQ0FLTixjQUNGLENBRUEsd0NBQ0UsWUFDRixDQUVBLG9DQUdFLDhCQUErQixDQUQvQixxQkFBc0MsQ0FBdEMsbUNBQXNDLENBRHRDLHVCQUF5QixDQUd6QixrQkFDRixDQUVBLDRDQUdFLG1FQUFzRSxDQUZ0RSwyQkFBNEIsQ0FDNUIsZ0NBRUYsQ0FFQSx3RUFDRSw0QkFDRixDQUVBLHNFQUNFLFlBQ0YsQ0FFQSxzQ0FFRSxNQUVFLGFBQ0YsQ0FFQSxJQUNFLG9CQUFxQixDQUNyQixlQUNGLENBQ0YsQ0FFQSx5Q0FDRSx5REFDRixDQ2xHQSwwQkFFRSxnQkFBaUIsQ0FEakIsVUFFRixDQUVBLDRCQUtFLDhCQUErQixDQUQvQixtQkFBdUMsQ0FBdkMsb0NBQXVDLENBSHZDLFlBQWEsQ0FDYiwwRkFBMkYsQ0FDM0YsZUFHRixDQUVBLDhCQUNFLGtCQUNGLENBRUEsMEJBRUUsZUFBeUMsQ0FBekMsd0NBQXlDLENBRHpDLFdBQXFDLENBQXJDLG9DQUVGLENBRUEsaUNBS0UsNkJBQThCLENBRDlCLHNDQUF1QyxDQUR2QyxxQ0FBc0MsQ0FEdEMsV0FBNEMsQ0FBNUMsMkNBQTRDLENBRDVDLGtCQUtGLENBRUEsK0JBSUUscUNBQXNDLENBRHRDLGlHQUFrSSxDQUFsSSxpSUFBa0ksQ0FEbEksaUJBQWtCLENBRGxCLGVBQWdCLENBSWhCLG9CQUNGLENBRUEsa0RBRUUsUUFBVyxDQURYLE9BRUYsQ0FFQSxvQ0FDRSxZQUFhLENBQ2IscUJBQXNCLENBQ3RCLGVBQThDLENBQTlDLDZDQUE4QyxDQUc5Qyx3QkFBeUIsQ0FGekIsaUJBQWtCLENBQ2xCLGtCQUVGLENBRUEsMENBQ0UsOEJBQStCLENBQy9CLFVBQVcsQ0FDWCxlQUFpQixDQUNqQiw0QkFBNkIsQ0FDN0IsaUJBQWtCLENBQ2xCLGFBQWMsQ0FDZCxhQUNGLENBRUEsb0ZBR0Usa0JBQW1CLENBQ25CLDZCQUE4QixDQUk5QixzQ0FBdUMsQ0FEdkMsbUNBQW9DLENBTnBDLGtCQUFtQixDQUNuQiw2QkFBOEIsQ0FHOUIsZUFBOEMsQ0FBOUMsNkNBQThDLENBQzlDLHVCQUdGLENBRUEsMEJBQ0UsV0FBWSxDQUNaLGVBQ0YsQ0FFQSx1QkFRRSxrQkFBbUIsQ0FDbkIsMENBQTJDLENBSDNDLFlBQWEsQ0FIYixXQUEwQyxDQUExQyx5Q0FBMEMsQ0FJMUMsc0JBQXVCLENBSHZCLGVBQThDLENBQTlDLDZDQUE4QyxDQUY5QyxlQUFnQixDQUdoQixvQkFBdUIsQ0FKdkIsVUFTRixDQUVBLGtDQUNFLHNCQUNGLENBRUEsd0NBRUUsV0FBWSxDQUVaLFdBQVksQ0FIWixpQkFBa0IsQ0FFbEIsVUFBVyxDQUVYLFVBQ0YsQ0FFQSxnQ0FDRSxVQUNGLENBRUEseUJBRUUsa0JBQW1CLENBRG5CLFlBQWEsQ0FFYixlQUNGLENBRUEsZ0RBR0UsNkJBQThCLENBRDlCLHNDQUF1QyxDQUR2QyxXQUE0QyxDQUE1QywyQ0FHRixDQUVBLHdDQUdFLGtCQUFtQixDQUZuQixZQUFhLENBQ2IsNkJBQThCLENBRzlCLGVBQWdCLENBRGhCLFVBRUYsQ0FFQSxrQ0FFRSxhQUFjLENBRGQsZUFFRixDQUVBLG1DQUNFLGVBQWdCLENBR2hCLGlCQUFrQixDQUZsQixzQkFBdUIsQ0FDdkIsa0JBQW1CLENBRW5CLFVBQ0YsQ0FFQSx1QkFFRSxpR0FBa0ksQ0FBbEksaUlBQWtJLENBQ2xJLGVBQWdCLENBQ2hCLG9CQUFxQixDQUhyQixVQUlGLENBRUEsMENBRUUsUUFBVyxDQURYLE9BRUYsQ0FFQSxnREFDRSx3QkFBeUIsQ0FDekIsc0JBQ0YsQ0FFQSxzREFDRSxzQkFDRixDQUVBLGdEQUNFLHdCQUNGLENBR0Esc0JBRUUsa0JBQW1CLENBRG5CLFlBRUYsQ0FFQSw2Q0FHRSxtQ0FBb0MsQ0FGcEMsZUFBZ0IsQ0FDaEIsaUJBRUYsQ0FFQSxnRkFDRSxlQUNGLENBRUEsK0NBR0UsZUFBZ0IsQ0FGaEIsU0FBVSxDQUNWLFdBRUYsQ0FFQSwrRUFDRSw2QkFBOEIsQ0FDOUIsc0NBQ0YsQ0FFQSwyQ0FDRSw2QkFBOEIsQ0FDOUIsY0FDRixDQUVBLDJCQUNFLGVBQ0YsQ0FFQSx5QkFDRSxZQUFhLENBQ2IsU0FDRixDQUVBLDRCQUdFLGtCQUFtQixDQUZuQixZQUFhLENBR2Isc0JBQXVCLENBQ3ZCLGNBQWUsQ0FIZixVQUlGLENBRUEsNkdBQ0Usa0JBQW9CLENBQ3BCLGVBQ0YsQ0FNQSw2TEFDRSxZQUNGLENBRUEsd0ZBRUUsa0JBQW1CLENBRG5CLGtCQUFtQixDQUVuQixVQUNGLENBRUEscUNBQ0UsaUJBQ0YsQ0FFQSw0Q0FDRSw4QkFBK0IsQ0FFL0IsVUFBVyxDQUNYLDBCQUEyQixDQUMzQiwwQkFBNEIsQ0FDNUIsaUJBQWtCLENBSmxCLEtBQU0sQ0FLTixjQUNGLENBRUEsMkNBQ0UsWUFDRixDQUdBLHFDQUNFLDBCQUNFLDJEQUNGLENBRUEsMEJBQ0UsK0JBQWdDLENBQ2hDLFdBQ0YsQ0FDRixDQUVBLG9DQUNFLDBCQUNFLDJEQUE0RCxDQUU1RCxlQUFnQixDQURoQixpQkFFRixDQUVBLDRCQUVFLFdBQVksQ0FEWixlQUVGLENBRUEsMEJBQ0UsV0FDRixDQU1BLG1EQUNFLGdCQUFlLENBQWYsZ0JBQ0YsQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbIjpyb290IHtcbiAgLS1udG0tcm9sZXMtdGFibGUtZGVmYXVsdC1zY3JvbGw6IDAuOTM3NXJlbTtcbiAgLS1udG0tcm9sZXMtdGFibGUtY2VsbC1oZWlnaHQ6IDNyZW07XG4gIC0tbnRtLXJvbGVzLXNpZGViYXItd2lkdGg6IDQ4MHB4O1xuICAtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0OiAzcmVtO1xufVxuIiwiLm50bS1zY3JvbGxiYXJfX2lubmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTIuNXJlbTtcbn1cblxuLm50bS1zY3JvbGxiYXJfX291dGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDBweDtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwcHg7XG4gIHdpZHRoOiAxMi41cmVtO1xuICBoZWlnaHQ6IDkuMzc1cmVtO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG59XG4iLCIubnRtLWVtcHR5LXN0YXRlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG59XG4iLCIubnRtLXJvbGVzLXBhbmVfX2JvZHkge1xuICB3aWR0aDogMTAwJTtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXBhbmVfX2JvZHktd3JhcHBlcj4qKyoge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuXG4ubnRtLXJvbGVzLXBhbmVfX2JvZHk+KisqIHtcbiAgbWFyZ2luLXRvcDogMS41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXBhbmVfX2Zvb3RlciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogMC41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX2hlYWRpbmcge1xuICBwYWRkaW5nLXRvcDogMC41cmVtO1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX2NhcmQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kKTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDAuNzVyZW07XG4gIHBhZGRpbmc6IDAuNHJlbSAwO1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX2NhcmQ6OmFmdGVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYm9yZGVyKTtcbiAgY29udGVudDogXCJcIjtcbiAgaGVpZ2h0OiAxcHg7XG4gIGluc2V0LWlubGluZS1zdGFydDogLTAuOTM3NXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDAuODc1cmVtO1xuICB3aWR0aDogMC42MjVyZW07XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZC0tZGVzY3JpcHRpb24ge1xuICBmbGV4LWdyb3c6IDE7XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZC0tY2hlY2tib3gge1xuICBwYWRkaW5nOiAwIDAuNXJlbTtcbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19zdWItYmxvY2tzIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX3N1Yi1ibG9ja3M6OmJlZm9yZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJvcmRlcik7XG4gIHRvcDogMDtcbiAgY29udGVudDogXCJcIjtcbiAgaGVpZ2h0OiBjYWxjKDEwMCUgLSAwLjg3NXJlbSk7XG4gIGluc2V0LWlubGluZS1zdGFydDogMC41cmVtO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAwLjA2MjVyZW07XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbl9fc3ViLWJsb2NrczplbXB0eSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5udG0tcm9sZXMtcGVybWlzc2lvbi1jYXRlZ29yeS1jYXJkIHtcbiAgcGFkZGluZzogMC42MjVyZW0gMS4yNXJlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tcmFkaXVzLCAwLjM3NXJlbSk7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlcik7XG4gIHRyYW5zaXRpb246IGFsbCAwLjNzO1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb24tY2F0ZWdvcnktY2FyZC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS1wcmltYXJ5KTtcbiAgb3V0bGluZTogMXB4IHNvbGlkIHZhcigtLXByaW1hcnkpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiBjb2xvci1taXgoaW4gb2tsY2gsIHZhcigtLXByaW1hcnkpIDEwJSwgdHJhbnNwYXJlbnQpO1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb24tY2F0ZWdvcnktY2FyZC0tYWN0aXZlIC5udG0tcm9sZXMtcGVybWlzc2lvbl9fY2FyZCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4ubnRtLXJvbGVzLXBlcm1pc3Npb24tY2F0ZWdvcnktY2FyZD4ubnRtLXJvbGVzLXBlcm1pc3Npb25fX2NhcmQ6OmFmdGVyIHtcbiAgZGlzcGxheTogbm9uZTtcbn1cblxuQGtleWZyYW1lcyBudG0tcm9sZXMtcGVybWlzc2lvbi1ibGluayB7XG5cbiAgMCUsXG4gIDEwMCUge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5cbiAgNTAlIHtcbiAgICBjb2xvcjogdmFyKC0tcHJpbWFyeSk7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gIH1cbn1cblxuLm50bS1yb2xlcy1wZXJtaXNzaW9uX19jYXJkLS1ibGluayBsYWJlbCB7XG4gIGFuaW1hdGlvbjogbnRtLXJvbGVzLXBlcm1pc3Npb24tYmxpbmsgNjAwbXMgZWFzZS1pbi1vdXQgMHMgMztcbn1cbiIsIkBpbXBvcnQgJy4vcm9vdC5jc3MnO1xuQGltcG9ydCAnLi9iYXNlLmNzcyc7XG5AaW1wb3J0ICcuL2VtcHR5LXN0YXRlLmNzcyc7XG5AaW1wb3J0ICcuL3JvbGVzLXBlcm1pc3Npb25zLmNzcyc7XG5cbi5udG0tcm9sZXMtdGFibGVfX3dyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgcGFkZGluZzogMCAyLjVyZW07XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by1tb2xlY3VsZXMtbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpIC0gMjhweCk7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXJhZGl1cy1sZywgMC41cmVtKTtcbiAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tYm9yZGVyKTtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fY29udGFpbmVyID4gKiB7XG4gIG1heC1oZWlnaHQ6IGluaGVyaXQ7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3NpZGViYXIge1xuICB3aWR0aDogdmFyKC0tbnRtLXJvbGVzLXNpZGViYXItd2lkdGgpO1xuICBtaW4td2lkdGg6IHZhcigtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoKTtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19zZWFyY2gge1xuICBwYWRkaW5nOiAwLjVyZW0gMXJlbTtcbiAgaGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtaGVhZGVyLWhlaWdodCk7XG4gIGJvcmRlci1yaWdodDogdGhpbiBzb2xpZCB2YXIoLS1ib3JkZXIpO1xuICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHZhcigtLWJvcmRlcik7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW11dGVkKTtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0IHtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBtYXgtaGVpZ2h0OiBjYWxjKDEwMHZoIC0gdmFyKC0tbmVldG8tbW9sZWN1bGVzLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KSAtIHZhcigtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0KSAtIDMwcHgpO1xuICBib3JkZXItcmlnaHQ6IHRoaW4gc29saWQgdmFyKC0tYm9yZGVyKTtcbiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3Q6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgd2lkdGg6IDBweDtcbiAgaGVpZ2h0OiAwcHg7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgbWluLWhlaWdodDogdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWNlbGwtaGVpZ2h0KTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aGl0ZS1zcGFjZTogbm9ybWFsO1xuICBvdmVyZmxvdy13cmFwOiBicmVhay13b3JkO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbTo6YWZ0ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXIpO1xuICBjb250ZW50OiBcIlwiO1xuICBoZWlnaHQ6IDAuMDYyNXJlbTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiAtMS4xMjVyZW07XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxLjQzNzVyZW07XG4gIHdpZHRoOiAwLjg3NXJlbTtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0LWl0ZW0ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbS0taGlnaGxpZ2h0ZWQge1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW11dGVkKTtcbiAgbWluLWhlaWdodDogdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWNlbGwtaGVpZ2h0KTtcbiAgcGFkZGluZzogMC42ODc1cmVtIDEuNXJlbTtcbiAgYm9yZGVyLXRvcDogdGhpbiBzb2xpZCB2YXIoLS1ib3JkZXIpO1xuICBib3JkZXItYm90dG9tOiB0aGluIHNvbGlkIHZhcigtLWJvcmRlcik7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX2NvbHVtbnMge1xuICBmbGV4LWdyb3c6IDE7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICB3aWR0aDogMTAwJTtcbiAgbWluLXdpZHRoOiAyMDBweDtcbiAgaGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtY2VsbC1oZWlnaHQpO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1udG0tcm9sZXMtdGFibGUtY2VsbC1oZWlnaHQpO1xuICBwYWRkaW5nOiAwLjc1cmVtIDAuNXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJvcmRlci1pbmxpbmUtZW5kOiB0aGluIHNvbGlkIHZhcigtLWJvcmRlcik7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX2NlbGw6bGFzdC1jaGlsZCB7XG4gIGJvcmRlci1pbmxpbmUtZW5kOiBub25lO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLWNlbGxfX2NoZWNrYm94LXdyYXBwZXIge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGhlaWdodDogMXJlbTtcbiAgd2lkdGg6IDFyZW07XG4gIG1hcmdpbjogYXV0bztcbiAgei1pbmRleDogMTA7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtY2VsbF9fY2hlY2tib3gge1xuICB6LWluZGV4OiAxMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9faGVhZGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3ZlcmZsb3cteDogYXV0bztcbn1cblxuLm50bS1yb2xlcy10YWJsZV9faGVhZGVyIC5udG0tcm9sZXMtdGFibGVfX2NlbGwge1xuICBoZWlnaHQ6IHZhcigtLW50bS1yb2xlcy10YWJsZS1oZWFkZXItaGVpZ2h0KTtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCB2YXIoLS1ib3JkZXIpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tdXRlZCk7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtaGVhZGVyLWNlbGxfX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5udG0tcm9sZXMtdGFibGUtaGVhZGVyX19kcm9wZG93biB7XG4gIG1hcmdpbjogMC4xODc1cmVtO1xuICBmbGV4LXNocmluazogMDtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1oZWFkZXJfX3JvbGUtbmFtZSB7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlX19yb3dzIHtcbiAgd2lkdGg6IDEwMCU7XG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by1tb2xlY3VsZXMtbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpIC0gdmFyKC0tbnRtLXJvbGVzLXRhYmxlLWhlYWRlci1oZWlnaHQpIC0gMzBweCk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIHNjcm9sbGJhci13aWR0aDogbm9uZTtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fcm93czo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICB3aWR0aDogMHB4O1xuICBoZWlnaHQ6IDBweDtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fcm93czo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ib3JkZXIpO1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fcm93czo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWI6aG92ZXIge1xuICBib3JkZXItcmFkaXVzOiAzLjEyNXJlbTtcbn1cblxuLm50bS1yb2xlcy10YWJsZV9fcm93czo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2sge1xuICBiYWNrZ3JvdW5kOiB2YXIoLS1ib3JkZXIpO1xufVxuXG5cbi5udG0tcm9sZXMtdGFibGVfX3JvdyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3JvdyAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBib3JkZXItdG9wOiB0aGluIHNvbGlkIHZhcigtLWJvcmRlcik7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWQgKyAubnRtLXJvbGVzLXRhYmxlX19yb3cgLm50bS1yb2xlcy10YWJsZV9fY2VsbCB7XG4gIGJvcmRlci10b3A6IG5vbmU7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3JvdyAubnRtLXJvbGVzLXRhYmxlX19jZWxsIHAge1xuICBvcGFjaXR5OiAwO1xuICB3aWR0aDogMzQwcHg7XG4gIG1pbi13aWR0aDogMzQwcHg7XG59XG5cbi5udG0tcm9sZXMtdGFibGVfX3Jvdy5udG0tcm9sZXMtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWQgLm50bS1yb2xlcy10YWJsZV9fY2VsbCB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW11dGVkKTtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCB2YXIoLS1ib3JkZXIpO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2Ryb3AtZG93bi1idXR0b24ge1xuICBjb2xvcjogdmFyKC0tbXV0ZWQtZm9yZWdyb3VuZCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cblxuLm50bS1yb2xlcy1tb2RhbF9fYm9keT4qKyoge1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufVxuXG4ubnRtLXJvbGVzLW1vZGFsX19mb290ZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IDAuNXJlbTtcbn1cblxuLm50bS1yb2xlcy1oZWxwLXVybC13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgd2lkdGg6IDEwMCU7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nOiAxcmVtIDA7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtLXNwYWNpbmctaGFuZGxlcj4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbSAubmVldG8tdWktdGV4dC1ib2R5MiB7XG4gIGZvbnQtc2l6ZTogMC45Mzc1cmVtO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbS1zcGFjaW5nLWhhbmRsZXI+Lm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0LWl0ZW06OmJlZm9yZSB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fbGlzdC1pdGVtLXNwYWNpbmctaGFuZGxlcj4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbTo6YWZ0ZXIge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX2xpc3QtaXRlbS1zcGFjaW5nLWhhbmRsZXIgLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19saXN0LWl0ZW0ge1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuMjVyZW07XG59XG5cbi5udG0tcm9sZXMtdGFibGUtc2lkZWJhcl9fc3ViLWJsb2NrcyB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm50bS1yb2xlcy10YWJsZS1zaWRlYmFyX19zdWItYmxvY2tzOjpiZWZvcmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ib3JkZXIpO1xuICB0b3A6IDA7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGhlaWdodDogY2FsYygxMDAlIC0gMS41cmVtKTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwLjM3NXJlbTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMC4wNjI1cmVtO1xufVxuXG4ubnRtLXJvbGVzLXRhYmxlLXNpZGViYXJfX3N1Yi1ibG9ja3M6ZW1wdHkge1xuICBkaXNwbGF5OiBub25lO1xufVxuXG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAubnRtLXJvbGVzLXRhYmxlX193cmFwcGVyIHtcbiAgICAtLW5lZXRvLW1vbGVjdWxlcy1tYWluLWhlYWRlci13aXRoLWJyZWFkY3J1bWJzLWhlaWdodDogMjE2cHg7XG4gIH1cblxuICAubnRtLXJvbGVzLXRhYmxlX19zaWRlYmFyIHtcbiAgICAtLW50bS1yb2xlcy1zaWRlYmFyLXdpZHRoOiAyNjBweDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gIH1cbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLm50bS1yb2xlcy10YWJsZV9fd3JhcHBlciB7XG4gICAgLS1uZWV0by1tb2xlY3VsZXMtbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQ6IDE4NnB4O1xuICAgIHBhZGRpbmc6IDAgMS4yNXJlbTtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICB9XG5cbiAgLm50bS1yb2xlcy10YWJsZV9fY29udGFpbmVyIHtcbiAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgIGhlaWdodDogYXV0bztcbiAgfVxuXG4gIC5udG0tcm9sZXMtdGFibGVfX3NpZGViYXIge1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuXG4gIC5udG0tcm9sZXMtdGFibGVfX2NvbHVtbnMge1xuICAgIG92ZXJmbG93OiB1bnNldDtcbiAgfVxuXG4gIC5udG0tcm9sZXMtdGFibGVfX2hlYWRlciB7XG4gICAgb3ZlcmZsb3c6IHVuc2V0O1xuICB9XG59XG4iXX0= */";
+n(css,{});
+
+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: "flex h-full min-h-screen w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  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