@bigbinary/neeto-team-members-frontend 4.4.2 → 4.4.3

package/dist/{index-753ce55b.js → index-D0ixFK_p.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var defineProperty = require('./defineProperty-9b13c73c.js');
-var slicedToArray = require('./slicedToArray-8e69d42b.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var require$$0 = require('react');
 var classnames = require('classnames');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
@@ -16,9 +16,9 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var index = require('./index-5f1a8667.js');
-var useTeamsApi = require('./useTeamsApi-bc52172a.js');
-var injectCss = require('./inject-css-80a5faa3.js');
+var index = require('./index-DGXXNU_W.js');
+var useTeamsApi = require('./useTeamsApi-CasIc4Xx.js');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
 var useFetchNeetoApps = require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
@@ -26,46 +26,20 @@ var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Select = require('@bigbinary/neetoui/formik/Select');
 var Switch = require('@bigbinary/neetoui/formik/Switch');
-var RolesRadioGroup = require('./RolesRadioGroup-94aca05f.js');
+var RolesRadioGroup = require('./RolesRadioGroup-DFPWhs-4.js');
 var jsxRuntime = require('react/jsx-runtime');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var Warning = require('@bigbinary/neeto-icons/Warning');
 var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
-var constants$1 = require('./constants-2685e5d6.js');
+var constants$1 = require('./constants-DK60kZoX.js');
 var i18next = require('i18next');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Avatar = require('@bigbinary/neetoui/Avatar');
 var Dropdown = require('@bigbinary/neetoui/Dropdown');
 var Tag = require('@bigbinary/neetoui/Tag');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var Info__default = /*#__PURE__*/_interopDefaultLegacy(Info);
-var LeftArrow__default = /*#__PURE__*/_interopDefaultLegacy(LeftArrow);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
-var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
-var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
-var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
-var useFetchNeetoApps__default = /*#__PURE__*/_interopDefaultLegacy(useFetchNeetoApps);
-var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var Warning__default = /*#__PURE__*/_interopDefaultLegacy(Warning);
-var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
-var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
-var Avatar__default = /*#__PURE__*/_interopDefaultLegacy(Avatar);
-var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
-var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
-
 var _getQueryParams = utils.getQueryParams(),
   page = _getQueryParams.page,
   pageSize = _getQueryParams.pageSize;
@@ -91,8 +65,8 @@ var DEFAULT_SELECTED_ROWS = {
 var TEAM_MEMBERS_HIDDEN_COLUMNS = "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS";
 
 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._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 MenuItem = Dropdown__default["default"].MenuItem;
+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 MenuItem = Dropdown.MenuItem;
 var renderNameColumn = function renderNameColumn(_ref) {
   var config = _ref.config,
     handleUpdateRole = _ref.handleUpdateRole,
@@ -105,20 +79,20 @@ var renderNameColumn = function renderNameColumn(_ref) {
     className: "ntm-members-table__wrapper",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "ntm-members-table__column",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Avatar, {
         size: "medium",
         user: {
           name: name,
           imageUrl: imageUrl
         }
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
         "data-cy": "ntm-member-name-".concat(utils.hyphenize(name)),
         style: "body2",
         children: name
-      }), subscriptionPlan === constants$1.SUBSCRIPTION_PLANS.PRO && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+      }), subscriptionPlan === constants$1.SUBSCRIPTION_PLANS.PRO && /*#__PURE__*/jsxRuntime.jsx(Tag, {
         className: "neeto-ui-text-transform-uppercase",
         "data-cy": "ntm-member-subscription-plan-tag",
-        label: i18next__default["default"].t("neetoTeamMembers.common.pro"),
+        label: i18next.t("neetoTeamMembers.common.pro"),
         style: "info",
         type: "outline"
       })]
@@ -136,7 +110,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
     handleUpdateRole = _ref2.handleUpdateRole,
     handleUpdateStatus = _ref2.handleUpdateStatus,
     tableData = _ref2.tableData;
-  return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
     dropdownProps: {
       appendTo: function appendTo() {
         return document.body;
@@ -148,7 +122,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
       className: "flex-shrink-0",
       "data-cy": "ntm-members-table-row-dropdown-button",
       tooltipProps: {
-        content: i18next__default["default"].t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
+        content: i18next.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
         disabled: config.permissions.update,
         position: "top"
       }
@@ -161,24 +135,24 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
         onClick: function onClick() {
           return handleUpdateRole(tableData);
         },
-        children: i18next__default["default"].t("neetoTeamMembers.common.edit")
-      }), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+        children: i18next.t("neetoTeamMembers.common.edit")
+      }), config === null || config === void 0 ? void 0 : (_config$table = config.table) === null || _config$table === void 0 ? void 0 : (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
         className: "ntm-dropdown__button",
         "data-cy": "ntm-deactivate-member-button",
         size: "small",
         onClick: function onClick() {
           return handleUpdateStatus(tableData);
         },
-        children: i18next__default["default"].t("neetoTeamMembers.common.remove")
+        children: i18next.t("neetoTeamMembers.common.remove")
       })]
     })
   });
 };
 var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
   var member = _ref3.member;
