@bigbinary/neeto-team-members-frontend 4.5.25 → 4.6.0-beta4

package/dist/{index-CMMrjr6R.js → index-7t984CiR.js}

@@ -2,7 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var require$$0 = require('react');
+var React = require('react');
 var classnames = require('classnames');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
@@ -17,8 +17,8 @@ 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-CWyeI4Kz.js');
-var useTeamsApi = require('./useTeamsApi-DA7o82Wl.js');
+var index = require('./index-B0Vfgumn.js');
+var useTeamsApi = require('./useTeamsApi-C90SlWkS.js');
 var injectCss = require('./inject-css-vQvjPR2x.js');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
@@ -26,15 +26,22 @@ 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-CWk-AXHw.js');
+var RolesRadioGroup = require('./RolesRadioGroup-Bx1tBk7i.js');
 var jsxRuntime = require('react/jsx-runtime');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var MenuHorizontal = require('@bigbinary/neeto-icons/MenuHorizontal');
+var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var Dropdown = require('@bigbinary/neetoui/Dropdown');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var constants$1 = require('./constants-CoKdUpNz.js');
+var Label = require('@bigbinary/neetoui/Label');
 var MultiEmailInput = require('@bigbinary/neetoui/formik/MultiEmailInput');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var i18next = require('i18next');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Avatar = require('@bigbinary/neetoui/Avatar');
-var Dropdown = require('@bigbinary/neetoui/Dropdown');
 
 var _getQueryParams = utils.getQueryParams(),
   page = _getQueryParams.page,
@@ -60,9 +67,9 @@ 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(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;
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MenuItem$1 = Dropdown.MenuItem;
 var renderNameColumn = function renderNameColumn(_ref) {
   var config = _ref.config,
     handleUpdateRole = _ref.handleUpdateRole,
@@ -118,7 +125,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
       }
     },
     menuTopChildren: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem$1.Button, {
         className: "ntm-dropdown__button",
         "data-cy": "ntm-edit-member-button",
         size: "small",
@@ -126,7 +133,7 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
           return handleUpdateRole(tableData);
         },
         children: i18next.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, {
+      }), 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$1.Button, {
         className: "ntm-dropdown__button",
         "data-cy": "ntm-deactivate-member-button",
         size: "small",
@@ -150,7 +157,7 @@ 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), {}, {
+    values: _objectSpread$2(_objectSpread$2({}, constants.SINGULAR), {}, {
       person: member === null || member === void 0 ? void 0 : member.displayName
     })
   });
