@hexdspace/react 0.0.20 → 0.0.22

package/dist/index.d.ts

@@ -363,15 +363,18 @@ type RequireAuthProps = {
     guarded?: ReactNode;
     loadingPlaceholder?: ReactNode;
     errorPlaceholder?: ReactNode;
+    unauthenticatedRedirectTo?: string;
+    unauthenticatedPlaceholder?: ReactNode;
 };
 type RedirectIfAuthedProps = {
     redirectTo?: string;
     loadingPlaceholder?: ReactNode;
     nonAuthedPlaceholder?: ReactNode;
     errorPlaceholder?: ReactNode;
+    authenticatedPlaceholder?: ReactNode;
 };
-declare function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }: RequireAuthProps): react_jsx_runtime.JSX.Element;
-declare function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder }: RedirectIfAuthedProps): react_jsx_runtime.JSX.Element;
+declare function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder, unauthenticatedRedirectTo, unauthenticatedPlaceholder }: RequireAuthProps): react_jsx_runtime.JSX.Element;
+declare function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder, authenticatedPlaceholder }: RedirectIfAuthedProps): react_jsx_runtime.JSX.Element;
 
 type AuthFixtures = {
     meError?: HttpError;

package/dist/index.js

@@ -912,29 +912,52 @@ var AuthFormInputField = ({ id, label, type, value, onChange, placeholder, class
 // src/feature/auth/interface/web/react/auth-route-guards.tsx
 import { Navigate, Outlet, useLocation } from "react-router-dom";
 import { Fragment, jsx as jsx6 } from "react/jsx-runtime";
-function RequireAuth({ guarded, loadingPlaceholder, errorPlaceholder }) {
+function RequireAuth({
+  guarded,
+  loadingPlaceholder,
+  errorPlaceholder,
+  unauthenticatedRedirectTo,
+  unauthenticatedPlaceholder
+}) {
   const auth = useAuth();
   const location = useLocation();
   if (auth.status === "loading") {
     return /* @__PURE__ */ jsx6(Fragment, { children: loadingPlaceholder ?? null });
   }
   if (auth.status === "error") {
-    return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? loadingPlaceholder ?? null });
+    return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? unauthenticatedPlaceholder ?? loadingPlaceholder ?? null });
   }
   if (auth.status === "unauthenticated") {
-    return /* @__PURE__ */ jsx6(Navigate, { to: "/login", replace: true, state: { from: location } });
+    if (unauthenticatedRedirectTo) {
+      return /* @__PURE__ */ jsx6(Navigate, { to: unauthenticatedRedirectTo, replace: true, state: { from: location } });
+    }
+    return /* @__PURE__ */ jsx6(Fragment, { children: unauthenticatedPlaceholder ?? null });
   }
   return guarded ? /* @__PURE__ */ jsx6(Fragment, { children: guarded }) : /* @__PURE__ */ jsx6(Outlet, {});
 }
-function RedirectIfAuthed({ redirectTo, loadingPlaceholder, nonAuthedPlaceholder, errorPlaceholder }) {
+function RedirectIfAuthed({
+  redirectTo,
+  loadingPlaceholder,
+  nonAuthedPlaceholder,
+  errorPlaceholder,
+  authenticatedPlaceholder
+}) {
   const auth = useAuth();
   if (auth.status === "loading") {
     return /* @__PURE__ */ jsx6(Fragment, { children: loadingPlaceholder ?? null });
   }
   if (auth.status === "error") {
-    return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? loadingPlaceholder ?? null });
+    return /* @__PURE__ */ jsx6(Fragment, { children: errorPlaceholder ?? nonAuthedPlaceholder ?? loadingPlaceholder ?? null });
+  }
+  if (auth.status === "authenticated") {
+    if (redirectTo) {
+      return /* @__PURE__ */ jsx6(Navigate, { to: redirectTo, replace: true });
+    }
+    if (authenticatedPlaceholder) {
+      return /* @__PURE__ */ jsx6(Fragment, { children: authenticatedPlaceholder });
+    }
+    return /* @__PURE__ */ jsx6(Outlet, {});
   }
-  if (auth.status === "authenticated") return /* @__PURE__ */ jsx6(Navigate, { to: redirectTo ?? "/", replace: true });
   return nonAuthedPlaceholder ? /* @__PURE__ */ jsx6(Fragment, { children: nonAuthedPlaceholder }) : /* @__PURE__ */ jsx6(Outlet, {});
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hexdspace/react",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",