@strapi/email 0.0.0 → 5.0.0-beta.6

package/README.md

@@ -1 +1,3 @@
-# Strapi Email
+# Strapi plugin
+
+> :warning: The Shipper Email may also need to be changed in the `Email Templates` tab on the admin panel for emails to send properly

package/dist/_chunks/Settings-BDuq6QQN.mjs

@@ -0,0 +1,279 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { translatedErrors, Page, useNotification, useFetchClient } from "@strapi/admin/strapi-admin";
+import { HeaderLayout, ContentLayout, Flex, Box, Typography, Grid, GridItem, TextInput, SingleSelect, SingleSelectOption, Button } from "@strapi/design-system";
+import { Mail } from "@strapi/icons";
+import { useIntl } from "react-intl";
+import { useQuery, useMutation } from "react-query";
+import styled from "styled-components";
+import * as yup from "yup";
+import { ValidationError } from "yup";
+import { P as PERMISSIONS } from "./index-N4Dmk_PI.mjs";
+const extractValuesFromYupError = (errorType, errorParams) => {
+  if (!errorType || !errorParams) {
+    return {};
+  }
+  return {
+    [errorType]: errorParams[errorType]
+  };
+};
+const getYupInnerErrors = (error) => (error?.inner || []).reduce((acc, currentError) => {
+  if (currentError.path) {
+    acc[currentError.path.split("[").join(".").split("]").join("")] = {
+      id: currentError.message,
+      defaultMessage: currentError.message,
+      values: extractValuesFromYupError(currentError?.type, currentError?.params)
+    };
+  }
+  return acc;
+}, {});
+const schema = yup.object().shape({
+  email: yup.string().email(translatedErrors.email.id).required(translatedErrors.required.id)
+});
+const DocumentationLink = styled.a`
+  color: ${({ theme }) => theme.colors.primary600};
+`;
+const ProtectedSettingsPage = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.settings, children: /* @__PURE__ */ jsx(SettingsPage, {}) });
+const SettingsPage = () => {
+  const { toggleNotification } = useNotification();
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  const [testAddress, setTestAddress] = React.useState("");
+  const [isTestAddressValid, setIsTestAddressValid] = React.useState(false);
+  const [formErrors, setFormErrors] = React.useState({});
+  const { data, isLoading } = useQuery(["email", "settings"], async () => {
+    const res = await get("/email/settings");
+    const {
+      data: { config }
+    } = res;
+    return config;
+  });
+  const mutation = useMutation(
+    async (body) => {
+      await post("/email/test", body);
+    },
+    {
+      onError() {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(
+            {
+              id: "email.Settings.email.plugin.notification.test.error",
+              defaultMessage: "Failed to send a test mail to {to}"
+            },
+            { to: testAddress }
+          )
+        });
+      },
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: formatMessage(
+            {
+              id: "email.Settings.email.plugin.notification.test.success",
+              defaultMessage: "Email test succeeded, check the {to} mailbox"
+            },
+            { to: testAddress }
+          )
+        });
+      },
+      retry: false
+    }
+  );
+  React.useEffect(() => {
+    schema.validate({ email: testAddress }, { abortEarly: false }).then(() => setIsTestAddressValid(true)).catch(() => setIsTestAddressValid(false));
+  }, [testAddress]);
+  const handleChange = (event) => {
+    setTestAddress(() => event.target.value);
+  };
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    try {
+      await schema.validate({ email: testAddress }, { abortEarly: false });
+    } catch (error) {
+      if (error instanceof ValidationError) {
+        setFormErrors(getYupInnerErrors(error));
+      }
+    }
+    mutation.mutate({ to: testAddress });
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Page.Loading, {});
+  }
+  return /* @__PURE__ */ jsxs(Page.Main, { labelledBy: "title", "aria-busy": isLoading || mutation.isLoading, children: [
+    /* @__PURE__ */ jsx(Page.Title, { children: formatMessage(
+      { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+      {
+        name: formatMessage({
+          id: "email.Settings.email.plugin.title",
+          defaultMessage: "Configuration"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      HeaderLayout,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "email.Settings.email.plugin.title",
+          defaultMessage: "Configuration"
+        }),
+        subtitle: formatMessage({
+          id: "email.Settings.email.plugin.subTitle",
+          defaultMessage: "Test the settings for the Email plugin"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(ContentLayout, { children: data && /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 7, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          background: "neutral0",
+          hasRadius: true,
+          shadow: "filterShadow",
+          paddingTop: 6,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          paddingRight: 7,
+          children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+              /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+                id: "email.Settings.email.plugin.title.config",
+                defaultMessage: "Configuration"
+              }) }),
+              /* @__PURE__ */ jsx(Typography, { children: formatMessage(
+                {
+                  id: "email.Settings.email.plugin.text.configuration",
+                  defaultMessage: "The plugin is configured through the {file} file, checkout this {link} for the documentation."
+                },
+                {
+                  file: "./config/plugins.js",
+                  link: /* @__PURE__ */ jsx(
+                    DocumentationLink,
+                    {
+                      href: "https://docs.strapi.io/developer-docs/latest/plugins/email.html",
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      children: formatMessage({
+                        id: "email.link",
+                        defaultMessage: "Link"
+                      })
+                    }
+                  )
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
+              /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  name: "shipper-email",
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.defaultFrom",
+                    defaultMessage: "Default sender email"
+                  }),
+                  placeholder: formatMessage({
+                    id: "email.Settings.email.plugin.placeholder.defaultFrom",
+                    defaultMessage: "ex: Strapi No-Reply '<'no-reply@strapi.io'>'"
+                  }),
+                  disabled: true,
+                  value: data.settings.defaultFrom
+                }
+              ) }),
+              /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  name: "response-email",
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.defaultReplyTo",
+                    defaultMessage: "Default response email"
+                  }),
+                  placeholder: formatMessage({
+                    id: "email.Settings.email.plugin.placeholder.defaultReplyTo",
+                    defaultMessage: `ex: Strapi '<'example@strapi.io'>'`
+                  }),
+                  disabled: true,
+                  value: data.settings.defaultReplyTo
+                }
+              ) }),
+              /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                SingleSelect,
+                {
+                  name: "email-provider",
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.provider",
+                    defaultMessage: "Email provider"
+                  }),
+                  disabled: true,
+                  value: data.provider,
+                  children: /* @__PURE__ */ jsx(SingleSelectOption, { value: data.provider, children: data.provider })
+                }
+              ) })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          alignItems: "stretch",
+          background: "neutral0",
+          direction: "column",
+          gap: 4,
+          hasRadius: true,
+          shadow: "filterShadow",
+          paddingTop: 6,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          paddingRight: 7,
+          children: [
+            /* @__PURE__ */ jsx(Typography, { variant: "delta", as: "h2", children: formatMessage({
+              id: "email.Settings.email.plugin.title.test",
+              defaultMessage: "Test email delivery"
+            }) }),
+            /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
+              /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
+                TextInput,
+                {
+                  id: "test-address-input",
+                  name: "test-address",
+                  onChange: handleChange,
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.testAddress",
+                    defaultMessage: "Recipient email"
+                  }),
+                  value: testAddress,
+                  error: formErrors.email?.id && formatMessage({
+                    id: `email.${formErrors.email?.id}`,
+                    defaultMessage: "This is not a valid email"
+                  }),
+                  placeholder: formatMessage({
+                    id: "email.Settings.email.plugin.placeholder.testAddress",
+                    defaultMessage: "ex: developer@example.com"
+                  })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(GridItem, { col: 7, s: 12, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  loading: mutation.isLoading,
+                  disabled: !isTestAddressValid,
+                  type: "submit",
+                  startIcon: /* @__PURE__ */ jsx(Mail, {}),
+                  children: formatMessage({
+                    id: "email.Settings.email.plugin.button.test-email",
+                    defaultMessage: "Send test email"
+                  })
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] }) }) })
+  ] });
+};
+export {
+  ProtectedSettingsPage
+};
+//# sourceMappingURL=Settings-BDuq6QQN.mjs.map

