@strapi/admin 4.20.4 → 5.0.0-alpha.0

package/dist/_chunks/SelectRoles-XK5HcBdP.js

@@ -0,0 +1,107 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const reactIntl = require("react-intl");
+const index = require("./index-ibtz273H.js");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const ContentBox = require("./ContentBox-4TRGOJYI.js");
+const styled = require("styled-components");
+const useAdminRoles = require("./useAdminRoles-o4dxsCcY.js");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const MagicLinkWrapper = ({ children, target }) => {
+  const { toggleNotification } = index.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const { copy } = helperPlugin.useClipboard();
+  const copyLabel = formatMessage({
+    id: "app.component.CopyToClipboard.label",
+    defaultMessage: "Copy to clipboard"
+  });
+  const handleClick = async () => {
+    const didCopy = await copy(target);
+    if (didCopy) {
+      toggleNotification({
+        type: "info",
+        message: formatMessage({ id: "notification.link-copied" })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ContentBox.ContentBox,
+    {
+      endAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.IconButton, { label: copyLabel, noBorder: true, icon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Duplicate, {}), onClick: handleClick }),
+      title: target,
+      titleEllipsis: true,
+      subtitle: children,
+      icon: /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 32 }, children: "✉️" }),
+      iconBackground: "neutral100"
+    }
+  );
+};
+const MagicLinkCE = ({ registrationToken }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const target = `${window.location.origin}${index.getBasename()}/auth/register?registrationToken=${registrationToken}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(MagicLinkWrapper, { target, children: formatMessage({
+    id: "app.components.Users.MagicLink.connect",
+    defaultMessage: "Copy and share this link to give access to this user"
+  }) });
+};
+const SelectRoles = ({ disabled }) => {
+  const { isLoading, roles } = useAdminRoles.useAdminRoles();
+  const { formatMessage } = reactIntl.useIntl();
+  const { value = [], onChange, error } = index.useField("roles");
+  const label = formatMessage({
+    id: "app.components.Users.ModalCreateBody.block-title.roles",
+    defaultMessage: "User's roles"
+  });
+  const hint = formatMessage({
+    id: "app.components.Users.ModalCreateBody.block-title.roles.description",
+    defaultMessage: "A user can have one or several roles"
+  });
+  const placeholder = formatMessage({
+    id: "app.components.Select.placeholder",
+    defaultMessage: "Select"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.MultiSelect,
+    {
+      id: "roles",
+      disabled,
+      error,
+      hint,
+      label,
+      name: "roles",
+      onChange: (v) => {
+        onChange("roles", v);
+      },
+      placeholder,
+      startIcon: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Loader, {}) : void 0,
+      value: value.map((v) => v.toString()),
+      withTags: true,
+      required: true,
+      children: roles.map((role) => {
+        return /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: role.id.toString(), children: formatMessage({
+          id: `global.${role.code}`,
+          defaultMessage: role.name
+        }) }, role.id);
+      })
+    }
+  );
+};
+const rotation = styled.keyframes`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+`;
+const LoadingWrapper = styled__default.default.div`
+  animation: ${rotation} 2s infinite linear;
+`;
+const Loader = () => /* @__PURE__ */ jsxRuntime.jsx(LoadingWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Loader, {}) });
+exports.MagicLinkCE = MagicLinkCE;
+exports.MagicLinkWrapper = MagicLinkWrapper;
+exports.SelectRoles = SelectRoles;
+//# sourceMappingURL=SelectRoles-XK5HcBdP.js.map

package/dist/_chunks/SelectRoles-XK5HcBdP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoles-XK5HcBdP.js","sources":["../../admin/src/pages/Settings/pages/Users/components/MagicLinkWrapper.tsx","../../admin/src/pages/Settings/pages/Users/components/MagicLinkCE.tsx","../../admin/src/pages/Settings/pages/Users/components/SelectRoles.tsx"],"sourcesContent":["import { IconButton } from '@strapi/design-system';\nimport { useClipboard } from '@strapi/helper-plugin';\nimport { Duplicate } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { ContentBox } from '../../../../../components/ContentBox';\nimport { useNotification } from '../../../../../features/Notifications';\n\ninterface MagicLinkWrapperProps {\n  children: string;\n  target: string;\n}\n\nconst MagicLinkWrapper = ({ children, target }: MagicLinkWrapperProps) => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { copy } = useClipboard();\n\n  const copyLabel = formatMessage({\n    id: 'app.component.CopyToClipboard.label',\n    defaultMessage: 'Copy to clipboard',\n  });\n\n  const handleClick = async () => {\n    const didCopy = await copy(target);\n\n    if (didCopy) {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({ id: 'notification.link-copied' }),\n      });\n    }\n  };\n\n  return (\n    <ContentBox\n      endAction={\n        <IconButton label={copyLabel} noBorder icon={<Duplicate />} onClick={handleClick} />\n      }\n      title={target}\n      titleEllipsis\n      subtitle={children}\n      icon={<span style={{ fontSize: 32 }}>✉️</span>}\n      iconBackground=\"neutral100\"\n    />\n  );\n};\n\nexport { MagicLinkWrapper };\nexport type { MagicLinkWrapperProps };\n","import { useIntl } from 'react-intl';\n\nimport { getBasename } from '../../../../../core/utils/basename';\n\nimport { MagicLinkWrapper } from './MagicLinkWrapper';\n\ninterface MagicLinkCEProps {\n  registrationToken: string;\n}\n\nconst MagicLinkCE = ({ registrationToken }: MagicLinkCEProps) => {\n  const { formatMessage } = useIntl();\n  const target = `${\n    window.location.origin\n  }${getBasename()}/auth/register?registrationToken=${registrationToken}`;\n\n  return (\n    <MagicLinkWrapper target={target}>\n      {formatMessage({\n        id: 'app.components.Users.MagicLink.connect',\n        defaultMessage: 'Copy and share this link to give access to this user',\n      })}\n    </MagicLinkWrapper>\n  );\n};\n\nexport { MagicLinkCE };\nexport type { MagicLinkCEProps };\n","import { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport { Loader as LoadingIcon } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport styled, { keyframes } from 'styled-components';\n\nimport { useField } from '../../../../../components/Form';\nimport { useAdminRoles } from '../../../../../hooks/useAdminRoles';\n\ninterface SelectRolesProps {\n  disabled?: boolean;\n}\n\nconst SelectRoles = ({ disabled }: SelectRolesProps) => {\n  const { isLoading, roles } = useAdminRoles();\n\n  const { formatMessage } = useIntl();\n  const { value = [], onChange, error } = useField<string[]>('roles');\n\n  const label = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles',\n    defaultMessage: \"User's roles\",\n  });\n  const hint = formatMessage({\n    id: 'app.components.Users.ModalCreateBody.block-title.roles.description',\n    defaultMessage: 'A user can have one or several roles',\n  });\n  const placeholder = formatMessage({\n    id: 'app.components.Select.placeholder',\n    defaultMessage: 'Select',\n  });\n\n  return (\n    <MultiSelect\n      id=\"roles\"\n      disabled={disabled}\n      error={error}\n      hint={hint}\n      label={label}\n      name=\"roles\"\n      onChange={(v) => {\n        onChange('roles', v);\n      }}\n      placeholder={placeholder}\n      startIcon={isLoading ? <Loader /> : undefined}\n      value={value.map((v) => v.toString())}\n      withTags\n      required\n    >\n      {roles.map((role) => {\n        return (\n          <MultiSelectOption key={role.id} value={role.id.toString()}>\n            {formatMessage({\n              id: `global.${role.code}`,\n              defaultMessage: role.name,\n            })}\n          </MultiSelectOption>\n        );\n      })}\n    </MultiSelect>\n  );\n};\n\nconst rotation = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n`;\n\nconst LoadingWrapper = styled.div`\n  animation: ${rotation} 2s infinite linear;\n`;\n\nconst Loader = () => (\n  <LoadingWrapper>\n    <LoadingIcon />\n  </LoadingWrapper>\n);\n\nexport { SelectRoles };\n"],"names":["useNotification","useIntl","useClipboard","jsx","ContentBox","IconButton","Duplicate","getBasename","useAdminRoles","useField","MultiSelect","MultiSelectOption","keyframes","styled","LoadingIcon"],"mappings":"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"}

package/dist/_chunks/SingleSignOnPage-uURRsIxP.js

@@ -0,0 +1,260 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const formik = require("formik");
+const reactHelmet = require("react-helmet");
+const reactIntl = require("react-intl");
+const yup = require("yup");
+const index = require("./index-ibtz273H.js");
+const useAdminRoles = require("./useAdminRoles-o4dxsCcY.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
+const schema = yup__namespace.object().shape({
+  autoRegister: yup__namespace.bool().required(index.errorsTrads.required.id),
+  defaultRole: yup__namespace.mixed().when("autoRegister", (value, initSchema) => {
+    return value ? initSchema.required(index.errorsTrads.required.id) : initSchema.nullable();
+  }),
+  ssoLockedRoles: yup__namespace.array().nullable().of(
+    yup__namespace.mixed().when("ssoLockedRoles", (value, initSchema) => {
+      return value ? initSchema.required(index.errorsTrads.required.id) : initSchema.nullable();
+    })
+  )
+});
+const SingleSignOnPage = () => {
+  helperPlugin.useFocusWhenNavigate();
+  const { formatMessage } = reactIntl.useIntl();
+  const permissions = index.useTypedSelector((state) => state.admin_app.permissions);
+  const { toggleNotification } = index.useNotification();
+  const {
+    _unstableFormatAPIError: formatAPIError,
+    _unstableFormatValidationErrors: formatValidationErrors
+  } = index.useAPIErrorHandler();
+  const { isLoading: isLoadingProviderOptions, data } = index.useGetProviderOptionsQuery();
+  const [updateProviderOptions, { isLoading: isSubmittingForm }] = index.useUpdateProviderOptionsMutation();
+  const {
+    isLoading: isLoadingPermissions,
+    allowedActions: { canUpdate, canReadRoles }
+  } = helperPlugin.useRBAC({
+    ...permissions.settings?.sso,
+    readRoles: permissions.settings?.roles.read ?? []
+  });
+  const { roles, isLoading: isLoadingRoles } = useAdminRoles.useAdminRoles(void 0, {
+    skip: !canReadRoles
+  });
+  const handleSubmit = async (body, formik2) => {
+    try {
+      const res = await updateProviderOptions(body);
+      if ("error" in res) {
+        if (index.isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          formik2.setErrors(formatValidationErrors(res.error));
+        } else {
+          toggleNotification({
+            type: "danger",
+            message: formatAPIError(res.error)
+          });
+        }
+        return;
+      }
+      toggleNotification({
+        type: "success",
+        message: formatMessage({ id: "notification.success.saved" })
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred, please try again."
+        })
+      });
+    }
+  };
+  const isLoadingData = isLoadingRoles || isLoadingPermissions || isLoadingProviderOptions;
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Layout, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactHelmet.Helmet,
+      {
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          {
+            name: "SSO"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { "aria-busy": isSubmittingForm || isLoadingData, tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(
+      formik.Formik,
+      {
+        onSubmit: handleSubmit,
+        initialValues: data || {
+          autoRegister: false,
+          defaultRole: null,
+          ssoLockedRoles: null
+        },
+        validationSchema: schema,
+        validateOnChange: false,
+        enableReinitialize: true,
+        children: ({ handleChange, isSubmitting, values, setFieldValue, dirty, errors }) => /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.HeaderLayout,
+            {
+              primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  disabled: !dirty,
+                  loading: isSubmitting,
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Check, {}),
+                  type: "submit",
+                  size: "L",
+                  children: formatMessage({
+                    id: "global.save",
+                    defaultMessage: "Save"
+                  })
+                }
+              ),
+              title: formatMessage({
+                id: "Settings.sso.title",
+                defaultMessage: "Single Sign-On"
+              }),
+              subtitle: formatMessage({
+                id: "Settings.sso.description",
+                defaultMessage: "Configure the settings for the Single Sign-On feature."
+              })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: isSubmitting || isLoadingData ? /* @__PURE__ */ jsxRuntime.jsx(index.Page.Loading, {}) : /* @__PURE__ */ jsxRuntime.jsxs(
+            designSystem.Flex,
+            {
+              direction: "column",
+              alignItems: "stretch",
+              gap: 4,
+              background: "neutral0",
+              padding: 6,
+              shadow: "filterShadow",
+              hasRadius: true,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", as: "h2", children: formatMessage({
+                  id: "global.settings",
+                  defaultMessage: "Settings"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 4, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.ToggleInput,
+                    {
+                      disabled: !canUpdate,
+                      checked: values.autoRegister,
+                      hint: formatMessage({
+                        id: "Settings.sso.form.registration.description",
+                        defaultMessage: "Create new user on SSO login if no account exists"
+                      }),
+                      label: formatMessage({
+                        id: "Settings.sso.form.registration.label",
+                        defaultMessage: "Auto-registration"
+                      }),
+                      name: "autoRegister",
+                      offLabel: formatMessage({
+                        id: "app.components.ToggleCheckbox.off-label",
+                        defaultMessage: "Off"
+                      }),
+                      onLabel: formatMessage({
+                        id: "app.components.ToggleCheckbox.on-label",
+                        defaultMessage: "On"
+                      }),
+                      onChange: handleChange
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.Select,
+                    {
+                      disabled: !canUpdate,
+                      hint: formatMessage({
+                        id: "Settings.sso.form.defaultRole.description",
+                        defaultMessage: "It will attach the new authenticated user to the selected role"
+                      }),
+                      error: errors.defaultRole ? formatMessage({
+                        id: errors.defaultRole,
+                        defaultMessage: errors.defaultRole
+                      }) : "",
+                      label: formatMessage({
+                        id: "Settings.sso.form.defaultRole.label",
+                        defaultMessage: "Default role"
+                      }),
+                      name: "defaultRole",
+                      onChange: (value) => handleChange({ target: { name: "defaultRole", value } }),
+                      placeholder: formatMessage({
+                        id: "components.InputSelect.option.placeholder",
+                        defaultMessage: "Choose here"
+                      }),
+                      value: values.defaultRole,
+                      children: roles.map(({ id, name }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Option, { value: id.toString(), children: name }, id))
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.MultiSelect,
+                    {
+                      disabled: !canUpdate,
+                      hint: formatMessage({
+                        id: "Settings.sso.form.localAuthenticationLock.description",
+                        defaultMessage: "Select the roles for which you want to disable the local authentication"
+                      }),
+                      error: errors.ssoLockedRoles ? formatMessage({
+                        id: errors.ssoLockedRoles,
+                        defaultMessage: errors.ssoLockedRoles
+                      }) : "",
+                      label: formatMessage({
+                        id: "Settings.sso.form.localAuthenticationLock.label",
+                        defaultMessage: "Local authentication lock-out"
+                      }),
+                      name: "ssoLockedRoles",
+                      onChange: (value) => handleChange({
+                        target: {
+                          value,
+                          name: "ssoLockedRoles"
+                        }
+                      }),
+                      placeholder: formatMessage({
+                        id: "components.InputSelect.option.placeholder",
+                        defaultMessage: "Choose here"
+                      }),
+                      onClear: () => setFieldValue("ssoLockedRoles", []),
+                      value: values.ssoLockedRoles || [],
+                      withTags: true,
+                      children: roles.map(({ id, name }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.MultiSelectOption, { value: id.toString(), children: name }, id))
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          ) })
+        ] })
+      }
+    ) })
+  ] });
+};
+const ProtectedSSO = () => {
+  const permissions = index.useTypedSelector((state) => state.admin_app.permissions.settings?.sso?.main);
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Page.Protect, { permissions, children: /* @__PURE__ */ jsxRuntime.jsx(SingleSignOnPage, {}) });
+};
+exports.ProtectedSSO = ProtectedSSO;
+exports.SingleSignOnPage = SingleSignOnPage;
+//# sourceMappingURL=SingleSignOnPage-uURRsIxP.js.map

