authera 1.2.2 → 1.2.4

package/dist/hooks/useAuth.d.ts

@@ -5,7 +5,8 @@ export declare function useAuth<T extends string>(): {
     tokenType: "jwt";
     refreshStrategy: "silent";
     fallback_401_url: string;
-    go_after_login_url: string;
+    on_after_login?: () => void;
+    on_after_step?: (step_key: string) => void;
     permits: T[];
     isPermitted: (perm: T) => boolean;
     on: (perm: T, callback: () => void, fallback?: () => void) => void;

package/dist/index.d.ts

@@ -5,7 +5,8 @@ export interface AuthHookSettings<T extends string> {
     tokenType: "jwt";
     refreshStrategy: "silent";
     fallback_401_url: string;
-    go_after_login_url: string;
+    on_after_login?: () => void;
+    on_after_step?: (step_key: string) => void;
 }
 export default function AuthHook<T extends string>(props: AuthHookSettings<T>): {
     createAuthProvider: (children: React.ReactNode) => React.ReactNode;
@@ -15,7 +16,8 @@ export default function AuthHook<T extends string>(props: AuthHookSettings<T>):
         tokenType: "jwt";
         refreshStrategy: "silent";
         fallback_401_url: string;
-        go_after_login_url: string;
+        on_after_login?: () => void;
+        on_after_step?: (step_key: string) => void;
         permits: T[];
         isPermitted: (perm: T) => boolean;
         on: (perm: T, callback: () => void, fallback?: (() => void) | undefined) => void;

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, {}),
+        LoginScenario: () => (_jsx(LoginForm, { on_after_login: props.on_after_login, on_after_step: props.on_after_step })),
     };
 }
 export { default as AuthGuard } from "./web/guard";

package/dist/web/login.d.ts

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

package/dist/web/login.js

@@ -5,12 +5,14 @@ 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() {
+export default function LoginForm({ on_after_login, on_after_step, }) {
     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 { go_after_login_url, backendUrl, setUserData } = useAuth();
+    const { backendUrl, setUserData } = useAuth();
     const request = axios.create({
         baseURL: backendUrl,
     });
@@ -29,21 +31,31 @@ export default function LoginForm() {
         fetchSteps();
     }, []);
     const onSubmit = async (data) => {
-        const response = await request.post("validate/" + activeStep.name, data);
+        // valudate step and send data to server
+        const response = await request.post("validate/" + activeStep.name, {
+            options: data,
+            payload: stepPayload,
+            user_id: userID,
+        });
         // 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 (on_after_step)
+                on_after_step(steps?.[nextIndex]?.name || "");
         }
         // if response say authenticate is finished
         else if (response.status === 200) {
-            window.location.href = go_after_login_url;
             setUserData(response.data);
+            if (on_after_login)
+                on_after_login();
         }
         // if response say have a wrong in this request
         else if (response.status === 400) {
             activeStepHandler(steps?.[0]);
         }
+        userIDHandler(response.data.user_id);
+        stepPayloadHandler(response.data.payload);
     };
     // loading check
     if (loading)

package/package.json

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