@strapi/plugin-users-permissions 4.20.4 → 5.0.0-alpha.0

package/dist/_chunks/index-mzJ2Vb5u.js

@@ -0,0 +1,280 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("react");
+const designSystem = require("@strapi/design-system");
+const helperPlugin = require("@strapi/helper-plugin");
+const Icons = require("@strapi/icons");
+const admin = require("@strapi/strapi/admin");
+const Helmet = require("./Helmet-d9JljxUo.js");
+const reactIntl = require("react-intl");
+const reactQuery = require("react-query");
+const index = require("./index-TJUxOCtJ.js");
+require("lodash/isEmpty");
+const yup = require("yup");
+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 yup__namespace = /* @__PURE__ */ _interopNamespace(yup);
+const layout = [
+  {
+    label: {
+      id: index.getTrad("EditForm.inputToggle.label.email"),
+      defaultMessage: "One account per email address"
+    },
+    hint: {
+      id: index.getTrad("EditForm.inputToggle.description.email"),
+      defaultMessage: "Disallow the user to create multiple accounts using the same email address with different authentication providers."
+    },
+    name: "unique_email",
+    type: "boolean",
+    size: 12
+  },
+  {
+    label: {
+      id: index.getTrad("EditForm.inputToggle.label.sign-up"),
+      defaultMessage: "Enable sign-ups"
+    },
+    hint: {
+      id: index.getTrad("EditForm.inputToggle.description.sign-up"),
+      defaultMessage: "When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider."
+    },
+    name: "allow_register",
+    type: "boolean",
+    size: 12
+  },
+  {
+    label: {
+      id: index.getTrad("EditForm.inputToggle.label.email-reset-password"),
+      defaultMessage: "Reset password page"
+    },
+    hint: {
+      id: index.getTrad("EditForm.inputToggle.description.email-reset-password"),
+      defaultMessage: "URL of your application's reset password page."
+    },
+    placeholder: {
+      id: index.getTrad("EditForm.inputToggle.placeholder.email-reset-password"),
+      defaultMessage: "ex: https://youtfrontend.com/reset-password"
+    },
+    name: "email_reset_password",
+    type: "string",
+    size: 12
+  },
+  {
+    label: {
+      id: index.getTrad("EditForm.inputToggle.label.email-confirmation"),
+      defaultMessage: "Enable email confirmation"
+    },
+    hint: {
+      id: index.getTrad("EditForm.inputToggle.description.email-confirmation"),
+      defaultMessage: "When enabled (ON), new registered users receive a confirmation email."
+    },
+    name: "email_confirmation",
+    type: "boolean",
+    size: 12
+  },
+  {
+    label: {
+      id: index.getTrad("EditForm.inputToggle.label.email-confirmation-redirection"),
+      defaultMessage: "Redirection url"
+    },
+    hint: {
+      id: index.getTrad("EditForm.inputToggle.description.email-confirmation-redirection"),
+      defaultMessage: "After you confirmed your email, choose where you will be redirected."
+    },
+    placeholder: {
+      id: index.getTrad("EditForm.inputToggle.placeholder.email-confirmation-redirection"),
+      defaultMessage: "ex: https://youtfrontend.com/email-confirmation"
+    },
+    name: "email_confirmation_redirection",
+    type: "string",
+    size: 12
+  }
+];
+const URL_REGEX = new RegExp("(^$)|((.+:\\/\\/.*)(d*)\\/?(.*))");
+const schema = yup__namespace.object().shape({
+  email_confirmation_redirection: yup__namespace.mixed().when("email_confirmation", {
+    is: true,
+    then: yup__namespace.string().matches(URL_REGEX).required(),
+    otherwise: yup__namespace.string().nullable()
+  }),
+  email_reset_password: yup__namespace.string(admin.translatedErrors.string).matches(URL_REGEX, {
+    id: admin.translatedErrors.regex.id,
+    defaultMessage: "This is not a valid URL"
+  }).nullable()
+});
+const ProtectedAdvancedSettingsPage = () => /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: index.PERMISSIONS.readAdvancedSettings, children: /* @__PURE__ */ jsxRuntime.jsx(AdvancedSettingsPage, {}) });
+const AdvancedSettingsPage = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = admin.useNotification();
+  const { notifyStatus } = designSystem.useNotifyAT();
+  const queryClient = reactQuery.useQueryClient();
+  const { get, put } = helperPlugin.useFetchClient();
+  const { formatAPIError } = admin.useAPIErrorHandler();
+  helperPlugin.useFocusWhenNavigate();
+  const {
+    isLoading: isLoadingForPermissions,
+    allowedActions: { canUpdate }
+  } = helperPlugin.useRBAC({ update: index.PERMISSIONS.updateAdvancedSettings });
+  const { isLoading: isLoadingData, data } = reactQuery.useQuery(
+    ["users-permissions", "advanced"],
+    async () => {
+      const { data: data2 } = await get("/users-permissions/advanced");
+      return data2;
+    },
+    {
+      onSuccess() {
+        notifyStatus(
+          formatMessage({
+            id: index.getTrad("Form.advancedSettings.data.loaded"),
+            defaultMessage: "Advanced settings data has been loaded"
+          })
+        );
+      },
+      onError() {
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: index.getTrad("notification.error"),
+            defaultMessage: "An error occured"
+          })
+        });
+      }
+    }
+  );
+  const isLoading = isLoadingForPermissions || isLoadingData;
+  const submitMutation = reactQuery.useMutation((body) => put("/users-permissions/advanced", body), {
+    async onSuccess() {
+      await queryClient.invalidateQueries(["users-permissions", "advanced"]);
+      toggleNotification({
+        type: "success",
+        message: formatMessage({
+          id: index.getTrad("notification.success.saved"),
+          defaultMessage: "Saved"
+        })
+      });
+    },
+    onError(error) {
+      toggleNotification({
+        type: "danger",
+        message: formatAPIError(error)
+      });
+    },
+    refetchActive: true
+  });
+  const { isLoading: isSubmittingForm } = submitMutation;
+  const handleSubmit = async (body) => {
+    submitMutation.mutate({
+      ...body,
+      email_confirmation_redirection: body.email_confirmation ? body.email_confirmation_redirection : ""
+    });
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Main, { "aria-busy": isSubmittingForm, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Helmet.HelmetExport,
+      {
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          {
+            name: formatMessage({
+              id: index.getTrad("HeaderNav.link.advancedSettings"),
+              defaultMessage: "Advanced Settings"
+            })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Form, { onSubmit: handleSubmit, initialValues: data.settings, validationSchema: schema, children: ({ values, isSubmitting, modified }) => {
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.HeaderLayout,
+          {
+            title: formatMessage({
+              id: index.getTrad("HeaderNav.link.advancedSettings"),
+              defaultMessage: "Advanced Settings"
+            }),
+            primaryAction: /* @__PURE__ */ jsxRuntime.jsx(
+              designSystem.Button,
+              {
+                loading: isSubmitting,
+                type: "submit",
+                disabled: !modified || !canUpdate,
+                startIcon: /* @__PURE__ */ jsxRuntime.jsx(Icons.Check, {}),
+                size: "S",
+                children: formatMessage({ id: "global.save", defaultMessage: "Save" })
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.ContentLayout, { 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.jsx(designSystem.Typography, { variant: "delta", as: "h2", children: formatMessage({
+                id: "global.settings",
+                defaultMessage: "Settings"
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 6, children: [
+                {
+                  label: {
+                    id: index.getTrad("EditForm.inputSelect.label.role"),
+                    defaultMessage: "Default role for authenticated users"
+                  },
+                  hint: {
+                    id: index.getTrad("EditForm.inputSelect.description.role"),
+                    defaultMessage: "It will attach the new authenticated user to the selected role."
+                  },
+                  options: data.roles.map((role) => ({
+                    label: role.name,
+                    value: role.type
+                  })),
+                  name: "default_role",
+                  size: 6,
+                  type: "enumeration"
+                },
+                ...layout
+              ].map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(
+                admin.InputRenderer,
+                {
+                  ...field,
+                  disabled: field.name === "email_confirmation_redirection" && values.email_confirmation === false,
+                  label: formatMessage(field.label),
+                  hint: field.hint ? formatMessage(field.hint) : void 0,
+                  placeholder: field.placeholder ? formatMessage(field.placeholder) : void 0
+                }
+              ) }, field.name)) })
+            ] })
+          }
+        ) })
+      ] });
+    } })
+  ] });
+};
+exports.AdvancedSettingsPage = AdvancedSettingsPage;
+exports.ProtectedAdvancedSettingsPage = ProtectedAdvancedSettingsPage;
+//# sourceMappingURL=index-mzJ2Vb5u.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-mzJ2Vb5u.js","sources":["../../admin/src/pages/AdvancedSettings/utils/layout.js","../../admin/src/pages/AdvancedSettings/utils/schema.js","../../admin/src/pages/AdvancedSettings/index.jsx"],"sourcesContent":["import { getTrad } from '../../../utils';\n\nconst layout = [\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email'),\n      defaultMessage: 'One account per email address',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email'),\n      defaultMessage:\n        'Disallow the user to create multiple accounts using the same email address with different authentication providers.',\n    },\n    name: 'unique_email',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.sign-up'),\n      defaultMessage: 'Enable sign-ups',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.sign-up'),\n      defaultMessage:\n        'When disabled (OFF), the registration process is forbidden. No one can subscribe anymore no matter the used provider.',\n    },\n    name: 'allow_register',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-reset-password'),\n      defaultMessage: 'Reset password page',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-reset-password'),\n      defaultMessage: \"URL of your application's reset password page.\",\n    },\n    placeholder: {\n      id: getTrad('EditForm.inputToggle.placeholder.email-reset-password'),\n      defaultMessage: 'ex: https://youtfrontend.com/reset-password',\n    },\n    name: 'email_reset_password',\n    type: 'string',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-confirmation'),\n      defaultMessage: 'Enable email confirmation',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-confirmation'),\n      defaultMessage: 'When enabled (ON), new registered users receive a confirmation email.',\n    },\n    name: 'email_confirmation',\n    type: 'boolean',\n    size: 12,\n  },\n  {\n    label: {\n      id: getTrad('EditForm.inputToggle.label.email-confirmation-redirection'),\n      defaultMessage: 'Redirection url',\n    },\n    hint: {\n      id: getTrad('EditForm.inputToggle.description.email-confirmation-redirection'),\n      defaultMessage: 'After you confirmed your email, choose where you will be redirected.',\n    },\n    placeholder: {\n      id: getTrad('EditForm.inputToggle.placeholder.email-confirmation-redirection'),\n      defaultMessage: 'ex: https://youtfrontend.com/email-confirmation',\n    },\n    name: 'email_confirmation_redirection',\n    type: 'string',\n    size: 12,\n  },\n];\n\nexport default layout;\n","import { translatedErrors } from '@strapi/strapi/admin';\nimport * as yup from 'yup';\n\n// eslint-disable-next-line prefer-regex-literals\nconst URL_REGEX = new RegExp('(^$)|((.+:\\\\/\\\\/.*)(d*)\\\\/?(.*))');\n\nconst schema = yup.object().shape({\n  email_confirmation_redirection: yup.mixed().when('email_confirmation', {\n    is: true,\n    then: yup.string().matches(URL_REGEX).required(),\n    otherwise: yup.string().nullable(),\n  }),\n  email_reset_password: yup\n    .string(translatedErrors.string)\n    .matches(URL_REGEX, {\n      id: translatedErrors.regex.id,\n      defaultMessage: 'This is not a valid URL',\n    })\n    .nullable(),\n});\n\nexport default schema;\n","import React from 'react';\n\nimport {\n  Box,\n  Button,\n  ContentLayout,\n  Flex,\n  Grid,\n  GridItem,\n  HeaderLayout,\n  Main,\n  Typography,\n  useNotifyAT,\n} from '@strapi/design-system';\nimport { useFetchClient, useFocusWhenNavigate, useRBAC } from '@strapi/helper-plugin';\nimport { Check } from '@strapi/icons';\nimport {\n  useAPIErrorHandler,\n  Page,\n  Form,\n  InputRenderer,\n  useNotification,\n} from '@strapi/strapi/admin';\nimport { Helmet } from 'react-helmet';\nimport { useIntl } from 'react-intl';\nimport { useMutation, useQuery, useQueryClient } from 'react-query';\n\nimport { PERMISSIONS } from '../../constants';\nimport { getTrad } from '../../utils';\n\nimport layout from './utils/layout';\nimport schema from './utils/schema';\n\nconst ProtectedAdvancedSettingsPage = () => (\n  <Page.Protect permissions={PERMISSIONS.readAdvancedSettings}>\n    <AdvancedSettingsPage />\n  </Page.Protect>\n);\n\nconst AdvancedSettingsPage = () => {\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  const { notifyStatus } = useNotifyAT();\n  const queryClient = useQueryClient();\n  const { get, put } = useFetchClient();\n  const { formatAPIError } = useAPIErrorHandler();\n\n  useFocusWhenNavigate();\n\n  const {\n    isLoading: isLoadingForPermissions,\n    allowedActions: { canUpdate },\n  } = useRBAC({ update: PERMISSIONS.updateAdvancedSettings });\n\n  const { isLoading: isLoadingData, data } = useQuery(\n    ['users-permissions', 'advanced'],\n    async () => {\n      const { data } = await get('/users-permissions/advanced');\n\n      return data;\n    },\n    {\n      onSuccess() {\n        notifyStatus(\n          formatMessage({\n            id: getTrad('Form.advancedSettings.data.loaded'),\n            defaultMessage: 'Advanced settings data has been loaded',\n          })\n        );\n      },\n      onError() {\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTrad('notification.error'),\n            defaultMessage: 'An error occured',\n          }),\n        });\n      },\n    }\n  );\n\n  const isLoading = isLoadingForPermissions || isLoadingData;\n\n  const submitMutation = useMutation((body) => put('/users-permissions/advanced', body), {\n    async onSuccess() {\n      await queryClient.invalidateQueries(['users-permissions', 'advanced']);\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTrad('notification.success.saved'),\n          defaultMessage: 'Saved',\n        }),\n      });\n    },\n    onError(error) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(error),\n      });\n    },\n    refetchActive: true,\n  });\n\n  const { isLoading: isSubmittingForm } = submitMutation;\n\n  const handleSubmit = async (body) => {\n    submitMutation.mutate({\n      ...body,\n      email_confirmation_redirection: body.email_confirmation\n        ? body.email_confirmation_redirection\n        : '',\n    });\n  };\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Main aria-busy={isSubmittingForm}>\n      <Helmet\n        title={formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: formatMessage({\n              id: getTrad('HeaderNav.link.advancedSettings'),\n              defaultMessage: 'Advanced Settings',\n            }),\n          }\n        )}\n      />\n      <Form onSubmit={handleSubmit} initialValues={data.settings} validationSchema={schema}>\n        {({ values, isSubmitting, modified }) => {\n          return (\n            <>\n              <HeaderLayout\n                title={formatMessage({\n                  id: getTrad('HeaderNav.link.advancedSettings'),\n                  defaultMessage: 'Advanced Settings',\n                })}\n                primaryAction={\n                  <Button\n                    loading={isSubmitting}\n                    type=\"submit\"\n                    disabled={!modified || !canUpdate}\n                    startIcon={<Check />}\n                    size=\"S\"\n                  >\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                }\n              />\n              <ContentLayout>\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                    <Typography variant=\"delta\" as=\"h2\">\n                      {formatMessage({\n                        id: 'global.settings',\n                        defaultMessage: 'Settings',\n                      })}\n                    </Typography>\n                    <Grid gap={6}>\n                      {[\n                        {\n                          label: {\n                            id: getTrad('EditForm.inputSelect.label.role'),\n                            defaultMessage: 'Default role for authenticated users',\n                          },\n                          hint: {\n                            id: getTrad('EditForm.inputSelect.description.role'),\n                            defaultMessage:\n                              'It will attach the new authenticated user to the selected role.',\n                          },\n                          options: data.roles.map((role) => ({\n                            label: role.name,\n                            value: role.type,\n                          })),\n                          name: 'default_role',\n                          size: 6,\n                          type: 'enumeration',\n                        },\n                        ...layout,\n                      ].map(({ size, ...field }) => (\n                        <GridItem key={field.name} col={size}>\n                          <InputRenderer\n                            {...field}\n                            disabled={\n                              field.name === 'email_confirmation_redirection' &&\n                              values.email_confirmation === false\n                            }\n                            label={formatMessage(field.label)}\n                            hint={field.hint ? formatMessage(field.hint) : undefined}\n                            placeholder={\n                              field.placeholder ? formatMessage(field.placeholder) : undefined\n                            }\n                          />\n                        </GridItem>\n                      ))}\n                    </Grid>\n                  </Flex>\n                </Box>\n              </ContentLayout>\n            </>\n          );\n        }}\n      </Form>\n    </Main>\n  );\n};\n\nexport { ProtectedAdvancedSettingsPage, AdvancedSettingsPage };\n"],"names":["getTrad","yup","translatedErrors","jsx","Page","PERMISSIONS","useIntl","useNotification","useNotifyAT","useQueryClient","useFetchClient","useAPIErrorHandler","useFocusWhenNavigate","useRBAC","useQuery","data","useMutation","jsxs","Main","Helmet","Form","Fragment","HeaderLayout","Button","Check","ContentLayout","Box","Flex","Typography","Grid","GridItem","InputRenderer"],"mappings":"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"}

