@insforge/nextjs 0.6.9 → 0.7.1

package/dist/index.js

@@ -58,7 +58,6 @@ __export(src_exports, {
   isProviderSupported: () => isProviderSupported,
   useAuth: () => useAuth,
   useInsforge: () => useInsforge,
-  useOAuthProviders: () => useOAuthProviders,
   useSession: () => useSession,
   useUser: () => useUser,
   validatePasswordStrength: () => validatePasswordStrength
@@ -70,19 +69,6 @@ var import_react = require("react");
 var import_sdk = require("@insforge/sdk");
 var import_jsx_runtime = require("react/jsx-runtime");
 var InsforgeContext = (0, import_react.createContext)(void 0);
-function getTokenFromSDK() {
-  console.log("[InsforgeProvider] Getting token from SDK");
-  if (typeof window === "undefined") return null;
-  console.log("[InsforgeProvider] Window:", window);
-  try {
-    const token = localStorage.getItem("insforge-auth-token");
-    console.log("[InsforgeProvider] Token:", token);
-    return token;
-  } catch (error) {
-    console.error("[InsforgeProvider] Error getting token from SDK:", error);
-    return null;
-  }
-}
 async function syncTokenToCookie(token) {
   try {
     const response = await fetch("/api/auth", {
@@ -117,7 +103,9 @@ function InsforgeProvider({
   const [insforge] = (0, import_react.useState)(() => (0, import_sdk.createClient)({ baseUrl }));
   const loadAuthState = (0, import_react.useCallback)(async () => {
     try {
-      const token = getTokenFromSDK();
+      const sessionResult = insforge.auth.getCurrentSession();
+      const session2 = sessionResult.data?.session;
+      const token = session2?.accessToken || null;
       if (!token) {
         setUser(null);
         setSession(null);
@@ -132,13 +120,11 @@ function InsforgeProvider({
         try {
           const cachedData = JSON.parse(cachedUserStr);
           if (cachedData.user) {
-            console.log("[InsforgeProvider] Loading user from cache");
             const userData = {
               id: cachedData.user.id,
               email: cachedData.user.email,
-              createdAt: cachedData.user.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
-              updatedAt: cachedData.user.updatedAt || (/* @__PURE__ */ new Date()).toISOString(),
-              ...cachedData.profile
+              name: cachedData.profile?.nickname || "",
+              avatarUrl: cachedData.profile?.avatar_url || ""
             };
             setUser(userData);
             setSession({
@@ -162,13 +148,11 @@ function InsforgeProvider({
       }
       const userResult = await insforge.auth.getCurrentUser();
       if (userResult.data) {
-        console.log("[InsforgeProvider] User data refreshed from API");
         const userData = {
           id: userResult.data.user.id,
           email: userResult.data.user.email,
-          createdAt: userResult.data.user.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
-          updatedAt: userResult.data.user.updatedAt || (/* @__PURE__ */ new Date()).toISOString(),
-          ...userResult.data.profile
+          name: userResult.data.profile?.nickname || "",
+          avatarUrl: userResult.data.profile?.avatar_url || ""
         };
         setUser(userData);
         setSession({
@@ -219,72 +203,90 @@ function InsforgeProvider({
       }
     };
   }, []);
-  const signIn = (0, import_react.useCallback)(
-    async (email, password) => {
-      const sdkResult = await insforge.auth.signInWithPassword({ email, password });
-      if (sdkResult.data) {
+  const handleAuthSuccess = (0, import_react.useCallback)(
+    async (authToken, fallbackUser) => {
+      const userResult = await insforge.auth.getCurrentUser();
+      if (userResult.data) {
         const userData = {
-          id: sdkResult.data.user.id,
-          email: sdkResult.data.user.email,
-          name: sdkResult.data.user.name || void 0,
-          createdAt: sdkResult.data.user.createdAt,
-          updatedAt: sdkResult.data.user.updatedAt
+          id: userResult.data.user.id,
+          email: userResult.data.user.email,
+          name: userResult.data.profile?.nickname || "",
+          avatarUrl: userResult.data.profile?.avatar_url || ""
         };
         const sessionData = {
-          userId: sdkResult.data.user.id,
-          token: sdkResult.data.accessToken,
+          userId: userResult.data.user.id,
+          token: authToken,
           expiresAt: "",
           createdAt: (/* @__PURE__ */ new Date()).toISOString()
         };
         setUser(userData);
         setSession(sessionData);
+        localStorage.setItem("insforge-user-profile", JSON.stringify(userResult.data));
         if (onAuthChange) {
           onAuthChange(userData);
         }
         try {
-          await syncTokenToCookie(sdkResult.data.accessToken);
+          await syncTokenToCookie(authToken);
         } catch (error) {
-          console.error("Please add /api/auth route to your server to sync token to cookie:", error);
         }
+      } else if (fallbackUser) {
+        const userData = {
+          id: fallbackUser.id || "",
+          email: fallbackUser.email || "",
+          name: fallbackUser.name || "",
+          avatarUrl: ""
+        };
+        setUser(userData);
+        setSession({
+          userId: fallbackUser.id || "",
+          token: authToken,
+          expiresAt: "",
+          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        if (onAuthChange) {
+          onAuthChange(userData);
+        }
+      }
+    },
+    [insforge, onAuthChange]
+  );
+  const signIn = (0, import_react.useCallback)(
+    async (email, password) => {
+      const sdkResult = await insforge.auth.signInWithPassword({ email, password });
+      if (sdkResult.data) {
+        await handleAuthSuccess(
+          sdkResult.data.accessToken || "",
+          sdkResult.data.user ? {
+            id: sdkResult.data.user.id,
+            email: sdkResult.data.user.email,
+            name: sdkResult.data.user.name
+          } : void 0
+        );
       } else {
         const errorMessage = sdkResult.error?.message || "Invalid email or password";
         throw new Error(errorMessage);
       }
     },
-    [insforge, onAuthChange]
+    [insforge, handleAuthSuccess]
   );
   const signUp = (0, import_react.useCallback)(
     async (email, password) => {
       const sdkResult = await insforge.auth.signUp({ email, password });
       if (sdkResult.data) {
-        const userData = {
-          id: sdkResult.data.user.id,
-          email: sdkResult.data.user.email,
-          name: sdkResult.data.user.name || void 0,
-          createdAt: sdkResult.data.user.createdAt,
-          updatedAt: sdkResult.data.user.updatedAt
-        };
-        const sessionData = {
-          userId: sdkResult.data.user.id,
-          token: sdkResult.data.accessToken,
-          expiresAt: "",
-          createdAt: (/* @__PURE__ */ new Date()).toISOString()
-        };
-        setUser(userData);
-        setSession(sessionData);
-        if (onAuthChange) {
-          onAuthChange(userData);
-        }
-        try {
-          await syncTokenToCookie(sdkResult.data.accessToken);
-        } catch (error) {
-        }
+        await handleAuthSuccess(
+          sdkResult.data.accessToken || "",
+          sdkResult.data.user ? {
+            id: sdkResult.data.user.id,
+            email: sdkResult.data.user.email,
+            name: sdkResult.data.user.name
+          } : void 0
+        );
       } else {
         const errorMessage = sdkResult.error?.message || "Sign up failed";
         throw new Error(errorMessage);
       }
     },
-    [insforge, onAuthChange]
+    [insforge, handleAuthSuccess]
   );
   const signOut = (0, import_react.useCallback)(async () => {
     await insforge.auth.signOut();
@@ -303,7 +305,10 @@ function InsforgeProvider({
   const updateUser = (0, import_react.useCallback)(
     async (data) => {
       if (!user) throw new Error("No user signed in");
-      const result = await insforge.auth.setProfile(data);
+      const result = await insforge.auth.setProfile({
+        nickname: data.name || "",
+        avatar_url: data.avatarUrl || ""
+      });
       if (result.data) {
         const updatedUser = { ...user, ...result.data };
         setUser(updatedUser);
@@ -365,8 +370,13 @@ function useSession() {
   return { session, isLoaded };
 }
 
+// src/components/SignIn.tsx
+var import_react6 = require("react");
+var import_sdk4 = require("@insforge/sdk");
+
 // src/hooks/useOAuthProviders.ts
 var import_react2 = require("react");
+var import_sdk2 = require("@insforge/sdk");
 function useOAuthProviders() {
   const { baseUrl } = useInsforge();
   const [providers, setProviders] = (0, import_react2.useState)([]);
@@ -375,25 +385,21 @@ function useOAuthProviders() {
     let mounted = true;
     async function fetchProviders() {
       try {
-        const response = await fetch(`${baseUrl}/api/auth/oauth/providers`);
-        if (!response.ok) {
-          if (mounted) {
-            setProviders([]);
-            setIsLoaded(true);
-          }
-          return;
-        }
-        const result = await response.json();
-        if (mounted) {
-          if (result?.data && Array.isArray(result.data)) {
-            setProviders(result.data);
-          } else {
-            setProviders([]);
-          }
-          setIsLoaded(true);
+        const insforge = (0, import_sdk2.createClient)({ baseUrl });
+        const { data, error } = await insforge.auth.getOAuthProviders();
+        if (!mounted) return;
+        if (error) {
+          console.warn("[useOAuthProviders] Failed to fetch OAuth providers:", error);
+          setProviders([]);
+        } else if (data) {
+          const providerNames = data.map((p) => p.provider);
+          setProviders(providerNames);
+        } else {
+          setProviders([]);
         }
+        setIsLoaded(true);
       } catch (error) {
-        console.warn("[useOAuthProviders] Failed to fetch OAuth providers:", error);
+        console.warn("[useOAuthProviders] Unexpected error:", error);
         if (mounted) {
           setProviders([]);
           setIsLoaded(true);
@@ -408,9 +414,42 @@ function useOAuthProviders() {
   return { providers, isLoaded };
 }
 
-// src/components/SignIn.tsx
-var import_react5 = require("react");
-var import_sdk2 = require("@insforge/sdk");
+// src/hooks/useEmailAuthConfig.ts
+var import_react3 = require("react");
+var import_sdk3 = require("@insforge/sdk");
+function useEmailAuthConfig() {
+  const { baseUrl } = useInsforge();
+  const [config, setConfig] = (0, import_react3.useState)(null);
+  const [isLoaded, setIsLoaded] = (0, import_react3.useState)(false);
+  (0, import_react3.useEffect)(() => {
+    let mounted = true;
+    async function fetchConfig() {
+      try {
+        const insforge = (0, import_sdk3.createClient)({ baseUrl });
+        const { data, error } = await insforge.auth.getEmailAuthConfig();
+        if (!mounted) return;
+        if (error) {
+          console.warn("[useEmailAuthConfig] Failed to fetch email auth config:", error);
+          setConfig(null);
+        } else {
+          setConfig(data);
+        }
+        setIsLoaded(true);
+      } catch (error) {
+        console.warn("[useEmailAuthConfig] Unexpected error:", error);
+        if (mounted) {
+          setConfig(null);
+          setIsLoaded(true);
+        }
+      }
+    }
+    fetchConfig();
+    return () => {
+      mounted = false;
+    };
+  }, [baseUrl]);
+  return { config, isLoaded };
+}
 
 // src/components/auth/AuthBranding.tsx
 var import_link = __toESM(require("next/link"));
@@ -522,35 +561,59 @@ function AuthFormField({ label, id, className = "", ...props }) {
 }
 
 // src/components/auth/AuthPasswordField.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_lucide_react3 = require("lucide-react");
 
 // src/components/auth/AuthPasswordStrengthIndicator.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
-var requirements = [
-  {
-    label: "At least 1 Uppercase letter",
-    test: (pwd) => /[A-Z]/.test(pwd)
-  },
-  {
-    label: "At least 1 Number",
-    test: (pwd) => /\d/.test(pwd)
-  },
-  {
-    label: "Special character (e.g. !?<>@#$%)",
-    test: (pwd) => /[!@#$%^&*()_+\-=[\]{};\\|,.<>/?]/.test(pwd)
-  },
-  {
-    label: "8 characters or more",
-    test: (pwd) => pwd.length >= 8
+function createRequirements(config) {
+  const requirements = [];
+  const minLength = config.passwordMinLength;
+  const requireUppercase = config.requireUppercase;
+  const requireLowercase = config.requireLowercase;
+  const requireNumber = config.requireNumber;
+  const requireSpecialChar = config.requireSpecialChar;
+  if (requireUppercase) {
+    requirements.push({
+      label: "At least 1 Uppercase letter",
+      test: (pwd) => /[A-Z]/.test(pwd)
+    });
   }
-];
-function validatePasswordStrength(password) {
+  if (requireLowercase) {
+    requirements.push({
+      label: "At least 1 Lowercase letter",
+      test: (pwd) => /[a-z]/.test(pwd)
+    });
+  }
+  if (requireNumber) {
+    requirements.push({
+      label: "At least 1 Number",
+      test: (pwd) => /\d/.test(pwd)
+    });
+  }
+  if (requireSpecialChar) {
+    requirements.push({
+      label: "Special character (e.g. !?<>@#$%)",
+      test: (pwd) => /[!@#$%^&*()_+\-=[\]{};\\|,.<>/?]/.test(pwd)
+    });
+  }
+  requirements.push({
+    label: `${minLength} characters or more`,
+    test: (pwd) => pwd.length >= minLength
+  });
+  return requirements;
+}
+function validatePasswordStrength(password, config) {
   if (!password) return false;
+  const requirements = createRequirements(config);
   return requirements.every((req) => req.test(password));
 }
-function AuthPasswordStrengthIndicator({ password }) {
+function AuthPasswordStrengthIndicator({
+  password,
+  config
+}) {
+  const requirements = createRequirements(config);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "insforge-password-strength", children: requirements.map((requirement, index) => {
     const isValid = requirement.test(password);
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "insforge-password-requirement", children: [
@@ -572,14 +635,15 @@ function AuthPasswordField({
   label,
   id,
   showStrengthIndicator = false,
+  emailAuthConfig,
   forgotPasswordLink,
   value,
   className = "",
   onFocus,
   ...props
 }) {
-  const [showPassword, setShowPassword] = (0, import_react3.useState)(false);
-  const [showStrength, setShowStrength] = (0, import_react3.useState)(false);
+  const [showPassword, setShowPassword] = (0, import_react4.useState)(false);
+  const [showStrength, setShowStrength] = (0, import_react4.useState)(false);
   const handleFocus = (e) => {
     if (showStrengthIndicator) {
       setShowStrength(true);
@@ -614,7 +678,13 @@ function AuthPasswordField({
         }
       )
     ] }),
-    showStrengthIndicator && showStrength && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AuthPasswordStrengthIndicator, { password: String(value || "") })
+    showStrengthIndicator && showStrength && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      AuthPasswordStrengthIndicator,
+      {
+        password: String(value || ""),
+        config: emailAuthConfig
+      }
+    )
   ] });
 }
 
@@ -906,7 +976,7 @@ function AuthOAuthProviders({
 }
 
 // src/components/auth/AuthVerificationCodeInput.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function AuthVerificationCodeInput({
   length = 6,
@@ -915,7 +985,7 @@ function AuthVerificationCodeInput({
   onChange,
   disabled = false
 }) {
-  const inputRefs = (0, import_react4.useRef)([]);
+  const inputRefs = (0, import_react5.useRef)([]);
   const handleChange = (index, digit) => {
     if (digit.length > 1) return;
     if (digit && !/^\d$/.test(digit)) return;
@@ -999,12 +1069,13 @@ function SignIn({
 }) {
   const { signIn, baseUrl } = useInsforge();
   const { providers: oauthProviders } = useOAuthProviders();
-  const [email, setEmail] = (0, import_react5.useState)("");
-  const [password, setPassword] = (0, import_react5.useState)("");
-  const [error, setError] = (0, import_react5.useState)("");
-  const [loading, setLoading] = (0, import_react5.useState)(false);
-  const [oauthLoading, setOauthLoading] = (0, import_react5.useState)(null);
-  const insforge = (0, import_react5.useState)(() => (0, import_sdk2.createClient)({ baseUrl }))[0];
+  const { config: emailAuthConfig } = useEmailAuthConfig();
+  const [email, setEmail] = (0, import_react6.useState)("");
+  const [password, setPassword] = (0, import_react6.useState)("");
+  const [error, setError] = (0, import_react6.useState)("");
+  const [loading, setLoading] = (0, import_react6.useState)(false);
+  const [oauthLoading, setOauthLoading] = (0, import_react6.useState)(null);
+  const insforge = (0, import_react6.useState)(() => (0, import_sdk4.createClient)({ baseUrl }))[0];
   async function handleSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -1033,7 +1104,6 @@ function SignIn({
         provider,
         redirectTo
       });
-      console.log("handleOAuth result", result);
     } catch (err) {
       const errorMessage = err.message || `${provider} sign in failed`;
       setError(errorMessage);
@@ -1067,7 +1137,15 @@ function SignIn({
           value: password,
           onChange: (e) => setPassword(e.target.value),
           required: true,
-          autoComplete: "current-password"
+          autoComplete: "current-password",
+          emailAuthConfig: emailAuthConfig || {
+            requireEmailVerification: false,
+            passwordMinLength: 6,
+            requireNumber: false,
+            requireLowercase: false,
+            requireUppercase: false,
+            requireSpecialChar: false
+          }
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -1097,8 +1175,8 @@ function SignIn({
 }
 
 // src/components/SignUp.tsx
-var import_react6 = require("react");
-var import_sdk3 = require("@insforge/sdk");
+var import_react7 = require("react");
+var import_sdk5 = require("@insforge/sdk");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function SignUp({
   afterSignUpUrl = "/",
@@ -1123,17 +1201,18 @@ function SignUp({
 }) {
   const { signUp, baseUrl } = useInsforge();
   const { providers: oauthProviders } = useOAuthProviders();
-  const [email, setEmail] = (0, import_react6.useState)("");
-  const [password, setPassword] = (0, import_react6.useState)("");
-  const [error, setError] = (0, import_react6.useState)("");
-  const [loading, setLoading] = (0, import_react6.useState)(false);
-  const [oauthLoading, setOauthLoading] = (0, import_react6.useState)(null);
-  const insforge = (0, import_react6.useState)(() => (0, import_sdk3.createClient)({ baseUrl }))[0];
+  const { config: emailAuthConfig } = useEmailAuthConfig();
+  const [email, setEmail] = (0, import_react7.useState)("");
+  const [password, setPassword] = (0, import_react7.useState)("");
+  const [error, setError] = (0, import_react7.useState)("");
+  const [loading, setLoading] = (0, import_react7.useState)(false);
+  const [oauthLoading, setOauthLoading] = (0, import_react7.useState)(null);
+  const insforge = (0, import_react7.useState)(() => (0, import_sdk5.createClient)({ baseUrl }))[0];
   async function handleCredentialsSubmit(e) {
     e.preventDefault();
     setLoading(true);
     setError("");
-    if (!validatePasswordStrength(password)) {
+    if (emailAuthConfig && !validatePasswordStrength(password, emailAuthConfig)) {
       setError("Password does not meet all requirements");
       setLoading(false);
       return;
@@ -1198,9 +1277,17 @@ function SignUp({
           value: password,
           onChange: (e) => setPassword(e.target.value),
           required: true,
-          minLength: 8,
+          minLength: emailAuthConfig?.passwordMinLength ?? 8,
           autoComplete: "new-password",
-          showStrengthIndicator: true
+          showStrengthIndicator: true,
+          emailAuthConfig: emailAuthConfig || {
+            requireEmailVerification: false,
+            passwordMinLength: 6,
+            requireNumber: false,
+            requireLowercase: false,
+            requireUppercase: false,
+            requireSpecialChar: false
+          }
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -1237,7 +1324,7 @@ function SignUp({
 }
 
 // src/components/UserButton.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function UserButton({
@@ -1246,9 +1333,9 @@ function UserButton({
   appearance = {}
 }) {
   const { user, signOut } = useInsforge();
-  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
-  const dropdownRef = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react8.useState)(false);
+  const dropdownRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -1313,7 +1400,7 @@ function SignedOut({ children }) {
 }
 
 // src/components/Protect.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var import_navigation = require("next/navigation");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function Protect({
@@ -1324,7 +1411,7 @@ function Protect({
 }) {
   const { isSignedIn, isLoaded, user } = useInsforge();
   const router = (0, import_navigation.useRouter)();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (isLoaded && !isSignedIn) {
       router.push(redirectTo);
     } else if (isLoaded && isSignedIn && condition && user) {
@@ -1372,7 +1459,6 @@ function Protect({
   isProviderSupported,
   useAuth,
   useInsforge,
-  useOAuthProviders,
   useSession,
   useUser,
   validatePasswordStrength