@marcwelti/mw-core 0.5.3 → 0.6.0

package/dist/components/index.d.mts

@@ -14,4 +14,28 @@ interface AuthDialogProps {
 }
 declare function AuthDialog({ open, onOpenChange, onSuccess, sessionEndpoint, defaultMode, }: AuthDialogProps): react_jsx_runtime.JSX.Element;
 
-export { AuthDialog, type AuthDialogProps };
+interface AccountSettingsUser {
+    uid: string;
+    email?: string;
+    displayName?: string;
+    emailVerified?: boolean;
+}
+interface AccountSettingsProps {
+    /** Current user data */
+    user: AccountSettingsUser | null;
+    /** Firebase user object for provider checks */
+    firebaseUser?: any;
+    /** Called when user updates email */
+    onUpdateEmail?: (newEmail: string, password: string) => Promise<void>;
+    /** Called when user updates password */
+    onUpdatePassword?: (currentPassword: string, newPassword: string) => Promise<void>;
+    /** Called when user deletes account */
+    onDeleteAccount?: (password?: string) => Promise<boolean | void>;
+    /** Called to refresh user data */
+    onRefreshUser?: () => Promise<void>;
+    /** Session endpoint for logout */
+    logoutEndpoint?: string;
+}
+declare function AccountSettings({ user, firebaseUser, onUpdateEmail, onUpdatePassword, onDeleteAccount, onRefreshUser, logoutEndpoint, }: AccountSettingsProps): react_jsx_runtime.JSX.Element;
+
+export { AccountSettings, type AccountSettingsProps, type AccountSettingsUser, AuthDialog, type AuthDialogProps };

package/dist/components/index.d.ts

@@ -14,4 +14,28 @@ interface AuthDialogProps {
 }
 declare function AuthDialog({ open, onOpenChange, onSuccess, sessionEndpoint, defaultMode, }: AuthDialogProps): react_jsx_runtime.JSX.Element;
 
-export { AuthDialog, type AuthDialogProps };
+interface AccountSettingsUser {
+    uid: string;
+    email?: string;
+    displayName?: string;
+    emailVerified?: boolean;
+}
+interface AccountSettingsProps {
+    /** Current user data */
+    user: AccountSettingsUser | null;
+    /** Firebase user object for provider checks */
+    firebaseUser?: any;
+    /** Called when user updates email */
+    onUpdateEmail?: (newEmail: string, password: string) => Promise<void>;
+    /** Called when user updates password */
+    onUpdatePassword?: (currentPassword: string, newPassword: string) => Promise<void>;
+    /** Called when user deletes account */
+    onDeleteAccount?: (password?: string) => Promise<boolean | void>;
+    /** Called to refresh user data */
+    onRefreshUser?: () => Promise<void>;
+    /** Session endpoint for logout */
+    logoutEndpoint?: string;
+}
+declare function AccountSettings({ user, firebaseUser, onUpdateEmail, onUpdatePassword, onDeleteAccount, onRefreshUser, logoutEndpoint, }: AccountSettingsProps): react_jsx_runtime.JSX.Element;
+
+export { AccountSettings, type AccountSettingsProps, type AccountSettingsUser, AuthDialog, type AuthDialogProps };

