authera 1.2.8 → 2.0.2

package/dist/helper/context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { type AuthHookSettings } from "..";
+import { type AuthHookSettings } from "./types";
 export type userBaseData<T extends string> = {
     id: string;
     username: string;

package/dist/helper/types.d.ts

@@ -0,0 +1,10 @@
+import { customeFunc, storagesNames } from "./storage";
+export interface AuthHookSettings<T extends string> {
+    backendUrl: string;
+    storage: storagesNames | customeFunc;
+    tokenType: "jwt";
+    refreshStrategy: "silent";
+    fallback_401_url: string;
+    on_after_login?: (response_data: any) => void;
+    on_after_step?: (step_key: string) => void;
+}

package/dist/helper/types.js

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useAuth.js

@@ -1,3 +1,4 @@
+"use client";
 import { AuthContext, } from "../helper/context";
 import React from "react";
 export function useAuth() {
@@ -7,6 +8,7 @@ export function useAuth() {
         throw new Error("useAuth must be used within an AuthContext");
     // -------------------------------------------------- data
     const { permits: permitsData, ...user } = ctx.userData;
+    const authera_props = ctx.authera_props;
     const prm = (permitsData || []);
     // -------------------------------------------------- funtions
     const isPermitted = (perm) => {
@@ -67,6 +69,6 @@ export function useAuth() {
         setAccessToken,
         setRefreshToken,
         logout,
-        ...ctx.authera_props,
+        ...authera_props,
     };
 }

package/dist/index.d.ts

@@ -1,13 +1,5 @@
 import { customeFunc, storagesNames } from "./helper/storage";
-export interface AuthHookSettings<T extends string> {
-    backendUrl: string;
-    storage: storagesNames | customeFunc;
-    tokenType: "jwt";
-    refreshStrategy: "silent";
-    fallback_401_url: string;
-    on_after_login?: (response_data: any) => void;
-    on_after_step?: (step_key: string) => void;
-}
+import { type AuthHookSettings } from "./helper/types";
 export default function AuthHook<T extends string>(props: AuthHookSettings<T>): {
     createAuthProvider: (children: React.ReactNode) => React.ReactNode;
     useAuth: () => {
@@ -34,6 +26,6 @@ export default function AuthHook<T extends string>(props: AuthHookSettings<T>):
         setRefreshToken: (token: string) => void;
         logout: () => void;
     };
-    LoginScenario: () => import("react/jsx-runtime").JSX.Element;
+    LoginScenario: import("react/jsx-runtime").JSX.Element;
 };
 export { default as AuthGuard } from "./web/guard";

package/dist/index.js

@@ -13,7 +13,7 @@ export default function AuthHook(props) {
     return {
         createAuthProvider: (children) => (_jsx(AuthProvider, { storage: storage, authera_props: props, children: children })),
         useAuth: () => useAuth(),
-        LoginScenario: () => (_jsx(LoginForm, { on_after_login: props.on_after_login, on_after_step: props.on_after_step })),
+        LoginScenario: (_jsx(LoginForm, { on_after_login: props.on_after_login, on_after_step: props.on_after_step, backendUrl: props.backendUrl })),
     };
 }
 export { default as AuthGuard } from "./web/guard";

package/dist/web/guard.d.ts

@@ -4,4 +4,4 @@ export interface AuthGuardProps {
     permits: string[];
     action: "show" | "hide" | "redirect";
 }
-export default function AuthGuard({ children, permits, action, }: AuthGuardProps): import("react/jsx-runtime").JSX.Element | null | undefined;
+export default function AuthGuard({ children, permits, action, }: AuthGuardProps): void;

package/dist/web/guard.js

@@ -1,23 +1,18 @@
 "use client";
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useAuth } from "../hooks/useAuth";
 export default function AuthGuard({ children, permits, action, }) {
-    const { isPermittedAll: isPermittedHook, fallback_401_url } = useAuth();
-    const isPermitted = isPermittedHook(permits);
-    if (action === "redirect" && !isPermitted) {
-        window.location.href = fallback_401_url;
-        return null;
-    }
-    if (action === "show") {
-        if (isPermitted)
-            return _jsx(_Fragment, { children: children });
-        else
-            return null;
-    }
-    if (action === "hide") {
-        if (isPermitted)
-            return null;
-        else
-            return _jsx(_Fragment, { children: children });
-    }
+    // const { isPermittedAll: isPermittedHook, fallback_401_url } =
+    //   useAuth<string>();
+    // const isPermitted = isPermittedHook(permits);
+    // if (action === "redirect" && !isPermitted) {
+    //   window.location.href = fallback_401_url;
+    //   return null;
+    // }
+    // if (action === "show") {
+    //   if (isPermitted) return <>{children}</>;
+    //   else return null;
+    // }
+    // if (action === "hide") {
+    //   if (isPermitted) return null;
+    //   else return <>{children}</>;
+    // }
 }

package/dist/web/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { customeFunc as storageFunc } from "../helper/storage";
-import { type AuthHookSettings } from "..";
+import { type AuthHookSettings } from "../helper/types";
 interface AuthProviderProps<T extends string> {
     children: React.ReactNode;
     storage: storageFunc;

package/dist/web/login.d.ts

@@ -1,6 +1,7 @@
 interface LoginFormProps {
     on_after_login?: (response_data: any) => void;
     on_after_step?: (step_key: string) => void;
+    backendUrl: string;
 }
-export default function LoginForm({ on_after_login, on_after_step, }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
+export default function LoginForm({ on_after_login, on_after_step, backendUrl, }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/web/login.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import axios from "axios";
 import { convertFromSchema } from "minimal-form";
@@ -5,21 +6,21 @@ import EasyForm from "minimal-form";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { useAuth } from "../hooks/useAuth";
-export default function LoginForm({ on_after_login, on_after_step, }) {
+export default function LoginForm({ on_after_login, on_after_step, backendUrl, }) {
     const [steps, stepsHnadler] = useState();
     const [activeStep, activeStepHandler] = useState();
     const [loading, loadingHandler] = useState(true);
     const [userID, userIDHandler] = useState("");
     const [stepPayload, stepPayloadHandler] = useState({});
     const { handleSubmit, control } = useForm();
-    const { backendUrl, setUserData, setPermits } = useAuth();
+    const { setUserData, setPermits } = useAuth();
     const request = axios.create({
         baseURL: backendUrl,
     });
     // fetch data from steps
     useEffect(() => {
         async function fetchSteps() {
-            const response = await request.get("options");
+            const response = await request.get("options/");
             const data = Object.entries(response.data).map(([opt, schema]) => ({
                 name: opt,
                 structure: convertFromSchema(schema),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authera",
-  "version": "1.2.8",
+  "version": "2.0.2",
   "description": "this project is a simple auth hook for react",
   "type": "module",
   "main": "dist/index.js",