@strapi/plugin-users-permissions 5.0.0-beta.8 → 5.0.0-rc.0

package/dist/_chunks/index-DCFIfSfa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DCFIfSfa.mjs","sources":["../../admin/src/components/FormModal/Input/index.jsx","../../admin/src/components/FormModal/index.jsx","../../admin/src/pages/Providers/utils/forms.js","../../admin/src/pages/Providers/index.jsx"],"sourcesContent":["/**\n *\n * Input\n *\n */\n\nimport React from 'react';\n\nimport { TextInput, Toggle, Field } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst Input = ({\n  description,\n  disabled,\n  intlLabel,\n  error,\n  name,\n  onChange,\n  placeholder,\n  providerToEditName,\n  type,\n  value,\n}) => {\n  const { formatMessage } = useIntl();\n  const inputValue =\n    name === 'noName'\n      ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback`\n      : value;\n\n  const label = formatMessage(\n    { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n    { provider: providerToEditName, ...intlLabel.values }\n  );\n  const hint = description\n    ? formatMessage(\n        { id: description.id, defaultMessage: description.defaultMessage },\n        { provider: providerToEditName, ...description.values }\n      )\n    : '';\n\n  if (type === 'bool') {\n    return (\n      <Field.Root hint={hint} name={name}>\n        <Field.Label>{label}</Field.Label>\n        <Toggle\n          aria-label={name}\n          checked={value}\n          disabled={disabled}\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={(e) => {\n            onChange({ target: { name, value: e.target.checked } });\n          }}\n        />\n        <Field.Hint />\n      </Field.Root>\n    );\n  }\n\n  const formattedPlaceholder = placeholder\n    ? formatMessage(\n        { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\n        { ...placeholder.values }\n      )\n    : '';\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput\n        disabled={disabled}\n        onChange={onChange}\n        placeholder={formattedPlaceholder}\n        type={type}\n        value={inputValue}\n      />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nInput.defaultProps = {\n  description: null,\n  disabled: false,\n  error: '',\n  placeholder: null,\n  value: '',\n};\n\nInput.propTypes = {\n  description: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  intlLabel: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  placeholder: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  providerToEditName: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n};\n\nexport default Input;\n","/**\n *\n * FormModal\n *\n */\n\nimport React from 'react';\n\nimport { Button, Flex, Grid, Modal, Breadcrumbs, Crumb } from '@strapi/design-system';\nimport { Form, Formik } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport Input from './Input';\n\nconst FormModal = ({\n  headerBreadcrumbs,\n  initialData,\n  isSubmiting,\n  layout,\n  isOpen,\n  onSubmit,\n  onToggle,\n  providerToEditName,\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={isOpen} onOpenChange={onToggle}>\n      <Modal.Content>\n        <Modal.Header>\n          <Breadcrumbs label={headerBreadcrumbs.join(', ')}>\n            {headerBreadcrumbs.map((crumb, index, arr) => (\n              <Crumb isCurrent={index === arr.length - 1} key={crumb}>\n                {crumb}\n              </Crumb>\n            ))}\n          </Breadcrumbs>\n        </Modal.Header>\n        <Formik\n          onSubmit={(values) => onSubmit(values)}\n          initialValues={initialData}\n          validationSchema={layout.schema}\n          validateOnChange={false}\n        >\n          {({ errors, handleChange, values }) => {\n            return (\n              <Form>\n                <Modal.Body>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                    <Grid.Root gap={5}>\n                      {layout.form.map((row) => {\n                        return row.map((input) => {\n                          return (\n                            <Grid.Item key={input.name} col={input.size} xs={12}>\n                              <Input\n                                {...input}\n                                error={errors[input.name]}\n                                onChange={handleChange}\n                                value={values[input.name]}\n                                providerToEditName={providerToEditName}\n                              />\n                            </Grid.Item>\n                          );\n                        });\n                      })}\n                    </Grid.Root>\n                  </Flex>\n                </Modal.Body>\n                <Modal.Footer>\n                  <Button variant=\"tertiary\" onClick={onToggle} type=\"button\">\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                  <Button type=\"submit\" loading={isSubmiting}>\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                </Modal.Footer>\n              </Form>\n            );\n          }}\n        </Formik>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nFormModal.defaultProps = {\n  initialData: null,\n  providerToEditName: null,\n};\n\nFormModal.propTypes = {\n  headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,\n  initialData: PropTypes.object,\n  layout: PropTypes.shape({\n    form: PropTypes.arrayOf(PropTypes.array),\n    schema: PropTypes.object,\n  }).isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  isSubmiting: PropTypes.bool.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n  providerToEditName: PropTypes.string,\n};\n\nexport default FormModal;\n","import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\nimport { getTrad } from '../../../utils';\n\nconst callbackLabel = {\n  id: getTrad('PopUpForm.Providers.redirectURL.front-end.label'),\n  defaultMessage: 'The redirect URL to your front-end app',\n};\nconst callbackPlaceholder = {\n  id: 'http://www.client-app.com',\n  defaultMessage: 'http://www.client-app.com',\n};\nconst enabledDescription = {\n  id: getTrad('PopUpForm.Providers.enabled.description'),\n  defaultMessage: \"If disabled, users won't be able to use this provider.\",\n};\nconst enabledLabel = {\n  id: getTrad('PopUpForm.Providers.enabled.label'),\n  defaultMessage: 'Enable',\n};\nconst keyLabel = { id: getTrad('PopUpForm.Providers.key.label'), defaultMessage: 'Client ID' };\nconst hintLabel = {\n  id: getTrad('PopUpForm.Providers.redirectURL.label'),\n  defaultMessage: 'The redirect URL to add in your {provider} application configurations',\n};\nconst textPlaceholder = {\n  id: getTrad('PopUpForm.Providers.key.placeholder'),\n  defaultMessage: 'TEXT',\n};\n\nconst secretLabel = {\n  id: getTrad('PopUpForm.Providers.secret.label'),\n  defaultMessage: 'Client Secret',\n};\n\nconst forms = {\n  email: {\n    form: [\n      [\n        {\n          intlLabel: enabledLabel,\n          name: 'enabled',\n          type: 'bool',\n          description: enabledDescription,\n          size: 6,\n          // TODO check if still needed\n          // validations: {\n          //   required: true,\n          // },\n        },\n      ],\n    ],\n    schema: yup.object().shape({\n      enabled: yup.bool().required(translatedErrors.required.id),\n    }),\n  },\n  providers: {\n    form: [\n      [\n        {\n          intlLabel: enabledLabel,\n          name: 'enabled',\n          type: 'bool',\n          description: enabledDescription,\n          size: 6,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: keyLabel,\n          name: 'key',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: secretLabel,\n          name: 'secret',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: callbackLabel,\n          placeholder: callbackPlaceholder,\n          name: 'callback',\n          type: 'text',\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: hintLabel,\n          name: 'noName',\n          type: 'text',\n          validations: {},\n          size: 12,\n          disabled: true,\n        },\n      ],\n    ],\n    schema: yup.object().shape({\n      enabled: yup.bool().required(translatedErrors.required.id),\n      key: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      secret: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      callback: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n    }),\n  },\n  providersWithSubdomain: {\n    form: [\n      [\n        {\n          intlLabel: enabledLabel,\n          name: 'enabled',\n          type: 'bool',\n          description: enabledDescription,\n          size: 6,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: keyLabel,\n          name: 'key',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: secretLabel,\n          name: 'secret',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: {\n            id: getTrad({ id: 'PopUpForm.Providers.jwksurl.label' }),\n            defaultMessage: 'JWKS URL',\n          },\n          name: 'jwksurl',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: false,\n          },\n        },\n      ],\n\n      [\n        {\n          intlLabel: {\n            id: getTrad('PopUpForm.Providers.subdomain.label'),\n            defaultMessage: 'Host URI (Subdomain)',\n          },\n          name: 'subdomain',\n          type: 'text',\n          placeholder: {\n            id: getTrad('PopUpForm.Providers.subdomain.placeholder'),\n            defaultMessage: 'my.subdomain.com',\n          },\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: callbackLabel,\n          placeholder: callbackPlaceholder,\n          name: 'callback',\n          type: 'text',\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: hintLabel,\n          name: 'noName',\n          type: 'text',\n          validations: {},\n          size: 12,\n          disabled: true,\n        },\n      ],\n    ],\n    schema: yup.object().shape({\n      enabled: yup.bool().required(translatedErrors.required.id),\n      key: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      secret: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      subdomain: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      callback: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n    }),\n  },\n};\n\nexport default forms;\n","import * as React from 'react';\n\nimport { useTracking, Layouts } from '@strapi/admin/strapi-admin';\nimport {\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n  useCollator,\n} from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport {\n  Page,\n  useAPIErrorHandler,\n  useNotification,\n  useFetchClient,\n  useRBAC,\n} from '@strapi/strapi/admin';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\n\nimport FormModal from '../../components/FormModal';\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport forms from './utils/forms';\n\nexport const ProvidersPage = () => {\n  const { formatMessage, locale } = useIntl();\n  const queryClient = useQueryClient();\n  const { trackUsage } = useTracking();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [providerToEditName, setProviderToEditName] = React.useState(null);\n  const { toggleNotification } = useNotification();\n  const { get, put } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const {\n    isLoading: isLoadingPermissions,\n    allowedActions: { canUpdate },\n  } = useRBAC({ update: PERMISSIONS.updateProviders });\n\n  const { isLoading: isLoadingData, data } = useQuery(\n    ['users-permissions', 'get-providers'],\n    async () => {\n      const { data } = await get('/users-permissions/providers');\n\n      return data;\n    },\n    {\n      initialData: {},\n    }\n  );\n\n  const submitMutation = useMutation((body) => put('/users-permissions/providers', body), {\n    async onSuccess() {\n      await queryClient.invalidateQueries(['users-permissions', 'get-providers']);\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: getTrad('notification.success.submit') }),\n      });\n\n      trackUsage('didEditAuthenticationProvider');\n\n      handleToggleModal();\n    },\n    onError(error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    },\n    refetchActive: false,\n  });\n\n  const providers = Object.entries(data)\n    .reduce((acc, [name, provider]) => {\n      const { icon, enabled, subdomain } = provider;\n\n      acc.push({\n        name,\n        icon: icon === 'envelope' ? ['fas', 'envelope'] : ['fab', icon],\n        enabled,\n        subdomain,\n      });\n\n      return acc;\n    }, [])\n    .sort((a, b) => formatter.compare(a.name, b.name));\n\n  const isLoading = isLoadingData || isLoadingPermissions;\n\n  const isProviderWithSubdomain = React.useMemo(() => {\n    if (!providerToEditName) {\n      return false;\n    }\n\n    const providerToEdit = providers.find((obj) => obj.name === providerToEditName);\n\n    return !!providerToEdit?.subdomain;\n  }, [providers, providerToEditName]);\n\n  const layoutToRender = React.useMemo(() => {\n    if (providerToEditName === 'email') {\n      return forms.email;\n    }\n\n    if (isProviderWithSubdomain) {\n      return forms.providersWithSubdomain;\n    }\n\n    return forms.providers;\n  }, [providerToEditName, isProviderWithSubdomain]);\n\n  const handleToggleModal = () => {\n    setIsOpen((prev) => !prev);\n  };\n\n  const handleClickEdit = (provider) => {\n    if (canUpdate) {\n      setProviderToEditName(provider.name);\n      handleToggleModal();\n    }\n  };\n\n  const handleSubmit = async (values) => {\n    trackUsage('willEditAuthenticationProvider');\n\n    submitMutation.mutate({ providers: { ...data, [providerToEditName]: values } });\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: getTrad('HeaderNav.link.providers'),\n              defaultMessage: 'Providers',\n            }),\n          }\n        )}\n      </Page.Title>\n      <Page.Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: getTrad('HeaderNav.link.providers'),\n            defaultMessage: 'Providers',\n          })}\n        />\n        <Layouts.Content>\n          <Table colCount={3} rowCount={providers.length + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({ id: getTrad('Providers.status'), defaultMessage: 'Status' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    <VisuallyHidden>\n                      {formatMessage({\n                        id: 'global.settings',\n                        defaultMessage: 'Settings',\n                      })}\n                    </VisuallyHidden>\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {providers.map((provider) => (\n                <Tr\n                  key={provider.name}\n                  onClick={() => (canUpdate ? handleClickEdit(provider) : undefined)}\n                >\n                  <Td width=\"45%\">\n                    <Typography fontWeight=\"semiBold\" textColor=\"neutral800\">\n                      {provider.name}\n                    </Typography>\n                  </Td>\n                  <Td width=\"65%\">\n                    <Typography\n                      textColor={provider.enabled ? 'success600' : 'danger600'}\n                      data-testid={`enable-${provider.name}`}\n                    >\n                      {provider.enabled\n                        ? formatMessage({\n                            id: 'global.enabled',\n                            defaultMessage: 'Enabled',\n                          })\n                        : formatMessage({\n                            id: 'global.disabled',\n                            defaultMessage: 'Disabled',\n                          })}\n                    </Typography>\n                  </Td>\n                  <Td onClick={(e) => e.stopPropagation()}>\n                    {canUpdate && (\n                      <IconButton\n                        onClick={() => handleClickEdit(provider)}\n                        borderWidth={0}\n                        label=\"Edit\"\n                      >\n                        <Pencil />\n                      </IconButton>\n                    )}\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      </Page.Main>\n      <FormModal\n        initialData={data[providerToEditName]}\n        isOpen={isOpen}\n        isSubmiting={submitMutation.isLoading}\n        layout={layoutToRender}\n        headerBreadcrumbs={[\n          formatMessage({\n            id: getTrad('PopUpForm.header.edit.providers'),\n            defaultMessage: 'Edit Provider',\n          }),\n          upperFirst(providerToEditName),\n        ]}\n        onToggle={handleToggleModal}\n        onSubmit={handleSubmit}\n        providerToEditName={providerToEditName}\n      />\n    </Layouts.Root>\n  );\n};\n\nconst ProtectedProvidersPage = () => (\n  <Page.Protect permissions={PERMISSIONS.readProviders}>\n    <ProvidersPage />\n  </Page.Protect>\n);\n\nexport default ProtectedProvidersPage;\n"],"names":["data"],"mappings":"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"}

package/dist/_chunks/{index-DGyiWVHr.js → index-DRoVF6Y7.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index69WUS0qJ = require("./index-69WUS0qJ-621Sl9hj.js");
+const index8K5RCnK = require("./index-8-k5RCnK-qR3QHvSP.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const admin = require("@strapi/strapi/admin");
@@ -11,7 +11,7 @@ const reactIntl = require("react-intl");
 const reactQuery = require("react-query");
 const formik = require("formik");
 const PropTypes = require("prop-types");
-const index = require("./index-BGu68xEV.js");
+const index = require("./index-iaebB1BT.js");
 require("lodash/isEmpty");
 const yup = require("yup");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
@@ -146,11 +146,8 @@ const FormModal = ({
   providerToEditName
 }) => {
   const { formatMessage } = reactIntl.useIntl();
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ModalLayout, { onClose: onToggle, labelledBy: "title", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Breadcrumbs, { label: headerBreadcrumbs.join(", "), children: headerBreadcrumbs.map((crumb, index2, arr) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Crumb, { isCurrent: index2 === arr.length - 1, children: crumb }, crumb)) }) }),
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open: isOpen, onOpenChange: onToggle, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Breadcrumbs, { label: headerBreadcrumbs.join(", "), children: headerBreadcrumbs.map((crumb, index2, arr) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Crumb, { isCurrent: index2 === arr.length - 1, children: crumb }, crumb)) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       formik.Formik,
       {
@@ -160,9 +157,9 @@ const FormModal = ({
         validateOnChange: false,
         children: ({ errors, handleChange, values }) => {
           return /* @__PURE__ */ jsxRuntime.jsxs(formik.Form, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalBody, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 5, children: layout.form.map((row) => {
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 5, children: layout.form.map((row) => {
               return row.map((input) => {
-                return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: input.size, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: input.size, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
                   Input,
                   {
                     ...input,
@@ -174,21 +171,18 @@ const FormModal = ({
                 ) }, input.name);
               });
             }) }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              designSystem.ModalFooter,
-              {
-                startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: onToggle, type: "button", children: formatMessage({
-                  id: "app.components.Button.cancel",
-                  defaultMessage: "Cancel"
-                }) }),
-                endActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { type: "submit", loading: isSubmiting, children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
-              }
-            )
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: onToggle, type: "button", children: formatMessage({
+                id: "app.components.Button.cancel",
+                defaultMessage: "Cancel"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { type: "submit", loading: isSubmiting, children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
+            ] })
           ] });
         }
       }
     )
-  ] });
+  ] }) });
 };
 FormModal.defaultProps = {
   initialData: null,
@@ -459,7 +453,7 @@ const forms = {
 const ProvidersPage = () => {
   const { formatMessage, locale } = reactIntl.useIntl();
   const queryClient = reactQuery.useQueryClient();
-  const { trackUsage } = index69WUS0qJ.useTracking();
+  const { trackUsage } = index8K5RCnK.useTracking();
   const [isOpen, setIsOpen] = React__namespace.useState(false);
   const [providerToEditName, setProviderToEditName] = React__namespace.useState(null);
   const { toggleNotification } = admin.useNotification();
@@ -484,7 +478,7 @@ const ProvidersPage = () => {
   );
   const submitMutation = reactQuery.useMutation((body) => put("/users-permissions/providers", body), {
     async onSuccess() {
-      await queryClient.invalidateQueries(["users-permissions", "providers"]);
+      await queryClient.invalidateQueries(["users-permissions", "get-providers"]);
       toggleNotification({
         type: "success",
         message: formatMessage({ id: index.getTrad("notification.success.submit") })
@@ -543,7 +537,7 @@ const ProvidersPage = () => {
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(index69WUS0qJ.Layouts.Root, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(index8K5RCnK.Layouts.Root, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: formatMessage(
       { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
       {
@@ -555,7 +549,7 @@ const ProvidersPage = () => {
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        index69WUS0qJ.Layouts.Header,
+        index8K5RCnK.Layouts.Header,
         {
           title: formatMessage({
             id: index.getTrad("HeaderNav.link.providers"),
@@ -563,7 +557,7 @@ const ProvidersPage = () => {
           })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(index69WUS0qJ.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 3, rowCount: providers.length + 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index8K5RCnK.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 3, rowCount: providers.length + 1, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "global.name", defaultMessage: "Name" }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: index.getTrad("Providers.status"), defaultMessage: "Status" }) }) }),
@@ -631,4 +625,4 @@ const ProvidersPage = () => {
 const ProtectedProvidersPage = () => /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: index.PERMISSIONS.readProviders, children: /* @__PURE__ */ jsxRuntime.jsx(ProvidersPage, {}) });
 exports.ProvidersPage = ProvidersPage;
 exports.default = ProtectedProvidersPage;
-//# sourceMappingURL=index-DGyiWVHr.js.map
+//# sourceMappingURL=index-DRoVF6Y7.js.map

package/dist/_chunks/index-DRoVF6Y7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DRoVF6Y7.js","sources":["../../admin/src/components/FormModal/Input/index.jsx","../../admin/src/components/FormModal/index.jsx","../../admin/src/pages/Providers/utils/forms.js","../../admin/src/pages/Providers/index.jsx"],"sourcesContent":["/**\n *\n * Input\n *\n */\n\nimport React from 'react';\n\nimport { TextInput, Toggle, Field } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst Input = ({\n  description,\n  disabled,\n  intlLabel,\n  error,\n  name,\n  onChange,\n  placeholder,\n  providerToEditName,\n  type,\n  value,\n}) => {\n  const { formatMessage } = useIntl();\n  const inputValue =\n    name === 'noName'\n      ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback`\n      : value;\n\n  const label = formatMessage(\n    { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n    { provider: providerToEditName, ...intlLabel.values }\n  );\n  const hint = description\n    ? formatMessage(\n        { id: description.id, defaultMessage: description.defaultMessage },\n        { provider: providerToEditName, ...description.values }\n      )\n    : '';\n\n  if (type === 'bool') {\n    return (\n      <Field.Root hint={hint} name={name}>\n        <Field.Label>{label}</Field.Label>\n        <Toggle\n          aria-label={name}\n          checked={value}\n          disabled={disabled}\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={(e) => {\n            onChange({ target: { name, value: e.target.checked } });\n          }}\n        />\n        <Field.Hint />\n      </Field.Root>\n    );\n  }\n\n  const formattedPlaceholder = placeholder\n    ? formatMessage(\n        { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\n        { ...placeholder.values }\n      )\n    : '';\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput\n        disabled={disabled}\n        onChange={onChange}\n        placeholder={formattedPlaceholder}\n        type={type}\n        value={inputValue}\n      />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nInput.defaultProps = {\n  description: null,\n  disabled: false,\n  error: '',\n  placeholder: null,\n  value: '',\n};\n\nInput.propTypes = {\n  description: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  intlLabel: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  placeholder: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  providerToEditName: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n};\n\nexport default Input;\n","/**\n *\n * FormModal\n *\n */\n\nimport React from 'react';\n\nimport { Button, Flex, Grid, Modal, Breadcrumbs, Crumb } from '@strapi/design-system';\nimport { Form, Formik } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport Input from './Input';\n\nconst FormModal = ({\n  headerBreadcrumbs,\n  initialData,\n  isSubmiting,\n  layout,\n  isOpen,\n  onSubmit,\n  onToggle,\n  providerToEditName,\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={isOpen} onOpenChange={onToggle}>\n      <Modal.Content>\n        <Modal.Header>\n          <Breadcrumbs label={headerBreadcrumbs.join(', ')}>\n            {headerBreadcrumbs.map((crumb, index, arr) => (\n              <Crumb isCurrent={index === arr.length - 1} key={crumb}>\n                {crumb}\n              </Crumb>\n            ))}\n          </Breadcrumbs>\n        </Modal.Header>\n        <Formik\n          onSubmit={(values) => onSubmit(values)}\n          initialValues={initialData}\n          validationSchema={layout.schema}\n          validateOnChange={false}\n        >\n          {({ errors, handleChange, values }) => {\n            return (\n              <Form>\n                <Modal.Body>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                    <Grid.Root gap={5}>\n                      {layout.form.map((row) => {\n                        return row.map((input) => {\n                          return (\n                            <Grid.Item key={input.name} col={input.size} xs={12}>\n                              <Input\n                                {...input}\n                                error={errors[input.name]}\n                                onChange={handleChange}\n                                value={values[input.name]}\n                                providerToEditName={providerToEditName}\n                              />\n                            </Grid.Item>\n                          );\n                        });\n                      })}\n                    </Grid.Root>\n                  </Flex>\n                </Modal.Body>\n                <Modal.Footer>\n                  <Button variant=\"tertiary\" onClick={onToggle} type=\"button\">\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                  <Button type=\"submit\" loading={isSubmiting}>\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                </Modal.Footer>\n              </Form>\n            );\n          }}\n        </Formik>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nFormModal.defaultProps = {\n  initialData: null,\n  providerToEditName: null,\n};\n\nFormModal.propTypes = {\n  headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,\n  initialData: PropTypes.object,\n  layout: PropTypes.shape({\n    form: PropTypes.arrayOf(PropTypes.array),\n    schema: PropTypes.object,\n  }).isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  isSubmiting: PropTypes.bool.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n  providerToEditName: PropTypes.string,\n};\n\nexport default FormModal;\n","import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\nimport { getTrad } from '../../../utils';\n\nconst callbackLabel = {\n  id: getTrad('PopUpForm.Providers.redirectURL.front-end.label'),\n  defaultMessage: 'The redirect URL to your front-end app',\n};\nconst callbackPlaceholder = {\n  id: 'http://www.client-app.com',\n  defaultMessage: 'http://www.client-app.com',\n};\nconst enabledDescription = {\n  id: getTrad('PopUpForm.Providers.enabled.description'),\n  defaultMessage: \"If disabled, users won't be able to use this provider.\",\n};\nconst enabledLabel = {\n  id: getTrad('PopUpForm.Providers.enabled.label'),\n  defaultMessage: 'Enable',\n};\nconst keyLabel = { id: getTrad('PopUpForm.Providers.key.label'), defaultMessage: 'Client ID' };\nconst hintLabel = {\n  id: getTrad('PopUpForm.Providers.redirectURL.label'),\n  defaultMessage: 'The redirect URL to add in your {provider} application configurations',\n};\nconst textPlaceholder = {\n  id: getTrad('PopUpForm.Providers.key.placeholder'),\n  defaultMessage: 'TEXT',\n};\n\nconst secretLabel = {\n  id: getTrad('PopUpForm.Providers.secret.label'),\n  defaultMessage: 'Client Secret',\n};\n\nconst forms = {\n  email: {\n    form: [\n      [\n        {\n          intlLabel: enabledLabel,\n          name: 'enabled',\n          type: 'bool',\n          description: enabledDescription,\n          size: 6,\n          // TODO check if still needed\n          // validations: {\n          //   required: true,\n          // },\n        },\n      ],\n    ],\n    schema: yup.object().shape({\n      enabled: yup.bool().required(translatedErrors.required.id),\n    }),\n  },\n  providers: {\n    form: [\n      [\n        {\n          intlLabel: enabledLabel,\n          name: 'enabled',\n          type: 'bool',\n          description: enabledDescription,\n          size: 6,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: keyLabel,\n          name: 'key',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: secretLabel,\n          name: 'secret',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: callbackLabel,\n          placeholder: callbackPlaceholder,\n          name: 'callback',\n          type: 'text',\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: hintLabel,\n          name: 'noName',\n          type: 'text',\n          validations: {},\n          size: 12,\n          disabled: true,\n        },\n      ],\n    ],\n    schema: yup.object().shape({\n      enabled: yup.bool().required(translatedErrors.required.id),\n      key: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      secret: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      callback: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n    }),\n  },\n  providersWithSubdomain: {\n    form: [\n      [\n        {\n          intlLabel: enabledLabel,\n          name: 'enabled',\n          type: 'bool',\n          description: enabledDescription,\n          size: 6,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: keyLabel,\n          name: 'key',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: secretLabel,\n          name: 'secret',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: {\n            id: getTrad({ id: 'PopUpForm.Providers.jwksurl.label' }),\n            defaultMessage: 'JWKS URL',\n          },\n          name: 'jwksurl',\n          type: 'text',\n          placeholder: textPlaceholder,\n          size: 12,\n          validations: {\n            required: false,\n          },\n        },\n      ],\n\n      [\n        {\n          intlLabel: {\n            id: getTrad('PopUpForm.Providers.subdomain.label'),\n            defaultMessage: 'Host URI (Subdomain)',\n          },\n          name: 'subdomain',\n          type: 'text',\n          placeholder: {\n            id: getTrad('PopUpForm.Providers.subdomain.placeholder'),\n            defaultMessage: 'my.subdomain.com',\n          },\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: callbackLabel,\n          placeholder: callbackPlaceholder,\n          name: 'callback',\n          type: 'text',\n          size: 12,\n          validations: {\n            required: true,\n          },\n        },\n      ],\n      [\n        {\n          intlLabel: hintLabel,\n          name: 'noName',\n          type: 'text',\n          validations: {},\n          size: 12,\n          disabled: true,\n        },\n      ],\n    ],\n    schema: yup.object().shape({\n      enabled: yup.bool().required(translatedErrors.required.id),\n      key: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      secret: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      subdomain: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n      callback: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required.id),\n        otherwise: yup.string(),\n      }),\n    }),\n  },\n};\n\nexport default forms;\n","import * as React from 'react';\n\nimport { useTracking, Layouts } from '@strapi/admin/strapi-admin';\nimport {\n  IconButton,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n  useCollator,\n} from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport {\n  Page,\n  useAPIErrorHandler,\n  useNotification,\n  useFetchClient,\n  useRBAC,\n} from '@strapi/strapi/admin';\nimport upperFirst from 'lodash/upperFirst';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\n\nimport FormModal from '../../components/FormModal';\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport forms from './utils/forms';\n\nexport const ProvidersPage = () => {\n  const { formatMessage, locale } = useIntl();\n  const queryClient = useQueryClient();\n  const { trackUsage } = useTracking();\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [providerToEditName, setProviderToEditName] = React.useState(null);\n  const { toggleNotification } = useNotification();\n  const { get, put } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  const {\n    isLoading: isLoadingPermissions,\n    allowedActions: { canUpdate },\n  } = useRBAC({ update: PERMISSIONS.updateProviders });\n\n  const { isLoading: isLoadingData, data } = useQuery(\n    ['users-permissions', 'get-providers'],\n    async () => {\n      const { data } = await get('/users-permissions/providers');\n\n      return data;\n    },\n    {\n      initialData: {},\n    }\n  );\n\n  const submitMutation = useMutation((body) => put('/users-permissions/providers', body), {\n    async onSuccess() {\n      await queryClient.invalidateQueries(['users-permissions', 'get-providers']);\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({ id: getTrad('notification.success.submit') }),\n      });\n\n      trackUsage('didEditAuthenticationProvider');\n\n      handleToggleModal();\n    },\n    onError(error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    },\n    refetchActive: false,\n  });\n\n  const providers = Object.entries(data)\n    .reduce((acc, [name, provider]) => {\n      const { icon, enabled, subdomain } = provider;\n\n      acc.push({\n        name,\n        icon: icon === 'envelope' ? ['fas', 'envelope'] : ['fab', icon],\n        enabled,\n        subdomain,\n      });\n\n      return acc;\n    }, [])\n    .sort((a, b) => formatter.compare(a.name, b.name));\n\n  const isLoading = isLoadingData || isLoadingPermissions;\n\n  const isProviderWithSubdomain = React.useMemo(() => {\n    if (!providerToEditName) {\n      return false;\n    }\n\n    const providerToEdit = providers.find((obj) => obj.name === providerToEditName);\n\n    return !!providerToEdit?.subdomain;\n  }, [providers, providerToEditName]);\n\n  const layoutToRender = React.useMemo(() => {\n    if (providerToEditName === 'email') {\n      return forms.email;\n    }\n\n    if (isProviderWithSubdomain) {\n      return forms.providersWithSubdomain;\n    }\n\n    return forms.providers;\n  }, [providerToEditName, isProviderWithSubdomain]);\n\n  const handleToggleModal = () => {\n    setIsOpen((prev) => !prev);\n  };\n\n  const handleClickEdit = (provider) => {\n    if (canUpdate) {\n      setProviderToEditName(provider.name);\n      handleToggleModal();\n    }\n  };\n\n  const handleSubmit = async (values) => {\n    trackUsage('willEditAuthenticationProvider');\n\n    submitMutation.mutate({ providers: { ...data, [providerToEditName]: values } });\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: getTrad('HeaderNav.link.providers'),\n              defaultMessage: 'Providers',\n            }),\n          }\n        )}\n      </Page.Title>\n      <Page.Main>\n        <Layouts.Header\n          title={formatMessage({\n            id: getTrad('HeaderNav.link.providers'),\n            defaultMessage: 'Providers',\n          })}\n        />\n        <Layouts.Content>\n          <Table colCount={3} rowCount={providers.length + 1}>\n            <Thead>\n              <Tr>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({ id: 'global.name', defaultMessage: 'Name' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({ id: getTrad('Providers.status'), defaultMessage: 'Status' })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\">\n                    <VisuallyHidden>\n                      {formatMessage({\n                        id: 'global.settings',\n                        defaultMessage: 'Settings',\n                      })}\n                    </VisuallyHidden>\n                  </Typography>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {providers.map((provider) => (\n                <Tr\n                  key={provider.name}\n                  onClick={() => (canUpdate ? handleClickEdit(provider) : undefined)}\n                >\n                  <Td width=\"45%\">\n                    <Typography fontWeight=\"semiBold\" textColor=\"neutral800\">\n                      {provider.name}\n                    </Typography>\n                  </Td>\n                  <Td width=\"65%\">\n                    <Typography\n                      textColor={provider.enabled ? 'success600' : 'danger600'}\n                      data-testid={`enable-${provider.name}`}\n                    >\n                      {provider.enabled\n                        ? formatMessage({\n                            id: 'global.enabled',\n                            defaultMessage: 'Enabled',\n                          })\n                        : formatMessage({\n                            id: 'global.disabled',\n                            defaultMessage: 'Disabled',\n                          })}\n                    </Typography>\n                  </Td>\n                  <Td onClick={(e) => e.stopPropagation()}>\n                    {canUpdate && (\n                      <IconButton\n                        onClick={() => handleClickEdit(provider)}\n                        borderWidth={0}\n                        label=\"Edit\"\n                      >\n                        <Pencil />\n                      </IconButton>\n                    )}\n                  </Td>\n                </Tr>\n              ))}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      </Page.Main>\n      <FormModal\n        initialData={data[providerToEditName]}\n        isOpen={isOpen}\n        isSubmiting={submitMutation.isLoading}\n        layout={layoutToRender}\n        headerBreadcrumbs={[\n          formatMessage({\n            id: getTrad('PopUpForm.header.edit.providers'),\n            defaultMessage: 'Edit Provider',\n          }),\n          upperFirst(providerToEditName),\n        ]}\n        onToggle={handleToggleModal}\n        onSubmit={handleSubmit}\n        providerToEditName={providerToEditName}\n      />\n    </Layouts.Root>\n  );\n};\n\nconst ProtectedProvidersPage = () => (\n  <Page.Protect permissions={PERMISSIONS.readProviders}>\n    <ProvidersPage />\n  </Page.Protect>\n);\n\nexport default ProtectedProvidersPage;\n"],"names":["useIntl","jsxs","Field","jsx","Toggle","TextInput","PropTypes","Modal","Breadcrumbs","index","Crumb","Formik","Form","Flex","Grid","Button","getTrad","yup","translatedErrors","useQueryClient","useTracking","React","useNotification","useFetchClient","useAPIErrorHandler","useCollator","useRBAC","PERMISSIONS","useQuery","data","useMutation","Page","Layouts","Table","Thead","Tr","Th","Typography","VisuallyHidden","Tbody","Td","IconButton","Pencil","upperFirst"],"mappings":"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"}

package/dist/_chunks/{index-BSqwdKVh.js → index-DVEZVDjs.js}

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-BGu68xEV.js");
+const index = require("./index-iaebB1BT.js");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
 const formik = require("formik");
@@ -91,7 +91,8 @@ const init$1 = (initialState2, permissions) => {
 };
 const activeCheckboxWrapperStyles = styledComponents.css`
   background: ${(props) => props.theme.colors.primary100};
-  svg {
+
+  #cog {
     opacity: 1;
   }
 `;
@@ -100,7 +101,7 @@ const CheckboxWrapper = styledComponents.styled(designSystem.Box)`
   justify-content: space-between;
   align-items: center;
 
-  svg {
+  #cog {
     opacity: 0;
     path {
       fill: ${(props) => props.theme.colors.primary600};
@@ -150,22 +151,21 @@ const SubCategory = ({ subCategory }) => {
         designSystem.Checkbox,
         {
           name: subCategory.name,
-          value: hasAllActionsSelected,
-          onValueChange: (value) => handleChangeSelectAll({ target: { name: subCategory.name, value } }),
-          indeterminate: hasSomeActionsSelected,
+          checked: hasSomeActionsSelected ? "indeterminate" : hasAllActionsSelected,
+          onCheckedChange: (value) => handleChangeSelectAll({ target: { name: subCategory.name, value } }),
           children: formatMessage({ id: "app.utils.select-all", defaultMessage: "Select all" })
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { paddingTop: 6, paddingBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 2, style: { flex: 1 }, children: subCategory.actions.map((action) => {
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { paddingTop: 6, paddingBottom: 6, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 2, style: { flex: 1 }, children: subCategory.actions.map((action) => {
       const name = `${action.name}.enabled`;
-      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxWrapper, { isActive: isActionSelected(action.name), padding: 2, hasRadius: true, children: [
+      return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(CheckboxWrapper, { isActive: isActionSelected(action.name), padding: 2, hasRadius: true, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           designSystem.Checkbox,
           {
-            value: get__default.default(modifiedData, name, false),
+            checked: get__default.default(modifiedData, name, false),
             name,
-            onValueChange: (value) => onChange({ target: { name, value } }),
+            onCheckedChange: (value) => onChange({ target: { name, value } }),
             children: action.label
           }
         ),
@@ -185,7 +185,7 @@ const SubCategory = ({ subCategory }) => {
                   route: action.name
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {})
+              /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, { id: "cog" })
             ]
           }
         )
@@ -261,6 +261,7 @@ const Permissions = () => {
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Header, { variant: index2 % 2 === 0 ? "secondary" : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(
       designSystem.Accordion.Trigger,
       {
+        caretPosition: "right",
         description: formatMessage(
           {
             id: "users-permissions.Plugin.permissions.plugins.description",
@@ -367,7 +368,7 @@ const Policies = () => {
   const pathResolved = path.slice(1).join(".");
   const displayedRoutes = isEmpty__default.default(controllerRoutes) ? [] : controllerRoutes.filter((o) => o.handler.endsWith(pathResolved));
   return /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.GridItem,
+    designSystem.Grid.Item,
     {
       col: 5,
       background: "neutral150",
@@ -486,8 +487,8 @@ const UsersPermissions = React.forwardRef(({ permissions, routes }, ref) => {
     onChangeSelectAll: handleChangeSelectAll,
     onSelectedAction: handleSelectedAction
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(UsersPermissionsProvider, { value: providerValue, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 0, shadow: "filterShadow", hasRadius: true, background: "neutral0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 7, paddingTop: 6, paddingBottom: 6, paddingLeft: 7, paddingRight: 7, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(UsersPermissionsProvider, { value: providerValue, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 0, shadow: "filterShadow", hasRadius: true, background: "neutral0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 7, paddingTop: 6, paddingBottom: 6, paddingLeft: 7, paddingRight: 7, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
         /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: formatMessage({
           id: index.getTrad("Plugins.header.title"),
@@ -672,8 +673,8 @@ const CreatePage = () => {
                     id: index.getTrad("EditPage.form.roles"),
                     defaultMessage: "Role details"
                   }) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 4, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
                       designSystem.Field.Root,
                       {
                         name: "name",
@@ -689,7 +690,7 @@ const CreatePage = () => {
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
                       designSystem.Field.Root,
                       {
                         name: "description",
@@ -826,8 +827,8 @@ const EditPage = () => {
                     id: index.getTrad("EditPage.form.roles"),
                     defaultMessage: "Role details"
                   }) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 4, children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 4, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
                       designSystem.Field.Root,
                       {
                         name: "name",
@@ -846,7 +847,7 @@ const EditPage = () => {
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
                       designSystem.Field.Root,
                       {
                         name: "description",
@@ -887,14 +888,14 @@ const ProtectedRolesEditPage = () => /* @__PURE__ */ jsxRuntime.jsx(admin.Page.P
 const EditLink = styledComponents.styled(designSystem.Link)`
   align-items: center;
   height: 3.2rem;
+  width: 3.2rem;
   display: flex;
   justify-content: center;
-  padding: ${({ theme }) => `${theme.spaces[2]}}`};
-  width: 3.2rem;
+  padding: ${({ theme }) => `${theme.spaces[2]}`};
 
   svg {
-    height: 1.2rem;
-    width: 1.2rem;
+    height: 1.6rem;
+    width: 1.6rem;
 
     path {
       fill: ${({ theme }) => theme.colors.neutral500};
@@ -933,6 +934,7 @@ const TableBody = ({ sortedRoles, canDelete, canUpdate, setRoleToDelete, onDelet
       canUpdate ? /* @__PURE__ */ jsxRuntime.jsx(
         EditLink,
         {
+          tag: reactRouterDom.NavLink,
           to: role.id.toString(),
           "aria-label": formatMessage(
             { id: "app.component.table.edit", defaultMessage: "Edit {target}" },
@@ -1139,14 +1141,7 @@ const RolesListPage = () => {
           )
         ] }) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.EmptyStateLayout, { content: formatMessage(emptyLayout[emptyContent]) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        admin.ConfirmDialog,
-        {
-          onConfirm: handleConfirmDelete,
-          onClose: handleShowConfirmDelete,
-          isOpen: showConfirmDelete
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Root, { open: showConfirmDelete, onOpenChange: handleShowConfirmDelete, children: /* @__PURE__ */ jsxRuntime.jsx(admin.ConfirmDialog, { onConfirm: handleConfirmDelete }) })
     ] })
   ] });
 };
@@ -1161,4 +1156,4 @@ const Roles = () => {
   ] }) });
 };
 exports.default = Roles;
-//# sourceMappingURL=index-BSqwdKVh.js.map
+//# sourceMappingURL=index-DVEZVDjs.js.map