package/dist/components/index.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var React2 = require('react');
 var auth = require('firebase/auth');
 var app = require('firebase/app');
 var firestore = require('firebase/firestore');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 // src/components/AuthDialog.tsx
 function getFirebaseConfig() {
@@ -147,20 +147,20 @@ function AuthDialog({
   sessionEndpoint = "/api/auth/login",
   defaultMode = "login"
 }) {
-  const [mode, setMode] = React__namespace.useState(defaultMode);
-  const [email, setEmail] = React__namespace.useState("");
-  const [password, setPassword] = React__namespace.useState("");
-  const [confirmPassword, setConfirmPassword] = React__namespace.useState("");
-  const [loading, setLoading] = React__namespace.useState(false);
-  const [error, setError] = React__namespace.useState(null);
-  const resetForm = React__namespace.useCallback(() => {
+  const [mode, setMode] = React2__namespace.useState(defaultMode);
+  const [email, setEmail] = React2__namespace.useState("");
+  const [password, setPassword] = React2__namespace.useState("");
+  const [confirmPassword, setConfirmPassword] = React2__namespace.useState("");
+  const [loading, setLoading] = React2__namespace.useState(false);
+  const [error, setError] = React2__namespace.useState(null);
+  const resetForm = React2__namespace.useCallback(() => {
     setEmail("");
     setPassword("");
     setConfirmPassword("");
     setError(null);
     setLoading(false);
   }, []);
-  React__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     if (open) {
       setMode(defaultMode);
       resetForm();
@@ -327,6 +327,555 @@ function AuthDialog({
   ] }) });
 }
 
+// node_modules/lucide-react/dist/esm/shared/src/utils.js
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var mergeClasses = (...classes) => classes.filter((className, index, array) => {
+  return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
+}).join(" ").trim();
+
+// node_modules/lucide-react/dist/esm/defaultAttributes.js
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+
+// node_modules/lucide-react/dist/esm/Icon.js
+var Icon = React2.forwardRef(
+  ({
+    color = "currentColor",
+    size = 24,
+    strokeWidth = 2,
+    absoluteStrokeWidth,
+    className = "",
+    children,
+    iconNode,
+    ...rest
+  }, ref) => {
+    return React2.createElement(
+      "svg",
+      {
+        ref,
+        ...defaultAttributes,
+        width: size,
+        height: size,
+        stroke: color,
+        strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
+        className: mergeClasses("lucide", className),
+        ...rest
+      },
+      [
+        ...iconNode.map(([tag, attrs]) => React2.createElement(tag, attrs)),
+        ...Array.isArray(children) ? children : [children]
+      ]
+    );
+  }
+);
+
+// node_modules/lucide-react/dist/esm/createLucideIcon.js
+var createLucideIcon = (iconName, iconNode) => {
+  const Component = React2.forwardRef(
+    ({ className, ...props }, ref) => React2.createElement(Icon, {
+      ref,
+      iconNode,
+      className: mergeClasses(`lucide-${toKebabCase(iconName)}`, className),
+      ...props
+    })
+  );
+  Component.displayName = `${iconName}`;
+  return Component;
+};
+
+// node_modules/lucide-react/dist/esm/icons/circle-alert.js
+var CircleAlert = createLucideIcon("CircleAlert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/circle-check-big.js
+var CircleCheckBig = createLucideIcon("CircleCheckBig", [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/key-round.js
+var KeyRound = createLucideIcon("KeyRound", [
+  [
+    "path",
+    {
+      d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z",
+      key: "1s6t7t"
+    }
+  ],
+  ["circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor", key: "w0ekpg" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/mail.js
+var Mail = createLucideIcon("Mail", [
+  ["rect", { width: "20", height: "16", x: "2", y: "4", rx: "2", key: "18n3k1" }],
+  ["path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7", key: "1ocrg3" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/pen.js
+var Pen = createLucideIcon("Pen", [
+  [
+    "path",
+    {
+      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+      key: "1a8usu"
+    }
+  ]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/trash-2.js
+var Trash2 = createLucideIcon("Trash2", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+]);
+
+// node_modules/lucide-react/dist/esm/icons/triangle-alert.js
+var TriangleAlert = createLucideIcon("TriangleAlert", [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]);
+function SpinnerIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      className,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+var PasswordInput = React2__namespace.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(mwUi.Input, { ...props, ref, type: "password" });
+});
+PasswordInput.displayName = "PasswordInput";
+function AccountSettings({
+  user,
+  firebaseUser,
+  onUpdateEmail,
+  onUpdatePassword,
+  onDeleteAccount,
+  onRefreshUser,
+  logoutEndpoint = "/api/auth/logout"
+}) {
+  const [showEmailChange, setShowEmailChange] = React2__namespace.useState(false);
+  const [newEmail, setNewEmail] = React2__namespace.useState("");
+  const [emailPassword, setEmailPassword] = React2__namespace.useState("");
+  const [emailLoading, setEmailLoading] = React2__namespace.useState(false);
+  const [emailError, setEmailError] = React2__namespace.useState("");
+  const [emailSuccess, setEmailSuccess] = React2__namespace.useState(false);
+  const [showPasswordChange, setShowPasswordChange] = React2__namespace.useState(false);
+  const [currentPassword, setCurrentPassword] = React2__namespace.useState("");
+  const [newPassword, setNewPassword] = React2__namespace.useState("");
+  const [confirmPassword, setConfirmPassword] = React2__namespace.useState("");
+  const [passwordLoading, setPasswordLoading] = React2__namespace.useState(false);
+  const [passwordError, setPasswordError] = React2__namespace.useState("");
+  const [passwordSuccess, setPasswordSuccess] = React2__namespace.useState(false);
+  const [showDeleteConfirm, setShowDeleteConfirm] = React2__namespace.useState(false);
+  const [deletePassword, setDeletePassword] = React2__namespace.useState("");
+  const [deleteConfirmText, setDeleteConfirmText] = React2__namespace.useState("");
+  const [deleteLoading, setDeleteLoading] = React2__namespace.useState(false);
+  const [deleteError, setDeleteError] = React2__namespace.useState("");
+  const hasPasswordProvider = firebaseUser?.providerData?.some(
+    (p) => p.providerId === "password"
+  );
+  const hasGoogleProvider = firebaseUser?.providerData?.some(
+    (p) => p.providerId === "google.com"
+  );
+  const handleEmailUpdate = async (e) => {
+    e.preventDefault();
+    if (!onUpdateEmail) return;
+    setEmailError("");
+    setEmailLoading(true);
+    try {
+      await onUpdateEmail(newEmail, emailPassword);
+      setEmailSuccess(true);
+      setNewEmail("");
+      setEmailPassword("");
+      setTimeout(() => {
+        setShowEmailChange(false);
+        setEmailSuccess(false);
+        onRefreshUser?.();
+      }, 2e3);
+    } catch (error) {
+      setEmailError(error.message || "Failed to update email");
+    } finally {
+      setEmailLoading(false);
+    }
+  };
+  const handlePasswordUpdate = async (e) => {
+    e.preventDefault();
+    if (!onUpdatePassword) return;
+    if (newPassword !== confirmPassword) {
+      setPasswordError("Passwords do not match");
+      return;
+    }
+    if (newPassword.length < 8) {
+      setPasswordError("Password must be at least 8 characters");
+      return;
+    }
+    setPasswordError("");
+    setPasswordLoading(true);
+    try {
+      await onUpdatePassword(currentPassword, newPassword);
+      setPasswordSuccess(true);
+      setCurrentPassword("");
+      setNewPassword("");
+      setConfirmPassword("");
+      setTimeout(() => {
+        setShowPasswordChange(false);
+        setPasswordSuccess(false);
+      }, 2e3);
+    } catch (error) {
+      setPasswordError(error.message || "Failed to update password");
+    } finally {
+      setPasswordLoading(false);
+    }
+  };
+  const handleDeleteAccount = async () => {
+    if (!onDeleteAccount) return;
+    const needsPassword = hasPasswordProvider && !hasGoogleProvider;
+    const needsConfirmText = hasGoogleProvider;
+    if (needsPassword && !deletePassword) {
+      setDeleteError("Please enter your password");
+      return;
+    }
+    if (needsConfirmText && deleteConfirmText !== "DELETE") {
+      setDeleteError("Please type DELETE to confirm");
+      return;
+    }
+    setDeleteLoading(true);
+    setDeleteError("");
+    try {
+      const result = await onDeleteAccount(needsPassword ? deletePassword : void 0);
+      if (result === false) {
+        setDeleteLoading(false);
+        return;
+      }
+      await fetch(logoutEndpoint, { method: "POST" });
+    } catch (error) {
+      setDeleteError(error.message || "Failed to delete account");
+      setDeleteLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-4xl mx-auto space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(mwUi.Card, { className: "bg-card border border-border shadow-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(mwUi.CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardTitle, { className: "text-foreground", children: "Email Address" }),
+        /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardDescription, { className: "text-muted-foreground", children: "Manage your email address" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardContent, { children: !showEmailChange ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Mail, { className: "h-5 w-5 text-brand-gold" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: user?.email })
+          ] }),
+          hasPasswordProvider && user?.emailVerified && onUpdateEmail && /* @__PURE__ */ jsxRuntime.jsx(
+            mwUi.Button,
+            {
+              intent: "ghost",
+              size: "sm",
+              onClick: () => setShowEmailChange(true),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Pen, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        !user?.emailVerified && /* @__PURE__ */ jsxRuntime.jsxs(mwUi.Alert, { variant: "destructive", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CircleAlert, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.AlertDescription, { children: "Your email is not verified. Please check your inbox." })
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleEmailUpdate, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "new-email", children: "New Email Address" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            mwUi.Input,
+            {
+              id: "new-email",
+              type: "email",
+              value: newEmail,
+              onChange: (e) => setNewEmail(e.target.value),
+              required: true,
+              disabled: emailLoading
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "email-password", children: "Current Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PasswordInput,
+            {
+              id: "email-password",
+              value: emailPassword,
+              onChange: (e) => setEmailPassword(e.target.value),
+              required: true,
+              disabled: emailLoading
+            }
+          )
+        ] }),
+        emailError && /* @__PURE__ */ jsxRuntime.jsx(mwUi.Alert, { variant: "destructive", children: /* @__PURE__ */ jsxRuntime.jsx(mwUi.AlertDescription, { children: emailError }) }),
+        emailSuccess && /* @__PURE__ */ jsxRuntime.jsxs(mwUi.Alert, { className: "bg-brand-gold/10 border-brand-gold/30", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CircleCheckBig, { className: "h-4 w-4 text-brand-gold" }),
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.AlertDescription, { className: "text-brand-gold", children: "Email updated! Check your new email to verify." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            mwUi.Button,
+            {
+              type: "button",
+              intent: "secondary",
+              onClick: () => {
+                setShowEmailChange(false);
+                setEmailError("");
+                setNewEmail("");
+                setEmailPassword("");
+              },
+              disabled: emailLoading,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            mwUi.Button,
+            {
+              type: "submit",
+              disabled: emailLoading || !newEmail || !emailPassword,
+              children: [
+                emailLoading && /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Update Email"
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    hasPasswordProvider && onUpdatePassword && /* @__PURE__ */ jsxRuntime.jsxs(mwUi.Card, { className: "bg-card border border-border shadow-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(mwUi.CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardTitle, { className: "text-foreground", children: "Password" }),
+        /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardDescription, { className: "text-muted-foreground", children: "Change your password" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardContent, { children: !showPasswordChange ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(KeyRound, { className: "h-5 w-5 text-brand-gold" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-medium", children: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          mwUi.Button,
+          {
+            intent: "ghost",
+            size: "sm",
+            onClick: () => setShowPasswordChange(true),
+            children: /* @__PURE__ */ jsxRuntime.jsx(Pen, { className: "h-4 w-4" })
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handlePasswordUpdate, className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "current-password", children: "Current Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PasswordInput,
+            {
+              id: "current-password",
+              value: currentPassword,
+              onChange: (e) => setCurrentPassword(e.target.value),
+              required: true,
+              disabled: passwordLoading
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "new-password", children: "New Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PasswordInput,
+            {
+              id: "new-password",
+              value: newPassword,
+              onChange: (e) => setNewPassword(e.target.value),
+              required: true,
+              minLength: 8,
+              disabled: passwordLoading
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "confirm-password", children: "Confirm New Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PasswordInput,
+            {
+              id: "confirm-password",
+              value: confirmPassword,
+              onChange: (e) => setConfirmPassword(e.target.value),
+              required: true,
+              disabled: passwordLoading
+            }
+          )
+        ] }),
+        passwordError && /* @__PURE__ */ jsxRuntime.jsx(mwUi.Alert, { variant: "destructive", children: /* @__PURE__ */ jsxRuntime.jsx(mwUi.AlertDescription, { children: passwordError }) }),
+        passwordSuccess && /* @__PURE__ */ jsxRuntime.jsxs(mwUi.Alert, { className: "bg-brand-gold/10 border-brand-gold/30", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CircleCheckBig, { className: "h-4 w-4 text-brand-gold" }),
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.AlertDescription, { className: "text-brand-gold", children: "Password updated successfully!" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            mwUi.Button,
+            {
+              type: "button",
+              intent: "secondary",
+              onClick: () => {
+                setShowPasswordChange(false);
+                setPasswordError("");
+                setCurrentPassword("");
+                setNewPassword("");
+                setConfirmPassword("");
+              },
+              disabled: passwordLoading,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            mwUi.Button,
+            {
+              type: "submit",
+              disabled: passwordLoading || !currentPassword || !newPassword || !confirmPassword || newPassword !== confirmPassword,
+              children: [
+                passwordLoading && /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Update Password"
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    onDeleteAccount && /* @__PURE__ */ jsxRuntime.jsxs(mwUi.Card, { className: "bg-card border border-border shadow-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(mwUi.CardHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(mwUi.CardTitle, { className: "text-foreground flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TriangleAlert, { className: "h-5 w-5 text-red-500" }),
+          "Danger Zone"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardDescription, { className: "text-muted-foreground", children: "Permanently delete your account" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(mwUi.CardContent, { children: !showDeleteConfirm ? /* @__PURE__ */ jsxRuntime.jsxs(
+        mwUi.Button,
+        {
+          intent: "destructive",
+          onClick: () => setShowDeleteConfirm(true),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Trash2, { className: "mr-2 h-4 w-4" }),
+            "Delete My Account"
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(mwUi.Alert, { variant: "destructive", className: "bg-red-900/20 border-red-900/40", children: /* @__PURE__ */ jsxRuntime.jsxs(mwUi.AlertDescription, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium mb-2", children: "\u26A0\uFE0F This action cannot be undone!" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Your account and all associated data will be permanently deleted." })
+        ] }) }),
+        hasPasswordProvider && !hasGoogleProvider && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "delete-password", children: "Enter Your Password" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            PasswordInput,
+            {
+              id: "delete-password",
+              value: deletePassword,
+              onChange: (e) => setDeletePassword(e.target.value),
+              placeholder: "Enter your password to confirm",
+              disabled: deleteLoading
+            }
+          )
+        ] }),
+        hasGoogleProvider && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(mwUi.Label, { htmlFor: "delete-confirm", children: "Type DELETE to confirm" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            mwUi.Input,
+            {
+              id: "delete-confirm",
+              value: deleteConfirmText,
+              onChange: (e) => setDeleteConfirmText(e.target.value),
+              placeholder: "DELETE",
+              disabled: deleteLoading
+            }
+          )
+        ] }),
+        deleteError && /* @__PURE__ */ jsxRuntime.jsx(mwUi.Alert, { variant: "destructive", children: /* @__PURE__ */ jsxRuntime.jsx(mwUi.AlertDescription, { children: deleteError }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            mwUi.Button,
+            {
+              intent: "secondary",
+              onClick: () => {
+                setShowDeleteConfirm(false);
+                setDeleteError("");
+                setDeletePassword("");
+                setDeleteConfirmText("");
+              },
+              disabled: deleteLoading,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            mwUi.Button,
+            {
+              intent: "destructive",
+              onClick: handleDeleteAccount,
+              disabled: deleteLoading || hasPasswordProvider && !hasGoogleProvider && !deletePassword || hasGoogleProvider && deleteConfirmText !== "DELETE",
+              children: [
+                deleteLoading && /* @__PURE__ */ jsxRuntime.jsx(SpinnerIcon, { className: "mr-2 h-4 w-4 animate-spin" }),
+                "Yes, Delete My Account"
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+/*! Bundled license information:
+
+lucide-react/dist/esm/shared/src/utils.js:
+lucide-react/dist/esm/defaultAttributes.js:
+lucide-react/dist/esm/Icon.js:
+lucide-react/dist/esm/createLucideIcon.js:
+lucide-react/dist/esm/icons/circle-alert.js:
+lucide-react/dist/esm/icons/circle-check-big.js:
+lucide-react/dist/esm/icons/key-round.js:
+lucide-react/dist/esm/icons/mail.js:
+lucide-react/dist/esm/icons/pen.js:
+lucide-react/dist/esm/icons/trash-2.js:
+lucide-react/dist/esm/icons/triangle-alert.js:
+lucide-react/dist/esm/lucide-react.js:
+  (**
+   * @license lucide-react v0.460.0 - ISC
+   *
+   * This source code is licensed under the ISC license.
+   * See the LICENSE file in the root directory of this source tree.
+   *)
+*/
+
+exports.AccountSettings = AccountSettings;
 exports.AuthDialog = AuthDialog;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map