strapi-plugin-firebase-authentication 1.1.12 → 1.2.1

package/dist/_chunks/{index-D8pv1Q6h.mjs → index-Kidqhaeq.mjs}

@@ -1,8 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { Flex, Box, Typography, JSONInput, Button, TextInput, Badge, Textarea, Toggle, NumberInput, Modal } from "@strapi/design-system";
+import { T, R, E, J as Jm, N as Nn, G as G0, I as Is, M as M1, D as D1, i as i1, t as t1, g as getFirebaseConfig, s as saveFirebaseConfig, f as delFirebaseConfig, j as savePasswordSettings } from "./api-Bjer83Qp.mjs";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { g as getFirebaseConfig, s as saveFirebaseConfig, d as delFirebaseConfig, a as savePasswordSettings } from "./api-D_4cdJU5.mjs";
 import { useNavigate } from "react-router-dom";
 function SettingsPage() {
   const { toggleNotification } = useNotification();
@@ -20,6 +19,10 @@ function SettingsPage() {
   const [magicLinkUrl, setMagicLinkUrl] = useState("http://localhost:1338/verify-magic-link.html");
   const [magicLinkEmailSubject, setMagicLinkEmailSubject] = useState("Sign in to Your Application");
   const [magicLinkExpiryHours, setMagicLinkExpiryHours] = useState(1);
+  const [emailVerificationUrl, setEmailVerificationUrl] = useState(
+    "http://localhost:3000/verify-email"
+  );
+  const [emailVerificationEmailSubject, setEmailVerificationEmailSubject] = useState("Verify Your Email");
   const [loading, setLoading] = useState(true);
   const [showEditModal, setShowEditModal] = useState(false);
   const [editWebApiKey, setEditWebApiKey] = useState("");
@@ -46,6 +49,8 @@ function SettingsPage() {
       setMagicLinkUrl(data?.magicLinkUrl || "http://localhost:1338/verify-magic-link.html");
       setMagicLinkEmailSubject(data?.magicLinkEmailSubject || "Sign in to Your Application");
       setMagicLinkExpiryHours(data?.magicLinkExpiryHours || 1);
+      setEmailVerificationUrl(data?.emailVerificationUrl || "http://localhost:3000/verify-email");
+      setEmailVerificationEmailSubject(data?.emailVerificationEmailSubject || "Verify Your Email");
     }).catch((error) => {
       setLoading(false);
       console.error("Error retrieving Firebase config:", error);
@@ -71,6 +76,8 @@ function SettingsPage() {
       setMagicLinkUrl("http://localhost:1338/verify-magic-link.html");
       setMagicLinkEmailSubject("Sign in to Your Application");
       setMagicLinkExpiryHours(1);
+      setEmailVerificationUrl("http://localhost:3000/verify-email");
+      setEmailVerificationEmailSubject("Verify Your Email");
       setLoading(false);
       toggleNotification({
         type: "success",
@@ -96,7 +103,9 @@ function SettingsPage() {
         enableMagicLink,
         magicLinkUrl,
         magicLinkEmailSubject,
-        magicLinkExpiryHours
+        magicLinkExpiryHours,
+        emailVerificationUrl,
+        emailVerificationEmailSubject
       });
       if (!data || !data.firebase_config_json) {
         throw new Error("Invalid response from server");
@@ -127,7 +136,9 @@ function SettingsPage() {
         enableMagicLink,
         magicLinkUrl,
         magicLinkEmailSubject,
-        magicLinkExpiryHours
+        magicLinkExpiryHours,
+        emailVerificationUrl,
+        emailVerificationEmailSubject
       });
       if (data) {
         setPasswordRequirementsRegex(data.passwordRequirementsRegex || passwordRequirementsRegex);
@@ -138,6 +149,8 @@ function SettingsPage() {
         setMagicLinkUrl(data.magicLinkUrl || magicLinkUrl);
         setMagicLinkEmailSubject(data.magicLinkEmailSubject || magicLinkEmailSubject);
         setMagicLinkExpiryHours(data.magicLinkExpiryHours || magicLinkExpiryHours);
+        setEmailVerificationUrl(data.emailVerificationUrl || emailVerificationUrl);
+        setEmailVerificationEmailSubject(data.emailVerificationEmailSubject || emailVerificationEmailSubject);
       }
       setLoading(false);
       toggleNotification({
@@ -164,13 +177,17 @@ function SettingsPage() {
         enableMagicLink,
         magicLinkUrl,
         magicLinkEmailSubject,
-        magicLinkExpiryHours
+        magicLinkExpiryHours,
+        emailVerificationUrl,
+        emailVerificationEmailSubject
       });
       if (data) {
         setEnableMagicLink(data.enableMagicLink || enableMagicLink);
         setMagicLinkUrl(data.magicLinkUrl || magicLinkUrl);
         setMagicLinkEmailSubject(data.magicLinkEmailSubject || magicLinkEmailSubject);
         setMagicLinkExpiryHours(data.magicLinkExpiryHours || magicLinkExpiryHours);
+        setEmailVerificationUrl(data.emailVerificationUrl || emailVerificationUrl);
+        setEmailVerificationEmailSubject(data.emailVerificationEmailSubject || emailVerificationEmailSubject);
       }
       setLoading(false);
       toggleNotification({
@@ -186,6 +203,39 @@ function SettingsPage() {
       setLoading(false);
     }
   };
+  const handleSaveEmailVerificationSettings = async () => {
+    try {
+      setLoading(true);
+      const data = await savePasswordSettings({
+        passwordRequirementsRegex,
+        passwordRequirementsMessage,
+        passwordResetUrl,
+        passwordResetEmailSubject,
+        enableMagicLink,
+        magicLinkUrl,
+        magicLinkEmailSubject,
+        magicLinkExpiryHours,
+        emailVerificationUrl,
+        emailVerificationEmailSubject
+      });
+      if (data) {
+        setEmailVerificationUrl(data.emailVerificationUrl || emailVerificationUrl);
+        setEmailVerificationEmailSubject(data.emailVerificationEmailSubject || emailVerificationEmailSubject);
+      }
+      setLoading(false);
+      toggleNotification({
+        type: "success",
+        message: "Email verification settings saved successfully"
+      });
+    } catch (error) {
+      console.error("Error saving email verification settings:", error);
+      toggleNotification({
+        type: "warning",
+        message: "Failed to save email verification settings"
+      });
+      setLoading(false);
+    }
+  };
   const handleAddWebApiKey = () => {
     setEditWebApiKey("");
     setShowEditModal(true);
@@ -206,7 +256,9 @@ function SettingsPage() {
         enableMagicLink,
         magicLinkUrl,
         magicLinkEmailSubject,
-        magicLinkExpiryHours
+        magicLinkExpiryHours,
+        emailVerificationUrl,
+        emailVerificationEmailSubject
       });
       if (!data || !data.firebase_config_json) {
         throw new Error("Invalid response from server");
@@ -239,7 +291,9 @@ function SettingsPage() {
         enableMagicLink,
         magicLinkUrl,
         magicLinkEmailSubject,
-        magicLinkExpiryHours
+        magicLinkExpiryHours,
+        emailVerificationUrl,
+        emailVerificationEmailSubject
       });
       if (!data || !data.firebase_config_json) {
         throw new Error("Invalid response from server");
@@ -273,11 +327,11 @@ function SettingsPage() {
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Flex, { style: { padding: 32 }, direction: "column", alignItems: "flex-start", gap: 4, children: /* @__PURE__ */ jsxs(Box, { style: { width: "100%" }, children: [
-      /* @__PURE__ */ jsxs(Box, { marginBottom: 6, padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Firebase Authentication" }),
+    /* @__PURE__ */ jsx(T, { style: { padding: 32 }, direction: "column", alignItems: "flex-start", gap: 4, children: /* @__PURE__ */ jsxs(R, { style: { width: "100%" }, children: [
+      /* @__PURE__ */ jsxs(R, { marginBottom: 6, padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", children: [
+        /* @__PURE__ */ jsx(E, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Firebase Authentication" }),
         /* @__PURE__ */ jsx(
-          Typography,
+          E,
           {
             variant: "omega",
             textColor: "neutral600",
@@ -287,9 +341,9 @@ function SettingsPage() {
         ),
         (() => {
           return !firebaseJsonValue || !firebaseJsonValue.firebaseConfigJson ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Box, { children: [
+            /* @__PURE__ */ jsxs(R, { children: [
               /* @__PURE__ */ jsx(
-                Typography,
+                E,
                 {
                   variant: "omega",
                   fontWeight: "bold",
@@ -298,7 +352,7 @@ function SettingsPage() {
                 }
               ),
               /* @__PURE__ */ jsx(
-                JSONInput,
+                Jm,
                 {
                   value: firebaseJsonValueInput,
                   height: 400,
@@ -308,9 +362,9 @@ function SettingsPage() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs(Box, { marginTop: 4, children: [
+            /* @__PURE__ */ jsxs(R, { marginTop: 4, children: [
               /* @__PURE__ */ jsxs(
-                Button,
+                Nn,
                 {
                   variant: "tertiary",
                   onClick: () => setShowOptionalSettings(!showOptionalSettings),
@@ -321,11 +375,11 @@ function SettingsPage() {
                   ]
                 }
               ),
-              showOptionalSettings && /* @__PURE__ */ jsxs(Box, { padding: 3, background: "neutral100", borderRadius: "4px", children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "omega", marginBottom: 3, children: "The Web API Key is only needed if you want to use the emailLogin endpoint. Most users should authenticate with Firebase Client SDK instead." }),
-                /* @__PURE__ */ jsxs(Box, { marginTop: 3, children: [
+              showOptionalSettings && /* @__PURE__ */ jsxs(R, { padding: 3, background: "neutral100", borderRadius: "4px", children: [
+                /* @__PURE__ */ jsx(E, { variant: "omega", marginBottom: 3, children: "The Web API Key is only needed if you want to use the emailLogin endpoint. Most users should authenticate with Firebase Client SDK instead." }),
+                /* @__PURE__ */ jsxs(R, { marginTop: 3, children: [
                   /* @__PURE__ */ jsx(
-                    Typography,
+                    E,
                     {
                       variant: "omega",
                       fontWeight: "bold",
@@ -334,7 +388,7 @@ function SettingsPage() {
                     }
                   ),
                   /* @__PURE__ */ jsx(
-                    TextInput,
+                    G0,
                     {
                       name: "firebaseWebApiKey",
                       value: firebaseWebApiKey,
@@ -344,10 +398,10 @@ function SettingsPage() {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs(Box, { marginTop: 3, padding: 2, background: "primary100", borderRadius: "4px", children: [
-                  /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "📍 Where to find your Web API Key:" }),
+                /* @__PURE__ */ jsxs(R, { marginTop: 3, padding: 2, background: "primary100", borderRadius: "4px", children: [
+                  /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", children: "📍 Where to find your Web API Key:" }),
                   /* @__PURE__ */ jsxs("ol", { style: { marginLeft: 20, marginTop: 8 }, children: [
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
                       "Go to",
                       " ",
                       /* @__PURE__ */ jsx(
@@ -360,25 +414,25 @@ function SettingsPage() {
                         }
                       )
                     ] }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "Select your project" }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(E, { variant: "omega", children: "Select your project" }) }),
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
                       "Click the gear icon → ",
                       /* @__PURE__ */ jsx("strong", { children: "Project Settings" })
                     ] }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
                       "In the ",
                       /* @__PURE__ */ jsx("strong", { children: "General" }),
                       " tab, scroll down to ",
                       /* @__PURE__ */ jsx("strong", { children: "Your apps" })
                     ] }) }),
-                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+                    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
                       "Find ",
                       /* @__PURE__ */ jsx("strong", { children: "Web API Key" }),
                       " (looks like: AIzaSyB3Xd...)"
                     ] }) })
                   ] })
                 ] }),
-                /* @__PURE__ */ jsx(Box, { marginTop: 3, padding: 2, background: "warning100", borderRadius: "4px", children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", textColor: "warning700", children: [
+                /* @__PURE__ */ jsx(R, { marginTop: 3, padding: 2, background: "warning100", borderRadius: "4px", children: /* @__PURE__ */ jsxs(E, { variant: "omega", textColor: "warning700", children: [
                   "⚠️ ",
                   /* @__PURE__ */ jsx("strong", { children: "Recommendation:" }),
                   " Instead of using emailLogin endpoint, authenticate users on the client side using Firebase SDK and exchange the ID token. This is more secure and doesn't require the Web API Key configuration."
@@ -386,7 +440,7 @@ function SettingsPage() {
               ] })
             ] }),
             /* @__PURE__ */ jsx(
-              Flex,
+              T,
               {
                 style: {
                   marginTop: 24,
@@ -394,7 +448,7 @@ function SettingsPage() {
                 },
                 justifyContent: "flex-end",
                 children: /* @__PURE__ */ jsx(
-                  Button,
+                  Nn,
                   {
                     size: "L",
                     onClick: handleFirebaseJsonSubmit,
@@ -404,14 +458,14 @@ function SettingsPage() {
                 )
               }
             ),
-            /* @__PURE__ */ jsxs(Box, { marginTop: 6, paddingTop: 4, style: { borderTop: "1px solid #eaeaef" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "beta", marginBottom: 3, children: "How to setup Firebase Service Account JSON:" }),
-              /* @__PURE__ */ jsxs(Box, { padding: 3, background: "warning100", borderRadius: "4px", marginBottom: 4, children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "warning700", children: "⚠️ Security Warning" }),
-                /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "warning700", marginTop: 1, children: "The Service Account JSON contains sensitive credentials with full admin access to your Firebase project. Never commit this file to version control or share it publicly." })
+            /* @__PURE__ */ jsxs(R, { marginTop: 6, paddingTop: 4, style: { borderTop: "1px solid #eaeaef" }, children: [
+              /* @__PURE__ */ jsx(E, { variant: "beta", marginBottom: 3, children: "How to setup Firebase Service Account JSON:" }),
+              /* @__PURE__ */ jsxs(R, { padding: 3, background: "warning100", borderRadius: "4px", marginBottom: 4, children: [
+                /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", textColor: "warning700", children: "⚠️ Security Warning" }),
+                /* @__PURE__ */ jsx(E, { variant: "omega", textColor: "warning700", marginTop: 1, children: "The Service Account JSON contains sensitive credentials with full admin access to your Firebase project. Never commit this file to version control or share it publicly." })
               ] }),
-              /* @__PURE__ */ jsx(Box, { marginLeft: 4, children: /* @__PURE__ */ jsxs("ol", { style: { listStyle: "decimal", paddingLeft: "20px" }, children: [
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+              /* @__PURE__ */ jsx(R, { marginLeft: 4, children: /* @__PURE__ */ jsxs("ol", { style: { listStyle: "decimal", paddingLeft: "20px" }, children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   "Go to the",
                   " ",
                   /* @__PURE__ */ jsx(
@@ -426,40 +480,40 @@ function SettingsPage() {
                   " ",
                   "in your Firebase Console (Project Settings → Service Accounts)"
                 ] }) }),
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   "Click the ",
                   /* @__PURE__ */ jsx("strong", { children: '"Generate New Private Key"' }),
                   " button"
                 ] }) }),
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   "Confirm by clicking ",
                   /* @__PURE__ */ jsx("strong", { children: '"Generate Key"' }),
                   " in the confirmation dialog"
                 ] }) }),
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   "A JSON file will be downloaded (e.g.,",
                   " ",
                   /* @__PURE__ */ jsx("code", { children: "your-project-firebase-adminsdk-xxxxx.json" }),
                   ")"
                 ] }) }),
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   "Open the downloaded JSON file, copy its ",
                   /* @__PURE__ */ jsx("strong", { children: "entire contents" }),
                   ', and paste it in the "Firebase Service Account JSON" field above'
                 ] }) }),
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   "Click ",
                   /* @__PURE__ */ jsx("strong", { children: "Submit" }),
                   " to save your configuration"
                 ] }) }),
-                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(Typography, { children: [
+                /* @__PURE__ */ jsx("li", { style: { marginTop: 16 }, children: /* @__PURE__ */ jsxs(E, { children: [
                   /* @__PURE__ */ jsx("em", { children: "(Optional)" }),
                   ' If you need email/password authentication, expand "Optional: Email/Password Authentication" and add your Web API Key'
                 ] }) })
               ] }) }),
-              /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 3, background: "neutral100", borderRadius: "4px", children: [
-                /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "📝 Note: Service Account JSON vs Web App Config" }),
-                /* @__PURE__ */ jsxs(Typography, { variant: "omega", marginTop: 2, children: [
+              /* @__PURE__ */ jsxs(R, { marginTop: 4, padding: 3, background: "neutral100", borderRadius: "4px", children: [
+                /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", children: "📝 Note: Service Account JSON vs Web App Config" }),
+                /* @__PURE__ */ jsxs(E, { variant: "omega", marginTop: 2, children: [
                   /* @__PURE__ */ jsx("strong", { children: "Service Account JSON" }),
                   " (what you need here): Contains",
                   " ",
@@ -470,7 +524,7 @@ function SettingsPage() {
                   /* @__PURE__ */ jsx("strong", { children: "Service Accounts tab" }),
                   "."
                 ] }),
-                /* @__PURE__ */ jsxs(Typography, { variant: "omega", marginTop: 2, children: [
+                /* @__PURE__ */ jsxs(E, { variant: "omega", marginTop: 2, children: [
                   /* @__PURE__ */ jsx("strong", { children: "Web App Config" }),
                   " (NOT what you need): Contains ",
                   /* @__PURE__ */ jsx("code", { children: "apiKey" }),
@@ -481,16 +535,16 @@ function SettingsPage() {
                 ] })
               ] })
             ] })
-          ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral0", children: [
-            /* @__PURE__ */ jsxs(Box, { marginBottom: 4, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "8px" }, children: "Service Account Configuration" }),
-              /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", component: "span", children: [
+          ] }) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(R, { padding: 4, background: "neutral0", children: [
+            /* @__PURE__ */ jsxs(R, { marginBottom: 4, children: [
+              /* @__PURE__ */ jsx(E, { variant: "delta", fontWeight: "bold", style: { marginBottom: "8px" }, children: "Service Account Configuration" }),
+              /* @__PURE__ */ jsx(R, { marginBottom: 3, children: /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", component: "span", children: [
                 /* @__PURE__ */ jsx("strong", { children: "Required" }),
                 " - Enables Firebase Admin SDK for server-side authentication"
               ] }) }),
-              /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", justifyContent: "space-between", children: [
-                /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-                  /* @__PURE__ */ jsxs(Typography, { variant: "omega", textColor: "neutral600", children: [
+              /* @__PURE__ */ jsxs(T, { gap: 2, alignItems: "center", justifyContent: "space-between", children: [
+                /* @__PURE__ */ jsxs(T, { gap: 2, alignItems: "center", children: [
+                  /* @__PURE__ */ jsxs(E, { variant: "omega", textColor: "neutral600", children: [
                     "Project:",
                     " ",
                     firebaseJsonValue?.firebaseConfigJson && (() => {
@@ -502,32 +556,32 @@ function SettingsPage() {
                       }
                     })()
                   ] }),
-                  /* @__PURE__ */ jsx(Badge, { backgroundColor: "success200", textColor: "success700", size: "S", children: "✓ CONFIGURED" })
+                  /* @__PURE__ */ jsx(Is, { backgroundColor: "success200", textColor: "success700", size: "S", children: "✓ CONFIGURED" })
                 ] }),
-                /* @__PURE__ */ jsx(Button, { variant: "danger-light", size: "S", onClick: handleDeleteFirebaseJsonConfig, children: "Delete Config" })
+                /* @__PURE__ */ jsx(Nn, { variant: "danger-light", size: "S", onClick: handleDeleteFirebaseJsonConfig, children: "Delete Config" })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs(Box, { paddingTop: 4, style: { borderTop: "1px solid #eaeaef" }, children: [
-              /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", style: { marginBottom: "8px" }, children: "Web API Key Configuration" }),
-              /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsxs(Typography, { variant: "pi", textColor: "neutral600", component: "span", children: [
+            /* @__PURE__ */ jsxs(R, { paddingTop: 4, style: { borderTop: "1px solid #eaeaef" }, children: [
+              /* @__PURE__ */ jsx(E, { variant: "delta", fontWeight: "bold", style: { marginBottom: "8px" }, children: "Web API Key Configuration" }),
+              /* @__PURE__ */ jsx(R, { marginBottom: 3, children: /* @__PURE__ */ jsxs(E, { variant: "pi", textColor: "neutral600", component: "span", children: [
                 /* @__PURE__ */ jsx("strong", { children: "Optional" }),
                 " - Only needed for email/password login via emailLogin endpoint"
               ] }) }),
-              /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", justifyContent: "space-between", children: [
-                /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
-                  firebaseWebApiKey?.trim() && /* @__PURE__ */ jsx(Typography, { variant: "omega", textColor: "neutral600", children: `${firebaseWebApiKey.substring(0, 10)}...` }),
-                  firebaseWebApiKey?.trim() ? /* @__PURE__ */ jsx(Badge, { backgroundColor: "success200", textColor: "success700", size: "S", children: "✓ CONFIGURED" }) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral200", textColor: "neutral700", size: "S", children: "NOT SET" })
+              /* @__PURE__ */ jsxs(T, { gap: 2, alignItems: "center", justifyContent: "space-between", children: [
+                /* @__PURE__ */ jsxs(T, { gap: 2, alignItems: "center", children: [
+                  firebaseWebApiKey?.trim() && /* @__PURE__ */ jsx(E, { variant: "omega", textColor: "neutral600", children: `${firebaseWebApiKey.substring(0, 10)}...` }),
+                  firebaseWebApiKey?.trim() ? /* @__PURE__ */ jsx(Is, { backgroundColor: "success200", textColor: "success700", size: "S", children: "✓ CONFIGURED" }) : /* @__PURE__ */ jsx(Is, { backgroundColor: "neutral200", textColor: "neutral700", size: "S", children: "NOT SET" })
                 ] }),
-                firebaseWebApiKey?.trim() ? /* @__PURE__ */ jsx(Button, { variant: "danger-light", size: "S", onClick: handleRemoveWebApiKey, children: "Delete Config" }) : /* @__PURE__ */ jsx(Button, { variant: "secondary", size: "S", onClick: handleAddWebApiKey, children: "+ Add Web API Key" })
+                firebaseWebApiKey?.trim() ? /* @__PURE__ */ jsx(Nn, { variant: "danger-light", size: "S", onClick: handleRemoveWebApiKey, children: "Delete Config" }) : /* @__PURE__ */ jsx(Nn, { variant: "secondary", size: "S", onClick: handleAddWebApiKey, children: "+ Add Web API Key" })
               ] })
             ] })
           ] }) });
         })()
       ] }),
-      /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", marginBottom: 6, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Password Reset Settings" }),
+      /* @__PURE__ */ jsxs(R, { padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", marginBottom: 6, children: [
+        /* @__PURE__ */ jsx(E, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Password Reset Settings" }),
         /* @__PURE__ */ jsx(
-          Typography,
+          E,
           {
             variant: "omega",
             textColor: "neutral600",
@@ -535,10 +589,10 @@ function SettingsPage() {
             children: "Configure password requirements and email settings for password reset functionality"
           }
         ),
-        /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Password Requirements (Regex)" }),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Password Requirements (Regex)" }),
           /* @__PURE__ */ jsx(
-            TextInput,
+            G0,
             {
               name: "passwordRequirementsRegex",
               value: passwordRequirementsRegex,
@@ -548,10 +602,10 @@ function SettingsPage() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Password Requirements Message" }),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Password Requirements Message" }),
           /* @__PURE__ */ jsx(
-            Textarea,
+            M1,
             {
               name: "passwordRequirementsMessage",
               value: passwordRequirementsMessage,
@@ -561,36 +615,9 @@ function SettingsPage() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Password Reset URL *" }),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 4, padding: 3, background: "neutral100", borderRadius: "4px", children: [
           /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              name: "passwordResetUrl",
-              value: passwordResetUrl,
-              onChange: (e) => setPasswordResetUrl(e.target.value),
-              placeholder: "https://yourapp.com/reset-password",
-              hint: "URL where users will reset their password (your frontend application)",
-              required: true
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Reset Email Subject" }),
-          /* @__PURE__ */ jsx(
-            TextInput,
-            {
-              name: "passwordResetEmailSubject",
-              value: passwordResetEmailSubject,
-              onChange: (e) => setPasswordResetEmailSubject(e.target.value),
-              placeholder: "Reset Your Password",
-              hint: "Subject line for password reset emails"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 3, background: "neutral100", borderRadius: "4px", children: [
-          /* @__PURE__ */ jsx(
-            Typography,
+            E,
             {
               variant: "omega",
               fontWeight: "bold",
@@ -598,45 +625,131 @@ function SettingsPage() {
               children: "Common Password Patterns:"
             }
           ),
-          /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+          /* @__PURE__ */ jsxs(R, { marginLeft: 2, children: [
+            /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
               "• ",
               /* @__PURE__ */ jsx("code", { children: "^.{6,}$" }),
               " - Minimum 6 characters (simple)"
             ] }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
               "• ",
               /* @__PURE__ */ jsx("code", { children: "^.{8,}$" }),
               " - Minimum 8 characters"
             ] }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
               "• ",
               /* @__PURE__ */ jsx("code", { children: "^(?=.*[A-Za-z])(?=.*\\d)[A-Za-z\\d]{8,}$" }),
               " - At least 8 chars with letters and numbers"
             ] }),
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block" }, children: [
+            /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block" }, children: [
               "• ",
               /* @__PURE__ */ jsx("code", { children: "^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[@$!%*?&])[A-Za-z\\d@$!%*?&]{8,}$" }),
               " - Complex (upper, lower, number, special)"
             ] })
           ] })
         ] }),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Password Reset URL *" }),
+          /* @__PURE__ */ jsx(
+            G0,
+            {
+              name: "passwordResetUrl",
+              value: passwordResetUrl,
+              onChange: (e) => setPasswordResetUrl(e.target.value),
+              placeholder: "https://yourapp.com/reset-password",
+              hint: "URL where users will reset their password (your frontend application)",
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Reset Email Subject" }),
+          /* @__PURE__ */ jsx(
+            G0,
+            {
+              name: "passwordResetEmailSubject",
+              value: passwordResetEmailSubject,
+              onChange: (e) => setPasswordResetEmailSubject(e.target.value),
+              placeholder: "Reset Your Password",
+              hint: "Subject line for password reset emails"
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
-          Flex,
+          T,
           {
             style: {
               marginTop: 24,
               width: "100%"
             },
             justifyContent: "flex-end",
-            children: /* @__PURE__ */ jsx(Button, { size: "L", variant: "secondary", onClick: handleSavePasswordSettings, children: "Save Password Settings" })
+            children: /* @__PURE__ */ jsx(Nn, { size: "L", variant: "secondary", onClick: handleSavePasswordSettings, children: "Save Password Settings" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(R, { padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", marginBottom: 6, children: [
+        /* @__PURE__ */ jsx(E, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Email Verification" }),
+        /* @__PURE__ */ jsx(
+          E,
+          {
+            variant: "omega",
+            textColor: "neutral600",
+            style: { display: "block", marginBottom: "24px" },
+            children: "Configure email verification settings for new user registration"
+          }
+        ),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Email Verification URL *" }),
+          /* @__PURE__ */ jsx(
+            G0,
+            {
+              name: "emailVerificationUrl",
+              value: emailVerificationUrl,
+              onChange: (e) => setEmailVerificationUrl(e.target.value),
+              placeholder: "https://yourapp.com/verify-email",
+              hint: "URL where users will verify their email address (your frontend application)",
+              required: true
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", style: { display: "block", marginBottom: "8px" }, children: "Verification Email Subject" }),
+          /* @__PURE__ */ jsx(
+            G0,
+            {
+              name: "emailVerificationEmailSubject",
+              value: emailVerificationEmailSubject,
+              onChange: (e) => setEmailVerificationEmailSubject(e.target.value),
+              placeholder: "Verify Your Email",
+              hint: "Subject line for email verification emails"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          T,
+          {
+            style: {
+              marginTop: 24,
+              width: "100%"
+            },
+            justifyContent: "flex-end",
+            children: /* @__PURE__ */ jsx(
+              Nn,
+              {
+                size: "L",
+                variant: "secondary",
+                onClick: handleSaveEmailVerificationSettings,
+                disabled: loading,
+                children: "Save Email Verification Settings"
+              }
+            )
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Box, { padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", marginBottom: 6, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Magic Link Authentication" }),
+      /* @__PURE__ */ jsxs(R, { padding: 4, background: "neutral0", borderRadius: "4px", shadow: "filterShadow", marginBottom: 6, children: [
+        /* @__PURE__ */ jsx(E, { variant: "alpha", as: "h2", style: { display: "block", marginBottom: "8px" }, children: "Magic Link Authentication" }),
         /* @__PURE__ */ jsx(
-          Typography,
+          E,
           {
             variant: "omega",
             textColor: "neutral600",
@@ -644,9 +757,9 @@ function SettingsPage() {
             children: "Configure passwordless authentication via email magic links"
           }
         ),
-        /* @__PURE__ */ jsx(Box, { marginBottom: 3, children: /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 2, children: [
+        /* @__PURE__ */ jsx(R, { marginBottom: 3, children: /* @__PURE__ */ jsxs(T, { alignItems: "center", gap: 2, children: [
           /* @__PURE__ */ jsx(
-            Toggle,
+            D1,
             {
               name: "enableMagicLink",
               label: "Enable Magic Link Authentication",
@@ -656,7 +769,7 @@ function SettingsPage() {
             }
           ),
           /* @__PURE__ */ jsx(
-            Typography,
+            E,
             {
               variant: "pi",
               fontWeight: "bold",
@@ -666,9 +779,9 @@ function SettingsPage() {
           )
         ] }) }),
         enableMagicLink && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
             /* @__PURE__ */ jsx(
-              Typography,
+              E,
               {
                 variant: "omega",
                 fontWeight: "bold",
@@ -677,7 +790,7 @@ function SettingsPage() {
               }
             ),
             /* @__PURE__ */ jsx(
-              TextInput,
+              G0,
               {
                 name: "magicLinkUrl",
                 value: magicLinkUrl,
@@ -688,9 +801,9 @@ function SettingsPage() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
             /* @__PURE__ */ jsx(
-              Typography,
+              E,
               {
                 variant: "omega",
                 fontWeight: "bold",
@@ -699,7 +812,7 @@ function SettingsPage() {
               }
             ),
             /* @__PURE__ */ jsx(
-              TextInput,
+              G0,
               {
                 name: "magicLinkEmailSubject",
                 value: magicLinkEmailSubject,
@@ -709,9 +822,9 @@ function SettingsPage() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { marginBottom: 3, children: [
+          /* @__PURE__ */ jsxs(R, { marginBottom: 3, children: [
             /* @__PURE__ */ jsx(
-              Typography,
+              E,
               {
                 variant: "omega",
                 fontWeight: "bold",
@@ -720,7 +833,7 @@ function SettingsPage() {
               }
             ),
             /* @__PURE__ */ jsx(
-              NumberInput,
+              i1,
               {
                 name: "magicLinkExpiryHours",
                 value: magicLinkExpiryHours,
@@ -731,9 +844,9 @@ function SettingsPage() {
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs(Box, { marginTop: 4, padding: 3, background: "primary100", borderRadius: "4px", children: [
+          /* @__PURE__ */ jsxs(R, { marginTop: 4, padding: 3, background: "primary100", borderRadius: "4px", children: [
             /* @__PURE__ */ jsx(
-              Typography,
+              E,
               {
                 variant: "omega",
                 fontWeight: "bold",
@@ -741,32 +854,32 @@ function SettingsPage() {
                 children: "Setup Requirements:"
               }
             ),
-            /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
-              /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+            /* @__PURE__ */ jsxs(R, { marginLeft: 2, children: [
+              /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
                 "1. ",
                 /* @__PURE__ */ jsx("strong", { children: "Firebase Console:" }),
                 ' Enable "Email link (passwordless sign-in)" in Authentication → Sign-in method'
               ] }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+              /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
                 "2. ",
                 /* @__PURE__ */ jsx("strong", { children: "Authorized Domains:" }),
                 " Add your domain to Firebase authorized domains list"
               ] }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+              /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
                 "3. ",
                 /* @__PURE__ */ jsx("strong", { children: "Verification Page:" }),
                 " Deploy the client-side verification handler at the URL above"
               ] }),
-              /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
+              /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block", marginBottom: "8px" }, children: [
                 "4. ",
                 /* @__PURE__ */ jsx("strong", { children: "Email Service:" }),
                 " Configure Strapi Email plugin or custom email hook"
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(Box, { marginTop: 3, padding: 3, background: "neutral100", borderRadius: "4px", children: [
+          /* @__PURE__ */ jsxs(R, { marginTop: 3, padding: 3, background: "neutral100", borderRadius: "4px", children: [
             /* @__PURE__ */ jsx(
-              Typography,
+              E,
               {
                 variant: "omega",
                 fontWeight: "bold",
@@ -774,34 +887,34 @@ function SettingsPage() {
                 children: "🧪 Testing:"
               }
             ),
-            /* @__PURE__ */ jsxs(Typography, { variant: "omega", style: { display: "block" }, children: [
+            /* @__PURE__ */ jsxs(E, { variant: "omega", style: { display: "block" }, children: [
               "Test page available at:",
               " ",
               /* @__PURE__ */ jsx("a", { href: "/test-magic-link.html", target: "_blank", rel: "noreferrer", children: "/test-magic-link.html" })
             ] }),
-            /* @__PURE__ */ jsx(Typography, { variant: "omega", style: { display: "block", marginTop: "4px" }, children: "In development mode, magic links are logged to the server console." })
+            /* @__PURE__ */ jsx(E, { variant: "omega", style: { display: "block", marginTop: "4px" }, children: "In development mode, magic links are logged to the server console." })
           ] })
         ] }),
         /* @__PURE__ */ jsx(
-          Flex,
+          T,
           {
             style: {
               marginTop: 24,
               width: "100%"
             },
             justifyContent: "flex-end",
-            children: /* @__PURE__ */ jsx(Button, { size: "L", variant: "secondary", onClick: handleSaveMagicLinkSettings, disabled: loading, children: "Save Magic Link Settings" })
+            children: /* @__PURE__ */ jsx(Nn, { size: "L", variant: "secondary", onClick: handleSaveMagicLinkSettings, disabled: loading, children: "Save Magic Link Settings" })
           }
         )
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(Modal.Root, { open: showEditModal, onOpenChange: (open) => !open && setShowEditModal(false), children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-      /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Add Firebase Web API Key" }) }),
-      /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Box, { padding: 4, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "omega", marginBottom: 2, children: "Add your Firebase Web API Key to enable the emailLogin endpoint. This is optional and only needed if you want to authenticate users with email/password directly through your backend." }),
-        /* @__PURE__ */ jsxs(Box, { marginTop: 3, children: [
+    /* @__PURE__ */ jsx(t1.Root, { open: showEditModal, onOpenChange: (open) => !open && setShowEditModal(false), children: /* @__PURE__ */ jsxs(t1.Content, { children: [
+      /* @__PURE__ */ jsx(t1.Header, { children: /* @__PURE__ */ jsx(t1.Title, { children: "Add Firebase Web API Key" }) }),
+      /* @__PURE__ */ jsx(t1.Body, { children: /* @__PURE__ */ jsxs(R, { padding: 4, children: [
+        /* @__PURE__ */ jsx(E, { variant: "omega", marginBottom: 2, children: "Add your Firebase Web API Key to enable the emailLogin endpoint. This is optional and only needed if you want to authenticate users with email/password directly through your backend." }),
+        /* @__PURE__ */ jsxs(R, { marginTop: 3, children: [
           /* @__PURE__ */ jsx(
-            Typography,
+            E,
             {
               variant: "omega",
               fontWeight: "bold",
@@ -810,7 +923,7 @@ function SettingsPage() {
             }
           ),
           /* @__PURE__ */ jsx(
-            TextInput,
+            G0,
             {
               name: "editWebApiKey",
               value: editWebApiKey,
@@ -820,26 +933,26 @@ function SettingsPage() {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs(Box, { marginTop: 3, padding: 2, background: "primary100", borderRadius: "4px", children: [
-          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", children: "📍 Where to find your Web API Key:" }),
+        /* @__PURE__ */ jsxs(R, { marginTop: 3, padding: 2, background: "primary100", borderRadius: "4px", children: [
+          /* @__PURE__ */ jsx(E, { variant: "omega", fontWeight: "bold", children: "📍 Where to find your Web API Key:" }),
           /* @__PURE__ */ jsxs("ol", { style: { marginLeft: 20, marginTop: 8 }, children: [
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
               "Go to",
               " ",
               /* @__PURE__ */ jsx("a", { href: "https://console.firebase.google.com", target: "_blank", rel: "noreferrer", children: "Firebase Console" })
             ] }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "omega", children: "Select your project" }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(E, { variant: "omega", children: "Select your project" }) }),
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
               "Click the gear icon ⚙️ → ",
               /* @__PURE__ */ jsx("strong", { children: "Project Settings" })
             ] }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
               "In the ",
               /* @__PURE__ */ jsx("strong", { children: "General" }),
               " tab, scroll down to ",
               /* @__PURE__ */ jsx("strong", { children: "Your apps" })
             ] }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Typography, { variant: "omega", children: [
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(E, { variant: "omega", children: [
               "Find ",
               /* @__PURE__ */ jsx("strong", { children: "Web API Key" }),
               " (looks like: AIzaSyB3Xd...)"
@@ -847,9 +960,9 @@ function SettingsPage() {
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "flex-end", gap: 2, children: [
-        /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: () => setShowEditModal(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleSaveEditConfiguration, children: "Add API Key" })
+      /* @__PURE__ */ jsx(t1.Footer, { children: /* @__PURE__ */ jsxs(T, { justifyContent: "flex-end", gap: 2, children: [
+        /* @__PURE__ */ jsx(Nn, { variant: "tertiary", onClick: () => setShowEditModal(false), children: "Cancel" }),
+        /* @__PURE__ */ jsx(Nn, { variant: "default", onClick: handleSaveEditConfiguration, children: "Add API Key" })
       ] }) })
     ] }) })
   ] });