@contentgrowth/content-auth 0.2.5 → 0.2.7

package/dist/backend/index.d.ts

@@ -1104,6 +1104,23 @@ interface AuthConfig {
      * Defaults to true. Set to false to use Better Auth's default (Scrypt/Argon2).
      */
     useCloudflareNativeHashing?: boolean;
+    /**
+     * Email verification configuration.
+     * For email/password signups, you can enable automatic verification emails.
+     * OAuth signups (Google, GitHub) automatically set emailVerified = true.
+     */
+    emailVerification?: {
+        /** Send verification email automatically on signup. Default: false */
+        sendOnSignUp?: boolean;
+        /** Auto sign in user after email verification. Default: true */
+        autoSignInAfterVerification?: boolean;
+        /** Callback to send verification email */
+        sendVerificationEmail?: (data: {
+            user: any;
+            url: string;
+            token: string;
+        }, request: any) => Promise<void> | void;
+    };
     [key: string]: any;
 }
 declare const createAuth: (config: AuthConfig) => better_auth.Auth<any>;

package/dist/backend/index.js

@@ -6,7 +6,7 @@ import {
   getInvitationLink,
   getSessionToken,
   schema_exports
-} from "../chunk-6DFIEMYG.js";
+} from "../chunk-N5OK3XPK.js";
 import "../chunk-R5U7XKVJ.js";
 export {
   Hono,

package/dist/{chunk-6DFIEMYG.js → chunk-N5OK3XPK.js}

@@ -201,7 +201,7 @@ var createAuth = (config) => {
   } else {
     db = config.database;
   }
-  const { database, secret, baseUrl, provider: _, useCloudflareNativeHashing = true, ...rest } = config;
+  const { database, secret, baseUrl, provider: _, useCloudflareNativeHashing = true, emailVerification, ...rest } = config;
   let adapterOptions = {
     provider,
     schema: {
@@ -230,6 +230,8 @@ var createAuth = (config) => {
     secret,
     baseURL: baseUrl,
     emailAndPassword: emailPasswordOptions,
+    // Pass emailVerification config if provided
+    ...emailVerification ? { emailVerification } : {},
     ...otherOptions
   });
   return auth;

package/dist/{chunk-7JTB52CI.js → chunk-U7I4VK3Z.js}

@@ -37,21 +37,22 @@ var AuthForm = ({
     setLoading(true);
     setError(null);
     try {
+      let response;
       if (isLogin) {
-        const { error: error2 } = await client.signIn.email({
+        response = await client.signIn.email({
           email,
           password
         });
-        if (error2) throw error2;
+        if (response.error) throw response.error;
       } else {
-        const { error: error2 } = await client.signUp.email({
+        response = await client.signUp.email({
           email,
           password,
           name
         });
-        if (error2) throw error2;
+        if (response.error) throw response.error;
       }
-      onSuccess?.();
+      onSuccess?.(response.data);
     } catch (err) {
       setError(err.message || "An error occurred");
     } finally {
@@ -574,11 +575,187 @@ var InviteMemberForm = ({
   ] });
 };
 
+// src/frontend/components/ProfileEditor.tsx
+import { useState as useState5, useEffect as useEffect2 } from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var ProfileEditor = ({
+  client = authClient,
+  onSuccess,
+  onError,
+  defaultName = "",
+  defaultImage = "",
+  className
+}) => {
+  const [name, setName] = useState5(defaultName);
+  const [image, setImage] = useState5(defaultImage);
+  const [loading, setLoading] = useState5(false);
+  useEffect2(() => {
+    if (defaultName) setName(defaultName);
+    if (defaultImage) setImage(defaultImage);
+  }, [defaultName, defaultImage]);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    try {
+      await client.updateUser({
+        name,
+        image
+      });
+      onSuccess?.();
+    } catch (err) {
+      onError?.(err.message || "Failed to update profile");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: `ca-form ${className || ""}`, children: [
+    /* @__PURE__ */ jsxs5("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx5("label", { className: "ca-label", htmlFor: "profile-name", children: "Name" }),
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          id: "profile-name",
+          type: "text",
+          className: "ca-input",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "Your Name"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx5("label", { className: "ca-label", htmlFor: "profile-image", children: "Avatar URL" }),
+      /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: "10px", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            id: "profile-image",
+            type: "url",
+            className: "ca-input",
+            value: image,
+            onChange: (e) => setImage(e.target.value),
+            placeholder: "https://example.com/avatar.jpg",
+            style: { flex: 1 }
+          }
+        ),
+        image && /* @__PURE__ */ jsx5("div", { style: {
+          width: "40px",
+          height: "40px",
+          borderRadius: "50%",
+          overflow: "hidden",
+          flexShrink: 0,
+          border: "1px solid #eee"
+        }, children: /* @__PURE__ */ jsx5(
+          "img",
+          {
+            src: image,
+            alt: "Preview",
+            style: { width: "100%", height: "100%", objectFit: "cover" },
+            onError: (e) => e.currentTarget.style.display = "none"
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Saving..." : "Save Profile" })
+  ] });
+};
+
+// src/frontend/components/PasswordChanger.tsx
+import { useState as useState6 } from "react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var PasswordChanger = ({
+  client = authClient,
+  onSuccess,
+  onError,
+  className,
+  revokeSessionsByDefault = true
+}) => {
+  const [currentPassword, setCurrentPassword] = useState6("");
+  const [newPassword, setNewPassword] = useState6("");
+  const [confirmPassword, setConfirmPassword] = useState6("");
+  const [loading, setLoading] = useState6(false);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (newPassword !== confirmPassword) {
+      onError?.("New passwords don't match");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await client.changePassword({
+        currentPassword,
+        newPassword,
+        revokeOtherSessions: revokeSessionsByDefault
+      });
+      if (res?.error) {
+        throw new Error(res.error.message);
+      }
+      setCurrentPassword("");
+      setNewPassword("");
+      setConfirmPassword("");
+      onSuccess?.(res?.data);
+    } catch (err) {
+      onError?.(err.message || "Failed to change password");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs6("form", { onSubmit: handleSubmit, className: `ca-form ${className || ""}`, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx6("label", { className: "ca-label", htmlFor: "current-password", children: "Current Password" }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          id: "current-password",
+          type: "password",
+          className: "ca-input",
+          value: currentPassword,
+          onChange: (e) => setCurrentPassword(e.target.value),
+          required: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx6("label", { className: "ca-label", htmlFor: "new-password", children: "New Password" }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          id: "new-password",
+          type: "password",
+          className: "ca-input",
+          value: newPassword,
+          onChange: (e) => setNewPassword(e.target.value),
+          required: true,
+          minLength: 8
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx6("label", { className: "ca-label", htmlFor: "confirm-password", children: "Confirm New Password" }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          id: "confirm-password",
+          type: "password",
+          className: "ca-input",
+          value: confirmPassword,
+          onChange: (e) => setConfirmPassword(e.target.value),
+          required: true,
+          minLength: 8
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Updating..." : "Update Password" })
+  ] });
+};
+
 export {
   AuthForm,
   ForgotPasswordForm,
   ResetPasswordForm,
   CreateOrganizationForm,
   OrganizationSwitcher,
-  InviteMemberForm
+  InviteMemberForm,
+  ProfileEditor,
+  PasswordChanger
 };

package/dist/frontend/index.d.ts

@@ -9,7 +9,7 @@ import 'better-auth/plugins';
 interface AuthFormProps {
     view?: 'signin' | 'signup';
     client?: typeof authClient;
-    onSuccess?: () => void;
+    onSuccess?: (data?: any) => void;
     className?: string;
     socialProviders?: string[];
     socialLayout?: 'row' | 'column';
@@ -63,4 +63,23 @@ declare const InviteMemberForm: React.FC<BaseOrgProps & {
     organizationId?: string;
 }>;
 
-export { AuthForm, CreateOrganizationForm, ForgotPasswordForm, InviteMemberForm, OrganizationSwitcher, ResetPasswordForm, authClient };
+interface ProfileEditorProps {
+    client?: typeof authClient;
+    onSuccess?: (data?: any) => void;
+    onError?: (error: string) => void;
+    defaultName?: string;
+    defaultImage?: string;
+    className?: string;
+}
+declare const ProfileEditor: React.FC<ProfileEditorProps>;
+
+interface PasswordChangerProps {
+    client?: typeof authClient;
+    onSuccess?: (data?: any) => void;
+    onError?: (error: string) => void;
+    className?: string;
+    revokeSessionsByDefault?: boolean;
+}
+declare const PasswordChanger: React.FC<PasswordChangerProps>;
+
+export { AuthForm, CreateOrganizationForm, ForgotPasswordForm, InviteMemberForm, OrganizationSwitcher, PasswordChanger, type PasswordChangerProps, ProfileEditor, type ProfileEditorProps, ResetPasswordForm, authClient };

package/dist/frontend/index.js

@@ -4,8 +4,10 @@ import {
   ForgotPasswordForm,
   InviteMemberForm,
   OrganizationSwitcher,
+  PasswordChanger,
+  ProfileEditor,
   ResetPasswordForm
-} from "../chunk-7JTB52CI.js";
+} from "../chunk-U7I4VK3Z.js";
 import {
   authClient,
   createClient
@@ -17,6 +19,8 @@ export {
   ForgotPasswordForm,
   InviteMemberForm,
   OrganizationSwitcher,
+  PasswordChanger,
+  ProfileEditor,
   ResetPasswordForm,
   authClient,
   createClient

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { AuthConfig, authMiddleware, createAuth, createAuthApp, getInvitationLink, getSessionToken, schema } from './backend/index.js';
-export { AuthForm, CreateOrganizationForm, ForgotPasswordForm, InviteMemberForm, OrganizationSwitcher, ResetPasswordForm } from './frontend/index.js';
+export { AuthForm, CreateOrganizationForm, ForgotPasswordForm, InviteMemberForm, OrganizationSwitcher, PasswordChanger, PasswordChangerProps, ProfileEditor, ProfileEditorProps, ResetPasswordForm } from './frontend/index.js';
 export { authClient, createClient } from './frontend/client.js';
 export * from 'better-auth';
 export { Hono } from 'hono';

package/dist/index.js

@@ -6,15 +6,17 @@ import {
   getInvitationLink,
   getSessionToken,
   schema_exports
-} from "./chunk-6DFIEMYG.js";
+} from "./chunk-N5OK3XPK.js";
 import {
   AuthForm,
   CreateOrganizationForm,
   ForgotPasswordForm,
   InviteMemberForm,
   OrganizationSwitcher,
+  PasswordChanger,
+  ProfileEditor,
   ResetPasswordForm
-} from "./chunk-7JTB52CI.js";
+} from "./chunk-U7I4VK3Z.js";
 import {
   authClient,
   createClient
@@ -27,6 +29,8 @@ export {
   Hono,
   InviteMemberForm,
   OrganizationSwitcher,
+  PasswordChanger,
+  ProfileEditor,
   ResetPasswordForm,
   authClient,
   authMiddleware,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@contentgrowth/content-auth",
-    "version": "0.2.5",
+    "version": "0.2.7",
     "description": "Better Auth wrapper with UI components for Cloudflare Workers & Pages",
     "type": "module",
     "main": "./dist/index.js",