package/dist/_chunks/{index-xHL-7Hse.mjs → index-vXywiVeM.mjs}

@@ -1,26 +1,40 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { ModalLayout, ModalHeader, ModalBody, Grid, GridItem, Textarea, ModalFooter, Button, Table, Thead, Tr, Th, VisuallyHidden, Typography, Tbody, Td, Icon, IconButton, useNotifyAT, Main, HeaderLayout, ContentLayout } from "@strapi/design-system";
-import { translatedErrors, Form, GenericInput, onRowClick, stopPropagation, CheckPagePermissions, useTracking, useNotification, useOverlayBlocker, useFetchClient, useAPIErrorHandler, useFocusWhenNavigate, useRBAC, SettingsPageTitle, LoadingIndicatorPage } from "@strapi/helper-plugin";
+import { u as useTracking } from "./index-5ZvCaCyY-06DLg5eU.mjs";
+import { ModalLayout, ModalHeader, ModalBody, Grid, GridItem, ModalFooter, Button, Table, Thead, Tr, Th, VisuallyHidden, Typography, Tbody, Td, Icon, IconButton, useNotifyAT, Main, HeaderLayout, ContentLayout } from "@strapi/design-system";
+import { onRowClick, stopPropagation, useFetchClient, useFocusWhenNavigate, useRBAC } from "@strapi/helper-plugin";
+import { translatedErrors, Form, InputRenderer, Page, useNotification, useAPIErrorHandler } from "@strapi/strapi/admin";
+import { H as HelmetExport } from "./Helmet-kyJ1Zklj.mjs";
 import { useIntl } from "react-intl";
 import { useQueryClient, useQuery, useMutation } from "react-query";
