@strapi/plugin-users-permissions 4.15.0 → 4.15.2

package/dist/_chunks/index-6d4afe40.mjs

@@ -0,0 +1,615 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ToggleInput, TextInput, ModalLayout, ModalHeader, ModalBody, Flex, Grid, GridItem, ModalFooter, Button, Layout, Main, HeaderLayout, ContentLayout, Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, IconButton } from "@strapi/design-system";
+import { Form, translatedErrors, useTracking, useNotification, useOverlayBlocker, useFetchClient, useAPIErrorHandler, useCollator, useFocusWhenNavigate, useRBAC, SettingsPageTitle, LoadingIndicatorPage, onRowClick, stopPropagation, CheckPagePermissions } from "@strapi/helper-plugin";
+import { Pencil } from "@strapi/icons";
+import upperFirst from "lodash/upperFirst";
+import { useIntl } from "react-intl";
+import { useQueryClient, useQuery, useMutation } from "react-query";
+import { Breadcrumbs, Crumb } from "@strapi/design-system/v2";
+import { Formik } from "formik";
+import PropTypes from "prop-types";
+import { g as getTrad, P as PERMISSIONS } from "./index-25a30587.mjs";
+import "lodash/isEmpty";
+import * as yup from "yup";
+const Input = ({
+  description,
+  disabled,
+  intlLabel,
+  error,
+  name,
+  onChange,
+  placeholder,
+  providerToEditName,
+  type,
+  value
+}) => {
+  const { formatMessage } = useIntl();
+  const inputValue = name === "noName" ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback` : value;
+  const label = formatMessage(
+    { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
+    { provider: providerToEditName, ...intlLabel.values }
+  );
+  const hint = description ? formatMessage(
+    { id: description.id, defaultMessage: description.defaultMessage },
+    { provider: providerToEditName, ...description.values }
+  ) : "";
+  if (type === "bool") {
+    return /* @__PURE__ */ jsx(
+      ToggleInput,
+      {
+        "aria-label": name,
+        checked: value,
+        disabled,
+        hint,
+        label,
+        name,
+        offLabel: formatMessage({
+          id: "app.components.ToggleCheckbox.off-label",
+          defaultMessage: "Off"
+        }),
+        onLabel: formatMessage({
+          id: "app.components.ToggleCheckbox.on-label",
+          defaultMessage: "On"
+        }),
+        onChange: (e) => {
+          onChange({ target: { name, value: e.target.checked } });
+        }
+      }
+    );
+  }
+  const formattedPlaceholder = placeholder ? formatMessage(
+    { id: placeholder.id, defaultMessage: placeholder.defaultMessage },
+    { ...placeholder.values }
+  ) : "";
+  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : "";
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    {
+      "aria-label": name,
+      disabled,
+      error: errorMessage,
+      label,
+      name,
+      onChange,
+      placeholder: formattedPlaceholder,
+      type,
+      value: inputValue
+    }
+  );
+};
+Input.defaultProps = {
+  description: null,
+  disabled: false,
+  error: "",
+  placeholder: null,
+  value: ""
+};
+Input.propTypes = {
+  description: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    defaultMessage: PropTypes.string.isRequired,
+    values: PropTypes.object
+  }),
+  disabled: PropTypes.bool,
+  error: PropTypes.string,
+  intlLabel: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    defaultMessage: PropTypes.string.isRequired,
+    values: PropTypes.object
+  }).isRequired,
+  name: PropTypes.string.isRequired,
+  onChange: PropTypes.func.isRequired,
+  placeholder: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    defaultMessage: PropTypes.string.isRequired,
+    values: PropTypes.object
+  }),
+  providerToEditName: PropTypes.string.isRequired,
+  type: PropTypes.string.isRequired,
+  value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string])
+};
+const FormModal = ({
+  headerBreadcrumbs,
+  initialData,
+  isSubmiting,
+  layout,
+  isOpen,
+  onSubmit,
+  onToggle,
+  providerToEditName
+}) => {
+  const { formatMessage } = useIntl();
+  if (!isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(ModalLayout, { onClose: onToggle, labelledBy: "title", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(Breadcrumbs, { label: headerBreadcrumbs.join(", "), children: headerBreadcrumbs.map((crumb, index, arr) => /* @__PURE__ */ jsx(Crumb, { isCurrent: index === arr.length - 1, children: crumb }, crumb)) }) }),
+    /* @__PURE__ */ jsx(
+      Formik,
+      {
+        onSubmit: (values) => onSubmit(values),
+        initialValues: initialData,
+        validationSchema: layout.schema,
+        validateOnChange: false,
+        children: ({ errors, handleChange, values }) => {
+          return /* @__PURE__ */ jsxs(Form, { children: [
+            /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Grid, { gap: 5, children: layout.form.map((row) => {
+              return row.map((input) => {
+                return /* @__PURE__ */ jsx(GridItem, { col: input.size, xs: 12, children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    ...input,
+                    error: errors[input.name],
+                    onChange: handleChange,
+                    value: values[input.name],
+                    providerToEditName
+                  }
+                ) }, input.name);
+              });
+            }) }) }) }),
+            /* @__PURE__ */ jsx(
+              ModalFooter,
+              {
+                startActions: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: onToggle, type: "button", children: formatMessage({
+                  id: "app.components.Button.cancel",
+                  defaultMessage: "Cancel"
+                }) }),
+                endActions: /* @__PURE__ */ jsx(Button, { type: "submit", loading: isSubmiting, children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
+              }
+            )
+          ] });
+        }
+      }
+    )
+  ] });
+};
+FormModal.defaultProps = {
+  initialData: null,
+  providerToEditName: null
+};
+FormModal.propTypes = {
+  headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,
+  initialData: PropTypes.object,
+  layout: PropTypes.shape({
+    form: PropTypes.arrayOf(PropTypes.array),
+    schema: PropTypes.object
+  }).isRequired,
+  isOpen: PropTypes.bool.isRequired,
+  isSubmiting: PropTypes.bool.isRequired,
+  onSubmit: PropTypes.func.isRequired,
+  onToggle: PropTypes.func.isRequired,
+  providerToEditName: PropTypes.string
+};
+const callbackLabel = {
+  id: getTrad("PopUpForm.Providers.redirectURL.front-end.label"),
+  defaultMessage: "The redirect URL to your front-end app"
+};
+const callbackPlaceholder = {
+  id: "http://www.client-app.com",
+  defaultMessage: "http://www.client-app.com"
+};
+const enabledDescription = {
+  id: getTrad("PopUpForm.Providers.enabled.description"),
+  defaultMessage: "If disabled, users won't be able to use this provider."
+};
+const enabledLabel = {
+  id: getTrad("PopUpForm.Providers.enabled.label"),
+  defaultMessage: "Enable"
+};
+const keyLabel = { id: getTrad("PopUpForm.Providers.key.label"), defaultMessage: "Client ID" };
+const hintLabel = {
+  id: getTrad("PopUpForm.Providers.redirectURL.label"),
+  defaultMessage: "The redirect URL to add in your {provider} application configurations"
+};
+const textPlaceholder = {
+  id: getTrad("PopUpForm.Providers.key.placeholder"),
+  defaultMessage: "TEXT"
+};
+const secretLabel = {
+  id: getTrad("PopUpForm.Providers.secret.label"),
+  defaultMessage: "Client Secret"
+};
+const forms = {
+  email: {
+    form: [
+      [
+        {
+          intlLabel: enabledLabel,
+          name: "enabled",
+          type: "bool",
+          description: enabledDescription,
+          size: 6
+          // TODO check if still needed
+          // validations: {
+          //   required: true,
+          // },
+        }
+      ]
+    ],
+    schema: yup.object().shape({
+      enabled: yup.bool().required(translatedErrors.required)
+    })
+  },
+  providers: {
+    form: [
+      [
+        {
+          intlLabel: enabledLabel,
+          name: "enabled",
+          type: "bool",
+          description: enabledDescription,
+          size: 6,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: keyLabel,
+          name: "key",
+          type: "text",
+          placeholder: textPlaceholder,
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: secretLabel,
+          name: "secret",
+          type: "text",
+          placeholder: textPlaceholder,
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: callbackLabel,
+          placeholder: callbackPlaceholder,
+          name: "callback",
+          type: "text",
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: hintLabel,
+          name: "noName",
+          type: "text",
+          validations: {},
+          size: 12,
+          disabled: true
+        }
+      ]
+    ],
+    schema: yup.object().shape({
+      enabled: yup.bool().required(translatedErrors.required),
+      key: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      }),
+      secret: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      }),
+      callback: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      })
+    })
+  },
+  providersWithSubdomain: {
+    form: [
+      [
+        {
+          intlLabel: enabledLabel,
+          name: "enabled",
+          type: "bool",
+          description: enabledDescription,
+          size: 6,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: keyLabel,
+          name: "key",
+          type: "text",
+          placeholder: textPlaceholder,
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: secretLabel,
+          name: "secret",
+          type: "text",
+          placeholder: textPlaceholder,
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: {
+            id: getTrad({ id: "PopUpForm.Providers.jwksurl.label" }),
+            defaultMessage: "JWKS URL"
+          },
+          name: "jwksurl",
+          type: "text",
+          placeholder: textPlaceholder,
+          size: 12,
+          validations: {
+            required: false
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: {
+            id: getTrad("PopUpForm.Providers.subdomain.label"),
+            defaultMessage: "Host URI (Subdomain)"
+          },
+          name: "subdomain",
+          type: "text",
+          placeholder: {
+            id: getTrad("PopUpForm.Providers.subdomain.placeholder"),
+            defaultMessage: "my.subdomain.com"
+          },
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: callbackLabel,
+          placeholder: callbackPlaceholder,
+          name: "callback",
+          type: "text",
+          size: 12,
+          validations: {
+            required: true
+          }
+        }
+      ],
+      [
+        {
+          intlLabel: hintLabel,
+          name: "noName",
+          type: "text",
+          validations: {},
+          size: 12,
+          disabled: true
+        }
+      ]
+    ],
+    schema: yup.object().shape({
+      enabled: yup.bool().required(translatedErrors.required),
+      key: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      }),
+      secret: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      }),
+      subdomain: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      }),
+      callback: yup.string().when("enabled", {
+        is: true,
+        then: yup.string().required(translatedErrors.required),
+        otherwise: yup.string()
+      })
+    })
+  }
+};
+const ProvidersPage = () => {
+  const { formatMessage, locale } = useIntl();
+  const queryClient = useQueryClient();
+  const { trackUsage } = useTracking();
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [providerToEditName, setProviderToEditName] = React.useState(null);
+  const toggleNotification = useNotification();
+  const { lockApp, unlockApp } = useOverlayBlocker();
+  const { get, put } = useFetchClient();
+  const { formatAPIError } = useAPIErrorHandler();
+  const formatter = useCollator(locale, {
+    sensitivity: "base"
+  });
+  useFocusWhenNavigate();
+  const {
+    isLoading: isLoadingPermissions,
+    allowedActions: { canUpdate }
+  } = useRBAC({ update: PERMISSIONS.updateProviders });
+  const { isLoading: isLoadingData, data } = useQuery(
+    ["users-permissions", "get-providers"],
+    async () => {
+      const { data: data2 } = await get("/users-permissions/providers");
+      return data2;
+    },
+    {
+      initialData: {}
+    }
+  );
+  const submitMutation = useMutation((body) => put("/users-permissions/providers", body), {
+    async onSuccess() {
+      await queryClient.invalidateQueries(["users-permissions", "providers"]);
+      toggleNotification({
+        type: "success",
+        message: { id: getTrad("notification.success.submit") }
+      });
+      trackUsage("didEditAuthenticationProvider");
+      handleToggleModal();
+      unlockApp();
+    },
+    onError(error) {
+      toggleNotification({
+        type: "warning",
+        message: formatAPIError(error)
+      });
+      unlockApp();
+    },
+    refetchActive: false
+  });
+  const providers = Object.entries(data).reduce((acc, [name, provider]) => {
+    const { icon, enabled, subdomain } = provider;
+    acc.push({
+      name,
+      icon: icon === "envelope" ? ["fas", "envelope"] : ["fab", icon],
+      enabled,
+      subdomain
+    });
+    return acc;
+  }, []).sort((a, b) => formatter.compare(a.name, b.name));
+  const isLoading = isLoadingData || isLoadingPermissions;
+  const isProviderWithSubdomain = React.useMemo(() => {
+    if (!providerToEditName) {
+      return false;
+    }
+    const providerToEdit = providers.find((obj) => obj.name === providerToEditName);
+    return !!providerToEdit?.subdomain;
+  }, [providers, providerToEditName]);
+  const layoutToRender = React.useMemo(() => {
+    if (providerToEditName === "email") {
+      return forms.email;
+    }
+    if (isProviderWithSubdomain) {
+      return forms.providersWithSubdomain;
+    }
+    return forms.providers;
+  }, [providerToEditName, isProviderWithSubdomain]);
+  const handleToggleModal = () => {
+    setIsOpen((prev) => !prev);
+  };
+  const handleClickEdit = (provider) => {
+    if (canUpdate) {
+      setProviderToEditName(provider.name);
+      handleToggleModal();
+    }
+  };
+  const handleSubmit = async (values) => {
+    lockApp();
+    trackUsage("willEditAuthenticationProvider");
+    submitMutation.mutate({ providers: { ...data, [providerToEditName]: values } });
+  };
+  return /* @__PURE__ */ jsxs(Layout, { children: [
+    /* @__PURE__ */ jsx(
+      SettingsPageTitle,
+      {
+        name: formatMessage({
+          id: getTrad("HeaderNav.link.providers"),
+          defaultMessage: "Providers"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Main, { children: [
+      /* @__PURE__ */ jsx(
+        HeaderLayout,
+        {
+          title: formatMessage({
+            id: getTrad("HeaderNav.link.providers"),
+            defaultMessage: "Providers"
+          })
+        }
+      ),
+      isLoading ? /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) : /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsxs(Table, { colCount: 3, rowCount: providers.length + 1, children: [
+        /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: "global.name", defaultMessage: "Name" }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", textColor: "neutral600", children: formatMessage({ id: getTrad("Providers.status"), defaultMessage: "Status" }) }) }),
+          /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+            id: "global.settings",
+            defaultMessage: "Settings"
+          }) }) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx(Tbody, { children: providers.map((provider) => /* @__PURE__ */ jsxs(
+          Tr,
+          {
+            ...onRowClick({
+              fn: () => handleClickEdit(provider),
+              condition: canUpdate
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Td, { width: "45%", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", textColor: "neutral800", children: provider.name }) }),
+              /* @__PURE__ */ jsx(Td, { width: "65%", children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  textColor: provider.enabled ? "success600" : "danger600",
+                  "data-testid": `enable-${provider.name}`,
+                  children: provider.enabled ? formatMessage({
+                    id: "global.enabled",
+                    defaultMessage: "Enabled"
+                  }) : formatMessage({
+                    id: "global.disabled",
+                    defaultMessage: "Disabled"
+                  })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Td, { ...stopPropagation, children: canUpdate && /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  onClick: () => handleClickEdit(provider),
+                  noBorder: true,
+                  icon: /* @__PURE__ */ jsx(Pencil, {}),
+                  label: "Edit"
+                }
+              ) })
+            ]
+          },
+          provider.name
+        )) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      FormModal,
+      {
+        initialData: data[providerToEditName],
+        isOpen,
+        isSubmiting: submitMutation.isLoading,
+        layout: layoutToRender,
+        headerBreadcrumbs: [
+          formatMessage({
+            id: getTrad("PopUpForm.header.edit.providers"),
+            defaultMessage: "Edit Provider"
+          }),
+          upperFirst(providerToEditName)
+        ],
+        onToggle: handleToggleModal,
+        onSubmit: handleSubmit,
+        providerToEditName
+      }
+    )
+  ] });
+};
+const ProtectedProvidersPage = () => /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.readProviders, children: /* @__PURE__ */ jsx(ProvidersPage, {}) });
+export {
+  ProvidersPage,
+  ProtectedProvidersPage as default
+};
+//# sourceMappingURL=index-6d4afe40.mjs.map

package/dist/_chunks/index-6d4afe40.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-6d4afe40.mjs","sources":["../../admin/src/components/FormModal/Input/index.js","../../admin/src/components/FormModal/index.js","../../admin/src/pages/Providers/utils/forms.js","../../admin/src/pages/Providers/index.js"],"sourcesContent":["/**\n *\n * Input\n *\n */\n\nimport React from 'react';\n\nimport { TextInput, ToggleInput } 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      <ToggleInput\n        aria-label={name}\n        checked={value}\n        disabled={disabled}\n        hint={hint}\n        label={label}\n        name={name}\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    );\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    <TextInput\n      aria-label={name}\n      disabled={disabled}\n      error={errorMessage}\n      label={label}\n      name={name}\n      onChange={onChange}\n      placeholder={formattedPlaceholder}\n      type={type}\n      value={inputValue}\n    />\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 {\n  Button,\n  Flex,\n  Grid,\n  GridItem,\n  ModalBody,\n  ModalFooter,\n  ModalHeader,\n  ModalLayout,\n} from '@strapi/design-system';\nimport { Breadcrumbs, Crumb } from '@strapi/design-system/v2';\nimport { Form } from '@strapi/helper-plugin';\nimport { 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  if (!isOpen) {\n    return null;\n  }\n\n  return (\n    <ModalLayout onClose={onToggle} labelledBy=\"title\">\n      <ModalHeader>\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      </ModalHeader>\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              <ModalBody>\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <Grid gap={5}>\n                    {layout.form.map((row) => {\n                      return row.map((input) => {\n                        return (\n                          <GridItem 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                          </GridItem>\n                        );\n                      });\n                    })}\n                  </Grid>\n                </Flex>\n              </ModalBody>\n              <ModalFooter\n                startActions={\n                  <Button variant=\"tertiary\" onClick={onToggle} type=\"button\">\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                }\n                endActions={\n                  <Button type=\"submit\" loading={isSubmiting}>\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                }\n              />\n            </Form>\n          );\n        }}\n      </Formik>\n    </ModalLayout>\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/helper-plugin';\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),\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),\n      key: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\n        otherwise: yup.string(),\n      }),\n      secret: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\n        otherwise: yup.string(),\n      }),\n      callback: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\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),\n      key: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\n        otherwise: yup.string(),\n      }),\n      secret: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\n        otherwise: yup.string(),\n      }),\n      subdomain: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\n        otherwise: yup.string(),\n      }),\n      callback: yup.string().when('enabled', {\n        is: true,\n        then: yup.string().required(translatedErrors.required),\n        otherwise: yup.string(),\n      }),\n    }),\n  },\n};\n\nexport default forms;\n","import * as React from 'react';\n\nimport {\n  ContentLayout,\n  HeaderLayout,\n  IconButton,\n  Layout,\n  Main,\n  Table,\n  Tbody,\n  Td,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport {\n  CheckPagePermissions,\n  LoadingIndicatorPage,\n  onRowClick,\n  SettingsPageTitle,\n  stopPropagation,\n  useAPIErrorHandler,\n  useCollator,\n  useFetchClient,\n  useFocusWhenNavigate,\n  useNotification,\n  useOverlayBlocker,\n  useRBAC,\n  useTracking,\n} from '@strapi/helper-plugin';\nimport { Pencil } from '@strapi/icons';\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 { lockApp, unlockApp } = useOverlayBlocker();\n  const { get, put } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n  const formatter = useCollator(locale, {\n    sensitivity: 'base',\n  });\n\n  useFocusWhenNavigate();\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', 'providers']);\n\n      toggleNotification({\n        type: 'success',\n        message: { id: getTrad('notification.success.submit') },\n      });\n\n      trackUsage('didEditAuthenticationProvider');\n\n      handleToggleModal();\n      unlockApp();\n    },\n    onError(error) {\n      toggleNotification({\n        type: 'warning',\n        message: formatAPIError(error),\n      });\n\n      unlockApp();\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    lockApp();\n\n    trackUsage('willEditAuthenticationProvider');\n\n    submitMutation.mutate({ providers: { ...data, [providerToEditName]: values } });\n  };\n\n  return (\n    <Layout>\n      <SettingsPageTitle\n        name={formatMessage({\n          id: getTrad('HeaderNav.link.providers'),\n          defaultMessage: 'Providers',\n        })}\n      />\n      <Main>\n        <HeaderLayout\n          title={formatMessage({\n            id: getTrad('HeaderNav.link.providers'),\n            defaultMessage: 'Providers',\n          })}\n        />\n        {isLoading ? (\n          <LoadingIndicatorPage />\n        ) : (\n          <ContentLayout>\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                    {...onRowClick({\n                      fn: () => handleClickEdit(provider),\n                      condition: canUpdate,\n                    })}\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 {...stopPropagation}>\n                      {canUpdate && (\n                        <IconButton\n                          onClick={() => handleClickEdit(provider)}\n                          noBorder\n                          icon={<Pencil />}\n                          label=\"Edit\"\n                        />\n                      )}\n                    </Td>\n                  </Tr>\n                ))}\n              </Tbody>\n            </Table>\n          </ContentLayout>\n        )}\n      </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    </Layout>\n  );\n};\n\nconst ProtectedProvidersPage = () => (\n  <CheckPagePermissions permissions={PERMISSIONS.readProviders}>\n    <ProvidersPage />\n  </CheckPagePermissions>\n);\n\nexport default ProtectedProvidersPage;\n"],"names":["data"],"mappings":"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"}