authera 1.1.2 → 1.1.3

package/dist/web/login.js

@@ -4,11 +4,13 @@ import { convertFromSchema } from "minimal-form";
 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({ baseURL }) {
-    const [steps, stepsHnadler] = useState({});
-    const [activeStep, activeStepHandler] = useState("");
+    const [steps, stepsHnadler] = useState();
+    const [activeStep, activeStepHandler] = useState();
     const [loading, loadingHandler] = useState(true);
     const { handleSubmit, control } = useForm();
+    const { fallback_401_url } = useAuth();
     const request = axios.create({
         baseURL,
     });
@@ -16,20 +18,35 @@ export default function LoginForm({ baseURL }) {
     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 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 = fallback_401_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.1.3",
   "description": "this project is a simple auth hook for react",
   "type": "module",
   "main": "dist/index.js",