package/dist/_chunks/SingleSignOnPage-uURRsIxP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSignOnPage-uURRsIxP.js","sources":["../../ee/admin/src/pages/SettingsPage/pages/SingleSignOnPage.tsx"],"sourcesContent":["import {\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  Layout,\n  Main,\n  MultiSelect,\n  MultiSelectOption,\n  Option,\n  Select,\n  ToggleInput,\n  Typography,\n} from '@strapi/design-system';\nimport { useFocusWhenNavigate, useRBAC } from '@strapi/helper-plugin';\nimport { Check } from '@strapi/icons';\nimport { Formik, Form, FormikHelpers } from 'formik';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport * as yup from 'yup';\n\nimport { Page } from '../../../../../../admin/src/components/PageHelpers';\nimport { useTypedSelector } from '../../../../../../admin/src/core/store/hooks';\nimport { useNotification } from '../../../../../../admin/src/features/Notifications';\nimport { useAdminRoles } from '../../../../../../admin/src/hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../../../admin/src/hooks/useAPIErrorHandler';\nimport {\n  useGetProviderOptionsQuery,\n  useUpdateProviderOptionsMutation,\n} from '../../../../../../admin/src/services/auth';\nimport { isBaseQueryError } from '../../../../../../admin/src/utils/baseQuery';\nimport { translatedErrors } from '../../../../../../admin/src/utils/translatedErrors';\nimport { ProvidersOptions } from '../../../../../../shared/contracts/admin';\n\nconst schema = yup.object().shape({\n  autoRegister: yup.bool().required(translatedErrors.required.id),\n  defaultRole: yup.mixed().when('autoRegister', (value, initSchema) => {\n    return value ? initSchema.required(translatedErrors.required.id) : initSchema.nullable();\n  }),\n  ssoLockedRoles: yup\n    .array()\n    .nullable()\n    .of(\n      yup.mixed().when('ssoLockedRoles', (value, initSchema) => {\n        return value ? initSchema.required(translatedErrors.required.id) : initSchema.nullable();\n      })\n    ),\n});\n\nexport const SingleSignOnPage = () => {\n  useFocusWhenNavigate();\n\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector((state) => state.admin_app.permissions);\n  const { toggleNotification } = useNotification();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n\n  const { isLoading: isLoadingProviderOptions, data } = useGetProviderOptionsQuery();\n\n  const [updateProviderOptions, { isLoading: isSubmittingForm }] =\n    useUpdateProviderOptionsMutation();\n\n  const {\n    isLoading: isLoadingPermissions,\n    allowedActions: { canUpdate, canReadRoles },\n  } = useRBAC({\n    ...permissions.settings?.sso,\n    readRoles: permissions.settings?.roles.read ?? [],\n  });\n\n  const { roles, isLoading: isLoadingRoles } = useAdminRoles(undefined, {\n    skip: !canReadRoles,\n  });\n\n  const handleSubmit = async (\n    body: ProvidersOptions.Request['body'],\n    formik: FormikHelpers<ProvidersOptions.Request['body']>\n  ) => {\n    try {\n      const res = await updateProviderOptions(body);\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          formik.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({\n            type: 'danger',\n            message: formatAPIError(res.error),\n          });\n        }\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: 'notification.success.saved' }),\n      });\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred, please try again.',\n        }),\n      });\n    }\n  };\n\n  const isLoadingData = isLoadingRoles || isLoadingPermissions || isLoadingProviderOptions;\n\n  return (\n    <Layout>\n      <Helmet\n        title={formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'SSO',\n          }\n        )}\n      />\n      <Main aria-busy={isSubmittingForm || isLoadingData} tabIndex={-1}>\n        <Formik\n          onSubmit={handleSubmit}\n          initialValues={\n            data || {\n              autoRegister: false,\n              defaultRole: null,\n              ssoLockedRoles: null,\n            }\n          }\n          validationSchema={schema}\n          validateOnChange={false}\n          enableReinitialize\n        >\n          {({ handleChange, isSubmitting, values, setFieldValue, dirty, errors }) => (\n            <Form>\n              <HeaderLayout\n                primaryAction={\n                  <Button\n                    disabled={!dirty}\n                    loading={isSubmitting}\n                    startIcon={<Check />}\n                    type=\"submit\"\n                    size=\"L\"\n                  >\n                    {formatMessage({\n                      id: 'global.save',\n                      defaultMessage: 'Save',\n                    })}\n                  </Button>\n                }\n                title={formatMessage({\n                  id: 'Settings.sso.title',\n                  defaultMessage: 'Single Sign-On',\n                })}\n                subtitle={formatMessage({\n                  id: 'Settings.sso.description',\n                  defaultMessage: 'Configure the settings for the Single Sign-On feature.',\n                })}\n              />\n              <ContentLayout>\n                {isSubmitting || isLoadingData ? (\n                  <Page.Loading />\n                ) : (\n                  <Flex\n                    direction=\"column\"\n                    alignItems=\"stretch\"\n                    gap={4}\n                    background=\"neutral0\"\n                    padding={6}\n                    shadow=\"filterShadow\"\n                    hasRadius\n                  >\n                    <Typography variant=\"delta\" as=\"h2\">\n                      {formatMessage({\n                        id: 'global.settings',\n                        defaultMessage: 'Settings',\n                      })}\n                    </Typography>\n                    <Grid gap={4}>\n                      <GridItem col={6} s={12}>\n                        <ToggleInput\n                          disabled={!canUpdate}\n                          checked={values.autoRegister}\n                          hint={formatMessage({\n                            id: 'Settings.sso.form.registration.description',\n                            defaultMessage: 'Create new user on SSO login if no account exists',\n                          })}\n                          label={formatMessage({\n                            id: 'Settings.sso.form.registration.label',\n                            defaultMessage: 'Auto-registration',\n                          })}\n                          name=\"autoRegister\"\n                          offLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.off-label',\n                            defaultMessage: 'Off',\n                          })}\n                          onLabel={formatMessage({\n                            id: 'app.components.ToggleCheckbox.on-label',\n                            defaultMessage: 'On',\n                          })}\n                          onChange={handleChange}\n                        />\n                      </GridItem>\n                      <GridItem col={6} s={12}>\n                        <Select\n                          disabled={!canUpdate}\n                          hint={formatMessage({\n                            id: 'Settings.sso.form.defaultRole.description',\n                            defaultMessage:\n                              'It will attach the new authenticated user to the selected role',\n                          })}\n                          error={\n                            errors.defaultRole\n                              ? formatMessage({\n                                  id: errors.defaultRole,\n                                  defaultMessage: errors.defaultRole,\n                                })\n                              : ''\n                          }\n                          label={formatMessage({\n                            id: 'Settings.sso.form.defaultRole.label',\n                            defaultMessage: 'Default role',\n                          })}\n                          name=\"defaultRole\"\n                          onChange={(value) =>\n                            handleChange({ target: { name: 'defaultRole', value } })\n                          }\n                          placeholder={formatMessage({\n                            id: 'components.InputSelect.option.placeholder',\n                            defaultMessage: 'Choose here',\n                          })}\n                          value={values.defaultRole}\n                        >\n                          {roles.map(({ id, name }) => (\n                            <Option key={id} value={id.toString()}>\n                              {name}\n                            </Option>\n                          ))}\n                        </Select>\n                      </GridItem>\n                      <GridItem col={6} s={12}>\n                        <MultiSelect\n                          disabled={!canUpdate}\n                          hint={formatMessage({\n                            id: 'Settings.sso.form.localAuthenticationLock.description',\n                            defaultMessage:\n                              'Select the roles for which you want to disable the local authentication',\n                          })}\n                          error={\n                            errors.ssoLockedRoles\n                              ? formatMessage({\n                                  id: errors.ssoLockedRoles,\n                                  defaultMessage: errors.ssoLockedRoles,\n                                })\n                              : ''\n                          }\n                          label={formatMessage({\n                            id: 'Settings.sso.form.localAuthenticationLock.label',\n                            defaultMessage: 'Local authentication lock-out',\n                          })}\n                          name=\"ssoLockedRoles\"\n                          onChange={(value) =>\n                            handleChange({\n                              target: {\n                                value,\n                                name: 'ssoLockedRoles',\n                              },\n                            })\n                          }\n                          placeholder={formatMessage({\n                            id: 'components.InputSelect.option.placeholder',\n                            defaultMessage: 'Choose here',\n                          })}\n                          onClear={() => setFieldValue('ssoLockedRoles', [])}\n                          value={values.ssoLockedRoles || []}\n                          withTags\n                        >\n                          {roles.map(({ id, name }) => (\n                            <MultiSelectOption key={id} value={id.toString()}>\n                              {name}\n                            </MultiSelectOption>\n                          ))}\n                        </MultiSelect>\n                      </GridItem>\n                    </Grid>\n                  </Flex>\n                )}\n              </ContentLayout>\n            </Form>\n          )}\n        </Formik>\n      </Main>\n    </Layout>\n  );\n};\n\nexport const ProtectedSSO = () => {\n  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.sso?.main);\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <SingleSignOnPage />\n    </Page.Protect>\n  );\n};\n"],"names":["yup","translatedErrors","useFocusWhenNavigate","useIntl","useTypedSelector","useNotification","useAPIErrorHandler","useGetProviderOptionsQuery","useUpdateProviderOptionsMutation","useRBAC","useAdminRoles","formik","isBaseQueryError","Layout","jsx","Helmet","Main","Formik","jsxs","Form","HeaderLayout","Button","Check","ContentLayout","Page","Flex","Typography","Grid","GridItem","ToggleInput","Select","Option","MultiSelect","MultiSelectOption"],"mappings":"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"}