-import { g as getTrad, P as PERMISSIONS } from "./index-BWyhWRPa.mjs";
+import { g as getTrad, P as PERMISSIONS } from "./index-53jX2hhF.mjs";
 import "lodash/isEmpty";
 import { Breadcrumbs, Crumb } from "@strapi/design-system/v2";
-import { Formik } from "formik";
 import PropTypes from "prop-types";
 import * as yup from "yup";
 import { Refresh, Pencil, Check } from "@strapi/icons";
 const schema = yup.object().shape({
   options: yup.object().shape({
     from: yup.object().shape({
-      name: yup.string().required(translatedErrors.required),
-      email: yup.string().email(translatedErrors.email).required(translatedErrors.required)
+      name: yup.string().required({
+        id: translatedErrors.required.id,
+        defaultMessage: "This field is required"
+      }),
+      email: yup.string().email(translatedErrors.email).required({
+        id: translatedErrors.required.id,
+        defaultMessage: "This field is required"
+      })
     }).required(),
     response_email: yup.string().email(translatedErrors.email),
-    object: yup.string().required(translatedErrors.required),
-    message: yup.string().required(translatedErrors.required)
-  }).required(translatedErrors.required)
+    object: yup.string().required({
+      id: translatedErrors.required.id,
+      defaultMessage: "This field is required"
+    }),
+    message: yup.string().required({
+      id: translatedErrors.required.id,
+      defaultMessage: "This field is required"
+    })
+  }).required(translatedErrors.required.id)
 });
 const EmailForm = ({ template, onToggle, onSubmit }) => {
   const { formatMessage } = useIntl();
@@ -52,101 +66,64 @@ const EmailForm = ({ template, onToggle, onSubmit }) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx(
-          Formik,
-          {
-            onSubmit,
-            initialValues: template,
-            validateOnChange: false,
-            validationSchema: schema,
-            enableReinitialize: true,
-            children: ({ errors, values, handleChange, isSubmitting }) => {
-              return /* @__PURE__ */ jsxs(Form, { children: [
-                /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsxs(Grid, { gap: 5, children: [
-                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
-                    GenericInput,
-                    {
-                      intlLabel: {
-                        id: getTrad("PopUpForm.Email.options.from.name.label"),
-                        defaultMessage: "Shipper name"
-                      },
-                      name: "options.from.name",
-                      onChange: handleChange,
-                      value: values.options.from.name,
-                      error: errors?.options?.from?.name,
-                      type: "text"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
-                    GenericInput,
-                    {
-                      intlLabel: {
-                        id: getTrad("PopUpForm.Email.options.from.email.label"),
-                        defaultMessage: "Shipper email"
-                      },
-                      name: "options.from.email",
-                      onChange: handleChange,
-                      value: values.options.from.email,
-                      error: errors?.options?.from?.email,
-                      type: "text"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
-                    GenericInput,
-                    {
-                      intlLabel: {
-                        id: getTrad("PopUpForm.Email.options.response_email.label"),
-                        defaultMessage: "Response email"
-                      },
-                      name: "options.response_email",
-                      onChange: handleChange,
-                      value: values.options.response_email,
-                      error: errors?.options?.response_email,
-                      type: "text"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(GridItem, { col: 6, s: 12, children: /* @__PURE__ */ jsx(
-                    GenericInput,
-                    {
-                      intlLabel: {
-                        id: getTrad("PopUpForm.Email.options.object.label"),
-                        defaultMessage: "Subject"
-                      },
-                      name: "options.object",
-                      onChange: handleChange,
-                      value: values.options.object,
-                      error: errors?.options?.object,
-                      type: "text"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx(GridItem, { col: 12, s: 12, children: /* @__PURE__ */ jsx(
-                    Textarea,
-                    {
-                      label: formatMessage({
-                        id: getTrad("PopUpForm.Email.options.message.label"),
-                        defaultMessage: "Message"
-                      }),
-                      id: "options.message",
-                      onChange: handleChange,
-                      value: values.options.message,
-                      error: errors?.options?.message && formatMessage({
-                        id: errors.options.message,
-                        defaultMessage: errors.options.message
-                      })
-                    }
-                  ) })
-                ] }) }),
-                /* @__PURE__ */ jsx(
-                  ModalFooter,
-                  {
-                    startActions: /* @__PURE__ */ jsx(Button, { onClick: onToggle, variant: "tertiary", children: "Cancel" }),
-                    endActions: /* @__PURE__ */ jsx(Button, { loading: isSubmitting, type: "submit", children: "Finish" })
-                  }
-                )
-              ] });
-            }
-          }
-        )
+        /* @__PURE__ */ jsx(Form, { onSubmit, initialValues: template, validationSchema: schema, children: ({ isSubmitting }) => {
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(ModalBody, { children: /* @__PURE__ */ jsx(Grid, { gap: 5, children: [
+              {
+                label: formatMessage({
+                  id: getTrad("PopUpForm.Email.options.from.name.label"),
+                  defaultMessage: "Shipper name"
+                }),
+                name: "options.from.name",
+                size: 6,
+                type: "string"
+              },
+              {
+                label: formatMessage({
+                  id: getTrad("PopUpForm.Email.options.from.email.label"),
+                  defaultMessage: "Shipper email"
+                }),
+                name: "options.from.email",
+                size: 6,
+                type: "string"
+              },
+              {
+                label: formatMessage({
+                  id: getTrad("PopUpForm.Email.options.response_email.label"),
+                  defaultMessage: "Response email"
+                }),
+                name: "options.response_email",
+                size: 6,
+                type: "string"
+              },
+              {
+                label: formatMessage({
+                  id: getTrad("PopUpForm.Email.options.object.label"),
+                  defaultMessage: "Subject"
+                }),
+                name: "options.object",
+                size: 6,
+                type: "string"
+              },
+              {
+                label: formatMessage({
+                  id: getTrad("PopUpForm.Email.options.message.label"),
+                  defaultMessage: "Message"
+                }),
+                name: "options.message",
+                size: 12,
+                type: "text"
+              }
+            ].map(({ size, ...field }) => /* @__PURE__ */ jsx(GridItem, { col: size, children: /* @__PURE__ */ jsx(InputRenderer, { ...field }) }, field.name)) }) }),
+            /* @__PURE__ */ jsx(
+              ModalFooter,
+              {
+                startActions: /* @__PURE__ */ jsx(Button, { onClick: onToggle, variant: "tertiary", children: "Cancel" }),
+                endActions: /* @__PURE__ */ jsx(Button, { loading: isSubmitting, type: "submit", children: "Finish" })
+              }
+            )
+          ] });
+        } })
       ]
     }
   );
