@insforge/react 0.4.11 → 0.5.0

package/dist/components.cjs

@@ -1,12 +1,26 @@
 'use strict';
 
 var react = require('react');
-var reactRouterDom = require('react-router-dom');
-require('@insforge/sdk');
 var jsxRuntime = require('react/jsx-runtime');
+require('@insforge/sdk');
 var lucideReact = require('lucide-react');
 var zod = require('zod');
 
+// src/components/SignIn.tsx
+var NavigationContext = react.createContext(null);
+function useNavigationAdapter() {
+  const adapter = react.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 = react.createContext(void 0);
 function useInsforge() {
   const context = react.useContext(InsforgeContext);
@@ -224,7 +238,8 @@ function AuthPasswordField({
   onFocus,
   ...props
 }) {
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const [showPassword, setShowPassword] = react.useState(false);
   const [showStrength, setShowStrength] = react.useState(false);
   const resolvedForgotPasswordHref = react.useMemo(
@@ -240,7 +255,7 @@ function AuthPasswordField({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-passwordField if-internal-p5w9m7", children: [
     (label || forgotPasswordLink) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-passwordField-labelRow", children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: "if-passwordField-label", children: label }),
-      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsxRuntime.jsx("a", { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
+      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsxRuntime.jsx(Link, { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "if-passwordField-inputWrapper", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -292,12 +307,13 @@ function AuthSubmitButton({
   );
 }
 function AuthLink({ text, linkText, href }) {
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
+  const { Link } = useNavigationAdapter();
   const finalHref = resolveAuthUrl(href, searchParams);
   return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "if-authLink if-internal-al5w9p", children: [
     text && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "if-authLink-text", children: text }),
     text && " ",
-    /* @__PURE__ */ jsxRuntime.jsx("a", { href: finalHref, className: "if-authLink-link", children: linkText })
+    /* @__PURE__ */ jsxRuntime.jsx(Link, { href: finalHref, className: "if-authLink-link", children: linkText })
   ] });
 }
 function AuthDivider({ text = "or" }) {
@@ -937,7 +953,7 @@ function SignIn({ onError, ...uiProps }) {
   const [loading, setLoading] = react.useState(false);
   const [step, setStep] = react.useState("form");
   const [oauthLoading] = react.useState(null);
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
     e.preventDefault();
@@ -1146,7 +1162,7 @@ function SignUp({ onError, ...uiProps }) {
   const [loading, setLoading] = react.useState(false);
   const [step, setStep] = react.useState("form");
   const [oauthLoading] = react.useState(null);
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
     e.preventDefault();
@@ -1411,7 +1427,7 @@ function ResetPasswordForm({
 function ForgotPassword({ onError, ...uiProps }) {
   const { sendResetPasswordEmail, exchangeResetPasswordToken, resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
   const [step, setStep] = react.useState("email");
   const [email, setEmail] = react.useState("");
   const [resetToken, setResetToken] = react.useState("");
@@ -1567,7 +1583,7 @@ function ForgotPassword({ onError, ...uiProps }) {
   );
 }
 function ResetPassword({ onError, ...uiProps }) {
-  const [searchParams] = reactRouterDom.useSearchParams();
+  const searchParams = useSearchParams();
   const token = searchParams.get("token");
   const { resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();