@bigbinary/neeto-access-control-frontend 1.3.29 → 1.3.31

package/dist/cjs/v2/index.js

@@ -0,0 +1,732 @@
+'use strict';
+
+var useConfigurationsApi = require('../../useConfigurationsApi-DkMeZA_t.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var formik = require('@bigbinary/neeto-atoms/formik');
+var classNames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var CardLayout = require('@bigbinary/neeto-molecules/v2/CardLayout');
+var Container = require('@bigbinary/neeto-molecules/v2/Container');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var lucideReact = require('lucide-react');
+var constants = require('@bigbinary/neeto-commons-frontend/v2/constants');
+var SubHeader = require('@bigbinary/neeto-molecules/v2/SubHeader');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+var MoreDropdown = require('@bigbinary/neeto-molecules/v2/MoreDropdown');
+var formik$1 = require('formik');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var NeetoHeader = require('@bigbinary/neeto-molecules/v2/Header');
+require('@babel/runtime/helpers/objectWithoutProperties');
+require('@tanstack/react-query');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/react-utils');
+require('axios');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var ADD_EMAILS_FORM_INIT_VALUES = {
+  emails: []
+};
+var ADD_EMAILS_FORM_VALDATION_SCHEMA = yup__namespace.object().shape({
+  emails: yup__namespace.array().test("are-all-emails-valid", i18next.t("neetoAccessControl.inputs.validation.emailAddress"), function (emails) {
+    return emails.every(ramda.prop("valid"));
+  })
+});
+
+var AddEmails = function AddEmails(_ref) {
+  var configurationId = _ref.configurationId,
+    ownerType = _ref.ownerType,
+    ownerId = _ref.ownerId;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var emailsInputRef = react.useRef();
+  var _useBulkCreateInvitat = useConfigurationsApi.useBulkCreateInvitations({
+      configurationId: configurationId,
+      ownerType: ownerType,
+      ownerId: ownerId
+    }),
+    addEmails = _useBulkCreateInvitat.mutate;
+  var handleAddEmails = function handleAddEmails(_ref2, _ref3) {
+    var emails = _ref2.emails;
+    var setSubmitting = _ref3.setSubmitting,
+      resetForm = _ref3.resetForm;
+    var payload = {
+      emails: ramda.pluck("value", emails)
+    };
+    addEmails(payload, {
+      onSuccess: function onSuccess() {
+        setSubmitting(false);
+        resetForm();
+      },
+      onError: function onError() {
+        return setSubmitting(false);
+      }
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+    className: "mb-5 flex w-full gap-x-3",
+    formikProps: {
+      initialValues: ADD_EMAILS_FORM_INIT_VALUES,
+      onSubmit: handleAddEmails,
+      validationSchema: ADD_EMAILS_FORM_VALDATION_SCHEMA
+    },
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "grow",
+      children: /*#__PURE__*/jsxRuntime.jsx(formik.MultiEmailInput, {
+        helpText: t("neetoAccessControl.addEmails.helpText"),
+        label: t("neetoAccessControl.titles.emails"),
+        name: "emails",
+        placeholder: t("neetoAccessControl.addEmails.placeholder"),
+        ref: emailsInputRef
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(formik.Button, {
+      className: "mt-[25px] shrink-0 self-start whitespace-nowrap",
+      label: t("neetoAccessControl.buttons.invite"),
+      type: "submit"
+    })]
+  });
+};
+
+var defaultColumnData = function defaultColumnData(_ref) {
+  var onDelete = _ref.onDelete;
+  return [{
+    header: i18next.t("neetoAccessControl.titles.emails"),
+    accessorKey: "email",
+    id: "email",
+    size: 75,
+    cell: function cell(_ref2) {
+      var getValue = _ref2.getValue,
+        row = _ref2.row;
+      var email = getValue();
+      var inviteData = row.original;
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
+          content: email,
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            className: "min-w-0 truncate",
+            variant: "body2",
+            children: email
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+          dropdownProps: {
+            className: "w-max",
+            position: "bottom-end"
+          },
+          menuItems: [{
+            key: "delete",
+            label: i18next.t("neetoAccessControl.labels.delete"),
+            onClick: function onClick() {
+              return onDelete(inviteData);
+            }
+          }]
+        })]
+      });
+    }
+  }, {
+    header: i18next.t("neetoAccessControl.titles.status"),
+    accessorKey: "status",
+    id: "status",
+    size: 75,
+    cell: function cell(_ref3) {
+      var getValue = _ref3.getValue;
+      return neetoCist.humanize(getValue());
+    }
+  }];
+};
+var mergeByKey = function mergeByKey(key, a, b) {
+  var merge = ramda.mergeDeepRight(ramda.indexBy(ramda.prop(key), a), ramda.indexBy(ramda.prop(key), b));
+  return ramda.values(merge);
+};
+var renderColumnData = function renderColumnData(_ref4) {
+  var onDelete = _ref4.onDelete,
+    _ref4$extraColumnsDat = _ref4.extraColumnsData,
+    extraColumnsData = _ref4$extraColumnsDat === void 0 ? [] : _ref4$extraColumnsDat;
+  return mergeByKey("id", defaultColumnData({
+    onDelete: onDelete
+  }), extraColumnsData);
+};
+
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Invitations$1 = function Invitations(_ref) {
+  var _selectedEmails$;
+  var _ref$extraColumnsData = _ref.extraColumnsData,
+    extraColumnsData = _ref$extraColumnsData === void 0 ? [] : _ref$extraColumnsData,
+    configurationId = _ref.configurationId,
+    _ref$ownerType = _ref.ownerType,
+    ownerType = _ref$ownerType === void 0 ? null : _ref$ownerType,
+    _ref$ownerId = _ref.ownerId,
+    ownerId = _ref$ownerId === void 0 ? null : _ref$ownerId,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$hideAddEmailsFor = _ref.hideAddEmailsForm,
+    hideAddEmailsForm = _ref$hideAddEmailsFor === void 0 ? false : _ref$hideAddEmailsFor,
+    _ref$inviteButtonProp = _ref.inviteButtonProps,
+    inviteButtonProps = _ref$inviteButtonProp === void 0 ? {} : _ref$inviteButtonProp,
+    _ref$onDestroyInvitat = _ref.onDestroyInvitationsSuccess,
+    onDestroyInvitationsSuccess = _ref$onDestroyInvitat === void 0 ? neetoCist.noop : _ref$onDestroyInvitat;
+  var _useState = react.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedEmails = _useState2[0],
+    setSelectedEmails = _useState2[1];
+  var _useState3 = react.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showDeleteAlert = _useState4[0],
+    setShowDeleteAlert = _useState4[1];
+  var _useState5 = react.useState(constants.DEFAULT_PAGE_INDEX),
+    _useState6 = _slicedToArray(_useState5, 2),
+    page = _useState6[0],
+    setPage = _useState6[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useListInvitations = useConfigurationsApi.useListInvitations({
+      neetoAccessControlConfigurationId: configurationId,
+      ownerType: ownerType,
+      ownerId: ownerId,
+      page: page,
+      pageSize: constants.DEFAULT_PAGE_SIZE
+    }, {
+      enabled: isOpen
+    }),
+    _useListInvitations$d = _useListInvitations.data,
+    _useListInvitations$d2 = _useListInvitations$d === void 0 ? {} : _useListInvitations$d,
+    _useListInvitations$d3 = _useListInvitations$d2.invitations,
+    invitations = _useListInvitations$d3 === void 0 ? [] : _useListInvitations$d3,
+    _useListInvitations$d4 = _useListInvitations$d2.totalCount,
+    totalCount = _useListInvitations$d4 === void 0 ? 0 : _useListInvitations$d4,
+    isFetching = _useListInvitations.isFetching,
+    isLoading = _useListInvitations.isLoading;
+  var _useBulkDestroyInvita = useConfigurationsApi.useBulkDestroyInvitations({
+      configurationId: configurationId,
+      ownerType: ownerType,
+      ownerId: ownerId
+    }),
+    deleteEmailInvites = _useBulkDestroyInvita.mutate,
+    isPending = _useBulkDestroyInvita.isPending;
+  var handleOnClose = function handleOnClose() {
+    onClose();
+    setSelectedEmails([]);
+  };
+  var handleDeleteEmailInvites = function handleDeleteEmailInvites() {
+    var payload = {
+      emails: ramda.pluck("email", selectedEmails)
+    };
+    deleteEmailInvites(payload, {
+      onSuccess: function onSuccess() {
+        setSelectedEmails([]);
+        setShowDeleteAlert(false);
+        onDestroyInvitationsSuccess();
+      }
+    });
+  };
+  var handleDeleteAction = function handleDeleteAction(inviteData) {
+    setSelectedEmails([inviteData]);
+    setShowDeleteAlert(true);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet, {
+      isOpen: isOpen,
+      size: "large",
+      onClose: handleOnClose,
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
+          children: t("neetoAccessControl.titles.invitations")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Body, {
+        className: "space-y-4 pt-2",
+        children: [neetoCist.isNotEmpty(inviteButtonProps) && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex w-full justify-end",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$3({}, inviteButtonProps))
+        }), !hideAddEmailsForm && /*#__PURE__*/jsxRuntime.jsx(AddEmails, {
+          configurationId: configurationId,
+          ownerId: ownerId,
+          ownerType: ownerType
+        }), neetoCist.isNotEmpty(invitations) ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+            leftActionBlock: ramda.isEmpty(selectedEmails) ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+              className: "min-h-8",
+              variant: "h6",
+              children: t("neetoAccessControl.titles.emailsWithCount", {
+                count: totalCount
+              })
+            }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex items-center gap-x-4",
+              children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+                variant: "h6",
+                children: t("neetoAccessControl.titles.selectedEmailsWithCount", {
+                  selectedCount: selectedEmails.length,
+                  count: totalCount
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
+                content: t("neetoAccessControl.labels.delete"),
+                children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+                  "aria-label": t("neetoAccessControl.labels.delete"),
+                  icon: lucideReact.Trash2,
+                  variant: "outline",
+                  onClick: function onClick() {
+                    return setShowDeleteAlert(true);
+                  }
+                })
+              })]
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+            totalCount: totalCount,
+            enableRowSelection: true,
+            fixedHeight: true,
+            currentPage: page,
+            data: invitations,
+            enableColumnFreeze: false,
+            getRowId: function getRowId(_ref2) {
+              var id = _ref2.id;
+              return String(id);
+            },
+            loading: isFetching,
+            pageSize: constants.DEFAULT_PAGE_SIZE,
+            selectedRowKeys: selectedEmails.map(function (_ref3) {
+              var id = _ref3.id;
+              return String(id);
+            }),
+            columns: renderColumnData({
+              onDelete: handleDeleteAction,
+              extraColumnsData: extraColumnsData
+            }),
+            onPageChange: function onPageChange(index) {
+              return setPage(index);
+            },
+            onRowSelect: function onRowSelect(_, selectedRows) {
+              return setSelectedEmails(selectedRows);
+            }
+          })]
+        }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex h-full w-full justify-center",
+          children: [!isLoading && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, {
+            icon: lucideReact.Users,
+            title: t("neetoAccessControl.labels.noInvitations")
+          }), isLoading && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex h-full w-full items-center justify-center",
+            children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
+          })]
+        })]
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, {
+      isOpen: showDeleteAlert,
+      isSubmitting: isPending,
+      submitButtonLabel: t("neetoAccessControl.labels.delete"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        components: [{
+          strong: /*#__PURE__*/jsxRuntime.jsx("strong", {})
+        }],
+        i18nKey: "neetoAccessControl.alerts.deleteInviation.message",
+        values: {
+          count: selectedEmails.length,
+          email: (_selectedEmails$ = selectedEmails[0]) === null || _selectedEmails$ === void 0 ? void 0 : _selectedEmails$.email
+        }
+      }),
+      title: t("neetoAccessControl.alerts.deleteInviation.title", {
+        count: selectedEmails.length
+      }),
+      onClose: function onClose() {
+        return setShowDeleteAlert(false);
+      },
+      onSubmit: handleDeleteEmailInvites
+    })]
+  });
+};
+
+var AUTH = {
+  NO: "no",
+  EMAIL: "email",
+  BASIC: "basic",
+  SESSION: "session",
+  INVITED: "invited"
+};
+var CONFIGURATION_VALIDATION_SCHEMA = yup__namespace.object({
+  auth: yup__namespace.string().required(i18next.t("neetoAccessControl.inputs.validation.authRequired")),
+  password: yup__namespace.string().nullable().when("auth", {
+    is: ramda.equals(AUTH.BASIC),
+    then: yup__namespace.string().nullable().trim().min(4, i18next.t("neetoAccessControl.inputs.validation.passwordMinLength")).required(i18next.t("neetoAccessControl.inputs.validation.passwordRequired"))
+  }),
+  allowedKeywords: yup__namespace.array().when("auth", {
+    is: ramda.equals(AUTH.EMAIL),
+    then: yup__namespace.array().of(yup__namespace.string().required(i18next.t("neetoAccessControl.inputs.validation.keywordRequired")).max(254, i18next.t("neetoAccessControl.inputs.validation.maxLength", {
+      length: 254
+    })).matches(/^[A-Z0-9._%+\-@]+$/i, i18next.t("neetoAccessControl.inputs.validation.invalidCharacters")).trim().test("unique-keyword", i18next.t("neetoAccessControl.inputs.validation.duplicateKeywords"), function (value, testContext) {
+      if (!value || !testContext.parent) return true;
+      var trimmedValue = value === null || value === void 0 ? void 0 : value.trim();
+      if (!trimmedValue) return true;
+      var duplicateIndices = neetoCist.nullSafe(ramda.pluck)("index", neetoCist.filterBy({
+        item: trimmedValue
+      }, testContext.parent.map(function (item, index) {
+        return {
+          item: item === null || item === void 0 ? void 0 : item.trim(),
+          index: index
+        };
+      })));
+      var currentIndex = testContext.path.split("[").pop().split("]")[0];
+      var isLastOccurrence = duplicateIndices[duplicateIndices.length - 1] === parseInt(currentIndex);
+      return !isLastOccurrence || duplicateIndices.length === 1;
+    }))
+  })
+});
+var DEFAULT_CONFIGURATION_VALUES = {
+  auth: AUTH.NO,
+  password: "",
+  allowedKeywords: [""]
+};
+
+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), true).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 buildConfigurationInitialValues = function buildConfigurationInitialValues(configuration) {
+  if (configuration.auth === AUTH.NO) {
+    return DEFAULT_CONFIGURATION_VALUES;
+  }
+  if (ramda.isEmpty(configuration.allowedKeywords)) {
+    configuration.allowedKeywords.push("");
+  }
+  return configuration;
+};
+var removeKeyword = function removeKeyword(_ref) {
+  var arrayHelpers = _ref.arrayHelpers,
+    index = _ref.index,
+    allowedKeywords = _ref.allowedKeywords;
+  if (allowedKeywords.length === 1) {
+    arrayHelpers.remove(index);
+    arrayHelpers.push("");
+    return;
+  }
+  arrayHelpers.remove(index);
+};
+var buildPayload = function buildPayload(values) {
+  var payload = ramda.pick(["auth"], values);
+  if (values.auth === AUTH.BASIC) {
+    payload["password"] = values.password;
+    return payload;
+  }
+  if (values.auth === AUTH.EMAIL) {
+    var rejectEmptyKeywords = ramda.reject(ramda.pipe(ramda.trim, ramda.isEmpty));
+    payload["allowedKeywords"] = rejectEmptyKeywords(values.allowedKeywords);
+    return payload;
+  }
+  return payload;
+};
+var renderLabelWithViewInvitation = function renderLabelWithViewInvitation(_ref2) {
+  var onViewInvites = _ref2.onViewInvites;
+  return /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+    i18nKey: "neetoAccessControl.auth.invitedWithViewButton",
+    components: {
+      button: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        className: "mt-1",
+        size: "sm",
+        variant: "link",
+        onClick: onViewInvites
+      })
+    }
+  });
+};
+var getAuthOptions = function getAuthOptions(_ref3) {
+  var translationContext = _ref3.translationContext,
+    transProps = _ref3.transProps;
+  return [{
+    label: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, _objectSpread$2({
+      context: translationContext,
+      i18nKey: "neetoAccessControl.auth.no"
+    }, transProps[AUTH.NO])),
+    value: AUTH.NO,
+    "data-testid": "access-control-public-access-radio-input"
+  }, {
+    label: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, _objectSpread$2({
+      context: translationContext,
+      i18nKey: "neetoAccessControl.auth.basic"
+    }, transProps[AUTH.BASIC])),
+    value: AUTH.BASIC,
+    "data-testid": "access-control-password-protected-radio-input"
+  }, {
+    label: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, _objectSpread$2({
+      context: translationContext,
+      i18nKey: "neetoAccessControl.auth.invited"
+    }, transProps[AUTH.INVITED])),
+    value: AUTH.INVITED,
+    "data-testid": "access-control-only-invited-people-radio-input"
+  }, {
+    label: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, _objectSpread$2({
+      context: translationContext,
+      i18nKey: "neetoAccessControl.auth.email"
+    }, transProps[AUTH.EMAIL])),
+    value: AUTH.EMAIL,
+    "data-testid": "access-control-secure-by-email-patterns-radio-input"
+  }, {
+    label: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, _objectSpread$2({
+      context: translationContext,
+      i18nKey: "neetoAccessControl.auth.session"
+    }, transProps[AUTH.SESSION])),
+    value: AUTH.SESSION,
+    "data-testid": "access-control-logged-in-members-only-radio-input"
+  }];
+};
+
+var AllowedKeywords = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    name = _ref.name,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label;
+  return /*#__PURE__*/jsxRuntime.jsx(formik$1.FieldArray, {
+    name: name,
+    children: function children(arrayHelpers) {
+      var allowedKeywords = arrayHelpers.form.values[name];
+      var showDeleteButton = allowedKeywords.length > 1 || neetoCist.isNotEmpty(allowedKeywords[0]);
+      var handleAddKeyword = function handleAddKeyword() {
+        allowedKeywords.forEach(function (_, index) {
+          arrayHelpers.form.setFieldTouched("".concat(name, ".").concat(index), true);
+        });
+        arrayHelpers.push("");
+      };
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-4 pt-4",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Label, {
+          className: "leading-snug",
+          children: label
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "bg-muted rounded-sm space-y-4 p-6",
+          children: [allowedKeywords.map(function (_, index) {
+            return /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+              className: "w-full",
+              name: "".concat(name, ".").concat(index),
+              placeholder: t("neetoAccessControl.inputs.placeholders.enterKeyword"),
+              suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+                "data-testid": "allowed-keyword-delete-button",
+                icon: lucideReact.Trash2,
+                size: "sm",
+                variant: "ghost",
+                onClick: function onClick() {
+                  return removeKeyword({
+                    index: index,
+                    allowedKeywords: allowedKeywords,
+                    arrayHelpers: arrayHelpers
+                  });
+                }
+              })
+            }, index);
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            className: "pt-2",
+            "data-testid": "add-allowed-keyword-button",
+            label: t("neetoAccessControl.actions.addKeyword"),
+            variant: "link",
+            onClick: handleAddKeyword
+          })]
+        })]
+      });
+    }
+  });
+});
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Header = function Header(_ref) {
+  var headerProps = _ref.headerProps;
+  var title = headerProps.title,
+    helpLink = headerProps.helpLink,
+    description = headerProps.description;
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader, _objectSpread$1(_objectSpread$1({}, _objectSpread$1(_objectSpread$1({}, headerProps), {}, {
+    title: title
+  })), {}, {
+    titleHelpPopoverProps: {
+      description: description,
+      title: title,
+      helpLinkProps: {
+        href: helpLink
+      }
+    }
+  }));
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Configuration = function Configuration(_ref) {
+  var ownerId = _ref.ownerId,
+    ownerType = _ref.ownerType,
+    onReset = _ref.onReset,
+    _onSuccess = _ref.onSuccess,
+    headerProps = _ref.headerProps,
+    className = _ref.className,
+    _ref$handleCancel = _ref.handleCancel,
+    handleCancel = _ref$handleCancel === void 0 ? neetoCist.noop : _ref$handleCancel,
+    _ref$onConfigurationC = _ref.onConfigurationChangedToInviteOnly,
+    onConfigurationChangedToInviteOnly = _ref$onConfigurationC === void 0 ? neetoCist.noop : _ref$onConfigurationC,
+    _ref$invitationsTable = _ref.invitationsTableExtraColumnsData,
+    invitationsTableExtraColumnsData = _ref$invitationsTable === void 0 ? [] : _ref$invitationsTable,
+    _ref$hideAddEmailsFro = _ref.hideAddEmailsFromInvitationPane,
+    hideAddEmailsFromInvitationPane = _ref$hideAddEmailsFro === void 0 ? false : _ref$hideAddEmailsFro,
+    _ref$enableNavigation = _ref.enableNavigationBlocking,
+    enableNavigationBlocking = _ref$enableNavigation === void 0 ? false : _ref$enableNavigation,
+    _ref$onDestroyInvitat = _ref.onDestroyInvitationsSuccess,
+    onDestroyInvitationsSuccess = _ref$onDestroyInvitat === void 0 ? neetoCist.noop : _ref$onDestroyInvitat,
+    _ref$inviteButtonProp = _ref.inviteButtonProps,
+    inviteButtonProps = _ref$inviteButtonProp === void 0 ? {} : _ref$inviteButtonProp,
+    _ref$additionalFields = _ref.additionalFieldsInitialValues,
+    additionalFieldsInitialValues = _ref$additionalFields === void 0 ? {} : _ref$additionalFields,
+    children = _ref.children,
+    fieldsWrapper = _ref.fieldsWrapper,
+    translationContext = _ref.translationContext,
+    _ref$transProps = _ref.transProps,
+    transProps = _ref$transProps === void 0 ? {} : _ref$transProps;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showInvitationsPane = _useState2[0],
+    setShowInvitationsPane = _useState2[1];
+  var FieldsWrapper = fieldsWrapper || react.Fragment;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useShowConfiguration = useConfigurationsApi.useShowConfiguration({
+      ownerId: ownerId,
+      ownerType: ownerType
+    }),
+    _useShowConfiguration2 = _useShowConfiguration.data,
+    configuration = _useShowConfiguration2 === void 0 ? {} : _useShowConfiguration2,
+    isLoading = _useShowConfiguration.isLoading,
+    isFetching = _useShowConfiguration.isFetching;
+  var configurationInitialValues = ramda.mergeLeft(buildConfigurationInitialValues(configuration), additionalFieldsInitialValues);
+  var _useUpdateConfigurati = useConfigurationsApi.useUpdateConfiguration({
+      ownerId: ownerId,
+      ownerType: ownerType
+    }, {
+      onSuccess: function onSuccess(values) {
+        var _values$configuration = values.configuration,
+          _values$configuration2 = _values$configuration === void 0 ? {} : _values$configuration,
+          auth = _values$configuration2.auth;
+        if (auth === AUTH.INVITED) {
+          handleShowInvitations();
+        }
+        _onSuccess(values);
+      }
+    }),
+    updateConfiguration = _useUpdateConfigurati.mutate;
+  var handleSubmit = function handleSubmit(values, _ref2) {
+    var setSubmitting = _ref2.setSubmitting;
+    var payload = ramda.mergeLeft(buildPayload(values), ramda.pick(ramda.keys(additionalFieldsInitialValues), values));
+    updateConfiguration(payload, {
+      onSettled: function onSettled() {
+        return setSubmitting(false);
+      }
+    });
+  };
+  var handleShowInvitations = onConfigurationChangedToInviteOnly === neetoCist.noop ? function () {
+    return setShowInvitationsPane(true);
+  } : onConfigurationChangedToInviteOnly;
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      headerProps: headerProps
+    }), isLoading ? /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
+    }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "min-h-0 w-full grow",
+      children: [/*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+        className: classNames(className),
+        formikProps: {
+          initialValues: configurationInitialValues,
+          validationSchema: CONFIGURATION_VALIDATION_SCHEMA,
+          onSubmit: handleSubmit,
+          onReset: onReset,
+          enableReinitialize: true
+        },
+        children: function children(_ref3) {
+          var values = _ref3.values;
+          return /*#__PURE__*/jsxRuntime.jsxs(CardLayout, {
+            actionBlock: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+              cancelButtonProps: {
+                onClick: handleCancel
+              },
+              submitButtonProps: values.auth === AUTH.INVITED ? {
+                label: t("neetoAccessControl.buttons.saveChangesAndInvite")
+              } : {}
+            }),
+            children: [/*#__PURE__*/jsxRuntime.jsxs(FieldsWrapper, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(formik.RadioGroup, {
+                name: "auth",
+                children: getAuthOptions({
+                  translationContext: translationContext,
+                  transProps: transProps
+                }).map(function (props) {
+                  return /*#__PURE__*/react.createElement(formik.RadioGroup.Item, _objectSpread(_objectSpread({}, props), {}, {
+                    id: props.value,
+                    key: props.value,
+                    className: classNames({
+                      "items-start": (configuration === null || configuration === void 0 ? void 0 : configuration.auth) === props.value && (configuration === null || configuration === void 0 ? void 0 : configuration.auth) === AUTH.INVITED
+                    }),
+                    label: (configuration === null || configuration === void 0 ? void 0 : configuration.auth) === props.value && (configuration === null || configuration === void 0 ? void 0 : configuration.auth) === AUTH.INVITED ? renderLabelWithViewInvitation({
+                      onViewInvites: function onViewInvites() {
+                        return setShowInvitationsPane(true);
+                      }
+                    }) : props.label
+                  }));
+                })
+              }), values.auth === AUTH.BASIC && /*#__PURE__*/jsxRuntime.jsx("div", {
+                className: "space-y-4 pb-2 pt-4",
+                children: /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+                  autoFocus: true,
+                  required: true,
+                  unlimitedChars: true,
+                  className: "w-7/12",
+                  label: t("neetoAccessControl.inputs.labels.password"),
+                  name: "password",
+                  placeholder: t("neetoAccessControl.inputs.placeholders.enterPassword")
+                })
+              }), values.auth === AUTH.EMAIL && /*#__PURE__*/jsxRuntime.jsx(AllowedKeywords, {
+                label: t("neetoAccessControl.inputs.labels.keywords"),
+                name: "allowedKeywords"
+              })]
+            }), enableNavigationBlocking && /*#__PURE__*/jsxRuntime.jsx(formik.BlockNavigation, {})]
+          });
+        }
+      }), /*#__PURE__*/jsxRuntime.jsx(Invitations$1, {
+        inviteButtonProps: inviteButtonProps,
+        onDestroyInvitationsSuccess: onDestroyInvitationsSuccess,
+        ownerId: ownerId,
+        ownerType: ownerType,
+        configurationId: configuration.id,
+        extraColumnsData: invitationsTableExtraColumnsData,
+        hideAddEmailsForm: hideAddEmailsFromInvitationPane,
+        isOpen: showInvitationsPane && !isFetching,
+        onClose: function onClose() {
+          return setShowInvitationsPane(false);
+        }
+      }), children]
+    })]
+  });
+};
+
+var INVITATIONS_QUERY_KEY = useConfigurationsApi.QUERY_KEYS.ACCESS_CONTROL_CONFIGURATION_INVITATIONS;
+var Invitations = {
+  InvitationsPane: Invitations$1,
+  useBulkCreateInvitations: useConfigurationsApi.useBulkCreateInvitations,
+  INVITATIONS_QUERY_KEY: INVITATIONS_QUERY_KEY
+};
+
+exports.useShowConfiguration = useConfigurationsApi.useShowConfiguration;
+exports.Configuration = Configuration;
+exports.Invitations = Invitations;
+//# sourceMappingURL=index.js.map