@strapi/email 0.0.0 → 5.0.0-beta.11

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-DPpUcr9n.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 styledComponents = require("styled-components");
+const yup = require("yup");
+const index = require("./index-D6q3fYgO.js");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+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 = styledComponents.styled.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(
+      strapiAdmin.Layouts.Header,
+      {
+        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(strapiAdmin.Layouts.Content, { 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", tag: "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.Root, { gap: 5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "shipper-email", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: "email.Settings.email.plugin.label.defaultFrom",
+                  defaultMessage: "Default sender email"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.TextInput,
+                  {
+                    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.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "response-email", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: "email.Settings.email.plugin.label.defaultReplyTo",
+                  defaultMessage: "Default response email"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  designSystem.TextInput,
+                  {
+                    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.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { name: "email-provider", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                  id: "email.Settings.email.plugin.label.provider",
+                  defaultMessage: "Email provider"
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelect, { 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", tag: "h2", children: formatMessage({
+              id: "email.Settings.email.plugin.title.test",
+              defaultMessage: "Test email delivery"
+            }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 5, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                designSystem.Field.Root,
+                {
+                  name: "test-address",
+                  error: formErrors.email?.id && formatMessage({
+                    id: `email.${formErrors.email?.id}`,
+                    defaultMessage: "This is not a valid email"
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                      id: "email.Settings.email.plugin.label.testAddress",
+                      defaultMessage: "Recipient email"
+                    }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      designSystem.TextInput,
+                      {
+                        onChange: handleChange,
+                        value: testAddress,
+                        placeholder: formatMessage({
+                          id: "email.Settings.email.plugin.placeholder.testAddress",
+                          defaultMessage: "ex: developer@example.com"
+                        })
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { 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-DPpUcr9n.js.map

package/dist/_chunks/Settings-DPpUcr9n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings-DPpUcr9n.js","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, Layouts } from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Flex,\n  Grid,\n  SingleSelectOption,\n  SingleSelect,\n  TextInput,\n  Typography,\n  Field,\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      <Layouts.Header\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      <Layouts.Content>\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\" tag=\"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.Root gap={5}>\n                    <Grid.Item col={6} s={12}>\n                      <Field.Root name=\"shipper-email\">\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'email.Settings.email.plugin.label.defaultFrom',\n                            defaultMessage: 'Default sender email',\n                          })}\n                        </Field.Label>\n                        <TextInput\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                      </Field.Root>\n                    </Grid.Item>\n\n                    <Grid.Item col={6} s={12}>\n                      <Field.Root name=\"response-email\">\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'email.Settings.email.plugin.label.defaultReplyTo',\n                            defaultMessage: 'Default response email',\n                          })}\n                        </Field.Label>\n                        <TextInput\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                      </Field.Root>\n                    </Grid.Item>\n\n                    <Grid.Item col={6} s={12}>\n                      <Field.Root name=\"email-provider\">\n                        <Field.Label>\n                          {formatMessage({\n                            id: 'email.Settings.email.plugin.label.provider',\n                            defaultMessage: 'Email provider',\n                          })}\n                        </Field.Label>\n                        <SingleSelect disabled value={data.provider}>\n                          <SingleSelectOption value={data.provider}>\n                            {data.provider}\n                          </SingleSelectOption>\n                        </SingleSelect>\n                      </Field.Root>\n                    </Grid.Item>\n                  </Grid.Root>\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\" tag=\"h2\">\n                  {formatMessage({\n                    id: 'email.Settings.email.plugin.title.test',\n                    defaultMessage: 'Test email delivery',\n                  })}\n                </Typography>\n\n                <Grid.Root gap={5}>\n                  <Grid.Item col={6} s={12}>\n                    <Field.Root\n                      name=\"test-address\"\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                    >\n                      <Field.Label>\n                        {formatMessage({\n                          id: 'email.Settings.email.plugin.label.testAddress',\n                          defaultMessage: 'Recipient email',\n                        })}\n                      </Field.Label>\n                      <TextInput\n                        onChange={handleChange}\n                        value={testAddress}\n                        placeholder={formatMessage({\n                          id: 'email.Settings.email.plugin.placeholder.testAddress',\n                          defaultMessage: 'ex: developer@example.com',\n                        })}\n                      />\n                    </Field.Root>\n                  </Grid.Item>\n                  <Grid.Item 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                  </Grid.Item>\n                </Grid.Root>\n              </Flex>\n            </Flex>\n          </form>\n        )}\n      </Layouts.Content>\n    </Page.Main>\n  );\n};\n"],"names":["yup","translatedErrors","styled","jsx","Page","PERMISSIONS","useNotification","useIntl","useFetchClient","React","useQuery","useMutation","ValidationError","jsxs","Layouts","Flex","Box","Typography","Grid","Field","TextInput","SingleSelect","SingleSelectOption","Button","Mail"],"mappings":"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"}

package/dist/_chunks/Settings-DwGRZXNs.mjs

@@ -0,0 +1,281 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { translatedErrors, Page, useNotification, useFetchClient, Layouts } from "@strapi/admin/strapi-admin";
+import { Flex, Box, Typography, Grid, Field, 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-BL_YuIzh.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(
+      Layouts.Header,
+      {
+        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(Layouts.Content, { 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", tag: "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.Root, { gap: 5, children: [
+              /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "shipper-email", children: [
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                  id: "email.Settings.email.plugin.label.defaultFrom",
+                  defaultMessage: "Default sender email"
+                }) }),
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    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(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "response-email", children: [
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                  id: "email.Settings.email.plugin.label.defaultReplyTo",
+                  defaultMessage: "Default response email"
+                }) }),
+                /* @__PURE__ */ jsx(
+                  TextInput,
+                  {
+                    placeholder: formatMessage({
+                      id: "email.Settings.email.plugin.placeholder.defaultReplyTo",
+                      defaultMessage: `ex: Strapi '<'example@strapi.io'>'`
+                    }),
+                    disabled: true,
+                    value: data.settings.defaultReplyTo
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Field.Root, { name: "email-provider", children: [
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                  id: "email.Settings.email.plugin.label.provider",
+                  defaultMessage: "Email provider"
+                }) }),
+                /* @__PURE__ */ jsx(SingleSelect, { 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", tag: "h2", children: formatMessage({
+              id: "email.Settings.email.plugin.title.test",
+              defaultMessage: "Test email delivery"
+            }) }),
+            /* @__PURE__ */ jsxs(Grid.Root, { gap: 5, children: [
+              /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  name: "test-address",
+                  error: formErrors.email?.id && formatMessage({
+                    id: `email.${formErrors.email?.id}`,
+                    defaultMessage: "This is not a valid email"
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                      id: "email.Settings.email.plugin.label.testAddress",
+                      defaultMessage: "Recipient email"
+                    }) }),
+                    /* @__PURE__ */ jsx(
+                      TextInput,
+                      {
+                        onChange: handleChange,
+                        value: testAddress,
+                        placeholder: formatMessage({
+                          id: "email.Settings.email.plugin.placeholder.testAddress",
+                          defaultMessage: "ex: developer@example.com"
+                        })
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Grid.Item, { 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-DwGRZXNs.mjs.map