@insforge/react 0.3.1 → 0.3.3

package/dist/forms.d.mts

@@ -37,7 +37,7 @@ import '@insforge/shared-schemas';
  * />
  * ```
  */
-declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, emailAuthConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignInFormProps): react_jsx_runtime.JSX.Element;
+declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignInFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Pre-built sign-up form component (UI only, no business logic).
@@ -73,7 +73,7 @@ declare function SignInForm({ email, password, onEmailChange, onPasswordChange,
  * />
  * ```
  */
-declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, emailAuthConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
+declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Pre-built forgot password form component (UI only, no business logic).
@@ -146,11 +146,11 @@ declare function ForgotPasswordForm({ email, onEmailChange, onSubmit, error, loa
  *   onSubmit={handleSubmit}
  *   error={error}
  *   loading={loading}
- *   emailAuthConfig={config}
+ *   authConfig={config}
  * />
  * ```
  */
-declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, emailAuthConfig, appearance, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, success, authConfig, appearance, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, successTitle, successMessage, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Email verification status display component (UI only, no business logic).

package/dist/forms.d.ts

@@ -37,7 +37,7 @@ import '@insforge/shared-schemas';
  * />
  * ```
  */
-declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, emailAuthConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignInFormProps): react_jsx_runtime.JSX.Element;
+declare function SignInForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, forgotPasswordText, forgotPasswordUrl, submitButtonText, loadingButtonText, signUpText, signUpLinkText, signUpUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignInFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Pre-built sign-up form component (UI only, no business logic).
@@ -73,7 +73,7 @@ declare function SignInForm({ email, password, onEmailChange, onPasswordChange,
  * />
  * ```
  */
-declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, emailAuthConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
+declare function SignUpForm({ email, password, onEmailChange, onPasswordChange, onSubmit, error, loading, oauthLoading, availableProviders, onOAuthClick, authConfig, appearance, title, subtitle, emailLabel, emailPlaceholder, passwordLabel, passwordPlaceholder, submitButtonText, loadingButtonText, signInText, signInLinkText, signInUrl, dividerText, showVerificationStep, onVerifyCode, verificationDescription, }: SignUpFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Pre-built forgot password form component (UI only, no business logic).
@@ -146,11 +146,11 @@ declare function ForgotPasswordForm({ email, onEmailChange, onSubmit, error, loa
  *   onSubmit={handleSubmit}
  *   error={error}
  *   loading={loading}
- *   emailAuthConfig={config}
+ *   authConfig={config}
  * />
  * ```
  */
-declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, emailAuthConfig, appearance, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+declare function ResetPasswordForm({ newPassword, confirmPassword, onNewPasswordChange, onConfirmPasswordChange, onSubmit, error, loading, success, authConfig, appearance, title, subtitle, newPasswordLabel, newPasswordPlaceholder, confirmPasswordLabel, confirmPasswordPlaceholder, submitButtonText, loadingButtonText, backToSignInText, backToSignInUrl, successTitle, successMessage, }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Email verification status display component (UI only, no business logic).

package/dist/forms.js

@@ -237,7 +237,7 @@ function AuthPasswordField({
   label,
   id,
   showStrengthIndicator = false,
-  emailAuthConfig,
+  authConfig,
   forgotPasswordLink,
   value,
   appearance = {},
@@ -315,7 +315,7 @@ function AuthPasswordField({
           AuthPasswordStrengthIndicator,
           {
             password: String(value || ""),
-            config: emailAuthConfig
+            config: authConfig
           }
         )
       ]
@@ -759,11 +759,7 @@ function AuthEmailVerificationStep({
   react.useEffect(() => {
     const sendInitialEmail = async () => {
       try {
-        if (method === "code") {
-          await insforge.auth.sendVerificationCode({ email });
-        } else {
-          await insforge.auth.sendVerificationLink({ email });
-        }
+        await insforge.auth.sendVerificationEmail({ email });
       } catch {
       }
     };
@@ -789,11 +785,7 @@ function AuthEmailVerificationStep({
     setIsSending(true);
     setVerificationError("");
     try {
-      if (method === "code") {
-        await insforge.auth.sendVerificationCode({ email });
-      } else {
-        await insforge.auth.sendVerificationLink({ email });
-      }
+      await insforge.auth.sendVerificationEmail({ email });
     } catch {
       setResendDisabled(false);
       setResendCountdown(0);
@@ -871,7 +863,7 @@ function SignInForm({
   oauthLoading = null,
   availableProviders = [],
   onOAuthClick,
-  emailAuthConfig,
+  authConfig,
   appearance = {},
   title = "Welcome Back",
   subtitle = "Login to your account",
@@ -961,7 +953,7 @@ function SignInForm({
                   onChange: (e) => onPasswordChange(e.target.value),
                   required: true,
                   autoComplete: "current-password",
-                  emailAuthConfig,
+                  authConfig,
                   forgotPasswordLink: forgotPasswordUrl ? {
                     href: forgotPasswordUrl,
                     text: forgotPasswordText
@@ -1036,7 +1028,7 @@ function SignUpForm({
   oauthLoading = null,
   availableProviders = [],
   onOAuthClick,
-  emailAuthConfig,
+  authConfig,
   appearance = {},
   title = "Get Started",
   subtitle = "Create your account",
@@ -1123,10 +1115,10 @@ function SignUpForm({
                   value: password,
                   onChange: (e) => onPasswordChange(e.target.value),
                   required: true,
-                  minLength: emailAuthConfig.passwordMinLength,
+                  minLength: authConfig.passwordMinLength,
                   autoComplete: "new-password",
                   showStrengthIndicator: true,
-                  emailAuthConfig,
+                  authConfig,
                   appearance: {
                     containerClassName: appearance.form?.passwordField?.container,
                     labelClassName: appearance.form?.passwordField?.label,
@@ -1310,7 +1302,8 @@ function ResetPasswordForm({
   onSubmit,
   error,
   loading = false,
-  emailAuthConfig,
+  success = false,
+  authConfig,
   appearance = {},
   title = "Reset Password",
   subtitle = "Enter your new password below.",
@@ -1321,8 +1314,27 @@ function ResetPasswordForm({
   submitButtonText = "Reset Password",
   loadingButtonText = "Resetting...",
   backToSignInText = "",
-  backToSignInUrl = "/sign-in"
+  backToSignInUrl = "/sign-in",
+  successTitle = "Password Reset Successful!",
+  successMessage = "Your password has been successfully reset. You can now sign in with your new password."
 }) {
+  if (success) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      AuthContainer,
+      {
+        appearance: {
+          containerClassName: appearance.container,
+          cardClassName: appearance.card
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-8 h-8 text-green-600 dark:text-green-400", fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 13l4 4L19 7" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold text-black dark:text-white text-center", children: successTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-neutral-600 dark:text-neutral-400 text-center", children: successMessage }),
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: backToSignInUrl, className: "mt-4 text-black dark:text-white font-medium", children: "Back to Sign In" })
+        ] })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     AuthContainer,
     {
@@ -1368,7 +1380,7 @@ function ResetPasswordForm({
                   required: true,
                   autoComplete: "new-password",
                   showStrengthIndicator: true,
-                  emailAuthConfig,
+                  authConfig,
                   appearance: {
                     containerClassName: appearance.form?.newPasswordField?.container,
                     labelClassName: appearance.form?.newPasswordField?.label,
@@ -1386,7 +1398,7 @@ function ResetPasswordForm({
                   onChange: (e) => onConfirmPasswordChange(e.target.value),
                   required: true,
                   autoComplete: "new-password",
-                  emailAuthConfig,
+                  authConfig,
                   appearance: {
                     containerClassName: appearance.form?.confirmPasswordField?.container,
                     labelClassName: appearance.form?.confirmPasswordField?.label,