@@ -342,7 +349,7 @@ var AppList = function AppList(_ref) {
     savedStateRef = _ref.savedStateRef;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = require$$0.useState(savedStateRef.current.isAppListEnabled),
+  var _useState = React.useState(savedStateRef.current.isAppListEnabled),
     _useState2 = _slicedToArray(_useState, 2),
     isAppListEnabled = _useState2[0],
     setIsAppListEnabled = _useState2[1];
@@ -355,7 +362,7 @@ var AppList = function AppList(_ref) {
     setFieldValue = _useFormikContext.setFieldValue;
   var selectedEmail = ramda.pluck("value", emails);
   var isManageProductsLinkEnabled = ((_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.isOwner) && Object.keys(globalRoles).length >= 3;
-  require$$0.useEffect(function () {
+  React.useEffect(function () {
     if (savedStateRef.current.isAppListEnabled !== isAppListEnabled) {
       appRoles === null || appRoles === void 0 || appRoles.forEach(function (appRole, index) {
         var _globalProps$appName;
@@ -542,6 +549,150 @@ var Confirmation = function Confirmation() {
   });
 };
 
+var fetch = function fetch() {
+  return axios.get("".concat(constants$1.BASE_URL, "/api/v1/invite_links"));
+};
+var create = function create(payload) {
+  return axios.post("".concat(constants$1.BASE_URL, "/api/v1/invite_links"), {
+    inviteLink: payload
+  });
+};
+var regenerate = function regenerate(inviteLinkId, payload) {
+  return axios.put("".concat(constants$1.BASE_URL, "/api/v1/invite_links/").concat(inviteLinkId), {
+    inviteLink: payload
+  });
+};
+var inviteLinksApi = {
+  fetch: fetch,
+  create: create,
+  regenerate: regenerate
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useFetchInviteLinks = function useFetchInviteLinks() {
+  return reactQuery.useQuery({
+    queryKey: [constants$1.QUERY_KEYS.INVITATION_LINK],
+    queryFn: function queryFn() {
+      return inviteLinksApi.fetch();
+    }
+  });
+};
+var useCreateInviteLinks = function useCreateInviteLinks() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return reactUtils.useMutationWithInvalidation(function (payload) {
+    return inviteLinksApi.create(payload);
+  }, _objectSpread$1({
+    keysToInvalidate: [[constants$1.QUERY_KEYS.INVITATION_LINK]]
+  }, options));
+};
+var useRegenerateInviteLink = function useRegenerateInviteLink() {
+  return reactUtils.useMutationWithInvalidation(function (_ref) {
+    var inviteLinkId = _ref.inviteLinkId,
+      payload = _ref.payload;
+    return inviteLinksApi.regenerate(inviteLinkId, payload);
+  }, {
+    keysToInvalidate: [[constants$1.QUERY_KEYS.INVITATION_LINK]]
+  });
+};
+
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
+var MenuItemButton = MenuItem.Button;
+var InviteLink = function InviteLink(_ref) {
+  var _inviteLinks$, _inviteLinks$2, _inviteLinks$3, _inviteLinks$4, _inviteLinks$5, _inviteLinks$6;
+  var t = _ref.t,
+    roles = _ref.roles;
+  var _useCreateInviteLinks = useCreateInviteLinks(),
+    createInviteLink = _useCreateInviteLinks.mutate,
+    isCreateLinkPending = _useCreateInviteLinks.isPending;
+  var _useRegenerateInviteL = useRegenerateInviteLink(),
+    regenerateLink = _useRegenerateInviteL.mutate;
+  var _useFetchInviteLinks = useFetchInviteLinks(),
+    _useFetchInviteLinks$ = _useFetchInviteLinks.data,
+    _useFetchInviteLinks$2 = _useFetchInviteLinks$ === void 0 ? {} : _useFetchInviteLinks$,
+    _useFetchInviteLinks$3 = _useFetchInviteLinks$2.inviteLinks,
+    inviteLinks = _useFetchInviteLinks$3 === void 0 ? [] : _useFetchInviteLinks$3,
+    isFetchLinkLoading = _useFetchInviteLinks.isLoading;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values;
+  var isInviteLinkEmpty = !isFetchLinkLoading && ramda.isEmpty(inviteLinks);
+  var handleRegenerate = function handleRegenerate() {
+    var _findBy = neetoCist.findBy({
+        name: values.role
+      }, roles),
+      roleId = _findBy.id;
+    if (ramda.isEmpty(inviteLinks)) createInviteLink({
+      organizationRoleId: roleId
+    });
+    regenerateLink({
+      inviteLinkId: inviteLinks[0].id,
+      payload: {
+        organizationRoleId: roleId
+      }
+    });
+  };
+  if (isFetchLinkLoading || isCreateLinkPending) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-w-full flex justify-center items-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {
+        size: "large"
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-ui-w-full space-y-2",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center space-x-1",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-ui-rounded-md neeto-ui-border-gray-300 neeto-ui-bg-gray-50 relative flex min-w-0 flex-grow items-center truncate border leading-none",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "relative min-w-0 flex-grow truncate p-2 leading-none",
+          children: !isInviteLinkEmpty && RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$ = inviteLinks[0]) === null || _inviteLinks$ === void 0 ? void 0 : _inviteLinks$.token)
+        }), isInviteLinkEmpty ? /*#__PURE__*/jsxRuntime.jsx(Button, {
+          className: "rounded-l-none",
+          label: t("neetoTeamMembers.buttons.generateLink"),
+          onClick: handleRegenerate
+        }) : /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+          className: "rounded-l-none",
+          label: t("neetoTeamMembers.buttons.copyLink"),
+          value: RolesRadioGroup.getInviteURL(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$2 = inviteLinks[0]) === null || _inviteLinks$2 === void 0 ? void 0 : _inviteLinks$2.token)
+        })]
+      }), !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(Dropdown, {
+        buttonStyle: "text",
+        icon: MenuHorizontal,
+        children: /*#__PURE__*/jsxRuntime.jsx(Menu, {
+          children: /*#__PURE__*/jsxRuntime.jsx(MenuItem, {
+            children: /*#__PURE__*/jsxRuntime.jsx(MenuItemButton, {
+              onClick: handleRegenerate,
+              children: t("neetoTeamMembers.buttons.regenerateLink")
+            })
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: !isInviteLinkEmpty && /*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "leading-relaxed neeto-ui-text-gray-500",
+        style: "body3",
+        children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          components: {
+            strong: /*#__PURE__*/jsxRuntime.jsx("strong", {})
+          },
+          i18nKey: "neetoTeamMembers.alerts.messages.inviteLink",
+          values: {
+            expiryDays: RolesRadioGroup.remainingExpiryDays(inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$3 = inviteLinks[0]) === null || _inviteLinks$3 === void 0 ? void 0 : _inviteLinks$3.expiresAt),
+            role: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$4 = inviteLinks[0]) === null || _inviteLinks$4 === void 0 || (_inviteLinks$4 = _inviteLinks$4.organizationRole) === null || _inviteLinks$4 === void 0 ? void 0 : _inviteLinks$4.name,
+            inviteLimit: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$5 = inviteLinks[0]) === null || _inviteLinks$5 === void 0 ? void 0 : _inviteLinks$5.inviteLimit,
+            appName: initializers.globalProps.appName,
+            emailDomain: inviteLinks === null || inviteLinks === void 0 || (_inviteLinks$6 = inviteLinks[0]) === null || _inviteLinks$6 === void 0 ? void 0 : _inviteLinks$6.domain
+          }
+        })
+      })
+    })]
+  });
+};
+var InviteLink$1 = reactUtils.withT(InviteLink);
+
 var MultipleEmailInput = function MultipleEmailInput(_ref) {
   var _head;
   var _ref$emails = _ref.emails,
@@ -549,6 +700,8 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
     innerRef = _ref.innerRef,
     _ref$selectedMember = _ref.selectedMember,
     selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember;
+    _ref.setCurrentPage;
+  var isInviteLinkFeatureEnabled = false;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -579,16 +732,24 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
         })
       }),
       onChange: handleInputChange
