@strapi/admin 4.17.0 → 4.18.1-beta.0

package/dist/_chunks/SingleSignOnPage-b63f4c0f.js

@@ -1,344 +0,0 @@
-"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 axios = require("axios");
-const formik = require("formik");
-const reactIntl = require("react-intl");
-const reactQuery = require("react-query");
-const reactRedux = require("react-redux");
-const yup = require("yup");
-const useAdminRoles = require("./useAdminRoles-485a39e5.js");
-const AuthenticatedApp = require("./AuthenticatedApp-47219c52.js");
-const formatAPIErrors = require("./formatAPIErrors-b599cf27.js");
-require("react");
-require("semver/functions/lt");
-require("semver/functions/valid");
-require("./index-3f8cf4d5.js");
-require("react-dom/client");
-require("invariant");
-require("lodash/isFunction");
-require("lodash/merge");
-require("lodash/pick");
-require("react-helmet");
-require("react-router-dom");
-require("@radix-ui/react-context");
-require("@strapi/design-system/v2");
-require("lodash/camelCase");
-require("styled-components");
-require("@reduxjs/toolkit");
-require("lodash/omit");
-require("qs");
-require("immer");
-require("lodash/get");
-require("lodash/set");
-require("lodash/defaultsDeep");
-require("react-dnd");
-require("react-dnd-html5-backend");
-require("react-window");
-require("lodash/cloneDeep");
-require("lodash/isEqual");
-require("lodash/upperFirst");
-require("prop-types");
-require("lodash/fp");
-require("lodash/isNaN");
-require("lodash/take");
-require("slate");
-require("slate-history");
-require("slate-react");
-require("@radix-ui/react-toolbar");
-require("codemirror5");
-require("sanitize-html");
-require("highlight.js");
-require("markdown-it");
-require("markdown-it-abbr");
-require("markdown-it-container");
-require("markdown-it-deflist");
-require("markdown-it-emoji");
-require("markdown-it-footnote");
-require("markdown-it-ins");
-require("markdown-it-mark");
-require("markdown-it-sub");
-require("markdown-it-sup");
-require("codemirror5/addon/display/placeholder");
-require("lodash/toString");
-require("lodash/isEmpty");
-require("react-dom");
-require("lodash/isBoolean");
-require("lodash/toNumber");
-require("fractional-indexing");
-require("lodash/uniqBy");
-require("lodash/unset");
-require("lodash/isArray");
-require("date-fns/parseISO");
-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(helperPlugin.translatedErrors.required),
-  defaultRole: yup__namespace.mixed().when("autoRegister", (value, initSchema) => {
-    return value ? initSchema.required(helperPlugin.translatedErrors.required) : initSchema.nullable();
-  }),
-  ssoLockedRoles: yup__namespace.array().nullable().of(
-    yup__namespace.mixed().when("ssoLockedRoles", (value, initSchema) => {
-      return value ? initSchema.required(helperPlugin.translatedErrors.required) : initSchema.nullable();
-    })
-  )
-});
-const SingleSignOnPage = () => {
-  helperPlugin.useFocusWhenNavigate();
-  const { formatMessage } = reactIntl.useIntl();
-  const permissions = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  const { lockApp, unlockApp } = helperPlugin.useOverlayBlocker();
-  const toggleNotification = helperPlugin.useNotification();
-  const { formatAPIError } = helperPlugin.useAPIErrorHandler();
-  const { get, put } = helperPlugin.useFetchClient();
-  const { isLoading: isLoadingProviderOptions, data } = reactQuery.useQuery(
-    ["providers", "options"],
-    async () => {
-      const { data: data2 } = await get("/admin/providers/options");
-      return data2.data;
-    },
-    {
-      onError() {
-        toggleNotification({
-          type: "warning",
-          message: { id: "notification.error", defaultMessage: "An error occured" }
-        });
-      }
-    }
-  );
-  const submitMutation = reactQuery.useMutation(
-    async (body) => {
-      const { autoRegister, defaultRole, ssoLockedRoles } = body;
-      const { data: data2 } = await put("/admin/providers/options", {
-        autoRegister,
-        defaultRole,
-        ssoLockedRoles
-      });
-      return data2.data;
-    },
-    {
-      async onSettled() {
-        unlockApp();
-      }
-    }
-  );
-  const {
-    isLoading: isLoadingPermissions,
-    allowedActions: { canUpdate, canReadRoles }
-  } = helperPlugin.useRBAC({
-    ...permissions.settings?.sso,
-    readRoles: permissions.settings?.roles.read ?? []
-  });
-  const { roles, isLoading: isLoadingRoles } = useAdminRoles.useAdminRoles(void 0, {
-    enabled: canReadRoles
-  });
-  const handleSubmit = async (body, { resetForm, setErrors }) => {
-    lockApp();
-    submitMutation.mutate(body, {
-      onSuccess(data2) {
-        resetForm({ values: data2 });
-        toggleNotification({
-          type: "success",
-          message: { id: "notification.success.saved" }
-        });
-      },
-      onError(err) {
-        if (err instanceof axios.AxiosError && err.response) {
-          const errors = formatAPIErrors.formatAPIErrors(err.response.data);
-          const fieldsErrors = Object.keys(errors).reduce((acc, current) => {
-            acc[current] = errors[current].id;
-            return acc;
-          }, {});
-          setErrors(fieldsErrors);
-          toggleNotification({
-            type: "warning",
-            // @ts-expect-error formatAPIError is waiting for "err" to be AxiosError<{ error: ApiError }> while few lines above we need error.data there's a conflict between these two functions
-            message: formatAPIError(err)
-          });
-        }
-      }
-    });
-  };
-  const { isLoading: isSubmittingForm } = submitMutation;
-  const initialValues = {
-    autoRegister: false,
-    defaultRole: null,
-    ssoLockedRoles: null
-  };
-  const isLoadingData = isLoadingRoles || isLoadingPermissions || isLoadingProviderOptions;
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Layout, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.SettingsPageTitle, { name: "SSO" }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Main, { "aria-busy": isSubmittingForm || isLoadingData, tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(
-      formik.Formik,
-      {
-        onSubmit: handleSubmit,
-        initialValues: data || initialValues,
-        validationSchema: schema,
-        validateOnChange: false,
-        enableReinitialize: true,
-        children: ({ handleChange, isSubmitting, values, setFieldValue, dirty, errors }) => /* @__PURE__ */ jsxRuntime.jsxs(helperPlugin.Form, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            designSystem.HeaderLayout,
-            {
-              primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
-                designSystem.Button,
-                {
-                  "data-testid": "save-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(helperPlugin.LoadingIndicatorPage, {}) : /* @__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,
-                    {
-                      "data-testid": "autoRegister",
-                      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 = reactRedux.useSelector(AuthenticatedApp.selectAdminPermissions);
-  return /* @__PURE__ */ jsxRuntime.jsx(helperPlugin.CheckPagePermissions, { permissions: permissions.settings?.sso?.main, children: /* @__PURE__ */ jsxRuntime.jsx(SingleSignOnPage, {}) });
-};
-exports.ProtectedSSO = ProtectedSSO;
-exports.SingleSignOnPage = SingleSignOnPage;
-//# sourceMappingURL=SingleSignOnPage-b63f4c0f.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SingleSignOnPage-b63f4c0f.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 {\n  CheckPagePermissions,\n  Form,\n  LoadingIndicatorPage,\n  SettingsPageTitle,\n  translatedErrors,\n  useAPIErrorHandler,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useNotification,\n  useOverlayBlocker,\n  useRBAC,\n} from '@strapi/helper-plugin';\nimport { Check } from '@strapi/icons';\nimport { AxiosError } from 'axios';\nimport { Formik, FormikErrors, FormikHelpers } from 'formik';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery } from 'react-query';\nimport { useSelector } from 'react-redux';\nimport * as yup from 'yup';\n\nimport { useAdminRoles } from '../../../../../../admin/src/hooks/useAdminRoles';\nimport { selectAdminPermissions } from '../../../../../../admin/src/selectors';\nimport { formatAPIErrors } from '../../../../../../admin/src/utils/formatAPIErrors';\nimport { ProvidersOptions } from '../../../../../../shared/contracts/admin';\n\nconst schema = yup.object().shape({\n  autoRegister: yup.bool().required(translatedErrors.required),\n  defaultRole: yup.mixed().when('autoRegister', (value, initSchema) => {\n    return value ? initSchema.required(translatedErrors.required) : 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) : initSchema.nullable();\n      })\n    ),\n});\n\nexport const SingleSignOnPage = () => {\n  useFocusWhenNavigate();\n\n  const { formatMessage } = useIntl();\n  const permissions = useSelector(selectAdminPermissions);\n  const { lockApp, unlockApp } = useOverlayBlocker();\n  const toggleNotification = useNotification();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  const { get, put } = useFetchClient();\n\n  const { isLoading: isLoadingProviderOptions, data } = useQuery(\n    ['providers', 'options'],\n    async () => {\n      const { data } = await get<ProvidersOptions.Response>('/admin/providers/options');\n\n      return data.data;\n    },\n    {\n      onError() {\n        toggleNotification({\n          type: 'warning',\n          message: { id: 'notification.error', defaultMessage: 'An error occured' },\n        });\n      },\n    }\n  );\n\n  const submitMutation = useMutation<\n    ProvidersOptions.Response['data'],\n    AxiosError<ProvidersOptions.Response>,\n    ProvidersOptions.Request['body']\n  >(\n    async (body) => {\n      const { autoRegister, defaultRole, ssoLockedRoles } = body;\n      const { data } = await put<ProvidersOptions.Response>('/admin/providers/options', {\n        autoRegister,\n        defaultRole,\n        ssoLockedRoles,\n      });\n\n      return data.data;\n    },\n    {\n      async onSettled() {\n        // @ts-expect-error – we're going to implement a context assertion to avoid this\n        unlockApp();\n      },\n    }\n  );\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    enabled: canReadRoles,\n  });\n\n  const handleSubmit = async (\n    body: ProvidersOptions.Request['body'],\n    { resetForm, setErrors }: FormikHelpers<ProvidersOptions.Request['body']>\n  ) => {\n    // @ts-expect-error - context assertation\n    lockApp();\n\n    submitMutation.mutate(body, {\n      onSuccess(data) {\n        resetForm({ values: data });\n        toggleNotification({\n          type: 'success',\n          message: { id: 'notification.success.saved' },\n        });\n      },\n      onError(err) {\n        if (err instanceof AxiosError && err.response) {\n          // @ts-expect-error formatApiErrors is waiting for a Record<string, string[]> while response.data contains different value types than string.\n          const errors = formatAPIErrors(err.response.data);\n          const fieldsErrors = Object.keys(errors).reduce<\n            FormikErrors<ProvidersOptions.Request['body']>\n          >((acc, current) => {\n            acc[current as keyof ProvidersOptions.Request['body']] = errors[current].id;\n            return acc;\n          }, {});\n          setErrors(fieldsErrors);\n          toggleNotification({\n            type: 'warning',\n            // @ts-expect-error formatAPIError is waiting for \"err\" to be AxiosError<{ error: ApiError }> while few lines above we need error.data there's a conflict between these two functions\n            message: formatAPIError(err),\n          });\n        }\n      },\n    });\n  };\n\n  const { isLoading: isSubmittingForm } = submitMutation;\n  const initialValues = {\n    autoRegister: false,\n    defaultRole: null,\n    ssoLockedRoles: null,\n  };\n  const isLoadingData = isLoadingRoles || isLoadingPermissions || isLoadingProviderOptions;\n  return (\n    <Layout>\n      <SettingsPageTitle name=\"SSO\" />\n      <Main aria-busy={isSubmittingForm || isLoadingData} tabIndex={-1}>\n        <Formik\n          onSubmit={handleSubmit}\n          initialValues={data || initialValues}\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                    data-testid=\"save-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                  <LoadingIndicatorPage />\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                          data-testid=\"autoRegister\"\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 = useSelector(selectAdminPermissions);\n\n  return (\n    <CheckPagePermissions permissions={permissions.settings?.sso?.main}>\n      <SingleSignOnPage />\n    </CheckPagePermissions>\n  );\n};\n"],"names":["yup","translatedErrors","useFocusWhenNavigate","useIntl","useSelector","selectAdminPermissions","useOverlayBlocker","useNotification","useAPIErrorHandler","useFetchClient","useQuery","data","useMutation","useRBAC","useAdminRoles","AxiosError","formatAPIErrors","Layout","jsx","SettingsPageTitle","Main","Formik","jsxs","Form","HeaderLayout","Button","Check","ContentLayout","LoadingIndicatorPage","Flex","Typography","Grid","GridItem","ToggleInput","Select","Option","MultiSelect","MultiSelectOption","CheckPagePermissions"],"mappings":"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"}

package/dist/_chunks/Table-3f09118e.mjs

@@ -1,206 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Tbody, Tr, Td, Typography, Flex, Box, IconButton } from "@strapi/design-system";
-import { Link } from "@strapi/design-system/v2";
-import { DynamicTable, useQueryParams, useTracking, onRowClick, pxToRem, RelativeTime, ConfirmDialog } from "@strapi/helper-plugin";
-import { Trash, Eye, Pencil } from "@strapi/icons";
-import { useIntl } from "react-intl";
-import { useHistory, NavLink } from "react-router-dom";
-import styled from "styled-components";
-const Table = ({
-  permissions,
-  headers = [],
-  contentType,
-  isLoading = false,
-  tokens = [],
-  onConfirmDelete,
-  tokenType
-}) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  return /* @__PURE__ */ jsx(
-    DynamicTable,
-    {
-      headers,
-      contentType,
-      rows: tokens,
-      withBulkActions: canDelete || canUpdate || canRead,
-      isLoading,
-      onConfirmDelete,
-      children: /* @__PURE__ */ jsx(
-        TableRows,
-        {
-          tokenType,
-          permissions,
-          onConfirmDelete
-        }
-      )
-    }
-  );
-};
-const TableRows = ({
-  tokenType,
-  permissions,
-  rows = [],
-  withBulkActions,
-  onConfirmDelete
-}) => {
-  const { canDelete, canUpdate, canRead } = permissions;
-  const [{ query }] = useQueryParams();
-  const { formatMessage } = useIntl();
-  const [, sortOrder] = query && query.sort ? query.sort.split(":") : [void 0, "ASC"];
-  const {
-    push,
-    location: { pathname }
-  } = useHistory();
-  const { trackUsage } = useTracking();
-  const sortedTokens = rows.sort((a, b) => {
-    const comparison = a.name.localeCompare(b.name);
-    return sortOrder === "DESC" ? -comparison : comparison;
-  });
-  return /* @__PURE__ */ jsx(Tbody, { children: sortedTokens.map((token) => {
-    return /* @__PURE__ */ jsxs(
-      Tr,
-      {
-        ...onRowClick({
-          fn() {
-            trackUsage("willEditTokenFromList", {
-              tokenType
-            });
-            push(`${pathname}/${token.id}`);
-          },
-          condition: canUpdate
-        }),
-        children: [
-          /* @__PURE__ */ jsx(Td, { maxWidth: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", fontWeight: "bold", ellipsis: true, children: token.name }) }),
-          /* @__PURE__ */ jsx(Td, { maxWidth: pxToRem(250), children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", ellipsis: true, children: token.description }) }),
-          /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsx(RelativeTime, { timestamp: new Date(token.createdAt) }) }) }),
-          /* @__PURE__ */ jsx(Td, { children: token.lastUsedAt && /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: /* @__PURE__ */ jsx(
-            RelativeTime,
-            {
-              timestamp: new Date(token.lastUsedAt),
-              customIntervals: [
-                {
-                  unit: "hours",
-                  threshold: 1,
-                  text: formatMessage({
-                    id: "Settings.apiTokens.lastHour",
-                    defaultMessage: "last hour"
-                  })
-                }
-              ]
-            }
-          ) }) }),
-          withBulkActions && /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", children: [
-            canUpdate && /* @__PURE__ */ jsx(UpdateButton, { tokenName: token.name, tokenId: token.id }),
-            !canUpdate && canRead && /* @__PURE__ */ jsx(ReadButton, { tokenName: token.name, tokenId: token.id }),
-            canDelete && /* @__PURE__ */ jsx(
-              DeleteButton,
-              {
-                tokenName: token.name,
-                onClickDelete: () => onConfirmDelete?.(token.id),
-                tokenType
-              }
-            )
-          ] }) })
-        ]
-      },
-      token.id
-    );
-  }) });
-};
-const MESSAGES_MAP = {
-  edit: {
-    id: "app.component.table.edit",
-    defaultMessage: "Edit {target}"
-  },
-  read: {
-    id: "app.component.table.read",
-    defaultMessage: "Read {target}"
-  }
-};
-const DefaultButton = ({
-  tokenName,
-  tokenId,
-  buttonType = "edit",
-  children
-}) => {
-  const { formatMessage } = useIntl();
-  const {
-    location: { pathname }
-  } = useHistory();
-  return /* @__PURE__ */ jsx(
-    LinkStyled,
-    {
-      forwardedAs: NavLink,
-      to: `${pathname}/${tokenId}`,
-      title: formatMessage(MESSAGES_MAP[buttonType], { target: tokenName }),
-      children
-    }
-  );
-};
-const LinkStyled = styled(Link)`
-  svg {
-    path {
-      fill: ${({ theme }) => theme.colors.neutral500};
-    }
-  }
-
-  &:hover,
-  &:focus {
-    svg {
-      path {
-        fill: ${({ theme }) => theme.colors.neutral800};
-      }
-    }
-  }
-`;
-const DeleteButton = ({ tokenName, onClickDelete, tokenType }) => {
-  const { formatMessage } = useIntl();
-  const { trackUsage } = useTracking();
-  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);
-  const handleClickDelete = () => {
-    setShowConfirmDialog(false);
-    trackUsage("willDeleteToken", {
-      tokenType
-    });
-    onClickDelete();
-  };
-  return /* @__PURE__ */ jsxs(Box, { paddingLeft: 1, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: () => {
-          setShowConfirmDialog(true);
-        },
-        label: formatMessage(
-          {
-            id: "global.delete-target",
-            defaultMessage: "Delete {target}"
-          },
-          { target: `${tokenName}` }
-        ),
-        name: "delete",
-        borderWidth: 0,
-        icon: /* @__PURE__ */ jsx(Trash, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ConfirmDialog,
-      {
-        onToggleDialog: () => setShowConfirmDialog(false),
-        onConfirm: handleClickDelete,
-        isOpen: showConfirmDialog
-      }
-    )
-  ] });
-};
-const ReadButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsx(DefaultButton, { tokenName, tokenId, buttonType: "read", children: /* @__PURE__ */ jsx(Eye, {}) });
-};
-const UpdateButton = ({ tokenName, tokenId }) => {
-  return /* @__PURE__ */ jsx(DefaultButton, { tokenName, tokenId, children: /* @__PURE__ */ jsx(Pencil, {}) });
-};
-export {
-  Table as T
-};
-//# sourceMappingURL=Table-3f09118e.mjs.map