package/dist/_chunks/Settings-BDuq6QQN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings-BDuq6QQN.mjs","sources":["../../admin/src/utils/getYupInnerErrors.ts","../../admin/src/utils/schema.ts","../../admin/src/pages/Settings.tsx"],"sourcesContent":["import type { MessageDescriptor, PrimitiveType } from 'react-intl';\nimport type { ValidationError } from 'yup';\n\ninterface TranslationMessage extends MessageDescriptor {\n  values?: Record<string, PrimitiveType>;\n}\n\nconst extractValuesFromYupError = (\n  errorType?: string | undefined,\n  errorParams?: Record<string, any> | undefined\n) => {\n  if (!errorType || !errorParams) {\n    return {};\n  }\n\n  return {\n    [errorType]: errorParams[errorType],\n  };\n};\n\nconst getYupInnerErrors = (error: ValidationError) =>\n  (error?.inner || []).reduce<Record<string, TranslationMessage>>((acc, currentError) => {\n    if (currentError.path) {\n      acc[currentError.path.split('[').join('.').split(']').join('')] = {\n        id: currentError.message,\n        defaultMessage: currentError.message,\n        values: extractValuesFromYupError(currentError?.type, currentError?.params),\n      };\n    }\n\n    return acc;\n  }, {});\n\nexport { getYupInnerErrors };\n","import { translatedErrors } from '@strapi/admin/strapi-admin';\nimport * as yup from 'yup';\n\nexport const schema = yup.object().shape({\n  email: yup.string().email(translatedErrors.email.id).required(translatedErrors.required.id),\n});\n","import * as React from 'react';\n\nimport { Page, useNotification, useFetchClient } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  SingleSelectOption,\n  SingleSelect,\n  TextInput,\n  Typography,\n} from '@strapi/design-system';\nimport { Mail } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { useQuery, useMutation } from 'react-query';\nimport styled from 'styled-components';\nimport { ValidationError } from 'yup';\n\nimport { PERMISSIONS } from '../constants';\nimport { getYupInnerErrors } from '../utils/getYupInnerErrors';\nimport { schema } from '../utils/schema';\n\nimport type { EmailSettings } from '../../../shared/types';\n\nconst DocumentationLink = styled.a`\n  color: ${({ theme }) => theme.colors.primary600};\n`;\n\ninterface MutationBody {\n  to: string;\n}\n\nexport const ProtectedSettingsPage = () => (\n  <Page.Protect permissions={PERMISSIONS.settings}>\n    <SettingsPage />\n  </Page.Protect>\n);\n\nconst SettingsPage = () => {\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const { get, post } = useFetchClient();\n\n  const [testAddress, setTestAddress] = React.useState('');\n  const [isTestAddressValid, setIsTestAddressValid] = React.useState(false);\n\n  // TODO: I'm not sure how to type this. I think it should be Record<string, TranslationMessage> but that type is defined in the helper-plugin\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [formErrors, setFormErrors] = React.useState<Record<string, any>>({});\n\n  const { data, isLoading } = useQuery(['email', 'settings'], async () => {\n    const res = await get<EmailSettings>('/email/settings');\n    const {\n      data: { config },\n    } = res;\n\n    return config;\n  });\n\n  const mutation = useMutation<void, Error, MutationBody>(\n    async (body) => {\n      await post('/email/test', body);\n    },\n    {\n      onError() {\n        toggleNotification!({\n          type: 'danger',\n          message: formatMessage(\n            {\n              id: 'email.Settings.email.plugin.notification.test.error',\n              defaultMessage: 'Failed to send a test mail to {to}',\n            },\n            { to: testAddress }\n          ),\n        });\n      },\n      onSuccess() {\n        toggleNotification!({\n          type: 'success',\n          message: formatMessage(\n            {\n              id: 'email.Settings.email.plugin.notification.test.success',\n              defaultMessage: 'Email test succeeded, check the {to} mailbox',\n            },\n            { to: testAddress }\n          ),\n        });\n      },\n      retry: false,\n    }\n  );\n\n  React.useEffect(() => {\n    schema\n      .validate({ email: testAddress }, { abortEarly: false })\n      .then(() => setIsTestAddressValid(true))\n      .catch(() => setIsTestAddressValid(false));\n  }, [testAddress]);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setTestAddress(() => event.target.value);\n  };\n\n  const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    try {\n      await schema.validate({ email: testAddress }, { abortEarly: false });\n    } catch (error) {\n      if (error instanceof ValidationError) {\n        setFormErrors(getYupInnerErrors(error));\n      }\n    }\n\n    mutation.mutate({ to: testAddress });\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main labelledBy=\"title\" aria-busy={isLoading || mutation.isLoading}>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: 'email.Settings.email.plugin.title',\n              defaultMessage: 'Configuration',\n            }),\n          }\n        )}\n      </Page.Title>\n      <HeaderLayout\n        id=\"title\"\n        title={formatMessage({\n          id: 'email.Settings.email.plugin.title',\n          defaultMessage: 'Configuration',\n        })}\n        subtitle={formatMessage({\n          id: 'email.Settings.email.plugin.subTitle',\n          defaultMessage: 'Test the settings for the Email plugin',\n        })}\n      />\n\n      <ContentLayout>\n        {data && (\n          <form onSubmit={handleSubmit}>\n            <Flex direction=\"column\" alignItems=\"stretch\" gap={7}>\n              <Box\n                background=\"neutral0\"\n                hasRadius\n                shadow=\"filterShadow\"\n                paddingTop={6}\n                paddingBottom={6}\n                paddingLeft={7}\n                paddingRight={7}\n              >\n                <Flex direction=\"column\" alignItems=\"stretch\" gap={4}>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                    <Typography variant=\"delta\" as=\"h2\">\n                      {formatMessage({\n                        id: 'email.Settings.email.plugin.title.config',\n                        defaultMessage: 'Configuration',\n                      })}\n                    </Typography>\n                    <Typography>\n                      {formatMessage(\n                        {\n                          id: 'email.Settings.email.plugin.text.configuration',\n                          defaultMessage:\n                            'The plugin is configured through the {file} file, checkout this {link} for the documentation.',\n                        },\n                        {\n                          file: './config/plugins.js',\n                          link: (\n                            <DocumentationLink\n                              href=\"https://docs.strapi.io/developer-docs/latest/plugins/email.html\"\n                              target=\"_blank\"\n                              rel=\"noopener noreferrer\"\n                            >\n                              {formatMessage({\n                                id: 'email.link',\n                                defaultMessage: 'Link',\n                              })}\n                            </DocumentationLink>\n                          ),\n                        }\n                      )}\n                    </Typography>\n                  </Flex>\n\n                  <Grid gap={5}>\n                    <GridItem col={6} s={12}>\n                      <TextInput\n                        name=\"shipper-email\"\n                        label={formatMessage({\n                          id: 'email.Settings.email.plugin.label.defaultFrom',\n                          defaultMessage: 'Default sender email',\n                        })}\n                        placeholder={formatMessage({\n                          id: 'email.Settings.email.plugin.placeholder.defaultFrom',\n                          defaultMessage: \"ex: Strapi No-Reply '<'no-reply@strapi.io'>'\",\n                        })}\n                        disabled\n                        value={data.settings.defaultFrom}\n                      />\n                    </GridItem>\n\n                    <GridItem col={6} s={12}>\n                      <TextInput\n                        name=\"response-email\"\n                        label={formatMessage({\n                          id: 'email.Settings.email.plugin.label.defaultReplyTo',\n                          defaultMessage: 'Default response email',\n                        })}\n                        placeholder={formatMessage({\n                          id: 'email.Settings.email.plugin.placeholder.defaultReplyTo',\n                          defaultMessage: `ex: Strapi '<'example@strapi.io'>'`,\n                        })}\n                        disabled\n                        value={data.settings.defaultReplyTo}\n                      />\n                    </GridItem>\n\n                    <GridItem col={6} s={12}>\n                      <SingleSelect\n                        name=\"email-provider\"\n                        label={formatMessage({\n                          id: 'email.Settings.email.plugin.label.provider',\n                          defaultMessage: 'Email provider',\n                        })}\n                        disabled\n                        value={data.provider}\n                      >\n                        <SingleSelectOption value={data.provider}>\n                          {data.provider}\n                        </SingleSelectOption>\n                      </SingleSelect>\n                    </GridItem>\n                  </Grid>\n                </Flex>\n              </Box>\n\n              <Flex\n                alignItems=\"stretch\"\n                background=\"neutral0\"\n                direction=\"column\"\n                gap={4}\n                hasRadius\n                shadow=\"filterShadow\"\n                paddingTop={6}\n                paddingBottom={6}\n                paddingLeft={7}\n                paddingRight={7}\n              >\n                <Typography variant=\"delta\" as=\"h2\">\n                  {formatMessage({\n                    id: 'email.Settings.email.plugin.title.test',\n                    defaultMessage: 'Test email delivery',\n                  })}\n                </Typography>\n\n                <Grid gap={5}>\n                  <GridItem col={6} s={12}>\n                    <TextInput\n                      id=\"test-address-input\"\n                      name=\"test-address\"\n                      onChange={handleChange}\n                      label={formatMessage({\n                        id: 'email.Settings.email.plugin.label.testAddress',\n                        defaultMessage: 'Recipient email',\n                      })}\n                      value={testAddress}\n                      error={\n                        formErrors.email?.id &&\n                        formatMessage({\n                          id: `email.${formErrors.email?.id}`,\n                          defaultMessage: 'This is not a valid email',\n                        })\n                      }\n                      placeholder={formatMessage({\n                        id: 'email.Settings.email.plugin.placeholder.testAddress',\n                        defaultMessage: 'ex: developer@example.com',\n                      })}\n                    />\n                  </GridItem>\n                  <GridItem col={7} s={12}>\n                    <Button\n                      loading={mutation.isLoading}\n                      disabled={!isTestAddressValid}\n                      type=\"submit\"\n                      startIcon={<Mail />}\n                    >\n                      {formatMessage({\n                        id: 'email.Settings.email.plugin.button.test-email',\n                        defaultMessage: 'Send test email',\n                      })}\n                    </Button>\n                  </GridItem>\n                </Grid>\n              </Flex>\n            </Flex>\n          </form>\n        )}\n      </ContentLayout>\n    </Page.Main>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/_chunks/Settings-Bt_OomWk.js

@@ -0,0 +1,300 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const strapiAdmin = require("@strapi/admin/strapi-admin");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const reactIntl = require("react-intl");
+const reactQuery = require("react-query");
+const styled = require("styled-components");
+const yup = require("yup");
+const index = require("./index-DMIgejZc.js");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
+const extractValuesFromYupError = (errorType, errorParams) => {
+  if (!errorType || !errorParams) {
+    return {};
+  }
+  return {
+    [errorType]: errorParams[errorType]
+  };
+};
+const getYupInnerErrors = (error) => (error?.inner || []).reduce((acc, currentError) => {
+  if (currentError.path) {
+    acc[currentError.path.split("[").join(".").split("]").join("")] = {
+      id: currentError.message,
+      defaultMessage: currentError.message,
+      values: extractValuesFromYupError(currentError?.type, currentError?.params)
+    };
+  }
+  return acc;
+}, {});
+const schema = yup__namespace.object().shape({
+  email: yup__namespace.string().email(strapiAdmin.translatedErrors.email.id).required(strapiAdmin.translatedErrors.required.id)
+});
+const DocumentationLink = styled__default.default.a`
+  color: ${({ theme }) => theme.colors.primary600};
+`;
+const ProtectedSettingsPage = () => /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Protect, { permissions: index.PERMISSIONS.settings, children: /* @__PURE__ */ jsxRuntime.jsx(SettingsPage, {}) });
+const SettingsPage = () => {
+  const { toggleNotification } = strapiAdmin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const { get, post } = strapiAdmin.useFetchClient();
+  const [testAddress, setTestAddress] = React__namespace.useState("");
+  const [isTestAddressValid, setIsTestAddressValid] = React__namespace.useState(false);
+  const [formErrors, setFormErrors] = React__namespace.useState({});
+  const { data, isLoading } = reactQuery.useQuery(["email", "settings"], async () => {
+    const res = await get("/email/settings");
+    const {
+      data: { config }
+    } = res;
+    return config;
+  });
+  const mutation = reactQuery.useMutation(
+    async (body) => {
+      await post("/email/test", body);
+    },
+    {
+      onError() {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage(
+            {
+              id: "email.Settings.email.plugin.notification.test.error",
+              defaultMessage: "Failed to send a test mail to {to}"
+            },
+            { to: testAddress }
+          )
+        });
+      },
+      onSuccess() {
+        toggleNotification({
+          type: "success",
+          message: formatMessage(
+            {
+              id: "email.Settings.email.plugin.notification.test.success",
+              defaultMessage: "Email test succeeded, check the {to} mailbox"
+            },
+            { to: testAddress }
+          )
+        });
+      },
+      retry: false
+    }
+  );
+  React__namespace.useEffect(() => {
+    schema.validate({ email: testAddress }, { abortEarly: false }).then(() => setIsTestAddressValid(true)).catch(() => setIsTestAddressValid(false));
+  }, [testAddress]);
+  const handleChange = (event) => {
+    setTestAddress(() => event.target.value);
+  };
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    try {
+      await schema.validate({ email: testAddress }, { abortEarly: false });
+    } catch (error) {
+      if (error instanceof yup.ValidationError) {
+        setFormErrors(getYupInnerErrors(error));
+      }
+    }
+    mutation.mutate({ to: testAddress });
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Loading, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(strapiAdmin.Page.Main, { labelledBy: "title", "aria-busy": isLoading || mutation.isLoading, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.Page.Title, { children: formatMessage(
+      { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+      {
+        name: formatMessage({
+          id: "email.Settings.email.plugin.title",
+          defaultMessage: "Configuration"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.HeaderLayout,
+      {
+        id: "title",
+        title: formatMessage({
+          id: "email.Settings.email.plugin.title",
+          defaultMessage: "Configuration"
+        }),
+        subtitle: formatMessage({
+          id: "email.Settings.email.plugin.subTitle",
+          defaultMessage: "Test the settings for the Email plugin"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { children: data && /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 7, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Box,
+        {
+          background: "neutral0",
+          hasRadius: true,
+          shadow: "filterShadow",
+          paddingTop: 6,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          paddingRight: 7,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", as: "h2", children: formatMessage({
+                id: "email.Settings.email.plugin.title.config",
+                defaultMessage: "Configuration"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage(
+                {
+                  id: "email.Settings.email.plugin.text.configuration",
+                  defaultMessage: "The plugin is configured through the {file} file, checkout this {link} for the documentation."
+                },
+                {
+                  file: "./config/plugins.js",
+                  link: /* @__PURE__ */ jsxRuntime.jsx(
+                    DocumentationLink,
+                    {
+                      href: "https://docs.strapi.io/developer-docs/latest/plugins/email.html",
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      children: formatMessage({
+                        id: "email.link",
+                        defaultMessage: "Link"
+                      })
+                    }
+                  )
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.TextInput,
+                {
+                  name: "shipper-email",
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.defaultFrom",
+                    defaultMessage: "Default sender email"
+                  }),
+                  placeholder: formatMessage({
+                    id: "email.Settings.email.plugin.placeholder.defaultFrom",
+                    defaultMessage: "ex: Strapi No-Reply '<'no-reply@strapi.io'>'"
+                  }),
+                  disabled: true,
+                  value: data.settings.defaultFrom
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.TextInput,
+                {
+                  name: "response-email",
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.defaultReplyTo",
+                    defaultMessage: "Default response email"
+                  }),
+                  placeholder: formatMessage({
+                    id: "email.Settings.email.plugin.placeholder.defaultReplyTo",
+                    defaultMessage: `ex: Strapi '<'example@strapi.io'>'`
+                  }),
+                  disabled: true,
+                  value: data.settings.defaultReplyTo
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.SingleSelect,
+                {
+                  name: "email-provider",
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.provider",
+                    defaultMessage: "Email provider"
+                  }),
+                  disabled: true,
+                  value: data.provider,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value: data.provider, children: data.provider })
+                }
+              ) })
+            ] })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        designSystem.Flex,
+        {
+          alignItems: "stretch",
+          background: "neutral0",
+          direction: "column",
+          gap: 4,
+          hasRadius: true,
+          shadow: "filterShadow",
+          paddingTop: 6,
+          paddingBottom: 6,
+          paddingLeft: 7,
+          paddingRight: 7,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", as: "h2", children: formatMessage({
+              id: "email.Settings.email.plugin.title.test",
+              defaultMessage: "Test email delivery"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid, { gap: 5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.TextInput,
+                {
+                  id: "test-address-input",
+                  name: "test-address",
+                  onChange: handleChange,
+                  label: formatMessage({
+                    id: "email.Settings.email.plugin.label.testAddress",
+                    defaultMessage: "Recipient email"
+                  }),
+                  value: testAddress,
+                  error: formErrors.email?.id && formatMessage({
+                    id: `email.${formErrors.email?.id}`,
+                    defaultMessage: "This is not a valid email"
+                  }),
+                  placeholder: formatMessage({
+                    id: "email.Settings.email.plugin.placeholder.testAddress",
+                    defaultMessage: "ex: developer@example.com"
+                  })
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: 7, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(
+                designSystem.Button,
+                {
+                  loading: mutation.isLoading,
+                  disabled: !isTestAddressValid,
+                  type: "submit",
+                  startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Mail, {}),
+                  children: formatMessage({
+                    id: "email.Settings.email.plugin.button.test-email",
+                    defaultMessage: "Send test email"
+                  })
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] }) }) })
+  ] });
+};
+exports.ProtectedSettingsPage = ProtectedSettingsPage;
+//# sourceMappingURL=Settings-Bt_OomWk.js.map