@insforge/react 0.4.7 → 0.4.8

package/dist/router.cjs

@@ -3,46 +3,36 @@
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function RedirectToAuth({ baseUrl, path }) {
+function RedirectToAuth({
+  baseUrl,
+  path,
+  afterSignInUrl
+}) {
   react.useEffect(() => {
-    const currentUrl = window.location.href;
+    const currentUrl = window.location.origin + afterSignInUrl;
     const authUrl = new URL(path, baseUrl);
     authUrl.searchParams.set("redirect", currentUrl);
     window.location.replace(authUrl.toString());
-  }, [baseUrl, path]);
+  }, [baseUrl, path, afterSignInUrl]);
   return null;
 }
 function getInsforgeRoutes(config) {
-  const { baseUrl, builtInAuth = true, paths = {} } = config;
-  const {
-    signIn = "/sign-in",
-    signUp = "/sign-up",
-    verifyEmail = "/verify-email",
-    forgotPassword = "/forgot-password",
-    resetPassword = "/reset-password"
-  } = paths;
+  const { baseUrl, builtInAuth = true, paths = {}, afterSignInUrl = "/" } = config;
+  const { signIn = "/sign-in", signUp = "/sign-up", forgotPassword = "/forgot-password" } = paths;
   const routes = [];
   if (builtInAuth) {
     routes.push(
       {
         path: signIn,
-        element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-in" })
+        element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-in", afterSignInUrl })
       },
       {
         path: signUp,
-        element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-up" })
-      },
-      {
-        path: verifyEmail,
-        element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/verify-email" })
+        element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-up", afterSignInUrl })
       },
       {
         path: forgotPassword,
         element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/forgot-password" })
-      },
-      {
-        path: resetPassword,
-        element: /* @__PURE__ */ jsxRuntime.jsx(RedirectToAuth, { baseUrl, path: "/auth/reset-password" })
       }
     );
   }

package/dist/router.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/router/getInsforgeRoutes.tsx"],"names":["useEffect","jsx"],"mappings":";;;;;AAyCA,SAAS,cAAA,CAAe,EAAE,OAAA,EAAS,IAAA,EAAK,EAAsC;AAC5E,EAAAA,eAAA,CAAU,MAAM;AAEd,IAAA,MAAM,UAAA,GAAa,OAAO,QAAA,CAAS,IAAA;AACnC,IAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAI,IAAA,EAAM,OAAO,CAAA;AACrC,IAAA,OAAA,CAAQ,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,UAAU,CAAA;AAC/C,IAAA,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,OAAA,CAAQ,QAAA,EAAU,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,OAAA,EAAS,IAAI,CAAC,CAAA;AAElB,EAAA,OAAO,IAAA;AACT;AA6CO,SAAS,kBAAkB,MAAA,EAAgD;AAChF,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,GAAc,MAAM,KAAA,GAAQ,IAAG,GAAI,MAAA;AAEpD,EAAA,MAAM;AAAA,IACJ,MAAA,GAAS,UAAA;AAAA,IACT,MAAA,GAAS,UAAA;AAAA,IACT,WAAA,GAAc,eAAA;AAAA,IACd,cAAA,GAAiB,kBAAA;AAAA,IACjB,aAAA,GAAgB;AAAA,GAClB,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAwB,EAAC;AAG/B,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,MAAA,CAAO,IAAA;AAAA,MACL;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,OAAA,kBAASC,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,eAAA,EAAgB;AAAA,OAClE;AAAA,MACA;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,OAAA,kBAASA,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,eAAA,EAAgB;AAAA,OAClE;AAAA,MACA;AAAA,QACE,IAAA,EAAM,WAAA;AAAA,QACN,OAAA,kBAASA,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,oBAAA,EAAqB;AAAA,OACvE;AAAA,MACA;AAAA,QACE,IAAA,EAAM,cAAA;AAAA,QACN,OAAA,kBAASA,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,uBAAA,EAAwB;AAAA,OAC1E;AAAA,MACA;AAAA,QACE,IAAA,EAAM,aAAA;AAAA,QACN,OAAA,kBAASA,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,sBAAA,EAAuB;AAAA;AACzE,KACF;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT","file":"router.cjs","sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport type { RouteObject } from 'react-router-dom';\n\ninterface GetInsforgeRoutesConfig {\n  /**\n   * Base URL of your Insforge backend\n   */\n  baseUrl: string;\n\n  /**\n   * Whether to use built-in auth (deployed Insforge Auth)\n   * When true: redirects to baseUrl/auth/* pages\n   * When false: no redirect routes are added (use your own components)\n   * @default true\n   */\n  builtInAuth?: boolean;\n\n  /**\n   * Custom paths for auth redirect routes\n   * @default {\n   *   signIn: '/sign-in',\n   *   signUp: '/sign-up',\n   *   verifyEmail: '/verify-email',\n   *   forgotPassword: '/forgot-password',\n   *   resetPassword: '/reset-password'\n   * }\n   */\n  paths?: {\n    signIn?: string;\n    signUp?: string;\n    verifyEmail?: string;\n    forgotPassword?: string;\n    resetPassword?: string;\n  };\n}\n\n/**\n * Helper component for redirecting to external auth\n */\nfunction RedirectToAuth({ baseUrl, path }: { baseUrl: string; path: string }) {\n  useEffect(() => {\n    // Redirect back to current URL - middleware/SDK will handle token from URL\n    const currentUrl = window.location.href;\n    const authUrl = new URL(path, baseUrl);\n    authUrl.searchParams.set('redirect', currentUrl);\n    window.location.replace(authUrl.toString());\n  }, [baseUrl, path]);\n\n  return null;\n}\n\n/**\n * Generates Insforge authentication redirect routes for React Router.\n *\n * Returns redirect routes for sign-in, sign-up, etc. that redirect to your deployed Insforge auth pages.\n *\n * @param config - Configuration for Insforge routes\n * @returns Array of RouteObject for React Router (redirect routes only)\n *\n * @example\n * ```tsx\n * import { createBrowserRouter } from 'react-router-dom';\n * import { getInsforgeRoutes } from '@insforge/react/router';\n *\n * const router = createBrowserRouter([\n *   {\n *     path: '/',\n *     element: <Layout />,\n *     children: [\n *       { index: true, element: <Home /> },\n *       { path: 'dashboard', element: <Dashboard /> }\n *     ]\n *   },\n *   // Add redirect routes (sign-in, sign-up, etc.)\n *   ...getInsforgeRoutes({\n *     baseUrl: 'https://your-backend.com',\n *     builtInAuth: true\n *   })\n * ]);\n * ```\n *\n * @example\n * ```tsx\n * // Custom paths for redirect routes\n * ...getInsforgeRoutes({\n *   baseUrl: 'https://your-backend.com',\n *   builtInAuth: true,\n *   paths: {\n *     signIn: '/login',\n *     signUp: '/register'\n *   }\n * })\n * ```\n */\nexport function getInsforgeRoutes(config: GetInsforgeRoutesConfig): RouteObject[] {\n  const { baseUrl, builtInAuth = true, paths = {} } = config;\n\n  const {\n    signIn = '/sign-in',\n    signUp = '/sign-up',\n    verifyEmail = '/verify-email',\n    forgotPassword = '/forgot-password',\n    resetPassword = '/reset-password',\n  } = paths;\n\n  const routes: RouteObject[] = [];\n\n  // Only add redirect routes if using built-in auth\n  if (builtInAuth) {\n    routes.push(\n      {\n        path: signIn,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-in\" />,\n      },\n      {\n        path: signUp,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-up\" />,\n      },\n      {\n        path: verifyEmail,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/verify-email\" />,\n      },\n      {\n        path: forgotPassword,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/forgot-password\" />,\n      },\n      {\n        path: resetPassword,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/reset-password\" />,\n      }\n    );\n  }\n\n  return routes;\n}\n"]}
+{"version":3,"sources":["../src/router/getInsforgeRoutes.tsx"],"names":["useEffect","jsx"],"mappings":";;;;;AA2CA,SAAS,cAAA,CAAe;AAAA,EACtB,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAAA,eAAA,CAAU,MAAM;AAEd,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,QAAA,CAAS,MAAA,GAAS,cAAA;AAC5C,IAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAI,IAAA,EAAM,OAAO,CAAA;AACrC,IAAA,OAAA,CAAQ,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,UAAU,CAAA;AAC/C,IAAA,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,OAAA,CAAQ,QAAA,EAAU,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,OAAA,EAAS,IAAA,EAAM,cAAc,CAAC,CAAA;AAElC,EAAA,OAAO,IAAA;AACT;AA6CO,SAAS,kBAAkB,MAAA,EAAgD;AAChF,EAAA,MAAM,EAAE,SAAS,WAAA,GAAc,IAAA,EAAM,QAAQ,EAAC,EAAG,cAAA,GAAiB,GAAA,EAAI,GAAI,MAAA;AAE1E,EAAA,MAAM,EAAE,MAAA,GAAS,UAAA,EAAY,SAAS,UAAA,EAAY,cAAA,GAAiB,oBAAmB,GAAI,KAAA;AAE1F,EAAA,MAAM,SAAwB,EAAC;AAG/B,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,MAAA,CAAO,IAAA;AAAA,MACL;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,yBACEC,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,IAAA,EAAK,iBAAgB,cAAA,EAAgC;AAAA,OAE3F;AAAA,MACA;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,yBACEA,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,IAAA,EAAK,iBAAgB,cAAA,EAAgC;AAAA,OAE3F;AAAA,MACA;AAAA,QACE,IAAA,EAAM,cAAA;AAAA,QACN,OAAA,kBAASA,cAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,uBAAA,EAAwB;AAAA;AAC1E,KACF;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT","file":"router.cjs","sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport type { RouteObject } from 'react-router-dom';\n\ninterface GetInsforgeRoutesConfig {\n  /**\n   * Base URL of your Insforge backend\n   */\n  baseUrl: string;\n\n  /**\n   * URL to redirect to after successful sign in (when token is detected in URL)\n   * @default '/'\n   */\n  afterSignInUrl?: string;\n\n  /**\n   * Whether to use built-in auth (deployed Insforge Auth)\n   * When true: redirects to baseUrl/auth/* pages\n   * When false: no redirect routes are added (use your own components)\n   * @default true\n   */\n  builtInAuth?: boolean;\n\n  /**\n   * Custom paths for auth redirect routes\n   * @default {\n   *   signIn: '/sign-in',\n   *   signUp: '/sign-up',\n   *   forgotPassword: '/forgot-password',\n   * }\n   */\n  paths?: {\n    signIn?: string;\n    signUp?: string;\n    forgotPassword?: string;\n  };\n}\n\n/**\n * Helper component for redirecting to external auth\n */\nfunction RedirectToAuth({\n  baseUrl,\n  path,\n  afterSignInUrl,\n}: {\n  baseUrl: string;\n  path: string;\n  afterSignInUrl?: string;\n}) {\n  useEffect(() => {\n    // Redirect back to current URL - middleware/SDK will handle token from URL\n    const currentUrl = window.location.origin + afterSignInUrl;\n    const authUrl = new URL(path, baseUrl);\n    authUrl.searchParams.set('redirect', currentUrl);\n    window.location.replace(authUrl.toString());\n  }, [baseUrl, path, afterSignInUrl]);\n\n  return null;\n}\n\n/**\n * Generates Insforge authentication redirect routes for React Router.\n *\n * Returns redirect routes for sign-in, sign-up, etc. that redirect to your deployed Insforge auth pages.\n *\n * @param config - Configuration for Insforge routes\n * @returns Array of RouteObject for React Router (redirect routes only)\n *\n * @example\n * ```tsx\n * import { createBrowserRouter } from 'react-router-dom';\n * import { getInsforgeRoutes } from '@insforge/react/router';\n *\n * const router = createBrowserRouter([\n *   {\n *     path: '/',\n *     element: <Layout />,\n *     children: [\n *       { index: true, element: <Home /> },\n *       { path: 'dashboard', element: <Dashboard /> }\n *     ]\n *   },\n *   // Add redirect routes (sign-in, sign-up, etc.)\n *   ...getInsforgeRoutes({\n *     baseUrl: 'https://your-backend.com',\n *     builtInAuth: true\n *   })\n * ]);\n * ```\n *\n * @example\n * ```tsx\n * // Custom paths for redirect routes\n * ...getInsforgeRoutes({\n *   baseUrl: 'https://your-backend.com',\n *   builtInAuth: true,\n *   paths: {\n *     signIn: '/login',\n *     signUp: '/register'\n *   }\n * })\n * ```\n */\nexport function getInsforgeRoutes(config: GetInsforgeRoutesConfig): RouteObject[] {\n  const { baseUrl, builtInAuth = true, paths = {}, afterSignInUrl = '/' } = config;\n\n  const { signIn = '/sign-in', signUp = '/sign-up', forgotPassword = '/forgot-password' } = paths;\n\n  const routes: RouteObject[] = [];\n\n  // Only add redirect routes if using built-in auth\n  if (builtInAuth) {\n    routes.push(\n      {\n        path: signIn,\n        element: (\n          <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-in\" afterSignInUrl={afterSignInUrl} />\n        ),\n      },\n      {\n        path: signUp,\n        element: (\n          <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-up\" afterSignInUrl={afterSignInUrl} />\n        ),\n      },\n      {\n        path: forgotPassword,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/forgot-password\" />,\n      }\n    );\n  }\n\n  return routes;\n}\n"]}

package/dist/router.d.cts

@@ -5,6 +5,11 @@ interface GetInsforgeRoutesConfig {
      * Base URL of your Insforge backend
      */
     baseUrl: string;
+    /**
+     * URL to redirect to after successful sign in (when token is detected in URL)
+     * @default '/'
+     */
+    afterSignInUrl?: string;
     /**
      * Whether to use built-in auth (deployed Insforge Auth)
      * When true: redirects to baseUrl/auth/* pages
@@ -17,17 +22,13 @@ interface GetInsforgeRoutesConfig {
      * @default {
      *   signIn: '/sign-in',
      *   signUp: '/sign-up',
-     *   verifyEmail: '/verify-email',
      *   forgotPassword: '/forgot-password',
-     *   resetPassword: '/reset-password'
      * }
      */
     paths?: {
         signIn?: string;
         signUp?: string;
-        verifyEmail?: string;
         forgotPassword?: string;
-        resetPassword?: string;
     };
 }
 /**

package/dist/router.d.ts

@@ -5,6 +5,11 @@ interface GetInsforgeRoutesConfig {
      * Base URL of your Insforge backend
      */
     baseUrl: string;
+    /**
+     * URL to redirect to after successful sign in (when token is detected in URL)
+     * @default '/'
+     */
+    afterSignInUrl?: string;
     /**
      * Whether to use built-in auth (deployed Insforge Auth)
      * When true: redirects to baseUrl/auth/* pages
@@ -17,17 +22,13 @@ interface GetInsforgeRoutesConfig {
      * @default {
      *   signIn: '/sign-in',
      *   signUp: '/sign-up',
-     *   verifyEmail: '/verify-email',
      *   forgotPassword: '/forgot-password',
-     *   resetPassword: '/reset-password'
      * }
      */
     paths?: {
         signIn?: string;
         signUp?: string;
-        verifyEmail?: string;
         forgotPassword?: string;
-        resetPassword?: string;
     };
 }
 /**

package/dist/router.js

@@ -1,46 +1,36 @@
 import { useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-function RedirectToAuth({ baseUrl, path }) {
+function RedirectToAuth({
+  baseUrl,
+  path,
+  afterSignInUrl
+}) {
   useEffect(() => {
-    const currentUrl = window.location.href;
+    const currentUrl = window.location.origin + afterSignInUrl;
     const authUrl = new URL(path, baseUrl);
     authUrl.searchParams.set("redirect", currentUrl);
     window.location.replace(authUrl.toString());
-  }, [baseUrl, path]);
+  }, [baseUrl, path, afterSignInUrl]);
   return null;
 }
 function getInsforgeRoutes(config) {
-  const { baseUrl, builtInAuth = true, paths = {} } = config;
-  const {
-    signIn = "/sign-in",
-    signUp = "/sign-up",
-    verifyEmail = "/verify-email",
-    forgotPassword = "/forgot-password",
-    resetPassword = "/reset-password"
-  } = paths;
+  const { baseUrl, builtInAuth = true, paths = {}, afterSignInUrl = "/" } = config;
+  const { signIn = "/sign-in", signUp = "/sign-up", forgotPassword = "/forgot-password" } = paths;
   const routes = [];
   if (builtInAuth) {
     routes.push(
       {
         path: signIn,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-in" })
+        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-in", afterSignInUrl })
       },
       {
         path: signUp,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-up" })
-      },
-      {
-        path: verifyEmail,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/verify-email" })
+        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/sign-up", afterSignInUrl })
       },
       {
         path: forgotPassword,
         element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/forgot-password" })
-      },
-      {
-        path: resetPassword,
-        element: /* @__PURE__ */ jsx(RedirectToAuth, { baseUrl, path: "/auth/reset-password" })
       }
     );
   }

