@ebubekirylmaz/link-test 1.2.26 → 1.2.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebubekirylmaz/link-test",
-  "version": "1.2.26",
+  "version": "1.2.28",
   "type": "module",
   "exports": {
     ".": "./index.js",

package/src/widgets/Login/CognitoLogin.jsx

@@ -1,45 +1,108 @@
 import { Button, Stack, TextField, Typography } from "@mui/material";
+import { confirmSignup, login, signup } from "./amplifyAuth";
 
-import { login } from "./amplifyAuth";
-import { loginWithCognito } from "./cognitoAuth";
 import { storage } from "@nucleoidjs/webstorage";
 import { useState } from "react";
 
 export default function CognitoLogin() {
+  const [mode, setMode] = useState("login");
+
   const [username, setUsername] = useState("");
+  const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
+  const [code, setCode] = useState("");
 
   const handleLogin = async () => {
     try {
-      const tokens = await login(username, password);
-      console.log("Login successful, tokens:", tokens);
-      storage.set("link", "accessToken", tokens.AccessToken);
-      storage.set("link", "refreshToken", tokens.RefreshToken);
+      await login(username, password);
       window.location.href = "/";
     } catch (e) {
-      console.error("Login error:", e);
-      alert(`Login failed: ${e.message || e}`);
+      alert(e.message || "Login failed");
+    }
+  };
+
+  const handleSignup = async () => {
+    try {
+      await signup(username, password, email);
+      setMode("confirm");
+    } catch (e) {
+      alert(e.message || "Signup failed");
+    }
+  };
+
+  const handleConfirm = async () => {
+    try {
+      await confirmSignup(username, code);
+      alert("Account confirmed! You can now log in.");
+      setMode("login");
+    } catch (e) {
+      alert(e.message || "Confirmation failed");
     }
   };
 
   return (
     <>
-      <Typography variant="h4">Login</Typography>
+      <Typography variant="h4" gutterBottom>
+        {mode === "login" && "Login"}
+        {mode === "signup" && "Sign Up"}
+        {mode === "confirm" && "Confirm Account"}
+      </Typography>
+
       <Stack spacing={2}>
         <TextField
           label="Username or Email"
           value={username}
           onChange={(e) => setUsername(e.target.value)}
         />
-        <TextField
-          type="password"
-          label="Password"
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-        />
-        <Button variant="contained" onClick={handleLogin}>
-          Login
-        </Button>
+
+        {mode === "signup" && (
+          <TextField
+            label="Email"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+          />
+        )}
+
+        {mode !== "confirm" && (
+          <TextField
+            type="password"
+            label="Password"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
+        )}
+
+        {mode === "confirm" && (
+          <TextField
+            label="Confirmation Code"
+            value={code}
+            onChange={(e) => setCode(e.target.value)}
+          />
+        )}
+
+        {mode === "login" && (
+          <>
+            <Button variant="contained" onClick={handleLogin}>
+              Login
+            </Button>
+            <Button onClick={() => setMode("signup")}>Create an account</Button>
+          </>
+        )}
+
+        {mode === "signup" && (
+          <>
+            <Button variant="contained" onClick={handleSignup}>
+              Sign Up
+            </Button>
+            <Button onClick={() => setMode("login")}>Back to login</Button>
+          </>
+        )}
+
+        {mode === "confirm" && (
+          <Button variant="contained" onClick={handleConfirm}>
+            Confirm
+          </Button>
+        )}
       </Stack>
     </>
   );

package/src/widgets/Login/amplifyAuth.js

@@ -1,9 +1,34 @@
-import { fetchAuthSession, signIn, signOut } from "aws-amplify/auth";
+import {
+  confirmSignUp,
+  fetchAuthSession,
+  signIn,
+  signOut,
+  signUp,
+} from "aws-amplify/auth";
 
 export async function login(username, password) {
   return signIn({ username, password });
 }
 
+export async function signup(username, password, email) {
+  return signUp({
+    username,
+    password,
+    options: {
+      userAttributes: {
+        email,
+      },
+    },
+  });
+}
+
+export async function confirmSignup(username, code) {
+  return confirmSignUp({
+    username,
+    confirmationCode: code,
+  });
+}
+
 export async function logout() {
   await signOut();
 }