-  return member !== null && member !== void 0 && member.active ? i18next__default["default"].t("neetoTeamMembers.common.remove_", {
+  return member !== null && member !== void 0 && member.active ? i18next.t("neetoTeamMembers.common.remove_", {
     what: initializers.taxonomies.member.singular
-  }) : i18next__default["default"].t("neetoTeamMembers.common.activate_", {
+  }) : i18next.t("neetoTeamMembers.common.activate_", {
     what: initializers.taxonomies.member.singular
   });
 };
@@ -211,20 +185,20 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
       });
     },
     sorter: true,
-    title: i18next__default["default"].t("neetoTeamMembers.common.name"),
+    title: i18next.t("neetoTeamMembers.common.name"),
     isHidable: false
   }, {
     dataIndex: "email",
     key: "email",
     sorter: true,
     width: 350,
-    title: i18next__default["default"].t("neetoTeamMembers.common.email", constants.SINGULAR)
+    title: i18next.t("neetoTeamMembers.common.email", constants.SINGULAR)
   }, {
     dataIndex: "role",
     key: "organization_role",
     sorter: true,
     width: 200,
-    title: i18next__default["default"].t("neetoTeamMembers.common.role", constants.SINGULAR)
+    title: i18next.t("neetoTeamMembers.common.role", constants.SINGULAR)
   }, {
     dataIndex: "subscriptionPlan",
     key: "subscription_plan",
@@ -238,7 +212,7 @@ var removeExcludedRole = ramda.curry(function (excludedRoles, role) {
 });
 var getSubscriptionLabelAndValue = function getSubscriptionLabelAndValue() {
   return Object.entries(constants$1.SUBSCRIPTION_PLANS).map(function (_ref6) {
-    var _ref7 = slicedToArray._slicedToArray(_ref6, 2),
+    var _ref7 = _slicedToArray(_ref6, 2),
       key = _ref7[0],
       value = _ref7[1];
     return {
@@ -314,28 +288,28 @@ var renderPaginationProps = function renderPaginationProps(size) {
 var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
   return [{
     key: "email",
-    label: i18next__default["default"].t("neetoTeamMembers.common.email", constants.SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.email", constants.SINGULAR),
     model: "User",
     node: "email",
     showRuleSelector: true,
     type: "text"
   }, {
     key: "name",
-    label: i18next__default["default"].t("neetoTeamMembers.common.name"),
+    label: i18next.t("neetoTeamMembers.common.name"),
     model: "User",
     node: "first_name,last_name",
     type: "text",
     values: ""
   }, {
     key: "role",
-    label: i18next__default["default"].t("neetoTeamMembers.common.role", constants.SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.role", constants.SINGULAR),
     model: "OrganizationRole",
     node: "organization_role.name",
     type: "multi_option",
     values: []
   }, {
     key: "subscription_plan",
-    label: i18next__default["default"].t("neetoTeamMembers.common.subscriptionPlan", constants.SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.subscriptionPlan", constants.SINGULAR),
     model: "User",
     node: "subscription_plan",
     type: "single_option",
@@ -377,13 +351,13 @@ var generateNoDataContent = function generateNoDataContent(_ref12) {
   var disabled = buttonProps.disabled,
     onClick = buttonProps.onClick;
   var noDataTitleTranslationKey = "notFound_";
-  var noDataTitle = i18next__default["default"].t("neetoTeamMembers.common.".concat(noDataTitleTranslationKey), {
+  var noDataTitle = i18next.t("neetoTeamMembers.common.".concat(noDataTitleTranslationKey), {
     what: initializers.taxonomies.member.plural
   });
   var noDataButtonProps = {
     "data-cy": "ntm-add-member-button",
     disabled: disabled,
-    label: i18next__default["default"].t("neetoTeamMembers.common.addNew_", {
+    label: i18next.t("neetoTeamMembers.common.addNew_", {
       what: initializers.taxonomies.member.singular
     }),
     onClick: onClick
@@ -403,10 +377,10 @@ var AppList = function AppList(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = require$$0.useState(savedStateRef.current.isAppListEnabled),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isAppListEnabled = _useState2[0],
     setIsAppListEnabled = _useState2[1];
-  var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
+  var _useFetchNeetoApps = useFetchNeetoApps(),
     _useFetchNeetoApps$da = _useFetchNeetoApps.data,
     _useFetchNeetoApps$da2 = _useFetchNeetoApps$da === void 0 ? {} : _useFetchNeetoApps$da,
     isOwner = _useFetchNeetoApps$da2.isOwner,
@@ -422,7 +396,7 @@ var AppList = function AppList(_ref) {
   var isManageProductsLinkEnabled = isOwner && (neetoApps === null || neetoApps === void 0 ? void 0 : neetoApps.length) >= 3;
   require$$0.useEffect(function () {
     if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
-      appRoles === null || appRoles === void 0 || appRoles.forEach(function (appRole, index) {
+      appRoles === null || appRoles === void 0 ? void 0 : appRoles.forEach(function (appRole, index) {
         var _globalProps$appName;
         if ((appRole === null || appRole === void 0 ? void 0 : appRole.appName) === ((_globalProps$appName = initializers.globalProps.appName) === null || _globalProps$appName === void 0 ? void 0 : _globalProps$appName.substring(5))) {
           setFieldValue("appRoles[".concat(index, "].isEnabled"), true);
@@ -443,11 +417,11 @@ var AppList = function AppList(_ref) {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-ui-w-full space-y-3",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox, {
         checked: isAppListEnabled,
         className: "ntm-manage-members__checkbox-align-start",
         "data-cy": "ntm-manage-members-app-list-checkbox",
-        label: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        label: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           component: "span",
           lineHeight: "relaxed",
           style: "body2",
@@ -461,12 +435,12 @@ var AppList = function AppList(_ref) {
         onChange: function onChange() {
           return setIsAppListEnabled(ramda.not);
         }
-      }), isManageProductsLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }), isManageProductsLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "body2",
         children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoTeamMembers.helpers.manageProducts",
           components: {
-            button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            button: /*#__PURE__*/jsxRuntime.jsx(Button, {
               href: RolesRadioGroup.neetoAuthManageProductUrl,
               style: "link"
             })
@@ -483,12 +457,12 @@ var AppList = function AppList(_ref) {
         var isAppRoleSelectionChecked = isCurrentApp || isEnabled;
         return /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "ntm-manage-members__app-roles",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
             content: t("neetoTeamMembers.tooltips.hostAppIsRequired"),
             disabled: !isCurrentApp,
             position: "left",
             children: /*#__PURE__*/jsxRuntime.jsx("span", {
-              children: /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+              children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
                 checked: isAppRoleSelectionChecked,
                 disabled: isCurrentApp,
                 name: "appsRoles[".concat(index, "].isEnabled"),
@@ -501,13 +475,13 @@ var AppList = function AppList(_ref) {
                 }
               })
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
             content: t("neetoTeamMembers.tooltips.goBackToChangeRole"),
             disabled: !isCurrentApp,
             position: "top",
             children: /*#__PURE__*/jsxRuntime.jsx("span", {
               className: "ntm-manage-members-app-roles__select-wrapper",
-              children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+              children: /*#__PURE__*/jsxRuntime.jsx(Select, {
                 isDisabled: isCurrentApp || !isEnabled,
                 name: "appRoles[".concat(index, "].activeRole"),
                 options: buildRoleOptions(globalRoles[appName]),
@@ -543,7 +517,7 @@ var Confirmation = function Confirmation() {
     className: "neeto-ui-flex neeto-ui-flex-col neeto-ui-gap-6",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-ui-w-full",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         component: "span",
         lineHeight: "relaxed",
         style: "body2",
@@ -572,7 +546,7 @@ var Confirmation = function Confirmation() {
             activeRole = _ref.activeRole;
           return /*#__PURE__*/jsxRuntime.jsxs("tr", {
             children: [/*#__PURE__*/jsxRuntime.jsx("td", {
-              children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                 component: "span",
                 lineHeight: "relaxed",
                 style: "body2",
@@ -581,7 +555,7 @@ var Confirmation = function Confirmation() {
                 })
               })
             }), /*#__PURE__*/jsxRuntime.jsx("td", {
-              children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                 component: "span",
                 lineHeight: "relaxed",
                 style: "body2",
@@ -592,7 +566,7 @@ var Confirmation = function Confirmation() {
         })
       })]
     })]
-  }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+  }) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
     component: "span",
     lineHeight: "relaxed",
     style: "body2",
@@ -629,7 +603,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "neeto-ui-w-full",
-    children: selectedMember ? /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+    children: selectedMember ? /*#__PURE__*/jsxRuntime.jsx(Input, {
       "data-cy": "ntm-manage-member-email-input",
       name: "emails",
       size: "medium",
@@ -637,14 +611,14 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
       value: (_head = ramda.head(emails)) === null || _head === void 0 ? void 0 : _head.value,
       label: /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "neeto-ui-w-full neeto-ui-flex neeto-ui-justify-between",
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           component: "span",
           style: "body2",
           children: t("neetoTeamMembers.common.email", constants.SINGULAR)
         })
       }),
       onChange: handleInputChange
-    }) : /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], {
+    }) : /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
       required: true,
       counter: RolesRadioGroup.COUNTER_PROPS,
       "data-cy": "ntm-manage-member-email-input",
@@ -664,12 +638,12 @@ var NameInputs = function NameInputs(_ref) {
     t = _useTranslation.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-ui-flex neeto-ui-w-full neeto-ui-gap-4",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
       "data-cy": "ntm-edit-member-first-name-text-field",
       label: t("neetoTeamMembers.labels.firstName"),
       name: "firstName",
       ref: innerRef
-    }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Input, {
       "data-cy": "ntm-edit-member-last-name-text-field",
       label: t("neetoTeamMembers.labels.lastName"),
       name: "lastName"
@@ -678,7 +652,7 @@ var NameInputs = function NameInputs(_ref) {
 };
 
 var SubscriptionPlan = function SubscriptionPlan(_ref) {
-  var _subscription$plan, _subscription$plan2;
+  var _subscription$plan, _subscription$plan2, _subscription$plan2$c;
   var subscription = _ref.subscription;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
@@ -689,22 +663,22 @@ var SubscriptionPlan = function SubscriptionPlan(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col space-y-4",
-    children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox__default$1["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox$1, {
       label: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
         i18nKey: "neetoTeamMembers.labels.upgradeToProPlan"
       }),
       name: "isSubscriptionProPlan",
       onChange: handleChange
-    }), isProPlan && /*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
-      icon: Warning__default["default"],
+    }), isProPlan && /*#__PURE__*/jsxRuntime.jsx(Callout, {
+      icon: Warning,
       style: "warning",
-      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         style: "body2",
         weight: "normal",
         children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoTeamMembers.helpers.subscriptionWarning",
           values: {
-            amount: utils.currencyFormat.withSymbol(subscription === null || subscription === void 0 || (_subscription$plan = subscription.plan) === null || _subscription$plan === void 0 ? void 0 : _subscription$plan.amount, subscription === null || subscription === void 0 || (_subscription$plan2 = subscription.plan) === null || _subscription$plan2 === void 0 || (_subscription$plan2 = _subscription$plan2.currency) === null || _subscription$plan2 === void 0 ? void 0 : _subscription$plan2.toUpperCase(), {
+            amount: utils.currencyFormat.withSymbol(subscription === null || subscription === void 0 ? void 0 : (_subscription$plan = subscription.plan) === null || _subscription$plan === void 0 ? void 0 : _subscription$plan.amount, subscription === null || subscription === void 0 ? void 0 : (_subscription$plan2 = subscription.plan) === null || _subscription$plan2 === void 0 ? void 0 : (_subscription$plan2$c = _subscription$plan2.currency) === null || _subscription$plan2$c === void 0 ? void 0 : _subscription$plan2$c.toUpperCase(), {
               maximumFractionDigits: 2,
               minimumFractionDigits: 0
             })
@@ -716,7 +690,7 @@ var SubscriptionPlan = function SubscriptionPlan(_ref) {
 };
 
 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._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; }
+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 ManageMember = function ManageMember(_ref) {
   var _config$subscription, _manageMemberComponen, _config$additionalFie2;
   var config = _ref.config,
@@ -730,7 +704,7 @@ var ManageMember = function ManageMember(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = require$$0.useState(false),
-    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     isCreationStatusPollingEnabled = _useState2[0],
     setIsCreationStatusPollingEnabled = _useState2[1];
   var isViewPermissionGranted = config.permissions.view;
@@ -740,7 +714,7 @@ var ManageMember = function ManageMember(_ref) {
     }),
     team = _useFetchMembers.data;
   var _useState3 = require$$0.useState(RolesRadioGroup.FORM_PAGES.MAIN),
-    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     currentPage = _useState4[0],
     setCurrentPage = _useState4[1];
   var formReference = require$$0.useRef(null);
@@ -804,7 +778,7 @@ var ManageMember = function ManageMember(_ref) {
     }),
     creationStatus = _useMembersCreationSt.data;
   require$$0.useEffect(function () {
-    var _config$createMember;
+    var _config$createMember, _config$createMember$;
     var _ref3 = creationStatus || {},
       isCompleted = _ref3.isCompleted,
       isSuccessful = _ref3.isSuccessful,
@@ -812,21 +786,21 @@ var ManageMember = function ManageMember(_ref) {
       error = _ref3.error;
     if (!isCompleted) return;
     handleClose();
-    config === null || config === void 0 || (_config$createMember = config.createMember) === null || _config$createMember === void 0 || (_config$createMember = _config$createMember.onSuccess) === null || _config$createMember === void 0 || _config$createMember.callback({
+    config === null || config === void 0 ? void 0 : (_config$createMember = config.createMember) === null || _config$createMember === void 0 ? void 0 : (_config$createMember$ = _config$createMember.onSuccess) === null || _config$createMember$ === void 0 ? void 0 : _config$createMember$.callback({
       users: users
     });
     if (isSuccessful) {
       utils.showThumbsUpToastr();
     } else {
-      Toastr__default["default"].error(error);
+      Toastr.error(error);
     }
     useTeamsApi.refetchMembers();
   }, [creationStatus]);
   var _useUpdateMember = useTeamsApi.useUpdateMember({
       onSuccess: function onSuccess() {
-        var _config$updateMember;
+        var _config$updateMember, _config$updateMember$;
         handleClose(true);
-        config === null || config === void 0 || (_config$updateMember = config.updateMember) === null || _config$updateMember === void 0 || (_config$updateMember = _config$updateMember.onSuccess) === null || _config$updateMember === void 0 || _config$updateMember.callback();
+        config === null || config === void 0 ? void 0 : (_config$updateMember = config.updateMember) === null || _config$updateMember === void 0 ? void 0 : (_config$updateMember$ = _config$updateMember.onSuccess) === null || _config$updateMember$ === void 0 ? void 0 : _config$updateMember$.callback();
       }
     }),
     updateMember = _useUpdateMember.mutate,
@@ -928,12 +902,12 @@ var ManageMember = function ManageMember(_ref) {
       return handleClose(false);
     },
     children: [/*#__PURE__*/jsxRuntime.jsxs(Component.Header, _objectSpread(_objectSpread({}, manageMemberComponentConfig.headerProps), {}, {
-      className: classnames__default["default"]([{
+      className: classnames([{
         "ntm-manage-members__header": currentPage !== RolesRadioGroup.FORM_PAGES.MAIN
       }, (_manageMemberComponen = manageMemberComponentConfig.headerProps) === null || _manageMemberComponen === void 0 ? void 0 : _manageMemberComponen.className]),
-      children: [currentPage !== RolesRadioGroup.FORM_PAGES.MAIN && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      children: [currentPage !== RolesRadioGroup.FORM_PAGES.MAIN && /*#__PURE__*/jsxRuntime.jsx(Button, {
         "aria-label": "Back",
-        icon: LeftArrow__default["default"],
+        icon: LeftArrow,
         size: "medium",
         style: "text",
         tooltipProps: {
@@ -941,14 +915,14 @@ var ManageMember = function ManageMember(_ref) {
           position: "bottom"
         },
         onClick: handleBackButton
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "ntm-members-form__header",
         "data-cy": "ntm-manage-members-pane-header",
         style: "h2",
         weight: "semibold",
         children: getTitle()
       })]
-    })), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+    })), /*#__PURE__*/jsxRuntime.jsx(Form, {
       ref: formReference,
       formikProps: {
         enableReinitialize: true,
@@ -976,20 +950,20 @@ var ManageMember = function ManageMember(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx(index.ScrollToErrorField, {
             formRef: formReference
           }), /*#__PURE__*/jsxRuntime.jsxs(Component.Body, _objectSpread(_objectSpread({}, manageMemberComponentConfig.bodyProps), {}, {
-            className: classnames__default["default"](["ntm-members-form__body", (_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className]),
-            children: [isCreationStatusPollingEnabled && /*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
+            className: classnames(["ntm-members-form__body", (_manageMemberComponen2 = manageMemberComponentConfig.bodyProps) === null || _manageMemberComponen2 === void 0 ? void 0 : _manageMemberComponen2.className]),
+            children: [isCreationStatusPollingEnabled && /*#__PURE__*/jsxRuntime.jsx(Callout, {
               className: "w-full",
-              icon: Info__default["default"],
+              icon: Info,
               style: "info",
               children: t("neetoTeamMembers.helpers.memberCreationStatus", {
                 count: emails.length,
-                completedCount: creationStatus === null || creationStatus === void 0 || (_creationStatus$progr = creationStatus.progress) === null || _creationStatus$progr === void 0 ? void 0 : _creationStatus$progr.completedCount,
+                completedCount: creationStatus === null || creationStatus === void 0 ? void 0 : (_creationStatus$progr = creationStatus.progress) === null || _creationStatus$progr === void 0 ? void 0 : _creationStatus$progr.completedCount,
                 totalCount: totalCount
               })
             }), renderFormPage(currentPage, emails, role)]
           })), /*#__PURE__*/jsxRuntime.jsx(Component.Footer, _objectSpread(_objectSpread({}, manageMemberComponentConfig.footerProps), {}, {
-            className: classnames__default["default"](["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
-            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            className: classnames(["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
+            children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
               cancelButtonProps: {
                 "data-cy": "ntm-manage-member-cancel-button",
                 onClick: function onClick() {
@@ -1024,4 +998,4 @@ exports.getFilteredRoles = getFilteredRoles;
 exports.handlePageChange = handlePageChange;
 exports.renderPaginationProps = renderPaginationProps;
 exports.renderUpdateAlert = renderUpdateAlert;
-//# sourceMappingURL=index-753ce55b.js.map
+//# sourceMappingURL=index-D0ixFK_p.js.map