@strapi/email 0.0.0-experimental.a65a85fdea97faae8679d3ffc5f9d79af61abd26 → 0.0.0

package/README.md

@@ -1,3 +1 @@
-# 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
+# Strapi Email

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@strapi/email",
-  "version": "0.0.0-experimental.a65a85fdea97faae8679d3ffc5f9d79af61abd26",
-  "description": "Easily configure your Strapi application to send emails.",
+  "version": "0.0.0",
+  "description": "A powerful UI to easily manage your data.",
   "repository": {
     "type": "git",
     "url": "git://github.com/strapi/strapi.git"
@@ -18,82 +18,5 @@
       "email": "hi@strapi.io",
       "url": "https://strapi.io"
     }
-  ],
-  "exports": {
-    "./strapi-admin": {
-      "types": "./dist/admin/src/index.d.ts",
-      "source": "./admin/src/index.ts",
-      "import": "./dist/admin/index.mjs",
-      "require": "./dist/admin/index.js",
-      "default": "./dist/admin/index.js"
-    },
-    "./strapi-server": {
-      "types": "./dist/server/src/index.d.ts",
-      "source": "./server/src/index.ts",
-      "import": "./dist/server/index.mjs",
-      "require": "./dist/server/index.js",
-      "default": "./dist/server/index.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "dist/",
-    "strapi-server.js"
-  ],
-  "scripts": {
-    "build": "pack-up build",
-    "clean": "run -T rimraf ./dist",
-    "lint": "run -T eslint .",
-    "test:front": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js",
-    "test:front:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js",
-    "test:front:watch": "run -T cross-env IS_EE=true jest --config ./jest.config.front.js --watchAll",
-    "test:front:watch:ce": "run -T cross-env IS_EE=false jest --config ./jest.config.front.js --watchAll",
-    "test:ts:front": "run -T tsc -p admin/tsconfig.json",
-    "watch": "pack-up watch"
-  },
-  "dependencies": {
-    "@strapi/design-system": "2.0.0-beta.2",
-    "@strapi/icons": "2.0.0-beta.2",
-    "@strapi/provider-email-sendmail": "0.0.0-experimental.a65a85fdea97faae8679d3ffc5f9d79af61abd26",
-    "@strapi/utils": "0.0.0-experimental.a65a85fdea97faae8679d3ffc5f9d79af61abd26",
-    "lodash": "4.17.21",
-    "react-intl": "6.6.2",
-    "react-query": "3.39.3",
-    "yup": "0.32.9"
-  },
-  "devDependencies": {
-    "@strapi/admin": "0.0.0-experimental.a65a85fdea97faae8679d3ffc5f9d79af61abd26",
-    "@strapi/pack-up": "5.0.0",
-    "@strapi/types": "0.0.0-experimental.a65a85fdea97faae8679d3ffc5f9d79af61abd26",
-    "@testing-library/react": "14.0.0",
-    "@types/koa": "2.13.4",
-    "@types/lodash": "^4.14.191",
-    "koa": "2.15.2",
-    "koa-body": "6.0.1",
-    "msw": "1.3.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "6.22.3",
-    "styled-components": "5.3.11"
-  },
-  "peerDependencies": {
-    "@strapi/admin": "^5.0.0 || ^5.0.0-beta || ^5.0.0-alpha || ^5.0.0-rc",
-    "koa": "2.13.4",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "^6.0.0",
-    "styled-components": "^5.2.1"
-  },
-  "engines": {
-    "node": ">=18.0.0 <=20.x.x",
-    "npm": ">=6.0.0"
-  },
-  "strapi": {
-    "name": "email",
-    "displayName": "Email",
-    "description": "Configure your application to send emails.",
-    "required": true,
-    "kind": "plugin"
-  },
-  "gitHead": "a65a85fdea97faae8679d3ffc5f9d79af61abd26"
+  ]
 }

package/dist/_chunks/Settings-BDuq6QQN.mjs

@@ -1,279 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}