-    }) : /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
-      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
+    }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between pb-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+          required: true,
+          children: t("neetoTeamMembers.common.email", constants.PLURAL)
+        }), isInviteLinkFeatureEnabled]
+      }), /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
+        required: true,
+        counter: RolesRadioGroup.COUNTER_PROPS,
+        "data-cy": "ntm-manage-member-email-input",
+        filterInvalidEmails: RolesRadioGroup.FILTER_INVALID_EMAILS,
+        helpText: t("neetoTeamMembers.helpers.enterMultipleEmails"),
+        label: "",
+        name: "emails",
+        placeholder: t("neetoTeamMembers.placeholders.email"),
+        ref: innerRef
+      })]
     })
   });
 };
@@ -626,7 +787,7 @@ var ManageMember = function ManageMember(_ref) {
     componentConfig = _ref$componentConfig === void 0 ? {} : _ref$componentConfig;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useState = require$$0.useState(false),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isCreationStatusPollingEnabled = _useState2[0],
     setIsCreationStatusPollingEnabled = _useState2[1];
@@ -636,17 +797,17 @@ var ManageMember = function ManageMember(_ref) {
       enabled: isViewPermissionGranted
     }),
     team = _useFetchMembers.data;
-  var _useState3 = require$$0.useState(RolesRadioGroup.FORM_PAGES.MAIN),
+  var _useState3 = React.useState(RolesRadioGroup.FORM_PAGES.MAIN),
     _useState4 = _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({
+  var formReference = React.useRef(null);
+  var inputReference = React.useRef(null);
+  var appListSavedStateReference = React.useRef({
     isAppListEnabled: true
   });
-  var shouldSkipAppListPage = require$$0.useRef(false);
-  var formikValues = require$$0.useRef(null);
+  var shouldSkipAppListPage = React.useRef(false);
+  var formikValues = React.useRef(null);
   var manageMemberComponentConfig = _objectSpread(_objectSpread({}, RolesRadioGroup.DEFAULT_COMPONENT_CONFIG), {}, {
     initialFocusRef: inputReference
   }, componentConfig);
@@ -698,7 +859,7 @@ var ManageMember = function ManageMember(_ref) {
       enabled: isCreationStatusPollingEnabled
     }),
     creationStatus = _useMembersCreationSt.data;
-  require$$0.useEffect(function () {
+  React.useEffect(function () {
     var _config$createMember;
     var _ref3 = creationStatus || {},
       isCompleted = _ref3.isCompleted,
@@ -747,9 +908,7 @@ var ManageMember = function ManageMember(_ref) {
   };
   var isProcessing = isCreatingMember || isUpdatingMember || isRolesLoading || isGlobalRolesLoading;
   var handleAddMember = function handleAddMember(values) {
-    selectedMember ?
-    // @ts-ignore
-    updateMember({
+    selectedMember ? updateMember({
       id: selectedMember.id,
       payload: RolesRadioGroup.renderPayload(values, selectedMember)
     }) : createMember(RolesRadioGroup.renderPayload(values));
@@ -768,17 +927,30 @@ var ManageMember = function ManageMember(_ref) {
     }
   };
   var handleBackButton = function handleBackButton() {
-    if (currentPage === RolesRadioGroup.FORM_PAGES.APP_LIST || shouldSkipAppListPage.current) {
+    if (currentPage === RolesRadioGroup.FORM_PAGES.APP_LIST || shouldSkipAppListPage.current || currentPage === RolesRadioGroup.FORM_PAGES.INVITE_LINK) {
       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 memberLabel = initializers.taxonomies.member.singular;
+    if (selectedMember) {
+      return t("neetoTeamMembers.common.edit_", {
+        what: memberLabel
+      });
+    }
+    return currentPage === RolesRadioGroup.FORM_PAGES.INVITE_LINK ? t("neetoTeamMembers.common.inviteViaLink") : t("neetoTeamMembers.common.addNew_", {
+      what: memberLabel
+    });
+  };
+  var renderRolesRadioGroup = function renderRolesRadioGroup(role) {
+    return /*#__PURE__*/jsxRuntime.jsx(RolesRadioGroup.RolesRadioGroup, {
+      config: config,
+      globalRoles: globalRoles,
+      role: role,
+      isEdit: !!selectedMember,
+      roles: filteredRoles
     });
   };
   var renderFormPage = function renderFormPage(page, emails, role) {
@@ -791,14 +963,9 @@ var ManageMember = function ManageMember(_ref) {
           }), /*#__PURE__*/jsxRuntime.jsx(MultipleEmailInput, {
             emails: emails,
             selectedMember: selectedMember,
+            setCurrentPage: setCurrentPage,
             innerRef: inputReference
-          }), /*#__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]
+          }), renderRolesRadioGroup(role), (_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, {
@@ -807,6 +974,12 @@ var ManageMember = function ManageMember(_ref) {
         });
       case RolesRadioGroup.FORM_PAGES.CONFIRMATION:
         return /*#__PURE__*/jsxRuntime.jsx(Confirmation, {});
+      case RolesRadioGroup.FORM_PAGES.INVITE_LINK:
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(InviteLink$1, {
+            roles: filteredRoles
+          }), renderRolesRadioGroup(role)]
+        });
       default:
         return null;
     }
@@ -878,16 +1051,16 @@ var ManageMember = function ManageMember(_ref) {
                 count: emails.length
               })]
             }), renderFormPage(currentPage, emails, role)]