package/dist/router.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/router/getInsforgeRoutes.tsx"],"names":[],"mappings":";;;AAyCA,SAAS,cAAA,CAAe,EAAE,OAAA,EAAS,IAAA,EAAK,EAAsC;AAC5E,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,MAAM,UAAA,GAAa,OAAO,QAAA,CAAS,IAAA;AACnC,IAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAI,IAAA,EAAM,OAAO,CAAA;AACrC,IAAA,OAAA,CAAQ,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,UAAU,CAAA;AAC/C,IAAA,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,OAAA,CAAQ,QAAA,EAAU,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,OAAA,EAAS,IAAI,CAAC,CAAA;AAElB,EAAA,OAAO,IAAA;AACT;AA6CO,SAAS,kBAAkB,MAAA,EAAgD;AAChF,EAAA,MAAM,EAAE,OAAA,EAAS,WAAA,GAAc,MAAM,KAAA,GAAQ,IAAG,GAAI,MAAA;AAEpD,EAAA,MAAM;AAAA,IACJ,MAAA,GAAS,UAAA;AAAA,IACT,MAAA,GAAS,UAAA;AAAA,IACT,WAAA,GAAc,eAAA;AAAA,IACd,cAAA,GAAiB,kBAAA;AAAA,IACjB,aAAA,GAAgB;AAAA,GAClB,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAwB,EAAC;AAG/B,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,MAAA,CAAO,IAAA;AAAA,MACL;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,OAAA,kBAAS,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,eAAA,EAAgB;AAAA,OAClE;AAAA,MACA;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,OAAA,kBAAS,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,eAAA,EAAgB;AAAA,OAClE;AAAA,MACA;AAAA,QACE,IAAA,EAAM,WAAA;AAAA,QACN,OAAA,kBAAS,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,oBAAA,EAAqB;AAAA,OACvE;AAAA,MACA;AAAA,QACE,IAAA,EAAM,cAAA;AAAA,QACN,OAAA,kBAAS,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,uBAAA,EAAwB;AAAA,OAC1E;AAAA,MACA;AAAA,QACE,IAAA,EAAM,aAAA;AAAA,QACN,OAAA,kBAAS,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,sBAAA,EAAuB;AAAA;AACzE,KACF;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT","file":"router.js","sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport type { RouteObject } from 'react-router-dom';\n\ninterface GetInsforgeRoutesConfig {\n  /**\n   * Base URL of your Insforge backend\n   */\n  baseUrl: string;\n\n  /**\n   * Whether to use built-in auth (deployed Insforge Auth)\n   * When true: redirects to baseUrl/auth/* pages\n   * When false: no redirect routes are added (use your own components)\n   * @default true\n   */\n  builtInAuth?: boolean;\n\n  /**\n   * Custom paths for auth redirect routes\n   * @default {\n   *   signIn: '/sign-in',\n   *   signUp: '/sign-up',\n   *   verifyEmail: '/verify-email',\n   *   forgotPassword: '/forgot-password',\n   *   resetPassword: '/reset-password'\n   * }\n   */\n  paths?: {\n    signIn?: string;\n    signUp?: string;\n    verifyEmail?: string;\n    forgotPassword?: string;\n    resetPassword?: string;\n  };\n}\n\n/**\n * Helper component for redirecting to external auth\n */\nfunction RedirectToAuth({ baseUrl, path }: { baseUrl: string; path: string }) {\n  useEffect(() => {\n    // Redirect back to current URL - middleware/SDK will handle token from URL\n    const currentUrl = window.location.href;\n    const authUrl = new URL(path, baseUrl);\n    authUrl.searchParams.set('redirect', currentUrl);\n    window.location.replace(authUrl.toString());\n  }, [baseUrl, path]);\n\n  return null;\n}\n\n/**\n * Generates Insforge authentication redirect routes for React Router.\n *\n * Returns redirect routes for sign-in, sign-up, etc. that redirect to your deployed Insforge auth pages.\n *\n * @param config - Configuration for Insforge routes\n * @returns Array of RouteObject for React Router (redirect routes only)\n *\n * @example\n * ```tsx\n * import { createBrowserRouter } from 'react-router-dom';\n * import { getInsforgeRoutes } from '@insforge/react/router';\n *\n * const router = createBrowserRouter([\n *   {\n *     path: '/',\n *     element: <Layout />,\n *     children: [\n *       { index: true, element: <Home /> },\n *       { path: 'dashboard', element: <Dashboard /> }\n *     ]\n *   },\n *   // Add redirect routes (sign-in, sign-up, etc.)\n *   ...getInsforgeRoutes({\n *     baseUrl: 'https://your-backend.com',\n *     builtInAuth: true\n *   })\n * ]);\n * ```\n *\n * @example\n * ```tsx\n * // Custom paths for redirect routes\n * ...getInsforgeRoutes({\n *   baseUrl: 'https://your-backend.com',\n *   builtInAuth: true,\n *   paths: {\n *     signIn: '/login',\n *     signUp: '/register'\n *   }\n * })\n * ```\n */\nexport function getInsforgeRoutes(config: GetInsforgeRoutesConfig): RouteObject[] {\n  const { baseUrl, builtInAuth = true, paths = {} } = config;\n\n  const {\n    signIn = '/sign-in',\n    signUp = '/sign-up',\n    verifyEmail = '/verify-email',\n    forgotPassword = '/forgot-password',\n    resetPassword = '/reset-password',\n  } = paths;\n\n  const routes: RouteObject[] = [];\n\n  // Only add redirect routes if using built-in auth\n  if (builtInAuth) {\n    routes.push(\n      {\n        path: signIn,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-in\" />,\n      },\n      {\n        path: signUp,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-up\" />,\n      },\n      {\n        path: verifyEmail,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/verify-email\" />,\n      },\n      {\n        path: forgotPassword,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/forgot-password\" />,\n      },\n      {\n        path: resetPassword,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/reset-password\" />,\n      }\n    );\n  }\n\n  return routes;\n}\n"]}
+{"version":3,"sources":["../src/router/getInsforgeRoutes.tsx"],"names":[],"mappings":";;;AA2CA,SAAS,cAAA,CAAe;AAAA,EACtB,OAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,SAAA,CAAU,MAAM;AAEd,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,QAAA,CAAS,MAAA,GAAS,cAAA;AAC5C,IAAA,MAAM,OAAA,GAAU,IAAI,GAAA,CAAI,IAAA,EAAM,OAAO,CAAA;AACrC,IAAA,OAAA,CAAQ,YAAA,CAAa,GAAA,CAAI,UAAA,EAAY,UAAU,CAAA;AAC/C,IAAA,MAAA,CAAO,QAAA,CAAS,OAAA,CAAQ,OAAA,CAAQ,QAAA,EAAU,CAAA;AAAA,EAC5C,CAAA,EAAG,CAAC,OAAA,EAAS,IAAA,EAAM,cAAc,CAAC,CAAA;AAElC,EAAA,OAAO,IAAA;AACT;AA6CO,SAAS,kBAAkB,MAAA,EAAgD;AAChF,EAAA,MAAM,EAAE,SAAS,WAAA,GAAc,IAAA,EAAM,QAAQ,EAAC,EAAG,cAAA,GAAiB,GAAA,EAAI,GAAI,MAAA;AAE1E,EAAA,MAAM,EAAE,MAAA,GAAS,UAAA,EAAY,SAAS,UAAA,EAAY,cAAA,GAAiB,oBAAmB,GAAI,KAAA;AAE1F,EAAA,MAAM,SAAwB,EAAC;AAG/B,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,MAAA,CAAO,IAAA;AAAA,MACL;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,yBACE,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,IAAA,EAAK,iBAAgB,cAAA,EAAgC;AAAA,OAE3F;AAAA,MACA;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,yBACE,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,IAAA,EAAK,iBAAgB,cAAA,EAAgC;AAAA,OAE3F;AAAA,MACA;AAAA,QACE,IAAA,EAAM,cAAA;AAAA,QACN,OAAA,kBAAS,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAkB,MAAK,uBAAA,EAAwB;AAAA;AAC1E,KACF;AAAA,EACF;AAEA,EAAA,OAAO,MAAA;AACT","file":"router.js","sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport type { RouteObject } from 'react-router-dom';\n\ninterface GetInsforgeRoutesConfig {\n  /**\n   * Base URL of your Insforge backend\n   */\n  baseUrl: string;\n\n  /**\n   * URL to redirect to after successful sign in (when token is detected in URL)\n   * @default '/'\n   */\n  afterSignInUrl?: string;\n\n  /**\n   * Whether to use built-in auth (deployed Insforge Auth)\n   * When true: redirects to baseUrl/auth/* pages\n   * When false: no redirect routes are added (use your own components)\n   * @default true\n   */\n  builtInAuth?: boolean;\n\n  /**\n   * Custom paths for auth redirect routes\n   * @default {\n   *   signIn: '/sign-in',\n   *   signUp: '/sign-up',\n   *   forgotPassword: '/forgot-password',\n   * }\n   */\n  paths?: {\n    signIn?: string;\n    signUp?: string;\n    forgotPassword?: string;\n  };\n}\n\n/**\n * Helper component for redirecting to external auth\n */\nfunction RedirectToAuth({\n  baseUrl,\n  path,\n  afterSignInUrl,\n}: {\n  baseUrl: string;\n  path: string;\n  afterSignInUrl?: string;\n}) {\n  useEffect(() => {\n    // Redirect back to current URL - middleware/SDK will handle token from URL\n    const currentUrl = window.location.origin + afterSignInUrl;\n    const authUrl = new URL(path, baseUrl);\n    authUrl.searchParams.set('redirect', currentUrl);\n    window.location.replace(authUrl.toString());\n  }, [baseUrl, path, afterSignInUrl]);\n\n  return null;\n}\n\n/**\n * Generates Insforge authentication redirect routes for React Router.\n *\n * Returns redirect routes for sign-in, sign-up, etc. that redirect to your deployed Insforge auth pages.\n *\n * @param config - Configuration for Insforge routes\n * @returns Array of RouteObject for React Router (redirect routes only)\n *\n * @example\n * ```tsx\n * import { createBrowserRouter } from 'react-router-dom';\n * import { getInsforgeRoutes } from '@insforge/react/router';\n *\n * const router = createBrowserRouter([\n *   {\n *     path: '/',\n *     element: <Layout />,\n *     children: [\n *       { index: true, element: <Home /> },\n *       { path: 'dashboard', element: <Dashboard /> }\n *     ]\n *   },\n *   // Add redirect routes (sign-in, sign-up, etc.)\n *   ...getInsforgeRoutes({\n *     baseUrl: 'https://your-backend.com',\n *     builtInAuth: true\n *   })\n * ]);\n * ```\n *\n * @example\n * ```tsx\n * // Custom paths for redirect routes\n * ...getInsforgeRoutes({\n *   baseUrl: 'https://your-backend.com',\n *   builtInAuth: true,\n *   paths: {\n *     signIn: '/login',\n *     signUp: '/register'\n *   }\n * })\n * ```\n */\nexport function getInsforgeRoutes(config: GetInsforgeRoutesConfig): RouteObject[] {\n  const { baseUrl, builtInAuth = true, paths = {}, afterSignInUrl = '/' } = config;\n\n  const { signIn = '/sign-in', signUp = '/sign-up', forgotPassword = '/forgot-password' } = paths;\n\n  const routes: RouteObject[] = [];\n\n  // Only add redirect routes if using built-in auth\n  if (builtInAuth) {\n    routes.push(\n      {\n        path: signIn,\n        element: (\n          <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-in\" afterSignInUrl={afterSignInUrl} />\n        ),\n      },\n      {\n        path: signUp,\n        element: (\n          <RedirectToAuth baseUrl={baseUrl} path=\"/auth/sign-up\" afterSignInUrl={afterSignInUrl} />\n        ),\n      },\n      {\n        path: forgotPassword,\n        element: <RedirectToAuth baseUrl={baseUrl} path=\"/auth/forgot-password\" />,\n      }\n    );\n  }\n\n  return routes;\n}\n"]}

package/dist/styles.css

@@ -469,27 +469,9 @@
 /* ============================================
    VERIFICATION CODE INPUT
    ============================================ */
-.if-verificationCode {
-  display: flex;
-  flex-direction: column;
-  gap: var(--if-space-4);
-}
-
-.if-verificationCode-description {
-  font-size: var(--if-font-size-sm);
-  color: var(--if-color-text-secondary);
-  text-align: center;
-  font-family: var(--if-font-family);
-}
-
-.if-verificationCode-email {
-  font-weight: 600;
-  color: var(--if-color-text);
-}
-
 .if-verificationCode-inputContainer {
   display: flex;
-  gap: var(--if-space-2);
+  gap: var(--if-space-3);
   justify-content: center;
 }
 
@@ -497,12 +479,12 @@
   width: 3rem;
   height: 3rem;
   text-align: center;
-  font-size: var(--if-font-size-xl);
+  font-size: var(--if-font-size-base);
   font-weight: 600;
-  border: 2px solid var(--if-color-border);
-  border-radius: var(--if-radius-md);
+  border: 1px solid var(--if-color-border);
+  border-radius: var(--if-radius-sm);
   transition: border-color var(--if-transition-base);
-  font-family: var(--if-font-family);
+  font-family: var(--if-font-family-manrope);
 }
 
 .if-verificationCode-input:focus {
@@ -520,29 +502,51 @@
   align-items: stretch;
 }
 
-.if-verificationStep-description {
+.if-verificationStep-descriptionContainer {
+  width: 100%;
+  background-color: #f5f5f5;
+  border-radius: var(--if-radius-lg);
+  padding: var(--if-space-3) var(--if-space-3) var(--if-space-6) var(--if-space-3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--if-space-3);
+}
+
+.if-verificationStep-descriptionTitle {
+  color: var(--black, #000);
+  font-family: var(--if-font-family);
+  font-size: var(--if-font-size-base);
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+}
+
+.if-verificationStep-description,
+.if-verificationStep-codeDescription {
   font-size: var(--if-font-size-sm);
-  color: var(--if-color-text-secondary);
-  text-align: center;
-  margin: 0;
+  color: #525252;
+  text-align: left;
   font-family: var(--if-font-family);
+  margin: 0;
+}
+
+.if-verificationLink-email,
+.if-verificationCode-email {
+  font-weight: 500;
+  color: var(--if-color-text);
 }
 
 .if-verificationStep-codeContainer {
   width: 100%;
-  background-color: #f5f5f5;
-  border-radius: var(--if-radius-lg);
-  padding: var(--if-space-4) var(--if-space-4) var(--if-space-6);
   display: flex;
   flex-direction: column;
-  gap: var(--if-space-4);
+  gap: 40px;
 }
 
 .if-verificationStep-codeInputWrapper {
   display: flex;
   flex-direction: column;
-  gap: var(--if-space-3);
-  margin-top: var(--if-space-2);
+  gap: var(--if-space-6);
 }
 
 .if-verificationStep-verifyingText {
@@ -573,12 +577,10 @@
 
 .if-verificationStep-resendButton:not(:disabled) {
   cursor: pointer;
-  text-decoration: underline;
 }
 
 .if-verificationStep-resendButton:disabled {
   cursor: not-allowed;
-  text-decoration: none;
   opacity: 0.5;
 }
 
@@ -589,14 +591,6 @@
   margin-top: var(--if-space-2);
 }
 
-.if-passwordStrength-bar {
-  height: 4px;
-  background-color: #e5e7eb;
-  border-radius: 2px;
-  overflow: hidden;
-  margin-bottom: var(--if-space-2);
-}
-
 .if-passwordStrength-fill {
   height: 100%;
   transition:
@@ -604,21 +598,6 @@
     background-color var(--if-transition-base);
 }
 
-.if-passwordStrength-fill.weak {
-  background-color: #ef4444;
-  width: 33%;
-}
-
-.if-passwordStrength-fill.medium {
-  background-color: #f59e0b;
-  width: 66%;
-}
-
-.if-passwordStrength-fill.strong {
-  background-color: var(--if-color-success);
-  width: 100%;
-}
-
 .if-passwordStrength-text {
   font-size: var(--if-font-size-xs);
   color: var(--if-color-text-secondary);
@@ -626,17 +605,18 @@
 }
 
 .if-passwordStrength-requirements {
-  margin-top: var(--if-space-2);
-  font-size: var(--if-font-size-xs);
-  color: var(--if-color-text-secondary);
+  display: flex;
+  flex-direction: column;
+  gap: var(--if-space-2);
+  font-size: var(--if-font-size-sm);
+  color: #525252;
   font-family: var(--if-font-family);
 }
 
 .if-passwordStrength-requirement {
   display: flex;
   align-items: center;
-  gap: var(--if-space-1);
-  margin-bottom: var(--if-space-1);
+  gap: var(--if-space-2);
 }
 
 .if-passwordStrength-requirement.met {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@insforge/react",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "type": "module",
   "description": "Framework-agnostic React authentication UI components for Insforge - reusable across all frameworks",
   "main": "./dist/index.cjs",