authera 1.1.2 → 1.2.0

package/dist/helper/context.d.ts

@@ -1,11 +1,12 @@
 import React from "react";
+import { type AuthHookSettings } from "..";
 export type userBaseData<T extends string> = {
     id: string;
     username: string;
     permits: T[];
 };
 export interface AuthContextValueType<T extends string> {
-    fallback_401_url: string;
+    authera_props: AuthHookSettings<T>;
     userData: userBaseData<T>;
     setUserData: (value: userBaseData<T>) => void;
 }

package/dist/hooks/useAuth.d.ts

@@ -1,5 +1,11 @@
 import { userBaseData } from "../helper/context";
 export declare function useAuth<T extends string>(): {
+    backendUrl: string;
+    storage: import("../helper/storage").storagesNames | import("../helper/storage").customeFunc;
+    tokenType: "jwt";
+    refreshStrategy: "silent";
+    fallback_401_url: string;
+    go_after_login_url: string;
     permits: T[];
     isPermitted: (perm: T) => boolean;
     on: (perm: T, callback: () => void, fallback?: () => void) => void;
@@ -7,6 +13,5 @@ export declare function useAuth<T extends string>(): {
     addPermits: (permits: T[]) => void;
     removePermits: (permits: T[]) => void;
     setUserData: (userData: userBaseData<T>) => void;
-    fallback_401_url: string;
     isPermittedAll: (perms: T[]) => boolean;
 };

package/dist/hooks/useAuth.js

@@ -8,7 +8,6 @@ export function useAuth() {
     // -------------------------------------------------- data
     const { permits: permitsData } = ctx.userData;
     const prm = (permitsData || []);
-    const fallback_401_url = ctx.fallback_401_url;
     // -------------------------------------------------- funtions
     const isPermitted = (perm) => {
         return prm.includes(perm);
@@ -50,7 +49,7 @@ export function useAuth() {
         addPermits,
         removePermits,
         setUserData,
-        fallback_401_url,
         isPermittedAll,
+        ...ctx.authera_props,
     };
 }

package/dist/index.d.ts

@@ -5,10 +5,17 @@ export interface AuthHookSettings<T extends string> {
     tokenType: "jwt";
     refreshStrategy: "silent";
     fallback_401_url: string;
+    go_after_login_url: string;
 }
 export default function AuthHook<T extends string>(props: AuthHookSettings<T>): {
     createAuthProvider: (children: React.ReactNode) => React.ReactNode;
     useAuth: () => {
+        backendUrl: string;
+        storage: storagesNames | customeFunc;
+        tokenType: "jwt";
+        refreshStrategy: "silent";
+        fallback_401_url: string;
+        go_after_login_url: string;
         permits: T[];
         isPermitted: (perm: T) => boolean;
         on: (perm: T, callback: () => void, fallback?: (() => void) | undefined) => void;
@@ -16,7 +23,6 @@ export default function AuthHook<T extends string>(props: AuthHookSettings<T>):
         addPermits: (permits: T[]) => void;
         removePermits: (permits: T[]) => void;
         setUserData: (userData: import("./helper/context").userBaseData<T>) => void;
-        fallback_401_url: string;
         isPermittedAll: (perms: T[]) => boolean;
     };
     LoginScenario: () => import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -11,9 +11,9 @@ export default function AuthHook(props) {
         storage = name2storage(storage);
     // create backend data
     return {
-        createAuthProvider: (children) => (_jsx(AuthProvider, { storage: storage, fallback_401_url: props.fallback_401_url, children: children })),
+        createAuthProvider: (children) => (_jsx(AuthProvider, { storage: storage, authera_props: props, children: children })),
         useAuth: () => useAuth(),
-        LoginScenario: () => _jsx(LoginForm, { baseURL: props.backendUrl }),
+        LoginScenario: () => _jsx(LoginForm, {}),
     };
 }
 export { default as AuthGuard } from "./web/guard";

package/dist/web/index.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import type { customeFunc as storageFunc } from "../helper/storage";
+import { type AuthHookSettings } from "..";
 interface AuthProviderProps<T extends string> {
     children: React.ReactNode;
     storage: storageFunc;
-    fallback_401_url: string;
+    authera_props: AuthHookSettings<T>;
 }
-export default function AuthProvider<T extends string>({ children, storage, fallback_401_url, }: AuthProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function AuthProvider<T extends string>({ children, storage, authera_props, }: AuthProviderProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/web/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AuthContext } from "../helper/context";
-export default function AuthProvider({ children, storage, fallback_401_url, }) {
+export default function AuthProvider({ children, storage, authera_props, }) {
     /**
      * Context Provider
      */
@@ -10,5 +10,5 @@ export default function AuthProvider({ children, storage, fallback_401_url, }) {
     const setUserData = (value) => {
         storage.set("userData", value);
     };
-    return (_jsx(Provider, { value: { userData, setUserData, fallback_401_url }, children: children }));
+    return (_jsx(Provider, { value: { userData, setUserData, authera_props }, children: children }));
 }

package/dist/web/login.d.ts

@@ -1,5 +1 @@
-interface LoginFormProps {
-    baseURL: string;
-}
-export default function LoginForm({ baseURL }: LoginFormProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export default function LoginForm(): import("react/jsx-runtime").JSX.Element;

package/dist/web/login.js

@@ -4,32 +4,49 @@ import { convertFromSchema } from "minimal-form";
 import EasyForm from "minimal-form";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
-export default function LoginForm({ baseURL }) {
-    const [steps, stepsHnadler] = useState({});
-    const [activeStep, activeStepHandler] = useState("");
+import { useAuth } from "../hooks/useAuth";
+export default function LoginForm() {
+    const [steps, stepsHnadler] = useState();
+    const [activeStep, activeStepHandler] = useState();
     const [loading, loadingHandler] = useState(true);
     const { handleSubmit, control } = useForm();
+    const { go_after_login_url, backendUrl } = useAuth();
     const request = axios.create({
-        baseURL,
+        baseURL: backendUrl,
     });
     // fetch data from steps
     useEffect(() => {
         async function fetchSteps() {
-            const response = await request.get("/options");
-            const data = Object.entries(response.data).map(([opt, schema]) => [
-                opt,
-                convertFromSchema(schema),
-            ]);
-            activeStepHandler(data[0][0]);
-            stepsHnadler(Object.fromEntries(data));
+            const response = await request.get("validate/options");
+            const data = Object.entries(response.data).map(([opt, schema]) => ({
+                name: opt,
+                structure: convertFromSchema(schema),
+            }));
+            activeStepHandler(data[0]);
+            stepsHnadler(data);
             loadingHandler(false);
         }
         fetchSteps();
     }, []);
-    const onSubmit = (data) => { };
+    const onSubmit = async (data) => {
+        const response = await request.post(activeStep.name, data);
+        // if response say go next step
+        if (response.status === 202) {
+            const nextIndex = (steps?.findIndex((d) => d.name === activeStep?.name) || 0) + 1;
+            activeStepHandler(steps?.[nextIndex]);
+        }
+        // if response say authenticate is finished
+        else if (response.status === 200) {
+            window.location.href = go_after_login_url;
+        }
+        // if response say have a wrong in this request
+        else if (response.status === 400) {
+            activeStepHandler(steps?.[0]);
+        }
+    };
     // loading check
     if (loading)
         return _jsx("p", { children: "loading ..." });
     // show forms from steps
-    return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx(EasyForm, { control: control, structure: steps[activeStep] }), _jsx("button", { type: "submit", children: "Submit" })] }));
+    return (_jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx(EasyForm, { control: control, structure: activeStep.structure }), _jsx("button", { type: "submit", children: "Submit" })] }));
 }

package/package.json

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