@insforge/react 0.4.12 → 0.5.1

package/dist/components.cjs

@@ -1,18 +1,56 @@
 '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);
   if (!context) {
-    throw new Error("useInsforge must be used within InsforgeProvider");
+    if (typeof window !== "undefined") {
+      throw new Error("useInsforge must be used within InsforgeProvider");
+    }
+    return {
+      user: null,
+      isLoaded: false,
+      isSignedIn: false,
+      setUser: () => {
+      },
+      signIn: async () => ({ error: "SSR mode" }),
+      signUp: async () => ({ error: "SSR mode" }),
+      signOut: async () => {
+      },
+      updateUser: async () => {
+      },
+      reloadAuth: async () => ({ success: false, error: "SSR mode" }),
+      sendVerificationEmail: async () => null,
+      sendResetPasswordEmail: async () => null,
+      resetPassword: async () => null,
+      verifyEmail: async () => null,
+      exchangeResetPasswordToken: async () => ({ error: { message: "SSR mode" } }),
+      loginWithOAuth: async () => {
+      },
+      getPublicAuthConfig: async () => null,
+      baseUrl: ""
+    };
   }
   return context;
 }
@@ -225,7 +263,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(
@@ -241,7 +280,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(
@@ -293,12 +332,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" }) {
@@ -938,7 +978,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();
@@ -1147,7 +1187,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();
@@ -1412,7 +1452,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("");
@@ -1568,7 +1608,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();