package/dist/_chunks/Table-3f09118e.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table-3f09118e.mjs","sources":["../../admin/src/pages/Settings/components/Tokens/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, IconButton, Tbody, Td, Tr, Typography } from '@strapi/design-system';\nimport { Link } from '@strapi/design-system/v2';\nimport {\n  ConfirmDialog,\n  DynamicTable,\n  onRowClick,\n  pxToRem,\n  RelativeTime,\n  useQueryParams,\n  useTracking,\n  TableProps as DynamicTableProps,\n  TableRowProps,\n} from '@strapi/helper-plugin';\nimport { Eye, Pencil, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useHistory } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport type { Entity } from '@strapi/types';\n\ninterface TokenTableRowData {\n  id: Entity.ID;\n  name: string;\n  description: string;\n  createdAt: string;\n  lastUsedAt: string;\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Table\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableProps\n  extends Pick<\n    DynamicTableProps<TokenTableRowData>,\n    'contentType' | 'onConfirmDelete' | 'headers' | 'isLoading'\n  > {\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n  tokens: Array<{\n    id: string | number;\n    name: string;\n    description: string;\n    createdAt: string;\n    lastUsedAt: string | null;\n  }>;\n  tokenType: 'api-token' | 'transfer-token';\n}\n\nconst Table = ({\n  permissions,\n  headers = [],\n  contentType,\n  isLoading = false,\n  tokens = [],\n  onConfirmDelete,\n  tokenType,\n}: TableProps) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  /**\n   * TODO: This needs refactoring to the new `Table` component.\n   */\n  return (\n    <DynamicTable\n      headers={headers}\n      contentType={contentType}\n      rows={tokens}\n      withBulkActions={canDelete || canUpdate || canRead}\n      isLoading={isLoading}\n      onConfirmDelete={onConfirmDelete}\n    >\n      <TableRows\n        tokenType={tokenType}\n        permissions={permissions}\n        onConfirmDelete={onConfirmDelete}\n      />\n    </DynamicTable>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * TableRows\n * -----------------------------------------------------------------------------------------------*/\n\ninterface TableRowsProps\n  extends Pick<DynamicTableProps<TokenTableRowData>, 'onConfirmDelete'>,\n    Pick<TableRowProps<TokenTableRowData>, 'withBulkActions' | 'rows'>,\n    Pick<TableProps, 'tokenType'> {\n  permissions: {\n    canRead: boolean;\n    canDelete: boolean;\n    canUpdate: boolean;\n  };\n}\n\nconst TableRows = ({\n  tokenType,\n  permissions,\n  rows = [],\n  withBulkActions,\n  onConfirmDelete,\n}: TableRowsProps) => {\n  const { canDelete, canUpdate, canRead } = permissions;\n\n  const [{ query }] = useQueryParams<{ sort?: string }>();\n  const { formatMessage } = useIntl();\n  const [, sortOrder] = query && query.sort ? query.sort.split(':') : [undefined, 'ASC'];\n  const {\n    push,\n    location: { pathname },\n  } = useHistory();\n  const { trackUsage } = useTracking();\n\n  const sortedTokens = rows.sort((a, b) => {\n    const comparison = a.name.localeCompare(b.name);\n\n    return sortOrder === 'DESC' ? -comparison : comparison;\n  });\n\n  return (\n    <Tbody>\n      {sortedTokens.map((token) => {\n        return (\n          <Tr\n            key={token.id}\n            {...onRowClick({\n              fn() {\n                trackUsage('willEditTokenFromList', {\n                  tokenType,\n                });\n                push(`${pathname}/${token.id}`);\n              },\n              condition: canUpdate,\n            })}\n          >\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" fontWeight=\"bold\" ellipsis>\n                {token.name}\n              </Typography>\n            </Td>\n            <Td maxWidth={pxToRem(250)}>\n              <Typography textColor=\"neutral800\" ellipsis>\n                {token.description}\n              </Typography>\n            </Td>\n            <Td>\n              <Typography textColor=\"neutral800\">\n                <RelativeTime timestamp={new Date(token.createdAt)} />\n              </Typography>\n            </Td>\n            <Td>\n              {token.lastUsedAt && (\n                <Typography textColor=\"neutral800\">\n                  <RelativeTime\n                    timestamp={new Date(token.lastUsedAt)}\n                    customIntervals={[\n                      {\n                        unit: 'hours',\n                        threshold: 1,\n                        text: formatMessage({\n                          id: 'Settings.apiTokens.lastHour',\n                          defaultMessage: 'last hour',\n                        }),\n                      },\n                    ]}\n                  />\n                </Typography>\n              )}\n            </Td>\n\n            {withBulkActions && (\n              <Td>\n                <Flex justifyContent=\"end\">\n                  {canUpdate && <UpdateButton tokenName={token.name} tokenId={token.id} />}\n                  {!canUpdate && canRead && (\n                    <ReadButton tokenName={token.name} tokenId={token.id} />\n                  )}\n                  {canDelete && (\n                    <DeleteButton\n                      tokenName={token.name}\n                      onClickDelete={() => onConfirmDelete?.(token.id)}\n                      tokenType={tokenType}\n                    />\n                  )}\n                </Flex>\n              </Td>\n            )}\n          </Tr>\n        );\n      })}\n    </Tbody>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CRUD Buttons\n * -----------------------------------------------------------------------------------------------*/\n\nconst MESSAGES_MAP = {\n  edit: {\n    id: 'app.component.table.edit',\n    defaultMessage: 'Edit {target}',\n  },\n  read: {\n    id: 'app.component.table.read',\n    defaultMessage: 'Read {target}',\n  },\n};\n\ninterface DefaultButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n  buttonType?: 'edit' | 'read';\n  children: React.ReactNode;\n}\n\nconst DefaultButton = ({\n  tokenName,\n  tokenId,\n  buttonType = 'edit',\n  children,\n}: DefaultButtonProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    location: { pathname },\n  } = useHistory();\n\n  return (\n    <LinkStyled\n      forwardedAs={NavLink}\n      to={`${pathname}/${tokenId}`}\n      title={formatMessage(MESSAGES_MAP[buttonType], { target: tokenName })}\n    >\n      {children}\n    </LinkStyled>\n  );\n};\n\nconst LinkStyled = styled(Link)`\n  svg {\n    path {\n      fill: ${({ theme }) => theme.colors.neutral500};\n    }\n  }\n\n  &:hover,\n  &:focus {\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral800};\n      }\n    }\n  }\n`;\n\ninterface DeleteButtonProps extends Pick<ButtonProps, 'tokenName'>, Pick<TableProps, 'tokenType'> {\n  onClickDelete: () => void;\n}\n\nconst DeleteButton = ({ tokenName, onClickDelete, tokenType }: DeleteButtonProps) => {\n  const { formatMessage } = useIntl();\n  const { trackUsage } = useTracking();\n  const [showConfirmDialog, setShowConfirmDialog] = React.useState(false);\n  const handleClickDelete = () => {\n    setShowConfirmDialog(false);\n    trackUsage('willDeleteToken', {\n      tokenType,\n    });\n    onClickDelete();\n  };\n\n  return (\n    <Box paddingLeft={1} onClick={(e) => e.stopPropagation()}>\n      <IconButton\n        onClick={() => {\n          setShowConfirmDialog(true);\n        }}\n        label={formatMessage(\n          {\n            id: 'global.delete-target',\n            defaultMessage: 'Delete {target}',\n          },\n          { target: `${tokenName}` }\n        )}\n        name=\"delete\"\n        borderWidth={0}\n        icon={<Trash />}\n      />\n      <ConfirmDialog\n        onToggleDialog={() => setShowConfirmDialog(false)}\n        onConfirm={handleClickDelete}\n        isOpen={showConfirmDialog}\n      />\n    </Box>\n  );\n};\n\ninterface ButtonProps {\n  tokenName: string;\n  tokenId: Entity.ID;\n}\n\nconst ReadButton = ({ tokenName, tokenId }: ButtonProps) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId} buttonType=\"read\">\n      <Eye />\n    </DefaultButton>\n  );\n};\n\nconst UpdateButton = ({ tokenName, tokenId }: ButtonProps) => {\n  return (\n    <DefaultButton tokenName={tokenName} tokenId={tokenId}>\n      <Pencil />\n    </DefaultButton>\n  );\n};\n\nexport { Table };\nexport type { TableProps };\n"],"names":[],"mappings":"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"}