@@ -247,13 +224,12 @@ EmailTable.propTypes = {
   canUpdate: PropTypes.bool.isRequired,
   onEditClick: PropTypes.func.isRequired
 };
-const ProtectedEmailTemplatesPage = () => /* @__PURE__ */ jsx(CheckPagePermissions, { permissions: PERMISSIONS.readEmailTemplates, children: /* @__PURE__ */ jsx(EmailTemplatesPage, {}) });
+const ProtectedEmailTemplatesPage = () => /* @__PURE__ */ jsx(Page.Protect, { permissions: PERMISSIONS.readEmailTemplates, children: /* @__PURE__ */ jsx(EmailTemplatesPage, {}) });
 const EmailTemplatesPage = () => {
   const { formatMessage } = useIntl();
   const { trackUsage } = useTracking();
   const { notifyStatus } = useNotifyAT();
-  const toggleNotification = useNotification();
-  const { lockApp, unlockApp } = useOverlayBlocker();
+  const { toggleNotification } = useNotification();
   const queryClient = useQueryClient();
   const { get, put } = useFetchClient();
   const { formatAPIError } = useAPIErrorHandler();
@@ -281,7 +257,7 @@ const EmailTemplatesPage = () => {
       },
       onError(error) {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError(error)
         });
       }
