@insforge/nextjs 0.6.7 → 0.6.9

package/dist/index.d.mts

@@ -57,9 +57,6 @@ interface SignUpProps {
     passwordPlaceholder?: string;
     submitButtonText?: string;
     loadingButtonText?: string;
-    verifyButtonText?: string;
-    loadingVerifyButtonText?: string;
-    verifiedButtonText?: string;
     signInText?: string;
     signInLinkText?: string;
     signInUrl?: string;
@@ -87,7 +84,7 @@ interface ConditionalProps {
 type OAuthProvider = 'google' | 'github' | 'discord' | 'facebook' | 'linkedin' | 'instagram' | 'tiktok' | 'apple' | 'x' | 'spotify' | 'microsoft';
 interface OAuthProviderConfig {
     name: string;
-    svg: JSX.Element;
+    svg: React.ReactElement;
     className: string;
 }
 
@@ -101,11 +98,6 @@ interface InsforgeContextValue {
     signUp: (email: string, password: string) => Promise<void>;
     signOut: () => Promise<void>;
     updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
-    sendVerificationCode: (email: string, type: 'signup' | 'signin') => Promise<void>;
-    verifySignUpCode: (email: string, password: string, code: string) => Promise<void>;
-    verifySignInCode: (email: string, code: string) => Promise<void>;
-    oauthProviders: OAuthProvider[];
-    isConfigLoaded: boolean;
     baseUrl: string;
 }
 interface InsforgeProviderProps {
@@ -145,7 +137,7 @@ declare function useOAuthProviders(): {
 
 declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
 
-declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, verifyButtonText, loadingVerifyButtonText, verifiedButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
+declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
 
 declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
 
@@ -153,7 +145,7 @@ declare function SignedIn({ children }: ConditionalProps): react_jsx_runtime.JSX
 
 declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
 
-declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<react.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null;
+declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 interface AuthContainerProps {
     children: ReactNode;

package/dist/index.d.ts

@@ -57,9 +57,6 @@ interface SignUpProps {
     passwordPlaceholder?: string;
     submitButtonText?: string;
     loadingButtonText?: string;
-    verifyButtonText?: string;
-    loadingVerifyButtonText?: string;
-    verifiedButtonText?: string;
     signInText?: string;
     signInLinkText?: string;
     signInUrl?: string;
@@ -87,7 +84,7 @@ interface ConditionalProps {
 type OAuthProvider = 'google' | 'github' | 'discord' | 'facebook' | 'linkedin' | 'instagram' | 'tiktok' | 'apple' | 'x' | 'spotify' | 'microsoft';
 interface OAuthProviderConfig {
     name: string;
-    svg: JSX.Element;
+    svg: React.ReactElement;
     className: string;
 }
 
@@ -101,11 +98,6 @@ interface InsforgeContextValue {
     signUp: (email: string, password: string) => Promise<void>;
     signOut: () => Promise<void>;
     updateUser: (data: Partial<InsforgeUser>) => Promise<void>;
-    sendVerificationCode: (email: string, type: 'signup' | 'signin') => Promise<void>;
-    verifySignUpCode: (email: string, password: string, code: string) => Promise<void>;
-    verifySignInCode: (email: string, code: string) => Promise<void>;
-    oauthProviders: OAuthProvider[];
-    isConfigLoaded: boolean;
     baseUrl: string;
 }
 interface InsforgeProviderProps {
@@ -145,7 +137,7 @@ declare function useOAuthProviders(): {
 
 declare function SignIn({ afterSignInUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, onSuccess, onError, }: SignInProps): react_jsx_runtime.JSX.Element;
 
-declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, verifyButtonText, loadingVerifyButtonText, verifiedButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
+declare function SignUp({ afterSignUpUrl, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, onSuccess, onError, }: SignUpProps): react_jsx_runtime.JSX.Element;
 
 declare function UserButton({ afterSignOutUrl, mode, appearance, }: UserButtonProps): react_jsx_runtime.JSX.Element | null;
 
@@ -153,7 +145,7 @@ declare function SignedIn({ children }: ConditionalProps): react_jsx_runtime.JSX
 
 declare function SignedOut({ children }: ConditionalProps): react_jsx_runtime.JSX.Element | null;
 
-declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<react.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null;
+declare function Protect({ children, fallback, redirectTo, condition, }: ProtectProps): string | number | bigint | true | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
 
 interface AuthContainerProps {
     children: ReactNode;

package/dist/index.js

@@ -70,20 +70,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);
-async function fetchOAuthProviders(baseUrl) {
-  try {
-    const response = await fetch(`${baseUrl}/api/auth/oauth/configs`);
-    if (!response.ok) return [];
-    const result = await response.json();
-    if (result?.data && Array.isArray(result.data)) {
-      return result.data.map((config) => config.provider);
-    }
-    return [];
-  } catch (error) {
-    console.warn("Failed to fetch OAuth configs:", error);
-    return [];
-  }
-}
 function getTokenFromSDK() {
   console.log("[InsforgeProvider] Getting token from SDK");
   if (typeof window === "undefined") return null;
@@ -127,18 +113,8 @@ function InsforgeProvider({
   const [user, setUser] = (0, import_react.useState)(null);
   const [session, setSession] = (0, import_react.useState)(null);
   const [isLoaded, setIsLoaded] = (0, import_react.useState)(false);
-  const [oauthProviders, setOauthProviders] = (0, import_react.useState)([]);
-  const [isConfigLoaded, setIsConfigLoaded] = (0, import_react.useState)(false);
-  const refreshIntervalRef = (0, import_react.useRef)();
+  const refreshIntervalRef = (0, import_react.useRef)(null);
   const [insforge] = (0, import_react.useState)(() => (0, import_sdk.createClient)({ baseUrl }));
-  (0, import_react.useEffect)(() => {
-    async function loadConfig() {
-      const providers = await fetchOAuthProviders(baseUrl);
-      setOauthProviders(providers);
-      setIsConfigLoaded(true);
-    }
-    loadConfig();
-  }, [baseUrl]);
   const loadAuthState = (0, import_react.useCallback)(async () => {
     try {
       const token = getTokenFromSDK();
@@ -338,59 +314,6 @@ function InsforgeProvider({
     },
     [user, onAuthChange, insforge]
   );
-  const sendVerificationCode = (0, import_react.useCallback)(
-    async (email, type) => {
-      console.log(`[Verification] Sending ${type} code to ${email}`);
-      console.log("[Verification] Dummy code: 123456");
-      await new Promise((resolve) => setTimeout(resolve, 500));
-    },
-    [insforge]
-  );
-  const verifySignUpCode = (0, import_react.useCallback)(
-    async (email, password, code) => {
-      if (code !== "123456") {
-        throw new Error("Invalid verification code");
-      }
-      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) {
-        }
-      } else {
-        const errorMessage = sdkResult.error?.message || "Sign up failed";
-        throw new Error(errorMessage);
-      }
-    },
-    [insforge, onAuthChange]
-  );
-  const verifySignInCode = (0, import_react.useCallback)(
-    async (email, code) => {
-      if (code !== "123456") {
-        throw new Error("Invalid verification code");
-      }
-      throw new Error("Passwordless sign in via verification code is not yet implemented in the backend");
-    },
-    [insforge, onAuthChange]
-  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     InsforgeContext.Provider,
     {
@@ -405,13 +328,10 @@ function InsforgeProvider({
         signUp,
         signOut,
         updateUser,
-        // Verification
-        sendVerificationCode,
-        verifySignUpCode,
-        verifySignInCode,
-        // Config
-        oauthProviders,
-        isConfigLoaded,
+        // Email verification (commented out - verification disabled for now)
+        // sendVerificationCode,
+        // verifySignUpCode,
+        // verifySignInCode,
         // Base
         baseUrl
       },
@@ -446,13 +366,50 @@ function useSession() {
 }
 
 // src/hooks/useOAuthProviders.ts
+var import_react2 = require("react");
 function useOAuthProviders() {
-  const { oauthProviders, isConfigLoaded } = useInsforge();
-  return { providers: oauthProviders, isLoaded: isConfigLoaded };
+  const { baseUrl } = useInsforge();
+  const [providers, setProviders] = (0, import_react2.useState)([]);
+  const [isLoaded, setIsLoaded] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    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);
+        }
+      } catch (error) {
+        console.warn("[useOAuthProviders] Failed to fetch OAuth providers:", error);
+        if (mounted) {
+          setProviders([]);
+          setIsLoaded(true);
+        }
+      }
+    }
+    fetchProviders();
+    return () => {
+      mounted = false;
+    };
+  }, [baseUrl]);
+  return { providers, isLoaded };
 }
 
 // src/components/SignIn.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_sdk2 = require("@insforge/sdk");
 
 // src/components/auth/AuthBranding.tsx
@@ -565,7 +522,7 @@ function AuthFormField({ label, id, className = "", ...props }) {
 }
 
 // src/components/auth/AuthPasswordField.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_lucide_react3 = require("lucide-react");
 
 // src/components/auth/AuthPasswordStrengthIndicator.tsx
@@ -621,8 +578,8 @@ function AuthPasswordField({
   onFocus,
   ...props
 }) {
-  const [showPassword, setShowPassword] = (0, import_react2.useState)(false);
-  const [showStrength, setShowStrength] = (0, import_react2.useState)(false);
+  const [showPassword, setShowPassword] = (0, import_react3.useState)(false);
+  const [showStrength, setShowStrength] = (0, import_react3.useState)(false);
   const handleFocus = (e) => {
     if (showStrengthIndicator) {
       setShowStrength(true);
@@ -949,7 +906,7 @@ function AuthOAuthProviders({
 }
 
 // src/components/auth/AuthVerificationCodeInput.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function AuthVerificationCodeInput({
   length = 6,
@@ -958,7 +915,7 @@ function AuthVerificationCodeInput({
   onChange,
   disabled = false
 }) {
-  const inputRefs = (0, import_react3.useRef)([]);
+  const inputRefs = (0, import_react4.useRef)([]);
   const handleChange = (index, digit) => {
     if (digit.length > 1) return;
     if (digit && !/^\d$/.test(digit)) return;
@@ -1040,13 +997,14 @@ function SignIn({
   onSuccess,
   onError
 }) {
-  const { signIn, oauthProviders, baseUrl } = useInsforge();
-  const [email, setEmail] = (0, import_react4.useState)("");
-  const [password, setPassword] = (0, import_react4.useState)("");
-  const [error, setError] = (0, import_react4.useState)("");
-  const [loading, setLoading] = (0, import_react4.useState)(false);
-  const [oauthLoading, setOauthLoading] = (0, import_react4.useState)(null);
-  const insforge = (0, import_react4.useState)(() => (0, import_sdk2.createClient)({ baseUrl }))[0];
+  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];
   async function handleSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -1109,11 +1067,7 @@ function SignIn({
           value: password,
           onChange: (e) => setPassword(e.target.value),
           required: true,
-          autoComplete: "current-password",
-          forgotPasswordLink: {
-            href: "#",
-            text: forgotPasswordText
-          }
+          autoComplete: "current-password"
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
@@ -1143,7 +1097,7 @@ function SignIn({
 }
 
 // src/components/SignUp.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_sdk3 = require("@insforge/sdk");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function SignUp({
@@ -1157,9 +1111,9 @@ function SignUp({
   passwordPlaceholder = "\u2022\u2022\u2022\u2022\u2022\u2022",
   submitButtonText = "Sign Up",
   loadingButtonText = "Creating account...",
-  verifyButtonText = "Continue",
-  loadingVerifyButtonText = "Verifying...",
-  verifiedButtonText = "Verified",
+  // verifyButtonText = "Continue", // Commented out - email verification disabled for now
+  // loadingVerifyButtonText = "Verifying...", // Commented out - email verification disabled for now
+  // verifiedButtonText = "Verified", // Commented out - email verification disabled for now
   signInText = "Already have an account?",
   signInLinkText = "Login Now",
   signInUrl = "/sign-in",
@@ -1167,18 +1121,14 @@ function SignUp({
   onSuccess,
   onError
 }) {
-  const { sendVerificationCode, verifySignUpCode, oauthProviders, baseUrl } = useInsforge();
-  const [email, setEmail] = (0, import_react5.useState)("");
-  const [password, setPassword] = (0, import_react5.useState)("");
-  const [verificationCode, setVerificationCode] = (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 [verified, setVerified] = (0, import_react5.useState)(false);
-  const [step, setStep] = (0, import_react5.useState)(
-    "credentials"
-  );
-  const insforge = (0, import_react5.useState)(() => (0, import_sdk3.createClient)({ baseUrl }))[0];
+  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];
   async function handleCredentialsSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -1189,53 +1139,20 @@ function SignUp({
       return;
     }
     try {
-      await sendVerificationCode(email, "signup");
-      setStep("verification");
-    } catch (err) {
-      const errorMessage = err.message || "Failed to send verification code";
-      setError(errorMessage);
-      if (onError) onError(new Error(errorMessage));
-    } finally {
-      setLoading(false);
-    }
-  }
-  async function handleVerificationSubmit(e) {
-    e.preventDefault();
-    setLoading(true);
-    setError("");
-    if (verificationCode.length !== 6) {
-      setError("Please enter the complete verification code");
-      setLoading(false);
-      return;
-    }
-    try {
-      await verifySignUpCode(email, password, verificationCode);
+      await signUp(email, password);
       if (onSuccess) {
-        setVerified(true);
         const userResult = await insforge.auth.getCurrentUser();
         if (userResult.data) onSuccess(userResult.data);
       }
       window.location.href = afterSignUpUrl;
     } catch (err) {
-      const errorMessage = err.message || "Invalid verification code";
+      const errorMessage = err.message || "Sign up failed";
       setError(errorMessage);
       if (onError) onError(new Error(errorMessage));
     } finally {
       setLoading(false);
     }
   }
-  async function handleResendCode() {
-    setLoading(true);
-    setError("");
-    try {
-      await sendVerificationCode(email, "signup");
-    } catch (err) {
-      const errorMessage = err.message || "Failed to resend code";
-      setError(errorMessage);
-    } finally {
-      setLoading(false);
-    }
-  }
   async function handleOAuth(provider) {
     try {
       setOauthLoading(provider);
@@ -1255,105 +1172,64 @@ function SignUp({
       setOauthLoading(null);
     }
   }
-  if (step === "credentials") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AuthContainer, { style: appearance.container, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthHeader, { title, subtitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthErrorBanner, { error }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("form", { onSubmit: handleCredentialsSubmit, className: "insforge-form", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          AuthFormField,
-          {
-            id: "email",
-            type: "email",
-            label: emailLabel,
-            placeholder: emailPlaceholder,
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            required: true,
-            autoComplete: "email"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          AuthPasswordField,
-          {
-            id: "password",
-            label: passwordLabel,
-            placeholder: passwordPlaceholder,
-            value: password,
-            onChange: (e) => setPassword(e.target.value),
-            required: true,
-            minLength: 8,
-            autoComplete: "new-password",
-            showStrengthIndicator: true
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          AuthSubmitButton,
-          {
-            isLoading: loading,
-            disabled: loading || oauthLoading !== null,
-            style: appearance.button,
-            children: loading ? loadingButtonText : submitButtonText
-          }
-        )
-      ] }),
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AuthContainer, { style: appearance.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthHeader, { title, subtitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthErrorBanner, { error }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("form", { onSubmit: handleCredentialsSubmit, className: "insforge-form", children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        AuthLink,
+        AuthFormField,
         {
-          text: signInText,
-          linkText: signInLinkText,
-          href: signInUrl
+          id: "email",
+          type: "email",
+          label: emailLabel,
+          placeholder: emailPlaceholder,
+          value: email,
+          onChange: (e) => setEmail(e.target.value),
+          required: true,
+          autoComplete: "email"
         }
       ),
-      oauthProviders.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthDivider, { text: dividerText }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          AuthOAuthProviders,
-          {
-            providers: oauthProviders,
-            onClick: handleOAuth,
-            disabled: loading || oauthLoading !== null,
-            loading: oauthLoading
-          }
-        )
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AuthContainer, { style: appearance.container, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthHeader, { title, subtitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthErrorBanner, { error }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("form", { onSubmit: handleVerificationSubmit, className: "insforge-form", children: [
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        AuthVerificationCodeInput,
+        AuthPasswordField,
         {
-          email,
-          value: verificationCode,
-          onChange: setVerificationCode,
-          disabled: loading
+          id: "password",
+          label: passwordLabel,
+          placeholder: passwordPlaceholder,
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          required: true,
+          minLength: 8,
+          autoComplete: "new-password",
+          showStrengthIndicator: true
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         AuthSubmitButton,
         {
           isLoading: loading,
-          disabled: loading,
+          disabled: loading || oauthLoading !== null,
           style: appearance.button,
-          confirmed: verified,
-          children: verified ? verifiedButtonText : loading ? loadingVerifyButtonText : verifyButtonText
+          children: loading ? loadingButtonText : submitButtonText
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "insforge-resend-code", children: [
-      "Did not received the code?",
-      " ",
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      AuthLink,
+      {
+        text: signInText,
+        linkText: signInLinkText,
+        href: signInUrl
+      }
+    ),
+    oauthProviders.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AuthDivider, { text: dividerText }),
       /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        "button",
+        AuthOAuthProviders,
         {
-          type: "button",
-          onClick: handleResendCode,
-          disabled: loading,
-          className: "insforge-resend-link",
-          children: "Click to resend"
+          providers: oauthProviders,
+          onClick: handleOAuth,
+          disabled: loading || oauthLoading !== null,
+          loading: oauthLoading
         }
       )
     ] })
@@ -1361,7 +1237,7 @@ function SignUp({
 }
 
 // src/components/UserButton.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function UserButton({
@@ -1370,9 +1246,9 @@ function UserButton({
   appearance = {}
 }) {
   const { user, signOut } = useInsforge();
-  const [isOpen, setIsOpen] = (0, import_react6.useState)(false);
-  const dropdownRef = (0, import_react6.useRef)(null);
-  (0, import_react6.useEffect)(() => {
+  const [isOpen, setIsOpen] = (0, import_react7.useState)(false);
+  const dropdownRef = (0, import_react7.useRef)(null);
+  (0, import_react7.useEffect)(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -1437,7 +1313,7 @@ function SignedOut({ children }) {
 }
 
 // src/components/Protect.tsx
-var import_react7 = require("react");
+var import_react8 = require("react");
 var import_navigation = require("next/navigation");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function Protect({
@@ -1448,7 +1324,7 @@ function Protect({
 }) {
   const { isSignedIn, isLoaded, user } = useInsforge();
   const router = (0, import_navigation.useRouter)();
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (isLoaded && !isSignedIn) {
       router.push(redirectTo);
     } else if (isLoaded && isSignedIn && condition && user) {