strapi-identity 0.1.2 → 0.3.0

package/dist/admin/{SettingsPage-DyF7YbsX.js → SettingsPage-DulEjadb.js}

@@ -6,8 +6,8 @@ const WarningAlert = require("./WarningAlert-DFE5euMk.js");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-BXZI8nMZ.js");
-const tokenHelpers = require("./tokenHelpers-jtoRu0q5.js");
+const index = require("./index-C9K2h5UC.js");
+const tokenHelpers = require("./tokenHelpers-B54WRTn1.js");
 const reactIntl = require("react-intl");
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var lodash$1 = { exports: {} };
@@ -27,7 +27,7 @@ function requireLodash() {
   (function(module2, exports$1) {
     (function() {
       var undefined$1;
-      var VERSION = "4.17.21";
+      var VERSION = "4.17.23";
       var LARGE_ARRAY_SIZE = 200;
       var CORE_ERROR_TEXT = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", FUNC_ERROR_TEXT = "Expected a function", INVALID_TEMPL_VAR_ERROR_TEXT = "Invalid `variable` option passed into `_.template`";
       var HASH_UNDEFINED = "__lodash_hash_undefined__";
@@ -1955,8 +1955,28 @@ function requireLodash() {
         }
         function baseUnset(object, path) {
           path = castPath(path, object);
-          object = parent(object, path);
-          return object == null || delete object[toKey(last(path))];
+          var index2 = -1, length = path.length;
+          if (!length) {
+            return true;
+          }
+          var isRootPrimitive = object == null || typeof object !== "object" && typeof object !== "function";
+          while (++index2 < length) {
+            var key = path[index2];
+            if (typeof key !== "string") {
+              continue;
+            }
+            if (key === "__proto__" && !hasOwnProperty.call(object, "__proto__")) {
+              return false;
+            }
+            if (key === "constructor" && index2 + 1 < length && typeof path[index2 + 1] === "string" && path[index2 + 1] === "prototype") {
+              if (isRootPrimitive && index2 === 0) {
+                continue;
+              }
+              return false;
+            }
+          }
+          var obj = parent(object, path);
+          return obj == null || delete obj[toKey(last(path))];
         }
         function baseUpdate(object, path, updater, customizer) {
           return baseSet(object, path, updater(baseGet(object, path)), customizer);
@@ -5498,12 +5518,76 @@ function requireLodash() {
   return lodash$1.exports;
 }
 var lodashExports = requireLodash();
-const defaultConfig = { enabled: false, enforce: false, issuer: "" };
+const defaultConfig = {
+  enabled: false,
+  enforce: false,
+  issuer: "Strapi",
+  email_enabled: false,
+  from_email: "",
+  from_name: "",
+  response_email: "",
+  subject: "Your One-Time Password",
+  text: "Your one-time password is: <%= OTP %>",
+  message: `<div style="margin: 0; padding: 0;">
+    <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#f9f9f9">
+        <tr>
+            <td align="center" style="padding: 40px 10px;">
+                <table border="0" cellpadding="0" cellspacing="0" width="600" bgcolor="#ffffff" style="border: 1px solid #dddddd;">
+                    <tr>
+                        <td align="center" style="padding: 40px 40px 20px 40px;">
+                            <font face="Arial, sans-serif" size="5" color="#333333">
+                                <strong>Verify Your Account</strong>
+                            </font>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td align="center" style="padding: 0 40px 20px 40px;">
+                            <font face="Arial, sans-serif" size="3" color="#555555" style="line-height: 24px;">
+                                Please use the following one-time password to complete your registration. This code will expire in 10 minutes.
+                            </font>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td align="center" style="padding: 20px 40px;">
+                            <table border="0" cellpadding="0" cellspacing="0">
+                                <tr>
+                                    <td align="center" bgcolor="#f4f4f4" style="padding: 20px 30px; font-family: Courier, monospace; font-size: 36px; color: #2d3436;">
+                                        <strong><%= OTP %></strong>
+                                    </td>
+                                </tr>
+                            </table>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td align="center" style="padding: 20px 40px 40px 40px;">
+                            <font face="Arial, sans-serif" size="2" color="#888888">
+                                If you did not request this code, please ignore this email.
+                            </font>
+                        </td>
+                    </tr>
+                </table>
+                <table border="0" cellpadding="0" cellspacing="0" width="600">
+                    <tr>
+                        <td align="center" style="padding: 20px;">
+                            <font face="Arial, sans-serif" size="1" color="#aaaaaa">
+                                &copy; <%= YEAR %> Your Company Name
+                            </font>
+                        </td>
+                    </tr>
+                </table>
+            </td>
+        </tr>
+    </table>
+</div>`
+};
 const getConfigFromForm = (formData) => {
   return Array.from(formData.entries()).reduce(
     (acc, [key, value]) => {
-      if (key === "enabled" || key === "enforce") acc[key] = value === "on";
-      else if (key === "issuer") acc[key] = String(value);
+      if (key === "enabled" || key === "enforce" || key === "email_enabled") {
+        acc[key] = value === "on";
+      } else {
+        acc[key] = String(value);
+      }
       return acc;
     },
     Object.assign({}, defaultConfig)
@@ -5514,22 +5598,30 @@ function SettingsPage() {
   const { formatMessage } = reactIntl.useIntl();
   const { toggleNotification } = admin.useNotification();
   const [showWarning, setShowWarning] = React.useState(false);
+  const [showEmailWarning, setShowEmailWarning] = React.useState(false);
   const [canSave, setCanSave] = React.useState(false);
   const [isSaving, setSaving] = React.useState(false);
   const [isLoading, setLoading] = React.useState(true);
   const [initialConfig, setInitialConfig] = React.useState(null);
   const [enabled, setEnabled] = React.useState(false);
+  const [emailEnabled, setEmailEnabled] = React.useState(false);
   const [enforce, setEnforce] = React.useState(false);
   const handleSubmit = async (event, confirmed) => {
     event?.preventDefault?.();
     setSaving(true);
     const formData = new FormData(event.currentTarget);
     const values = getConfigFromForm(formData);
+    console.log(formData, values);
     if (initialConfig?.enabled && !values.enabled && !confirmed) {
       setShowWarning(true);
       setSaving(false);
       return;
     }
+    if (initialConfig?.email_enabled && !values.email_enabled && !confirmed) {
+      setShowEmailWarning(true);
+      setSaving(false);
+      return;
+    }
     try {
       const token = tokenHelpers.getToken();
       const response = await fetch("/strapi-identity/config", {
@@ -5571,7 +5663,7 @@ function SettingsPage() {
     (async () => {
       try {
         const response = await fetch("/strapi-identity/config", {
-          headers: { Authorization: `Bearer ${token}` },
+          headers: { "Content-Type": "application/json", authorization: `Bearer ${token}` },
           signal: ac.signal
         });
         const json = await response.json();
@@ -5580,6 +5672,7 @@ function SettingsPage() {
         if (error) throw new Error(error);
         setInitialConfig(data);
         setEnabled(data.enabled);
+        setEmailEnabled(data.email_enabled);
         setEnforce(data.enforce);
       } catch (error) {
         console.error("Error fetching config:", error);
@@ -5616,74 +5709,155 @@ function SettingsPage() {
           primaryAction: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { disabled: !canSave, loading: isSaving, type: "submit", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Check, {}), children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        designSystem.Flex,
-        {
-          direction: "column",
-          alignItems: "stretch",
-          gap: 4,
-          hasRadius: true,
-          background: "neutral0",
-          shadow: "tableShadow",
-          paddingTop: 6,
-          paddingBottom: 6,
-          paddingRight: 7,
-          paddingLeft: 7,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: formatMessage({
-              id: index.getTranslation("profile.title"),
-              defaultMessage: "Two-Factor Authentication"
-            }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 5, tag: "dl", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", gap: 6, children: /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Flex,
+          {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 4,
+            hasRadius: true,
+            background: "neutral0",
+            shadow: "tableShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingRight: 7,
+            paddingLeft: 7,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: formatMessage({
+                id: index.getTranslation("profile.title"),
+                defaultMessage: "Two-Factor Authentication"
+              }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 5, tag: "dl", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: index.getTranslation("settings.enabled_hint"),
+                      defaultMessage: "Enable or disable Two-Factor Authentication for all users."
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({ id: "global.enabled", defaultMessage: "Enabled" }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Toggle,
+                        {
+                          name: "enabled",
+                          checked: enabled,
+                          onChange: ({ target }) => setEnabled(target.checked),
+                          offLabel: formatMessage({
+                            id: "app.components.ToggleCheckbox.off-label",
+                            defaultMessage: "False"
+                          }),
+                          onLabel: formatMessage({
+                            id: "app.components.ToggleCheckbox.on-label",
+                            defaultMessage: "True"
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: index.getTranslation("settings.enforce_hint"),
+                      defaultMessage: "Enforce Multi-Factor Authentication for all users. If enabled, users will be required to set up MFA on their next login."
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                        id: index.getTranslation("settings.enforce"),
+                        defaultMessage: "Enforce MFA"
+                      }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Toggle,
+                        {
+                          name: "enforce",
+                          disabled: true,
+                          checked: enforce,
+                          onChange: ({ target }) => setEnforce(target.checked),
+                          offLabel: formatMessage({
+                            id: "app.components.ToggleCheckbox.off-label",
+                            defaultMessage: "False"
+                          }),
+                          onLabel: formatMessage({
+                            id: "app.components.ToggleCheckbox.on-label",
+                            defaultMessage: "True"
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: index.getTranslation("settings.issuer_hint"),
+                      defaultMessage: "Displayed in the MFA app"
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                        id: index.getTranslation("settings.issuer"),
+                        defaultMessage: "Issuer Name"
+                      }) }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.TextInput,
+                        {
+                          name: "issuer",
+                          defaultValue: initialConfig?.issuer,
+                          placeholder: formatMessage({
+                            id: index.getTranslation("settings.issuer"),
+                            defaultMessage: "Issuer Name"
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          designSystem.Flex,
+          {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 4,
+            hasRadius: true,
+            background: "neutral0",
+            shadow: "tableShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingRight: 7,
+            paddingLeft: 7,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: formatMessage({
+                id: index.getTranslation("settings.email_title"),
+                defaultMessage: "Email Settings"
+              }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 5, tag: "dl", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
                 designSystem.Field.Root,
                 {
                   hint: formatMessage({
-                    id: index.getTranslation("settings.enabled_hint"),
-                    defaultMessage: "Enable or disable Two-Factor Authentication for all users."
+                    id: index.getTranslation("settings.email_enabled_hint"),
+                    defaultMessage: "Enable or disable Email MFA."
                   }),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({ id: "global.enabled", defaultMessage: "Enabled" }) }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       designSystem.Toggle,
                       {
-                        name: "enabled",
-                        checked: enabled,
-                        onChange: ({ target }) => setEnabled(target.checked),
-                        offLabel: formatMessage({
-                          id: "app.components.ToggleCheckbox.off-label",
-                          defaultMessage: "False"
-                        }),
-                        onLabel: formatMessage({
-                          id: "app.components.ToggleCheckbox.on-label",
-                          defaultMessage: "True"
-                        })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Field.Root,
-                {
-                  hint: formatMessage({
-                    id: index.getTranslation("settings.enforce_hint"),
-                    defaultMessage: "Enforce Multi-Factor Authentication for all users. If enabled, users will be required to set up MFA on their next login."
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-                      id: index.getTranslation("settings.enforce"),
-                      defaultMessage: "Enforce MFA"
-                    }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.Toggle,
-                      {
-                        name: "enforce",
-                        disabled: true,
-                        checked: enforce,
-                        onChange: ({ target }) => setEnforce(target.checked),
+                        name: "email_enabled",
+                        checked: emailEnabled,
+                        onChange: ({ target }) => setEmailEnabled(target.checked),
                         offLabel: formatMessage({
                           id: "app.components.ToggleCheckbox.off-label",
                           defaultMessage: "False"
@@ -5698,40 +5872,108 @@ function SettingsPage() {
                     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
                   ]
                 }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                designSystem.Field.Root,
-                {
-                  hint: formatMessage({
-                    id: index.getTranslation("settings.issuer_hint"),
-                    defaultMessage: "Displayed in the MFA app"
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
-                      id: index.getTranslation("settings.issuer"),
-                      defaultMessage: "Issuer Name"
-                    }) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      designSystem.TextInput,
-                      {
-                        name: "issuer",
-                        defaultValue: initialConfig?.issuer,
-                        placeholder: formatMessage({
-                          id: index.getTranslation("settings.issuer"),
-                          defaultMessage: "Issuer Name"
-                        })
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
-                    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
-                  ]
-                }
-              ) })
-            ] })
-          ]
-        }
-      ) }) })
+              ) }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { gap: 5, tag: "dl", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.from.name.label",
+                    defaultMessage: "Shipper name"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.TextInput, { name: "from_name", defaultValue: initialConfig?.from_name || "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.from.email.label",
+                    defaultMessage: "Shipper email"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      name: "from_email",
+                      defaultValue: initialConfig?.from_email || ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.response_email.label",
+                    defaultMessage: "Response email"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.TextInput,
+                    {
+                      name: "response_email",
+                      defaultValue: initialConfig?.response_email || ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.object.label",
+                    defaultMessage: "Subject"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.TextInput, { name: "subject", defaultValue: initialConfig?.subject || "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: "settings.accessibility_message",
+                    defaultMessage: "Accessibility Message"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.TextInput, { name: "text", defaultValue: initialConfig?.text || "" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 12, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
+                    id: index.getTranslation("PopUpForm.Email.options.message.label"),
+                    defaultMessage: "Message"
+                  }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    designSystem.Textarea,
+                    {
+                      name: "message",
+                      defaultValue: initialConfig?.message || "",
+                      rows: 15
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+                  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+                ] }) })
+              ] })
+            ]
+          }
+        )
+      ] }) }) })
     ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      WarningAlert.WarningAlert,
+      {
+        open: showEmailWarning,
+        onCancel: () => setShowEmailWarning(false),
+        onConfirm: () => {
+          setShowEmailWarning(false);
+          formRef.current && handleSubmit({ currentTarget: formRef.current }, true);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", textAlign: "center", children: formatMessage({
+            id: index.getTranslation("settings.email_warning"),
+            defaultMessage: "Turning off Email MFA will disable Email OTP for all users who have it enabled."
+          }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textAlign: "center", fontWeight: "semiBold", children: formatMessage({
+            id: index.getTranslation("app.confirm.body"),
+            defaultMessage: "Are you sure?"
+          }) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs(
       WarningAlert.WarningAlert,
       {

package/dist/admin/{ar-i2eiMZkz.js → ar-BYnI7Tsa.js}

@@ -2,35 +2,48 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const ar = {
   "plugin.name": "Strapi Identity",
-  "general.use_verification_code": "استخدام تطبيق المصادقة",
+  "admin.subtitle": "إعادة تعيين المصادقة الثنائية للمستخدم.",
+  "admin.title": "المصادقة الثنائية",
+  "admin.warn-title": "إعادة تعيين 2FA لهذا المستخدم؟",
+  "admin.warning": "ستسمح إعادة تعيين المصادقة الثنائية للمستخدم بإعدادها مرة أخرى بواسطة جهاز جديد. هذا الإجراء لا يمكن التراجع عنه.",
+  "email_otp.confirm_description": "أدخل الرمز المكون من 6 أرقام المرسل إلى {email}.",
+  "email_otp.disable_description": "سنرسل رمز تحقق مكوناً من 6 أرقام إلى {email}. أدخله لتعطيل OTP البريد الإلكتروني.",
+  "email_otp.disable_title": "تعطيل OTP البريد الإلكتروني",
+  "email_otp.resend_code": "إعادة إرسال الرمز",
+  "email_otp.send_code": "إرسال بريد إلكتروني للتحقق",
+  "email_otp.setup_description": "سنرسل رمز تحقق مكوناً من 6 أرقام إلى {email}. أدخله لتفعيل OTP البريد الإلكتروني.",
+  "email_otp.setup_title": "تفعيل OTP البريد الإلكتروني",
   "general.use_recovery_code": "استخدام رمز الاسترداد",
-  "verify_page.title": "تحقق من هويتك",
-  "verify_page.subtitle": "أدخل رمز التحقق للمتابعة.",
-  "verify_page.error": "الرمز غير صالح. يرجى المحاولة مرة أخرى.",
-  "verify_page.submit": "إرسال الرمز",
-  "profile.title": "المصادقة الثنائية",
-  "profile.subtitle": "أضف طبقة أمان إضافية إلى حسابك.",
-  "profile.toggle_label": "تفعيل المصادقة الثنائية",
-  "profile.setup": "إعداد المصادقة الثنائية",
-  "profile.recovery_codes": "يرجى حفظ رموز الاسترداد التالية في مكان آمن. يمكن استخدام كل رمز مرة واحدة فقط للوصول إلى حسابك إذا فقدت الوصول إلى تطبيق المصادقة الخاص بك.",
+  "general.use_verification_code": "استخدام تطبيق المصادقة",
+  "profile.disable_instruction": "أدخل الرمز المكون من 6 أرقام من تطبيق المصادقة لتعطيل المصادقة الثنائية.",
+  "profile.disable_title": "تعطيل المصادقة الثنائية",
+  "profile.email_otp_disabled_hint": "قم بتعطيل تطبيق المصادقة أولاً لتفعيل OTP البريد الإلكتروني.",
+  "profile.email_otp_label": "تفعيل OTP البريد الإلكتروني",
+  "profile.enter_otp": "أدخل الرمز المكون من 6 أرقام من تطبيق المصادقة للتأكيد.",
   "profile.recovery_codes_warning": "إذا فقدت كل من تطبيق المصادقة ورموز الاسترداد، فستحتاج إلى الاتصال بالمسؤول لاستعادة الوصول إلى حسابك.",
+  "profile.recovery_codes": "يرجى حفظ رموز الاسترداد التالية في مكان آمن. يمكن استخدام كل رمز مرة واحدة فقط للوصول إلى حسابك إذا فقدت الوصول إلى تطبيق المصادقة الخاص بك.",
   "profile.scan_qr": "ستحتاج إلى تطبيق مصادقة لمسح رمز الاستجابة السريعة أدناه.",
-  "profile.enter_otp": "أدخل الرمز المكون من 6 أرقام من تطبيق المصادقة للتأكيد.",
-  "profile.disable_title": "تعطيل المصادقة الثنائية",
-  "profile.disable_instruction": "أدخل الرمز المكون من 6 أرقام من تطبيق المصادقة لتعطيل المصادقة الثنائية.",
-  "settings.title": "إعدادات Strapi Identity",
+  "profile.setup": "إعداد المصادقة الثنائية",
+  "profile.subtitle": "أضف طبقة أمان إضافية إلى حسابك.",
+  "profile.title": "المصادقة الثنائية",
+  "profile.toggle_label": "تفعيل المصادقة الثنائية",
+  "settings.accessibility_message": "رسالة إمكانية الوصول",
   "settings.description": "إعدادات المكون الإضافي Strapi Identity، مما يسمح لك بتكوين خيارات المصادقة وإعدادات الأمان.",
-  "settings.enforced_mfa": "MFA المفروضة",
-  "settings.name": "Strapi Identity",
   "settings.enabled_hint": "تمكين أو تعطيل المصادقة الثنائية لجميع المستخدمين.",
-  "settings.enforce": "فرض المصادقة المتعددة العوامل (MFA)",
   "settings.enforce_hint": "فرض المصادقة المتعددة العوامل لجميع المستخدمين. في حالة التمكين، سيُطلب من المستخدمين إعداد MFA عند تسجيل الدخول التالي.",
-  "settings.issuer": "اسم المُصدر",
+  "settings.enforce": "فرض المصادقة المتعددة العوامل (MFA)",
+  "settings.enforced_mfa": "MFA المفروضة",
   "settings.issuer_hint": "يتم عرضه في تطبيق MFA",
-  "admin.title": "المصادقة الثنائية",
-  "admin.subtitle": "إعادة تعيين المصادقة الثنائية للمستخدم.",
-  "admin.warn-title": "إعادة تعيين 2FA لهذا المستخدم؟",
-  "admin.warning": "ستسمح إعادة تعيين المصادقة الثنائية للمستخدم بإعدادها مرة أخرى بواسطة جهاز جديد. هذا الإجراء لا يمكن التراجع عنه.",
-  "settings.warning": "سيؤثر إيقاف تشغيل MFA على جميع المستخدمين. يرجى مراجعة الإعدادات بعناية قبل الحفظ."
+  "settings.issuer": "اسم المُصدر",
+  "settings.name": "Strapi Identity",
+  "settings.title": "إعدادات Strapi Identity",
+  "settings.warning": "سيؤثر إيقاف تشغيل MFA على جميع المستخدمين. يرجى مراجعة الإعدادات بعناية قبل الحفظ.",
+  "verify_page.error": "الرمز غير صالح. يرجى المحاولة مرة أخرى.",
+  "verify_page.resend_error": "فشل إعادة إرسال الرمز. يرجى المحاولة مرة أخرى.",
+  "verify_page.resend_success": "تم إرسال الرمز!",
+  "verify_page.submit": "إرسال الرمز",
+  "verify_page.subtitle_email": "أدخل الرمز الذي أرسلناه إلى عنوان بريدك الإلكتروني.",
+  "verify_page.subtitle": "أدخل رمز التحقق للمتابعة.",
+  "verify_page.title": "تحقق من هويتك"
 };
 exports.default = ar;