@@ -302,59 +278,41 @@ const EmailTemplatesPage = () => {
         await queryClient.invalidateQueries(["users-permissions", "email-templates"]);
         toggleNotification({
           type: "success",
-          message: { id: "notification.success.saved", defaultMessage: "Saved" }
+          message: formatMessage({ id: "notification.success.saved", defaultMessage: "Saved" })
         });
         trackUsage("didEditEmailTemplates");
-        unlockApp();
         handleToggle();
       },
       onError(error) {
         toggleNotification({
-          type: "warning",
+          type: "danger",
           message: formatAPIError(error)
         });
-        unlockApp();
       },
       refetchActive: true
     }
   );
   const handleSubmit = (body) => {
-    lockApp();
     trackUsage("willEditEmailTemplates");
     const editedTemplates = { ...data, [templateToEdit]: body };
     submitMutation.mutate(editedTemplates);
   };
   if (isLoading) {
-    return /* @__PURE__ */ jsxs(Main, { "aria-busy": "true", children: [
-      /* @__PURE__ */ jsx(
-        SettingsPageTitle,
-        {
-          name: formatMessage({
-            id: getTrad("HeaderNav.link.emailTemplates"),
-            defaultMessage: "Email templates"
-          })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        HeaderLayout,
-        {
-          title: formatMessage({
-            id: getTrad("HeaderNav.link.emailTemplates"),
-            defaultMessage: "Email templates"
-          })
-        }
-      ),
-      /* @__PURE__ */ jsx(ContentLayout, { children: /* @__PURE__ */ jsx(LoadingIndicatorPage, {}) })
-    ] });
+    return /* @__PURE__ */ jsx(Page.Loading, {});
   }
   return /* @__PURE__ */ jsxs(Main, { "aria-busy": submitMutation.isLoading, children: [
     /* @__PURE__ */ jsx(
-      SettingsPageTitle,
+      HelmetExport,
       {
-        name: formatMessage({
-          id: getTrad("HeaderNav.link.emailTemplates"),
-          defaultMessage: "Email templates"
-        })
+        title: formatMessage(
+          { id: "Settings.PageTitle", defaultMessage: "Settings - {name}" },
+          {
+            name: formatMessage({
+              id: getTrad("HeaderNav.link.emailTemplates"),
+              defaultMessage: "Email templates"
+            })
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -380,6 +338,7 @@ const EmailTemplatesPage = () => {
   ] });
 };
 export {
-  ProtectedEmailTemplatesPage as default
+  EmailTemplatesPage,
+  ProtectedEmailTemplatesPage
 };
-//# sourceMappingURL=index-xHL-7Hse.mjs.map
+//# sourceMappingURL=index-vXywiVeM.mjs.map