@contentgrowth/content-auth 0.2.6 → 0.2.7

package/dist/{chunk-YXUGDZZK.js → chunk-U7I4VK3Z.js}

@@ -575,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

@@ -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-YXUGDZZK.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

@@ -13,8 +13,10 @@ import {
   ForgotPasswordForm,
   InviteMemberForm,
   OrganizationSwitcher,
+  PasswordChanger,
+  ProfileEditor,
   ResetPasswordForm
-} from "./chunk-YXUGDZZK.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.6",
+    "version": "0.2.7",
     "description": "Better Auth wrapper with UI components for Cloudflare Workers & Pages",
     "type": "module",
     "main": "./dist/index.js",