package/dist/_chunks/SingleSignOnPage-vOeDxBfa.mjs

@@ -0,0 +1,241 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Layout, Main, HeaderLayout, Button, ContentLayout, Flex, Typography, Grid, GridItem, ToggleInput, Select, Option, MultiSelect, MultiSelectOption } from "@strapi/design-system";
+import { useFocusWhenNavigate, useRBAC } from "@strapi/helper-plugin";
+import { Check } from "@strapi/icons";
+import { Formik, Form } from "formik";
+import { Helmet } from "react-helmet";
+import { useIntl } from "react-intl";
+import * as yup from "yup";
+import { p as errorsTrads, q as useTypedSelector, P as Page, u as useNotification, o as useAPIErrorHandler, ai as useGetProviderOptionsQuery, aj as useUpdateProviderOptionsMutation, w as isBaseQueryError } from "./index-5ZvCaCyY.mjs";
+import { u as useAdminRoles } from "./useAdminRoles-7_YWhmkQ.mjs";
+const schema = yup.object().shape({
+  autoRegister: yup.bool().required(errorsTrads.required.id),
+  defaultRole: yup.mixed().when("autoRegister", (value, initSchema) => {
+    return value ? initSchema.required(errorsTrads.required.id) : initSchema.nullable();
+  }),
+  ssoLockedRoles: yup.array().nullable().of(
+    yup.mixed().when("ssoLockedRoles", (value, initSchema) => {
+      return value ? initSchema.required(errorsTrads.required.id) : initSchema.nullable();
+    })
+  )
+});
+const SingleSignOnPage = () => {
+  useFocusWhenNavigate();
+  const { formatMessage } = useIntl();
+  const permissions = useTypedSelector((state) => state.admin_app.permissions);
+  const { toggleNotification } = useNotification();
+  const {
+    _unstableFormatAPIError: formatAPIError,
+    _unstableFormatValidationErrors: formatValidationErrors
+  } = useAPIErrorHandler();
+  const { isLoading: isLoadingProviderOptions, data } = useGetProviderOptionsQuery();
+  const [updateProviderOptions, { isLoading: isSubmittingForm }] = useUpdateProviderOptionsMutation();
+  const {
+    isLoading: isLoadingPermissions,
+    allowedActions: { canUpdate, canReadRoles }
+  } = useRBAC({
+    ...permissions.settings?.sso,
+    readRoles: permissions.settings?.roles.read ?? []
+  });
+  const { roles, isLoading: isLoadingRoles } = useAdminRoles(void 0, {
+    skip: !canReadRoles
+  });
+  const handleSubmit = async (body, formik) => {
+    try {
+      const res = await updateProviderOptions(body);
+      if ("error" in res) {
+        if (isBaseQueryError(res.error) && res.error.name === "ValidationError") {
+          formik.setErrors(formatValidationErrors(res.error));
+        } else {
+          toggleNotification({
+            type: "danger",
+            message: formatAPIError(res.error)
+          });
+        }
+        return;
+      }
+      toggleNotification({
+        type: "success",
+        message: formatMessage({ id: "notification.success.saved" })
+      });
+    } catch (err) {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: "notification.error",
+          defaultMessage: "An error occurred, please try again."
+        })
+      });
+    }
+  };
+  const isLoadingData = isLoadingRoles || isLoadingPermissions || isLoadingProviderOptions;
+  return /* @__PURE__ */ jsxs(Layout, { children: [
+    /* @__PURE__ */ jsx(
+      Helmet,
+      {
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          {
+            name: "SSO"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Main, { "aria-busy": isSubmittingForm || isLoadingData, tabIndex: -1, children: /* @__PURE__ */ jsx(
+      Formik,
+      {
+        onSubmit: handleSubmit,
+        initialValues: data || {
+          autoRegister: false,
+          defaultRole: null,
+          ssoLockedRoles: null
+        },
+        validationSchema: schema,
+        validateOnChange: false,
+        enableReinitialize: true,
+        children: ({ handleChange, isSubmitting, values, setFieldValue, dirty, errors }) => /* @__PURE__ */ jsxs(Form, { children: [
+          /* @__PURE__ */ jsx(
+            HeaderLayout,
+            {
+              primaryAction: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  disabled: !dirty,
+                  loading: isSubmitting,
+                  startIcon: /* @__PURE__ */ jsx(Check, {}),
+                  type: "submit",
+                  size: "L",
+                  children: formatMessage({
+                    id: "global.save",
+                    defaultMessage: "Save"
+                  })
+                }
+              ),
+              title: formatMessage({
+                id: "Settings.sso.title",
+                defaultMessage: "Single Sign-On"
+              }),
+              subtitle: formatMessage({
+                id: "Settings.sso.description",
+                defaultMessage: "Configure the settings for the Single Sign-On feature."
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(ContentLayout, { children: isSubmitting || isLoadingData ? /* @__PURE__ */ jsx(Page.Loading, {}) : /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              direction: "column",
+              alignItems: "stretch",
+              gap: 4,
+              background: "neutral0",
+              padding: 6,
+              shadow: "filterShadow",
+              hasRadius: true,
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+                  id: "global.settings",
+                  defaultMessage: "Settings"
+                }) }),
+                /* @__PURE__ */ jsxs(Grid, { gap: 4, children: [
+                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                    ToggleInput,
+                    {
+                      disabled: !canUpdate,
+                      checked: values.autoRegister,
+                      hint: formatMessage({
+                        id: "Settings.sso.form.registration.description",
+                        defaultMessage: "Create new user on SSO login if no account exists"
+                      }),
+                      label: formatMessage({
+                        id: "Settings.sso.form.registration.label",
+                        defaultMessage: "Auto-registration"
+                      }),
+                      name: "autoRegister",
+                      offLabel: formatMessage({
+                        id: "app.components.ToggleCheckbox.off-label",
+                        defaultMessage: "Off"
+                      }),
+                      onLabel: formatMessage({
+                        id: "app.components.ToggleCheckbox.on-label",
+                        defaultMessage: "On"
+                      }),
+                      onChange: handleChange
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                    Select,
+                    {
+                      disabled: !canUpdate,
+                      hint: formatMessage({
+                        id: "Settings.sso.form.defaultRole.description",
+                        defaultMessage: "It will attach the new authenticated user to the selected role"
+                      }),
+                      error: errors.defaultRole ? formatMessage({
+                        id: errors.defaultRole,
+                        defaultMessage: errors.defaultRole
+                      }) : "",
+                      label: formatMessage({
+                        id: "Settings.sso.form.defaultRole.label",
+                        defaultMessage: "Default role"
+                      }),
+                      name: "defaultRole",
+                      onChange: (value) => handleChange({ target: { name: "defaultRole", value } }),
+                      placeholder: formatMessage({
+                        id: "components.InputSelect.option.placeholder",
+                        defaultMessage: "Choose here"
+                      }),
+                      value: values.defaultRole,
+                      children: roles.map(({ id, name }) => /* @__PURE__ */ jsx(Option, { value: id.toString(), children: name }, id))
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                    MultiSelect,
+                    {
+                      disabled: !canUpdate,
+                      hint: formatMessage({
+                        id: "Settings.sso.form.localAuthenticationLock.description",
+                        defaultMessage: "Select the roles for which you want to disable the local authentication"
+                      }),
+                      error: errors.ssoLockedRoles ? formatMessage({
+                        id: errors.ssoLockedRoles,
+                        defaultMessage: errors.ssoLockedRoles
+                      }) : "",
+                      label: formatMessage({
+                        id: "Settings.sso.form.localAuthenticationLock.label",
+                        defaultMessage: "Local authentication lock-out"
+                      }),
+                      name: "ssoLockedRoles",
+                      onChange: (value) => handleChange({
+                        target: {
+                          value,
+                          name: "ssoLockedRoles"
+                        }
+                      }),
+                      placeholder: formatMessage({
+                        id: "components.InputSelect.option.placeholder",
+                        defaultMessage: "Choose here"
+                      }),
+                      onClear: () => setFieldValue("ssoLockedRoles", []),
+                      value: values.ssoLockedRoles || [],
+                      withTags: true,
+                      children: roles.map(({ id, name }) => /* @__PURE__ */ jsx(MultiSelectOption, { value: id.toString(), children: name }, id))
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          ) })
+        ] })
+      }
+    ) })
+  ] });
+};
+const ProtectedSSO = () => {
+  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.sso?.main);
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions, children: /* @__PURE__ */ jsx(SingleSignOnPage, {}) });
+};
+export {
+  ProtectedSSO,
+  SingleSignOnPage
+};
+//# sourceMappingURL=SingleSignOnPage-vOeDxBfa.mjs.map