@insforge/react 0.4.12 → 0.5.0

package/dist/components.js

@@ -1,11 +1,24 @@
 import { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
-import { useSearchParams } from 'react-router-dom';
-import '@insforge/sdk';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import '@insforge/sdk';
 import { AlertTriangle, Check, EyeOff, Eye, Loader2, CircleCheck, LogOut } from 'lucide-react';
 import { z } from 'zod';
 
 // src/components/SignIn.tsx
+var NavigationContext = createContext(null);
+function useNavigationAdapter() {
+  const adapter = useContext(NavigationContext);
+  if (!adapter) {
+    throw new Error("useNavigationAdapter must be used within NavigationProvider");
+  }
+  return adapter;
+}
+
+// src/navigation/useSearchParams.ts
+function useSearchParams() {
+  const adapter = useNavigationAdapter();
+  return adapter.useSearchParams();
+}
 var InsforgeContext = createContext(void 0);
 function useInsforge() {
   const context = useContext(InsforgeContext);
@@ -223,7 +236,8 @@ function AuthPasswordField({
   onFocus,
   ...props
 }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const [showPassword, setShowPassword] = useState(false);
   const [showStrength, setShowStrength] = useState(false);
   const resolvedForgotPasswordHref = useMemo(
@@ -239,7 +253,7 @@ function AuthPasswordField({
   return /* @__PURE__ */ jsxs("div", { className: "if-passwordField if-internal-p5w9m7", children: [
     (label || forgotPasswordLink) && /* @__PURE__ */ jsxs("div", { className: "if-passwordField-labelRow", children: [
       /* @__PURE__ */ jsx("label", { htmlFor: id, className: "if-passwordField-label", children: label }),
-      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx("a", { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
+      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx(Link, { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "if-passwordField-inputWrapper", children: [
       /* @__PURE__ */ jsx(
@@ -291,12 +305,13 @@ function AuthSubmitButton({
   );
 }
 function AuthLink({ text, linkText, href }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const finalHref = resolveAuthUrl(href, searchParams);
   return /* @__PURE__ */ jsxs("p", { className: "if-authLink if-internal-al5w9p", children: [
     text && /* @__PURE__ */ jsx("span", { className: "if-authLink-text", children: text }),
     text && " ",
-    /* @__PURE__ */ jsx("a", { href: finalHref, className: "if-authLink-link", children: linkText })
+    /* @__PURE__ */ jsx(Link, { href: finalHref, className: "if-authLink-link", children: linkText })
   ] });
 }
 function AuthDivider({ text = "or" }) {
@@ -936,7 +951,7 @@ function SignIn({ onError, ...uiProps }) {
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useState("form");
   const [oauthLoading] = useState(null);
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
     e.preventDefault();
@@ -1145,7 +1160,7 @@ function SignUp({ onError, ...uiProps }) {
   const [loading, setLoading] = useState(false);
   const [step, setStep] = useState("form");
   const [oauthLoading] = useState(null);
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
     e.preventDefault();
@@ -1410,7 +1425,7 @@ function ResetPasswordForm({
 function ForgotPassword({ onError, ...uiProps }) {
   const { sendResetPasswordEmail, exchangeResetPasswordToken, resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const [step, setStep] = useState("email");
   const [email, setEmail] = useState("");
   const [resetToken, setResetToken] = useState("");
@@ -1566,7 +1581,7 @@ function ForgotPassword({ onError, ...uiProps }) {
   );
 }
 function ResetPassword({ onError, ...uiProps }) {
-  const [searchParams] = useSearchParams();
+  const searchParams = useSearchParams();
   const token = searchParams.get("token");
   const { resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();