@insforge/react 0.4.6 → 0.4.7

package/dist/forms.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { AlertTriangle, EyeOff, Eye, Loader2, CircleCheck, Check } from 'lucide-react';
-import { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
+import { createContext, useState, useEffect, useMemo, useCallback, useContext, useRef } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import '@insforge/sdk';
 
@@ -169,6 +169,28 @@ function createRequirements(config) {
   }
   return requirements;
 }
+
+// src/lib/path-utils.ts
+function resolveAuthPath(targetPath) {
+  if (typeof window === "undefined") {
+    return targetPath;
+  }
+  const currentPath = window.location.pathname;
+  if (currentPath.startsWith("/auth/")) {
+    if (targetPath.startsWith("/auth/")) {
+      return targetPath;
+    }
+    return `/auth${targetPath}`;
+  }
+  return targetPath;
+}
+function resolveAuthUrl(targetPath, searchParams) {
+  const resolvedPath = resolveAuthPath(targetPath);
+  if (!searchParams || searchParams.toString() === "") {
+    return resolvedPath;
+  }
+  return `${resolvedPath}?${searchParams.toString()}`;
+}
 function AuthPasswordField({
   label,
   id,
@@ -181,6 +203,10 @@ function AuthPasswordField({
 }) {
   const [showPassword, setShowPassword] = useState(false);
   const [showStrength, setShowStrength] = useState(false);
+  const resolvedForgotPasswordHref = useMemo(
+    () => forgotPasswordLink ? resolveAuthPath(forgotPasswordLink.href) : void 0,
+    [forgotPasswordLink]
+  );
   const handleFocus = (e) => {
     if (showStrengthIndicator) {
       setShowStrength(true);
@@ -190,7 +216,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 && /* @__PURE__ */ jsx("a", { href: forgotPasswordLink.href, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
+      forgotPasswordLink && resolvedForgotPasswordHref && /* @__PURE__ */ jsx("a", { href: resolvedForgotPasswordHref, className: "if-passwordField-forgotLink", children: forgotPasswordLink.text || "Forget Password?" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "if-passwordField-inputWrapper", children: [
       /* @__PURE__ */ jsx(
@@ -243,19 +269,7 @@ function AuthSubmitButton({
 }
 function AuthLink({ text, linkText, href }) {
   const [searchParams] = useSearchParams();
-  const currentSearch = searchParams.toString();
-  const finalHref = (() => {
-    if (!currentSearch) {
-      return href;
-    }
-    try {
-      const url = new URL(href, window.location.origin);
-      url.search = currentSearch;
-      return url.pathname + url.search;
-    } catch {
-      return href;
-    }
-  })();
+  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 && " ",