authera 1.1.0 → 1.1.2

package/dist/index.js

@@ -3,20 +3,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { name2storage } from "./helper/storage";
 import AuthProvider from "./web";
 import { useAuth } from "./hooks/useAuth";
-import axios from "axios";
+import LoginForm from "./web/login";
 export default function AuthHook(props) {
     // set storage functions
     let storage = props.storage;
     if (typeof storage === "string")
         storage = name2storage(storage);
-    // fetch optoins from backend
-    const backend_url = props.backendUrl + "/options";
-    const response = axios.get(backend_url);
     // create backend data
     return {
         createAuthProvider: (children) => (_jsx(AuthProvider, { storage: storage, fallback_401_url: props.fallback_401_url, children: children })),
         useAuth: () => useAuth(),
-        LoginScenario: () => _jsx("p", {})
+        LoginScenario: () => _jsx(LoginForm, { baseURL: props.backendUrl }),
     };
 }
 export { default as AuthGuard } from "./web/guard";

package/dist/web/login.d.ts

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

package/dist/web/login.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import axios from "axios";
+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("");
+    const [loading, loadingHandler] = useState(true);
+    const { handleSubmit, control } = useForm();
+    const request = axios.create({
+        baseURL,
+    });
+    // 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));
+            loadingHandler(false);
+        }
+        fetchSteps();
+    }, []);
+    const onSubmit = (data) => { };
+    // 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" })] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authera",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "this project is a simple auth hook for react",
   "type": "module",
   "main": "dist/index.js",
@@ -39,6 +39,8 @@
   },
   "dependencies": {
     "axios": "^1.13.2",
-    "js-cookie": "^3.0.5"
+    "js-cookie": "^3.0.5",
+    "minimal-form": "^2.8.1",
+    "react-hook-form": "^7.66.0"
   }
 }