strapi-identity 0.1.2 → 0.3.0

package/dist/admin/{SettingsPage-OwMik_IK.mjs → SettingsPage-DgPikS3m.mjs}

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useRef, useState, useEffect } from "react";
 import { W as WarningAlert } from "./WarningAlert-VU011LVF.mjs";
 import { useNotification, Page, Layouts } from "@strapi/strapi/admin";
-import { Button, Flex, Typography, Grid, Field, Toggle, TextInput } from "@strapi/design-system";
+import { Button, Flex, Typography, Grid, Field, Toggle, TextInput, Textarea } from "@strapi/design-system";
 import { Check } from "@strapi/icons";
-import { g as getTranslation } from "./index-D45I6rWF.mjs";
-import { g as getToken } from "./tokenHelpers-DagDzpso.mjs";
+import { g as getTranslation } from "./index-C_4USMnn.mjs";
+import { g as getToken } from "./tokenHelpers-CKVyT1sz.mjs";
 import { useIntl } from "react-intl";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 var lodash$1 = { exports: {} };
@@ -25,7 +25,7 @@ function requireLodash() {
   (function(module, 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__";
@@ -1953,8 +1953,28 @@ function requireLodash() {
         }
         function baseUnset(object, path) {
           path = castPath(path, object);
-          object = parent(object, path);
-          return object == null || delete object[toKey(last(path))];
+          var index = -1, length = path.length;
+          if (!length) {
+            return true;
+          }
+          var isRootPrimitive = object == null || typeof object !== "object" && typeof object !== "function";
+          while (++index < length) {
+            var key = path[index];
+            if (typeof key !== "string") {
+              continue;
+            }
+            if (key === "__proto__" && !hasOwnProperty.call(object, "__proto__")) {
+              return false;
+            }
+            if (key === "constructor" && index + 1 < length && typeof path[index + 1] === "string" && path[index + 1] === "prototype") {
+              if (isRootPrimitive && index === 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);
@@ -5496,12 +5516,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)
@@ -5512,22 +5596,30 @@ function SettingsPage() {
   const { formatMessage } = useIntl();
   const { toggleNotification } = useNotification();
   const [showWarning, setShowWarning] = useState(false);
+  const [showEmailWarning, setShowEmailWarning] = useState(false);
   const [canSave, setCanSave] = useState(false);
   const [isSaving, setSaving] = useState(false);
   const [isLoading, setLoading] = useState(true);
   const [initialConfig, setInitialConfig] = useState(null);
   const [enabled, setEnabled] = useState(false);
+  const [emailEnabled, setEmailEnabled] = useState(false);
   const [enforce, setEnforce] = 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 = getToken();
       const response = await fetch("/strapi-identity/config", {
@@ -5569,7 +5661,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();
@@ -5578,6 +5670,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);
@@ -5614,74 +5707,155 @@ function SettingsPage() {
           primaryAction: /* @__PURE__ */ jsx(Button, { disabled: !canSave, loading: isSaving, type: "submit", startIcon: /* @__PURE__ */ jsx(Check, {}), children: formatMessage({ id: "global.save", defaultMessage: "Save" }) })
         }
       ),
-      /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          direction: "column",
-          alignItems: "stretch",
-          gap: 4,
-          hasRadius: true,
-          background: "neutral0",
-          shadow: "tableShadow",
-          paddingTop: 6,
-          paddingBottom: 6,
-          paddingRight: 7,
-          paddingLeft: 7,
-          children: [
-            /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: formatMessage({
-              id: getTranslation("profile.title"),
-              defaultMessage: "Two-Factor Authentication"
-            }) }) }),
-            /* @__PURE__ */ jsxs(Grid.Root, { gap: 5, tag: "dl", children: [
-              /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(Flex, { direction: "column", gap: 6, children: /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 6, children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 4,
+            hasRadius: true,
+            background: "neutral0",
+            shadow: "tableShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingRight: 7,
+            paddingLeft: 7,
+            children: [
+              /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: formatMessage({
+                id: getTranslation("profile.title"),
+                defaultMessage: "Two-Factor Authentication"
+              }) }) }),
+              /* @__PURE__ */ jsxs(Grid.Root, { gap: 5, tag: "dl", children: [
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
+                  Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: getTranslation("settings.enabled_hint"),
+                      defaultMessage: "Enable or disable Two-Factor Authentication for all users."
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({ id: "global.enabled", defaultMessage: "Enabled" }) }),
+                      /* @__PURE__ */ jsx(
+                        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__ */ jsx(Field.Hint, {}),
+                      /* @__PURE__ */ jsx(Field.Error, {})
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
+                  Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: 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__ */ jsx(Field.Label, { children: formatMessage({
+                        id: getTranslation("settings.enforce"),
+                        defaultMessage: "Enforce MFA"
+                      }) }),
+                      /* @__PURE__ */ jsx(
+                        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__ */ jsx(Field.Hint, {}),
+                      /* @__PURE__ */ jsx(Field.Error, {})
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
+                  Field.Root,
+                  {
+                    hint: formatMessage({
+                      id: getTranslation("settings.issuer_hint"),
+                      defaultMessage: "Displayed in the MFA app"
+                    }),
+                    children: [
+                      /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                        id: getTranslation("settings.issuer"),
+                        defaultMessage: "Issuer Name"
+                      }) }),
+                      /* @__PURE__ */ jsx(
+                        TextInput,
+                        {
+                          name: "issuer",
+                          defaultValue: initialConfig?.issuer,
+                          placeholder: formatMessage({
+                            id: getTranslation("settings.issuer"),
+                            defaultMessage: "Issuer Name"
+                          })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(Field.Hint, {}),
+                      /* @__PURE__ */ jsx(Field.Error, {})
+                    ]
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 4,
+            hasRadius: true,
+            background: "neutral0",
+            shadow: "tableShadow",
+            paddingTop: 6,
+            paddingBottom: 6,
+            paddingRight: 7,
+            paddingLeft: 7,
+            children: [
+              /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: formatMessage({
+                id: getTranslation("settings.email_title"),
+                defaultMessage: "Email Settings"
+              }) }) }),
+              /* @__PURE__ */ jsx(Grid.Root, { gap: 5, tag: "dl", children: /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
                 Field.Root,
                 {
                   hint: formatMessage({
-                    id: getTranslation("settings.enabled_hint"),
-                    defaultMessage: "Enable or disable Two-Factor Authentication for all users."
+                    id: getTranslation("settings.email_enabled_hint"),
+                    defaultMessage: "Enable or disable Email MFA."
                   }),
                   children: [
                     /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({ id: "global.enabled", defaultMessage: "Enabled" }) }),
                     /* @__PURE__ */ jsx(
                       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__ */ jsx(Field.Hint, {}),
-                    /* @__PURE__ */ jsx(Field.Error, {})
-                  ]
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
-                Field.Root,
-                {
-                  hint: formatMessage({
-                    id: 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__ */ jsx(Field.Label, { children: formatMessage({
-                      id: getTranslation("settings.enforce"),
-                      defaultMessage: "Enforce MFA"
-                    }) }),
-                    /* @__PURE__ */ jsx(
-                      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"
@@ -5696,40 +5870,108 @@ function SettingsPage() {
                     /* @__PURE__ */ jsx(Field.Error, {})
                   ]
                 }
-              ) }),
-              /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(
-                Field.Root,
-                {
-                  hint: formatMessage({
-                    id: getTranslation("settings.issuer_hint"),
-                    defaultMessage: "Displayed in the MFA app"
-                  }),
-                  children: [
-                    /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-                      id: getTranslation("settings.issuer"),
-                      defaultMessage: "Issuer Name"
-                    }) }),
-                    /* @__PURE__ */ jsx(
-                      TextInput,
-                      {
-                        name: "issuer",
-                        defaultValue: initialConfig?.issuer,
-                        placeholder: formatMessage({
-                          id: getTranslation("settings.issuer"),
-                          defaultMessage: "Issuer Name"
-                        })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(Field.Hint, {}),
-                    /* @__PURE__ */ jsx(Field.Error, {})
-                  ]
-                }
-              ) })
-            ] })
-          ]
-        }
-      ) }) })
+              ) }) }),
+              /* @__PURE__ */ jsxs(Grid.Root, { gap: 5, tag: "dl", children: [
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.from.name.label",
+                    defaultMessage: "Shipper name"
+                  }) }),
+                  /* @__PURE__ */ jsx(TextInput, { name: "from_name", defaultValue: initialConfig?.from_name || "" }),
+                  /* @__PURE__ */ jsx(Field.Hint, {}),
+                  /* @__PURE__ */ jsx(Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.from.email.label",
+                    defaultMessage: "Shipper email"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      name: "from_email",
+                      defaultValue: initialConfig?.from_email || ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Hint, {}),
+                  /* @__PURE__ */ jsx(Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.response_email.label",
+                    defaultMessage: "Response email"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      name: "response_email",
+                      defaultValue: initialConfig?.response_email || ""
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Hint, {}),
+                  /* @__PURE__ */ jsx(Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 6, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "PopUpForm.Email.options.object.label",
+                    defaultMessage: "Subject"
+                  }) }),
+                  /* @__PURE__ */ jsx(TextInput, { name: "subject", defaultValue: initialConfig?.subject || "" }),
+                  /* @__PURE__ */ jsx(Field.Hint, {}),
+                  /* @__PURE__ */ jsx(Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 12, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: "settings.accessibility_message",
+                    defaultMessage: "Accessibility Message"
+                  }) }),
+                  /* @__PURE__ */ jsx(TextInput, { name: "text", defaultValue: initialConfig?.text || "" }),
+                  /* @__PURE__ */ jsx(Field.Hint, {}),
+                  /* @__PURE__ */ jsx(Field.Error, {})
+                ] }) }),
+                /* @__PURE__ */ jsx(Grid.Item, { col: 12, xs: 12, direction: "column", alignItems: "stretch", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: getTranslation("PopUpForm.Email.options.message.label"),
+                    defaultMessage: "Message"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    Textarea,
+                    {
+                      name: "message",
+                      defaultValue: initialConfig?.message || "",
+                      rows: 15
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Hint, {}),
+                  /* @__PURE__ */ jsx(Field.Error, {})
+                ] }) })
+              ] })
+            ]
+          }
+        )
+      ] }) }) })
     ] }) }),
+    /* @__PURE__ */ jsxs(
+      WarningAlert,
+      {
+        open: showEmailWarning,
+        onCancel: () => setShowEmailWarning(false),
+        onConfirm: () => {
+          setShowEmailWarning(false);
+          formRef.current && handleSubmit({ currentTarget: formRef.current }, true);
+        },
+        children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", textAlign: "center", children: formatMessage({
+            id: getTranslation("settings.email_warning"),
+            defaultMessage: "Turning off Email MFA will disable Email OTP for all users who have it enabled."
+          }) }),
+          /* @__PURE__ */ jsx(Typography, { textAlign: "center", fontWeight: "semiBold", children: formatMessage({
+            id: getTranslation("app.confirm.body"),
+            defaultMessage: "Are you sure?"
+          }) })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs(
       WarningAlert,
       {