-          })), /*#__PURE__*/jsxRuntime.jsx(Component.Footer, _objectSpread(_objectSpread({}, manageMemberComponentConfig.footerProps), {}, {
+          })), currentPage !== RolesRadioGroup.FORM_PAGES.INVITE_LINK && /*#__PURE__*/jsxRuntime.jsx(Component.Footer, _objectSpread(_objectSpread({}, manageMemberComponentConfig.footerProps), {}, {
             className: classnames(["ntm-members-form__footer", (_manageMemberComponen3 = manageMemberComponentConfig.footerProps) === null || _manageMemberComponen3 === void 0 ? void 0 : _manageMemberComponen3.className]),
             children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
-              isSubmitting: isProcessing || isCreationStatusPollingEnabled,
               cancelButtonProps: {
                 "data-cy": "ntm-manage-member-cancel-button",
                 onClick: function onClick() {
                   return handleClose(false);
                 }
               },
+              isSubmitting: isProcessing || isCreationStatusPollingEnabled,
               submitButtonProps: {
                 "data-cy": isLastPage ? "ntm-manage-member-submit-button" : "ntm-manage-member-continue-button",
                 label: isLastPage ? t("neetoTeamMembers.buttons.saveChanges") : t("neetoTeamMembers.buttons.continue"),
@@ -915,4 +1088,4 @@ exports.getFilteredRoles = getFilteredRoles;
 exports.handlePageChange = handlePageChange;
 exports.renderPaginationProps = renderPaginationProps;
 exports.renderUpdateAlert = renderUpdateAlert;
-//# sourceMappingURL=index-CMMrjr6R.js.map
+//# sourceMappingURL=index-7t984CiR.js.map