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

package/dist/index-2757050a.js

@@ -0,0 +1,1022 @@
+'use strict';
+
+var defineProperty = require('./defineProperty-9b13c73c.js');
+var slicedToArray = require('./slicedToArray-8e69d42b.js');
+var require$$0 = require('react');
+var classnames = require('classnames');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Info = require('@bigbinary/neeto-icons/Info');
+var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var Callout = require('@bigbinary/neetoui/Callout');
+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-6254d23b.js');
+var injectCss = require('./inject-css-80a5faa3.js');
+var formik = require('formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var useFetchNeetoApps = require('@bigbinary/neeto-commons-frontend/react-utils/useFetchNeetoApps');
+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 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 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;
+var DEFAULT_RADIX = 10;
+var DEFAULT_IS_OPEN_VALUES = {
+  menuBar: false,
+  manageMember: false,
+  alert: false
+};
+var DEFAULT_FILTER_VALUES = {
+  page: ramda.clamp(1, Infinity, parseInt(page)) || constants.DEFAULT_PAGE_INDEX,
+  pageSize: ramda.clamp(10, 100, parseInt(pageSize)) || constants.DEFAULT_PAGE_SIZE,
+  sortBy: "",
+  orderBy: "",
+  neetoFilters: []
+};
+var DEFAULT_SELECTED_ROWS = {
+  active: [],
+  emails: [],
+  keys: [],
+  displayNames: []
+};
+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;
+var renderNameColumn = function renderNameColumn(_ref) {
+  var config = _ref.config,
+    handleUpdateRole = _ref.handleUpdateRole,
+    handleUpdateStatus = _ref.handleUpdateStatus,
+    tableData = _ref.tableData;
+  var name = tableData.displayName,
+    imageUrl = tableData.profileImageUrl,
+    subscriptionPlan = tableData.subscriptionPlan;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "ntm-members-table__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "ntm-members-table__column",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Avatar__default["default"], {
+        size: "medium",
+        user: {
+          name: name,
+          imageUrl: imageUrl
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        "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"], {
+        className: "neeto-ui-text-transform-uppercase",
+        "data-cy": "ntm-member-subscription-plan-tag",
+        label: i18next__default["default"].t("neetoTeamMembers.common.pro"),
+        style: "info",
+        type: "outline"
+      })]
+    }), renderDropdownButton({
+      config: config,
+      handleUpdateRole: handleUpdateRole,
+      handleUpdateStatus: handleUpdateStatus,
+      tableData: tableData
+    })]
+  });
+};
+var renderDropdownButton = function renderDropdownButton(_ref2) {
+  var _config$table, _config$table$dropdow;
+  var config = _ref2.config,
+    handleUpdateRole = _ref2.handleUpdateRole,
+    handleUpdateStatus = _ref2.handleUpdateStatus,
+    tableData = _ref2.tableData;
+  return /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+    dropdownProps: {
+      appendTo: function appendTo() {
+        return document.body;
+      },
+      strategy: "fixed"
+    },
+    isDisabled: ramda.not(config.permissions.update),
+    dropdownButtonProps: {
+      className: "flex-shrink-0",
+      "data-cy": "ntm-members-table-row-dropdown-button",
+      tooltipProps: {
+        content: i18next__default["default"].t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
+        disabled: config.permissions.update,
+        position: "top"
+      }
+    },
+    menuTopChildren: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+        className: "ntm-dropdown__button",
+        "data-cy": "ntm-edit-member-button",
+        size: "small",
+        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, {
+        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")
+      })]
+    })
+  });
+};
+var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
+  var member = _ref3.member;
+  return member !== null && member !== void 0 && member.active ? i18next__default["default"].t("neetoTeamMembers.common.remove_", {
+    what: initializers.taxonomies.member.singular
+  }) : i18next__default["default"].t("neetoTeamMembers.common.activate_", {
+    what: initializers.taxonomies.member.singular
+  });
+};
+var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
+  var member = _ref4.member;
+  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    i18nKey: "neetoTeamMembers.alerts.messages.removeMember",
+    values: _objectSpread$1(_objectSpread$1({}, constants.SINGULAR), {}, {
+      person: member === null || member === void 0 ? void 0 : member.displayName
+    })
+  });
+};
+var getDefaultColumns = function getDefaultColumns(_ref5) {
+  var config = _ref5.config,
+    handleUpdateRole = _ref5.handleUpdateRole,
+    handleUpdateStatus = _ref5.handleUpdateStatus,
+    otherColumns = _ref5.otherColumns,
+    isSize = _ref5.isSize;
+  return [{
+    dataIndex: "name",
+    key: "name",
+    width: 300,
+    fixed: neetoCist.isNotEmpty(otherColumns) && !isSize("mobile"),
+    render: function render(_, tableData) {
+      return renderNameColumn({
+        config: config,
+        handleUpdateRole: handleUpdateRole,
+        handleUpdateStatus: handleUpdateStatus,
+        tableData: tableData
+      });
+    },
+    sorter: true,
+    title: i18next__default["default"].t("neetoTeamMembers.common.name"),
+    isHidable: false
+  }, {
+    dataIndex: "email",
+    key: "email",
+    sorter: true,
+    width: 350,
+    title: i18next__default["default"].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)
+  }, {
+    dataIndex: "subscriptionPlan",
+    key: "subscription_plan",
+    hidden: true,
+    isHidable: false,
+    title: ""
+  }];
+};
+var removeExcludedRole = ramda.curry(function (excludedRoles, role) {
+  return !(excludedRoles !== null && excludedRoles !== void 0 && excludedRoles.includes(role === null || role === void 0 ? void 0 : role.name));
+});
+var getSubscriptionLabelAndValue = function getSubscriptionLabelAndValue() {
+  return Object.entries(constants$1.SUBSCRIPTION_PLANS).map(function (_ref6) {
+    var _ref7 = slicedToArray._slicedToArray(_ref6, 2),
+      key = _ref7[0],
+      value = _ref7[1];
+    return {
+      label: key,
+      value: value
+    };
+  });
+};
+var getColumnData = function getColumnData(_ref8) {
+  var _config$otherColumns;
+  var config = _ref8.config,
+    handleUpdateRole = _ref8.handleUpdateRole,
+    handleUpdateStatus = _ref8.handleUpdateStatus,
+    isSize = _ref8.isSize;
+  var otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
+  var defaultColumns = getDefaultColumns({
+    config: config,
+    handleUpdateRole: handleUpdateRole,
+    handleUpdateStatus: handleUpdateStatus,
+    otherColumns: otherColumns,
+    isSize: isSize
+  });
+  var columns = defaultColumns.map(function (column) {
+    var otherColumn = otherColumns.find(function (_ref9) {
+      var dataIndex = _ref9.dataIndex;
+      return ramda.identical(dataIndex, column.dataIndex);
+    });
+    return otherColumn || column;
+  });
+  otherColumns.forEach(function (otherColumn) {
+    var column = columns.find(function (_ref10) {
+      var dataIndex = _ref10.dataIndex;
+      return ramda.identical(dataIndex, otherColumn.dataIndex);
+    });
+    if (!column) columns.push(otherColumn);
+  });
+  return columns;
+};
+var renderUpdateAlert = function renderUpdateAlert(field, props) {
+  var _config$alert;
+  var config = props.config,
+    member = props.member;
+  if (config !== null && config !== void 0 && (_config$alert = config.alert) !== null && _config$alert !== void 0 && _config$alert[field]) {
+    var _config$alert2;
+    return (_config$alert2 = config.alert) === null || _config$alert2 === void 0 ? void 0 : _config$alert2[field]({
+      active: member === null || member === void 0 ? void 0 : member.active,
+      id: member === null || member === void 0 ? void 0 : member.id,
+      name: member === null || member === void 0 ? void 0 : member.displayName
+    });
+  }
+  return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
+};
+var handlePageChange = function handlePageChange(setFilters, history) {
+  return function (page, pageSize) {
+    var searchParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    history.replace(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page: page,
+      page_size: pageSize
+    }, searchParams)));
+    setFilters(ramda.mergeLeft({
+      page: page,
+      pageSize: pageSize
+    }));
+  };
+};
+var renderPaginationProps = function renderPaginationProps(size) {
+  return {
+    pageSize: parseInt(size, DEFAULT_RADIX)
+  };
+};
+var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
+  return [{
+    key: "email",
+    label: i18next__default["default"].t("neetoTeamMembers.common.email", constants.SINGULAR),
+    model: "User",
+    node: "email",
+    showRuleSelector: true,
+    type: "text"
+  }, {
+    key: "name",
+    label: i18next__default["default"].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),
+    model: "OrganizationRole",
+    node: "organization_role.name",
+    type: "multi_option",
+    values: []
+  }, {
+    key: "subscription_plan",
+    label: i18next__default["default"].t("neetoTeamMembers.common.subscriptionPlan", constants.SINGULAR),
+    model: "User",
+    node: "subscription_plan",
+    type: "single_option",
+    values: []
+  }];
+};
+var buildFilterColumns = function buildFilterColumns(_ref11) {
+  var _ref11$options = _ref11.options,
+    _ref11$options$emails = _ref11$options.emails,
+    emails = _ref11$options$emails === void 0 ? [] : _ref11$options$emails,
+    _ref11$options$organi = _ref11$options.organizationRoles,
+    organizationRoles = _ref11$options$organi === void 0 ? [] : _ref11$options$organi,
+    _ref11$emailConfig = _ref11.emailConfig,
+    setSearchTerm = _ref11$emailConfig.setSearchTerm,
+    isLoading = _ref11$emailConfig.isLoading;
+  var columnValues = {
+    email: emails.map(neetoCist.toLabelAndValue),
+    role: organizationRoles.map(neetoCist.toLabelAndValue),
+    subscription_plan: getSubscriptionLabelAndValue()
+  };
+  return defaultNeetoFiltersColumns().map(function (column) {
+    var values = columnValues[column.key];
+    if (column.key === "role") return ramda.assoc("values", values, column);
+    var emailConfig = {
+      values: values,
+      isLoading: isLoading,
+      onInputChange: setSearchTerm
+    };
+    return ramda.mergeLeft(emailConfig, column);
+  });
+};
+var getFilteredRoles = function getFilteredRoles() {
+  var roles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return ramda.filter(removeExcludedRole(config === null || config === void 0 ? void 0 : config.excludedRoles), roles);
+};
+var generateNoDataContent = function generateNoDataContent(_ref12) {
+  var buttonProps = _ref12.buttonProps;
+  var disabled = buttonProps.disabled,
+    onClick = buttonProps.onClick;
+  var noDataTitleTranslationKey = "notFound_";
+  var noDataTitle = i18next__default["default"].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_", {
+      what: initializers.taxonomies.member.singular
+    }),
+    onClick: onClick
+  };
+  return {
+    noDataTitle: noDataTitle,
+    noDataButtonProps: noDataButtonProps
+  };
+};
+
+var css = ".ntm-manage-members__header{align-items:flex-start;display:flex}.ntm-manage-members__header>*+*{margin-left:.5rem}.ntm-product-roles-table th{color:rgb(var(--neeto-ui-gray-700));font-size:var(--neeto-ui-text-xs);font-weight:var(--neeto-ui-font-bold);text-transform:uppercase;vertical-align:middle}.ntm-product-roles-table td,.ntm-product-roles-table th{border:1px solid rgb(var(--neeto-ui-gray-200));padding:8px;text-align:left}.ntm-manage-members__app-roles{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;width:100%}.ntm-manage-members-app-roles__select-wrapper{max-width:250px;width:50%}.ntm-manage-members-effective-app-roles{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.ntm-manage-members-effective-app-roles__role-name{max-width:300px;width:67%}.ntm-manage-members__checkbox-align-start.neeto-ui-checkbox__wrapper .neeto-ui-checkbox__container{align-items:flex-start}.ntm-manage-members__checkbox-align-start.neeto-ui-checkbox__wrapper .neeto-ui-checkbox[type=checkbox]{margin-top:4px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19tYW5hZ2UtbWVtYmVycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDRCQUVFLHNCQUFBLENBREEsWUFFRixDQUNFLGdDQUNFLGlCQUNKLENBSUUsNEJBQ0UsbUNBQUEsQ0FDQSxpQ0FBQSxDQUVBLHFDQUFBLENBQ0Esd0JBQUEsQ0FGQSxxQkFDSixDQUdFLHdEQUVFLDhDQUFBLENBRUEsV0FBQSxDQURBLGVBQUosQ0FLQSwrQkFFRSxrQkFBQSxDQURBLFlBQUEsQ0FFQSw2QkFBQSxDQUVBLGVBQUEsQ0FEQSxVQURGLENBS0EsOENBRUUsZUFBQSxDQURBLFNBREYsQ0FLQSx3Q0FFRSxrQkFBQSxDQURBLFlBQUEsQ0FFQSw2QkFBQSxDQUNBLGdCQUZGLENBS0EsbURBRUUsZUFBQSxDQURBLFNBREYsQ0FNRSxtR0FDRSxzQkFISixDQUtFLHVHQUNFLGNBSEoiLCJzb3VyY2VzQ29udGVudCI6WyIubnRtLW1hbmFnZS1tZW1iZXJzX19oZWFkZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblxuICAmID4gKiArICoge1xuICAgIG1hcmdpbi1sZWZ0OiAwLjVyZW07XG4gIH1cbn1cblxuLm50bS1wcm9kdWN0LXJvbGVzLXRhYmxlIHtcbiAgdGgge1xuICAgIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbiAgICBmb250LXNpemU6IHZhcigtLW5lZXRvLXVpLXRleHQteHMpO1xuICAgIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLW5lZXRvLXVpLWZvbnQtYm9sZCk7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgfVxuICB0ZCxcbiAgdGgge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgcGFkZGluZzogOHB4O1xuICB9XG59XG5cbi5udG0tbWFuYWdlLW1lbWJlcnNfX2FwcC1yb2xlcyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAuNXJlbSAwO1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWFwcC1yb2xlc19fc2VsZWN0LXdyYXBwZXIge1xuICB3aWR0aDogNTAlO1xuICBtYXgtd2lkdGg6IDI1MHB4O1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzLWVmZmVjdGl2ZS1hcHAtcm9sZXMge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHBhZGRpbmc6IDAuMjVyZW0gMDtcbn1cblxuLm50bS1tYW5hZ2UtbWVtYmVycy1lZmZlY3RpdmUtYXBwLXJvbGVzX19yb2xlLW5hbWUge1xuICB3aWR0aDogNjclO1xuICBtYXgtd2lkdGg6IDMwMHB4O1xufVxuXG4ubnRtLW1hbmFnZS1tZW1iZXJzX19jaGVja2JveC1hbGlnbi1zdGFydC5uZWV0by11aS1jaGVja2JveF9fd3JhcHBlciB7XG4gIC5uZWV0by11aS1jaGVja2JveF9fY29udGFpbmVyIHtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgfVxuICAubmVldG8tdWktY2hlY2tib3hbdHlwZT1cImNoZWNrYm94XCJdIHtcbiAgICBtYXJnaW4tdG9wOiA0cHg7XG4gIH1cbn1cbiJdfQ== */";
+injectCss.n(css,{});
+
+var AppList = function AppList(_ref) {
+  var globalRoles = _ref.globalRoles,
+    savedStateRef = _ref.savedStateRef;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = require$$0.useState(savedStateRef.current.isAppListEnabled),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isAppListEnabled = _useState2[0],
+    setIsAppListEnabled = _useState2[1];
+  var _useFetchNeetoApps = useFetchNeetoApps__default["default"](),
+    _useFetchNeetoApps$da = _useFetchNeetoApps.data,
+    _useFetchNeetoApps$da2 = _useFetchNeetoApps$da === void 0 ? {} : _useFetchNeetoApps$da,
+    isOwner = _useFetchNeetoApps$da2.isOwner,
+    neetoApps = _useFetchNeetoApps$da2.neetoApps;
+  var _useFormikContext = formik.useFormikContext(),
+    _useFormikContext$val = _useFormikContext.values,
+    _useFormikContext$val2 = _useFormikContext$val.emails,
+    emails = _useFormikContext$val2 === void 0 ? [] : _useFormikContext$val2,
+    _useFormikContext$val3 = _useFormikContext$val.appRoles,
+    appRoles = _useFormikContext$val3 === void 0 ? [] : _useFormikContext$val3,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var selectedEmail = ramda.pluck("value", emails);
+  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) {
+        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);
+          return;
+        }
+        setFieldValue("appRoles[".concat(index, "].isEnabled"), isAppListEnabled);
+      });
+    }
+    savedStateRef.current.isAppListEnabled = isAppListEnabled;
+  }, [isAppListEnabled]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  var buildRoleOptions = function buildRoleOptions(roles) {
+    return roles.map(function (role) {
+      return neetoCist.toLabelAndValue(role.name);
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    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"], {
+        checked: isAppListEnabled,
+        className: "ntm-manage-members__checkbox-align-start",
+        "data-cy": "ntm-manage-members-app-list-checkbox",
+        label: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          component: "span",
+          lineHeight: "relaxed",
+          style: "body2",
+          children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+            i18nKey: "neetoTeamMembers.helpers.addMembersToNeetoProducts",
+            values: {
+              emails: selectedEmail
+            }
+          })
+        }),
+        onChange: function onChange() {
+          return setIsAppListEnabled(ramda.not);
+        }
+      }), isManageProductsLinkEnabled && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body2",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoTeamMembers.helpers.manageProducts",
+          components: {
+            button: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              href: RolesRadioGroup.neetoAuthManageProductUrl,
+              style: "link"
+            })
+          }
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-w-full",
+      children: appRoles.map(function (_ref2, index) {
+        var _globalProps$appName2;
+        var appName = _ref2.appName,
+          isEnabled = _ref2.isEnabled;
+        var isCurrentApp = appName === ((_globalProps$appName2 = initializers.globalProps.appName) === null || _globalProps$appName2 === void 0 ? void 0 : _globalProps$appName2.substring(5));
+        var isAppRoleSelectionChecked = isCurrentApp || isEnabled;
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "ntm-manage-members__app-roles",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+            content: t("neetoTeamMembers.tooltips.hostAppIsRequired"),
+            disabled: !isCurrentApp,
+            position: "left",
+            children: /*#__PURE__*/jsxRuntime.jsx("span", {
+              children: /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+                checked: isAppRoleSelectionChecked,
+                disabled: isCurrentApp,
+                name: "appsRoles[".concat(index, "].isEnabled"),
+                label: t("neetoTeamMembers.labels.neeto_", {
+                  product: appName
+                }),
+                onChange: function onChange(_ref3) {
+                  var target = _ref3.target;
+                  setFieldValue("appRoles[".concat(index, "].isEnabled"), target.checked);
+                }
+              })
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+            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"], {
+                isDisabled: isCurrentApp || !isEnabled,
+                name: "appRoles[".concat(index, "].activeRole"),
+                options: buildRoleOptions(globalRoles[appName]),
+                size: "small",
+                strategy: "fixed",
+                onChange: function onChange(_ref4) {
+                  var value = _ref4.value;
+                  setFieldValue("appRoles[".concat(index, "].activeRole"), value);
+                }
+              })
+            })
+          })]
+        }, appName);
+      })
+    })]
+  });
+};
+
+var Confirmation = function Confirmation() {
+  var _globalProps$organiza;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    _useFormikContext$val = _useFormikContext.values,
+    emails = _useFormikContext$val.emails,
+    role = _useFormikContext$val.role,
+    appRoles = _useFormikContext$val.appRoles;
+  var selectedEmail = ramda.pluck("value", emails);
+  var activeAppRoles = neetoCist.filterBy({
+    isEnabled: true
+  }, appRoles);
+  return activeAppRoles.length > 1 ? /*#__PURE__*/jsxRuntime.jsxs("div", {
+    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"], {
+        component: "span",
+        lineHeight: "relaxed",
+        style: "body2",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoTeamMembers.helpers.multipleProductInvitation",
+          values: {
+            count: selectedEmail.length,
+            emails: selectedEmail,
+            orgName: (_globalProps$organiza = initializers.globalProps.organization) === null || _globalProps$organiza === void 0 ? void 0 : _globalProps$organiza.name
+          }
+        })
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("table", {
+      className: "neeto-ui-w-full ntm-product-roles-table",
+      children: [/*#__PURE__*/jsxRuntime.jsx("thead", {
+        children: /*#__PURE__*/jsxRuntime.jsxs("tr", {
+          children: [/*#__PURE__*/jsxRuntime.jsx("th", {
+            children: t("neetoTeamMembers.common.productName")
+          }), /*#__PURE__*/jsxRuntime.jsx("th", {
+            children: t("neetoTeamMembers.common.role", constants.SINGULAR)
+          })]
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("tbody", {
+        children: activeAppRoles.map(function (_ref) {
+          var appName = _ref.appName,
+            activeRole = _ref.activeRole;
+          return /*#__PURE__*/jsxRuntime.jsxs("tr", {
+            children: [/*#__PURE__*/jsxRuntime.jsx("td", {
+              children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                component: "span",
+                lineHeight: "relaxed",
+                style: "body2",
+                children: t("neetoTeamMembers.labels.neeto_", {
+                  product: appName
+                })
+              })
+            }), /*#__PURE__*/jsxRuntime.jsx("td", {
+              children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                component: "span",
+                lineHeight: "relaxed",
+                style: "body2",
+                children: activeRole
+              })
+            })]
+          }, appName);
+        })
+      })]
+    })]
+  }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    component: "span",
+    lineHeight: "relaxed",
+    style: "body2",
+    children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoTeamMembers.helpers.singleProductInvitation",
+      values: RolesRadioGroup.getSingleInvitationTranslationProps({
+        activeAppRoles: activeAppRoles,
+        role: role,
+        selectedEmail: selectedEmail
+      })
+    })
+  });
+};
+
+var MultipleEmailInput = function MultipleEmailInput(_ref) {
+  var _head;
+  var _ref$emails = _ref.emails,
+    emails = _ref$emails === void 0 ? [] : _ref$emails,
+    innerRef = _ref.innerRef,
+    _ref$selectedMember = _ref.selectedMember,
+    selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var handleInputChange = function handleInputChange(event) {
+    var email = event.target.value;
+    var emailList = [{
+      label: email,
+      value: email,
+      valid: RolesRadioGroup.EMAIL_REGEX.test(email)
+    }];
+    setFieldValue("emails", emailList);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-ui-w-full",
+    children: selectedMember ? /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      "data-cy": "ntm-manage-member-email-input",
+      name: "emails",
+      size: "medium",
+      type: "email",
+      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"], {
+          component: "span",
+          style: "body2",
+          children: t("neetoTeamMembers.common.email", constants.SINGULAR)
+        })
+      }),
+      onChange: handleInputChange
+    }) : /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], {
+      required: true,
+      counter: RolesRadioGroup.COUNTER_PROPS,
+      "data-cy": "ntm-manage-member-email-input",
+      filterInvalidEmails: RolesRadioGroup.FILTER_INVALID_EMAILS,
+      helpText: t("neetoTeamMembers.helpers.enterMultipleEmails"),
+      label: t("neetoTeamMembers.common.email", constants.PLURAL),
+      name: "emails",
+      placeholder: t("neetoTeamMembers.placeholders.email"),
+      ref: innerRef
+    })
+  });
+};
+
+var NameInputs = function NameInputs(_ref) {
+  var innerRef = _ref.innerRef;
+  var _useTranslation = reactI18next.useTranslation(),
+    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"], {
+      "data-cy": "ntm-edit-member-first-name-text-field",
+      label: t("neetoTeamMembers.labels.firstName"),
+      name: "firstName",
+      ref: innerRef
+    }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+      "data-cy": "ntm-edit-member-last-name-text-field",
+      label: t("neetoTeamMembers.labels.lastName"),
+      name: "lastName"
+    })]
+  });
+};
+
+var SubscriptionPlan = function SubscriptionPlan(_ref) {
+  var _subscription$plan, _subscription$plan2;
+  var subscription = _ref.subscription;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var isProPlan = (values === null || values === void 0 ? void 0 : values.subscriptionPlan) === constants$1.SUBSCRIPTION_PLANS.PRO;
+  var handleChange = function handleChange(event) {
+    return setFieldValue("subscriptionPlan", event.target.checked ? constants$1.SUBSCRIPTION_PLANS.PRO : constants$1.SUBSCRIPTION_PLANS.FREE);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox__default$1["default"], {
+      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"],
+      style: "warning",
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        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(), {
+              maximumFractionDigits: 2,
+              minimumFractionDigits: 0
+            })
+          }
+        })
+      })
+    })]
+  });
+};
+
+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; }
+var ManageMember = function ManageMember(_ref) {
+  var _config$subscription, _manageMemberComponen, _config$additionalFie2;
+  var config = _ref.config,
+    onComplete = _ref.onComplete,
+    _ref$roles = _ref.roles,
+    roles = _ref$roles === void 0 ? [] : _ref$roles,
+    _ref$selectedMember = _ref.selectedMember,
+    selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember,
+    _ref$componentConfig = _ref.componentConfig,
+    componentConfig = _ref$componentConfig === void 0 ? {} : _ref$componentConfig;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = require$$0.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isCreationStatusPollingEnabled = _useState2[0],
+    setIsCreationStatusPollingEnabled = _useState2[1];
+  var isViewPermissionGranted = config.permissions.view;
+  var isNotDevelopment = initializers.globalProps.railsEnv !== "development";
+  var _useFetchMembers = useTeamsApi.useFetchMembers({
+      enabled: isViewPermissionGranted
+    }),
+    team = _useFetchMembers.data;
+  var _useState3 = require$$0.useState(RolesRadioGroup.FORM_PAGES.MAIN),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    currentPage = _useState4[0],
+    setCurrentPage = _useState4[1];
+  var formReference = require$$0.useRef(null);
+  var inputReference = require$$0.useRef(null);
+  var appListSavedStateReference = require$$0.useRef({
+    isAppListEnabled: true
+  });
+  var shouldSkipAppListPage = require$$0.useRef(false);
+  var formikValues = require$$0.useRef(null);
+  var manageMemberComponentConfig = _objectSpread(_objectSpread({}, RolesRadioGroup.DEFAULT_COMPONENT_CONFIG), {}, {
+    initialFocusRef: inputReference
+  }, componentConfig);
+  var Component = RolesRadioGroup.MEMBERS_FORM_COMPONENT_MAPPER[manageMemberComponentConfig.type || "pane"];
+  var haveToFetchRoles = ramda.isEmpty(roles) && isViewPermissionGranted;
+  var isEditForm = !!selectedMember;
+  var isLastPage = currentPage === RolesRadioGroup.FORM_PAGES.CONFIRMATION || isEditForm;
+  var isSubscriptionVisible = !isEditForm && ((_config$subscription = config.subscription) === null || _config$subscription === void 0 ? void 0 : _config$subscription.isActive);
+  var _useFetchRoles = index.useFetchRoles({
+      select: function select(response) {
+        var _response$organizatio;
+        return ramda.reverse((_response$organizatio = response.organizationRoles) !== null && _response$organizatio !== void 0 ? _response$organizatio : []);
+      },
+      enabled: haveToFetchRoles
+    }),
+    _useFetchRoles$data = _useFetchRoles.data,
+    rolesList = _useFetchRoles$data === void 0 ? roles : _useFetchRoles$data,
+    isRolesLoading = _useFetchRoles.isLoading;
+  var _useFetchGlobalRoles = index.useFetchGlobalRoles({
+      select: function select(response) {
+        return ramda.groupBy(ramda.prop("appName"), response !== null && response !== void 0 ? response : []);
+      },
+      enabled: isNotDevelopment && !selectedMember && isViewPermissionGranted
+    }),
+    _useFetchGlobalRoles$ = _useFetchGlobalRoles.data,
+    globalRoles = _useFetchGlobalRoles$ === void 0 ? {} : _useFetchGlobalRoles$,
+    isGlobalRolesLoading = _useFetchGlobalRoles.isLoading;
+  var filteredRoles = getFilteredRoles(rolesList, config);
+  var _useCreateMember = useTeamsApi.useCreateMember({
+      onSuccess: function onSuccess() {
+        return setIsCreationStatusPollingEnabled(true);
+      }
+    }),
+    _useCreateMember$data = _useCreateMember.data,
+    _useCreateMember$data2 = _useCreateMember$data === void 0 ? {} : _useCreateMember$data,
+    jobId = _useCreateMember$data2.jobId,
+    totalCount = _useCreateMember$data2.totalCount,
+    createMember = _useCreateMember.mutate,
+    isCreatingMember = _useCreateMember.isLoading;
+  var refetchInterval = function refetchInterval(query) {
+    var _ref2 = query.state.data || {},
+      isCompleted = _ref2.isCompleted;
+    if (isCompleted) {
+      setIsCreationStatusPollingEnabled(false);
+      return false;
+    }
+    return 2000;
+  };
+  var _useMembersCreationSt = useTeamsApi.useMembersCreationStatus(jobId, {
+      refetchInterval: refetchInterval,
+      enabled: isCreationStatusPollingEnabled
+    }),
+    creationStatus = _useMembersCreationSt.data;
+  require$$0.useEffect(function () {
+    var _config$createMember;
+    var _ref3 = creationStatus || {},
+      isCompleted = _ref3.isCompleted,
+      isSuccessful = _ref3.isSuccessful,
+      users = _ref3.users,
+      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({
+      users: users
+    });
+    if (isSuccessful) {
+      utils.showThumbsUpToastr();
+    } else {
+      Toastr__default["default"].error(error);
+    }
+    useTeamsApi.refetchMembers();
+  }, [creationStatus]);
+  var _useUpdateMember = useTeamsApi.useUpdateMember({
+      onSuccess: function onSuccess() {
+        var _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();
+      }
+    }),
+    updateMember = _useUpdateMember.mutate,
+    isUpdatingMember = _useUpdateMember.isPending;
+  var hasRoleChanged = function hasRoleChanged(_ref4) {
+    var submitted = _ref4.submitted,
+      values = _ref4.values;
+    return submitted && (values === null || values === void 0 ? void 0 : values.role) !== (selectedMember === null || selectedMember === void 0 ? void 0 : selectedMember.role);
+  };
+  var handleClose = function handleClose() {
+    var submitted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    onComplete({
+      submitted: hasRoleChanged({
+        submitted: submitted,
+        values: formikValues.current
+      })
+    });
+    setCurrentPage(RolesRadioGroup.FORM_PAGES.MAIN);
+    appListSavedStateReference.current = {
+      isAppListEnabled: true
+    };
+    setIsCreationStatusPollingEnabled(false);
+  };
+  var isSubmitting = isCreatingMember || isUpdatingMember || isRolesLoading || isGlobalRolesLoading;
+  var handleAddMember = function handleAddMember(values) {
+    selectedMember ?
+    // @ts-ignore
+    updateMember({
+      id: selectedMember.id,
+      payload: RolesRadioGroup.renderPayload(values, selectedMember)
+    }) : createMember(RolesRadioGroup.renderPayload(values));
+  };
+  var handleOnSubmit = function handleOnSubmit(values) {
+    shouldSkipAppListPage.current = ramda.isEmpty(values.appRoles);
+    if (isLastPage) {
+      handleAddMember(values);
+    } else if (currentPage === RolesRadioGroup.FORM_PAGES.APP_LIST || shouldSkipAppListPage.current) {
+      setCurrentPage(RolesRadioGroup.FORM_PAGES.CONFIRMATION);
+    } else if (currentPage === RolesRadioGroup.FORM_PAGES.MAIN) {
+      setCurrentPage(RolesRadioGroup.FORM_PAGES.APP_LIST);
+    }
+  };
+  var handleBackButton = function handleBackButton() {
+    if (currentPage === RolesRadioGroup.FORM_PAGES.APP_LIST || shouldSkipAppListPage.current) {
+      setCurrentPage(RolesRadioGroup.FORM_PAGES.MAIN);
+    } else if (currentPage === RolesRadioGroup.FORM_PAGES.CONFIRMATION) {
+      setCurrentPage(RolesRadioGroup.FORM_PAGES.APP_LIST);
+    }
+  };
+  var getTitle = function getTitle() {
+    return selectedMember ? t("neetoTeamMembers.common.edit_", {
+      what: initializers.taxonomies.member.singular
+    }) : t("neetoTeamMembers.common.addNew_", {
+      what: initializers.taxonomies.member.singular
+    });
+  };
+  var renderFormPage = function renderFormPage(page, emails, role) {
+    var _config$additionalFie;
+    switch (page) {
+      case RolesRadioGroup.FORM_PAGES.MAIN:
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [selectedMember && /*#__PURE__*/jsxRuntime.jsx(NameInputs, {
+            innerRef: inputReference
+          }), /*#__PURE__*/jsxRuntime.jsx(MultipleEmailInput, {
+            emails: emails,
+            selectedMember: selectedMember,
+            innerRef: inputReference
+          }), isSubscriptionVisible && /*#__PURE__*/jsxRuntime.jsx(SubscriptionPlan, {
+            handleClose: handleClose,
+            subscription: config.subscription
+          }), /*#__PURE__*/jsxRuntime.jsx(RolesRadioGroup.RolesRadioGroup, {
+            config: config,
+            globalRoles: globalRoles,
+            role: role,
+            isEdit: !!selectedMember,
+            roles: filteredRoles
+          }), (_config$additionalFie = config.additionalFields) === null || _config$additionalFie === void 0 ? void 0 : _config$additionalFie.component]
+        });
+      case RolesRadioGroup.FORM_PAGES.APP_LIST:
+        return /*#__PURE__*/jsxRuntime.jsx(AppList, {
+          globalRoles: globalRoles,
+          savedStateRef: appListSavedStateReference
+        });
+      case RolesRadioGroup.FORM_PAGES.CONFIRMATION:
+        return /*#__PURE__*/jsxRuntime.jsx(Confirmation, {});
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(Component, {
+    className: manageMemberComponentConfig.className,
+    "data-cy": "ntm-manage-members-pane-wrapper",
+    initialFocusRef: manageMemberComponentConfig.initialFocusRef,
+    isOpen: manageMemberComponentConfig.isOpen,
+    onClose: function onClose() {
+      return handleClose(false);
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Component.Header, _objectSpread(_objectSpread({}, manageMemberComponentConfig.headerProps), {}, {
+      className: classnames__default["default"]([{
+        "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"], {
+        "aria-label": "Back",
+        icon: LeftArrow__default["default"],
+        size: "medium",
+        style: "text",
+        tooltipProps: {
+          content: t("neetoTeamMembers.buttons.back"),
+          position: "bottom"
+        },
+        onClick: handleBackButton
+      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        className: "ntm-members-form__header",
+        "data-cy": "ntm-manage-members-pane-header",
+        style: "h2",
+        weight: "semibold",
+        children: getTitle()
+      })]
+    })), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      ref: formReference,
+      formikProps: {
+        enableReinitialize: true,
+        initialValues: RolesRadioGroup.renderInitialValues({
+          additionalFieldsInitialValues: (_config$additionalFie2 = config.additionalFields) === null || _config$additionalFie2 === void 0 ? void 0 : _config$additionalFie2.initialValues,
+          globalRoles: globalRoles,
+          roles: filteredRoles,
+          selectedMember: selectedMember
+        }),
+        onSubmit: handleOnSubmit,
+        validationSchema: RolesRadioGroup.buildValidationSchema(_objectSpread({
+          selectedMember: selectedMember
+        }, team))
+      },
+      children: function children(_ref5) {
+        var _manageMemberComponen2, _creationStatus$progr, _manageMemberComponen3;
+        var values = _ref5.values,
+          isValid = _ref5.isValid;
+        var emails = values.emails,
+          role = values.role;
+        formikValues.current = values;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          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: "w-full",
+              icon: Info__default["default"],
+              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,
+                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"], {
+              isSubmitting: isSubmitting || isCreationStatusPollingEnabled,
+              cancelButtonProps: {
+                "data-cy": "ntm-manage-member-cancel-button",
+                onClick: function onClick() {
+                  return handleClose(false);
+                }
+              },
+              submitButtonProps: {
+                "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
+                label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue"),
+                disabled: !isValid
+              }
+            })
+          }))]
+        });
+      }
+    })]
+  });
+};
+
+exports.DEFAULT_FILTER_VALUES = DEFAULT_FILTER_VALUES;
+exports.DEFAULT_IS_OPEN_VALUES = DEFAULT_IS_OPEN_VALUES;
+exports.DEFAULT_RADIX = DEFAULT_RADIX;
+exports.DEFAULT_SELECTED_ROWS = DEFAULT_SELECTED_ROWS;
+exports.ManageMember = ManageMember;
+exports.TEAM_MEMBERS_HIDDEN_COLUMNS = TEAM_MEMBERS_HIDDEN_COLUMNS;
+exports.buildFilterColumns = buildFilterColumns;
+exports.defaultNeetoFiltersColumns = defaultNeetoFiltersColumns;
+exports.generateNoDataContent = generateNoDataContent;
+exports.getColumnData = getColumnData;
+exports.getFilteredRoles = getFilteredRoles;
+exports.handlePageChange = handlePageChange;
+exports.renderPaginationProps = renderPaginationProps;
+exports.renderUpdateAlert = renderUpdateAlert;
+//# sourceMappingURL=index-2757050a.js.map