eleven-solutions-common-website-unique-web 21.0.56 → 22.0.0

package/dist/components/login/Login.js

@@ -1,18 +1,12 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
-import { loginApi, registerApi } from "../api/api";
-import Cookies from "universal-cookie";
+// import Cookies from "universal-cookie";
 import GoogleButton from "./GoogleButton";
-const Login = ({ ModalOpen, closeModal, url, isDarkMode }) => {
+import { loginUser, registerUser } from "../redux/slices/userSlice";
+// import { Dispatch } from "@reduxjs/toolkit";
+import { useDispatch } from "react-redux";
+// import { AppDispatch } from "../redux/slices/types/types";
+const Login = ({ ModalOpen, closeModal, url, isDarkMode, img }) => {
     const [isLoginMode, setIsLoginMode] = useState(true);
     const [email, setEmail] = useState("");
     const [password, setPassword] = useState("");
@@ -23,62 +17,18 @@ const Login = ({ ModalOpen, closeModal, url, isDarkMode }) => {
     const [loading] = useState(false);
     const [error, setError] = useState(null);
     const [successMessage, setSuccessMessage] = useState(null);
-    const cookies = new Cookies();
+    // const cookies = new Cookies();
     const toggleMode = () => setIsLoginMode(!isLoginMode);
-    const handleLogin = (e) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+    const dispatch = useDispatch(); // Typing the dispatch with AppDispatch
+    const handleLogin = (e) => {
         e.preventDefault();
-        try {
-            const response = yield loginApi(url, email, password);
-            if (!response) {
-                console.log("please try again after some time");
-            }
-            else {
-                if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.token) {
-                    cookies.set("authToken", response.data.token, { maxAge: 86400 });
-                    window.location.href = "/home";
-                }
-            }
-            console.log(response.data.token);
-        }
-        catch (err) {
-            console.error("Error during login:", err);
-            setError("Error during login");
-        }
-    });
-    const handleRegister = (e) => __awaiter(void 0, void 0, void 0, function* () {
+        dispatch(loginUser(url, email, password));
+    };
+    const handleRegister = (e) => {
         e.preventDefault();
-        if (password !== confirmPassword) {
-            setError("Passwords do not match.");
-            return;
-        }
-        if (!termsAccepted) {
-            setError("You must accept the terms and conditions.");
-            return;
-        }
-        const emailRegex = /^[a-zA-Z0-9._%+-]+@gmail\.com$/;
-        if (!emailRegex.test(email)) {
-            setError("Email must be a valid @gmail.com address.");
-            return;
-        }
-        try {
-            const response = yield registerApi(url, name, email, mobile, confirmPassword);
-            console.log("res", response);
-            if (response) {
-                cookies.set("authToken", response, { maxAge: 86400 });
-                window.location.href = "/home";
-                setSuccessMessage("Registration successful!");
-            }
-            else {
-                setError("Registration failed. Please try again.");
-            }
-        }
-        catch (error) {
-            console.error("Error during registration:");
-            setError("An error occurred during registration.");
-        }
-    });
-    return (_jsx("div", { className: `${isDarkMode ? "bg-[#2e2e2e] text-[#ffff]" : "bg-[#ffff] text-black"}`, children: ModalOpen && (_jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50 transition-opacity duration-75 ease-in-out ", children: _jsxs("div", { className: `relative ${isDarkMode ? "bg-[#2e2e2e]" : "bg-white"} p-4 sm:p-6 lg:p-8 rounded-lg max-w-sm sm:max-w-md w-full shadow-lg transform transition-all duration-500 ease-in-out `, children: [_jsx("button", { onClick: closeModal, className: ` absolute top-1 right-3 text-3xl ${isDarkMode ? " text-[#ffff]" : " text-black"}`, children: "\u00D7" }), _jsx("img", { className: "h-16 w-20 mx-auto animate-fadeIn", src: "images/BarelviLogo.png", alt: "Logo" }), _jsx("h1", { className: `mt-3 text-xl sm:text-2xl font-semibold capitalize text-center ${isDarkMode ? "text-[#ffff]" : "text-black"}`, children: isLoginMode ? "Sign In" : "Sign Up" }), _jsxs("form", { onSubmit: isLoginMode ? handleLogin : handleRegister, children: [!isLoginMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "text", value: name, onChange: (e) => setName(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Full Name", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "tel", value: mobile, onChange: (e) => setMobile(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Mobile Number", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Email address", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "password", value: password, onChange: (e) => setPassword(e.target.value), className: "block w-full px-3 sm:px-6 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Password", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Confirm Password", required: true }) }), _jsx("div", { className: "mt-4", children: _jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", checked: termsAccepted, onChange: () => setTermsAccepted(!termsAccepted), className: "form-checkbox cursor-pointer" }), _jsxs("span", { className: "ml-2 text-sm text-gray-600 dark:text-gray-300", children: ["I accept the", " ", _jsx("button", { className: "text-blue-500 hover:underline", children: "terms and conditions" })] })] }) })] })), isLoginMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Email address", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "password", value: password, onChange: (e) => setPassword(e.target.value), className: "block w-full px-3 sm:px-6 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Password", required: true }) })] })), _jsx("div", { className: "mt-6", children: _jsx("button", { type: "submit", disabled: loading, className: "w-full px-6 py-2 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-500 rounded-lg hover:bg-blue-400 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-50", children: loading
+        dispatch(registerUser(url, name, email, mobile, confirmPassword));
+    };
+    return (_jsx("div", { className: `${isDarkMode ? "bg-[#2e2e2e] text-[#ffff]" : "bg-[#ffff] text-black"}`, children: ModalOpen && (_jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50 transition-opacity duration-75 ease-in-out ", children: _jsxs("div", { className: `relative ${isDarkMode ? "bg-[#2e2e2e]" : "bg-white"} p-4 sm:p-6 lg:p-8 rounded-lg max-w-sm sm:max-w-md w-full shadow-lg transform transition-all duration-500 ease-in-out `, children: [_jsx("button", { onClick: closeModal, className: ` absolute top-1 right-3 text-3xl ${isDarkMode ? " text-[#ffff]" : " text-black"}`, children: "\u00D7" }), _jsx("img", { className: "h-20 w-20 mx-auto animate-fadeIn", src: img, alt: "Logo" }), _jsx("h1", { className: `mt-3 text-xl sm:text-2xl font-semibold capitalize text-center ${isDarkMode ? "text-[#ffff]" : "text-black"}`, children: isLoginMode ? "Sign In" : "Sign Up" }), _jsxs("form", { onSubmit: isLoginMode ? handleLogin : handleRegister, children: [!isLoginMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "text", value: name, onChange: (e) => setName(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Full Name", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "tel", value: mobile, onChange: (e) => setMobile(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Mobile Number", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Email address", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "password", value: password, onChange: (e) => setPassword(e.target.value), className: "block w-full px-3 sm:px-6 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Password", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Confirm Password", required: true }) }), _jsx("div", { className: "mt-4", children: _jsxs("label", { className: "flex items-center", children: [_jsx("input", { type: "checkbox", checked: termsAccepted, onChange: () => setTermsAccepted(!termsAccepted), className: "form-checkbox cursor-pointer" }), _jsxs("span", { className: "ml-2 text-sm text-gray-600 dark:text-gray-300", children: ["I accept the", " ", _jsx("button", { className: "text-blue-500 hover:underline", children: "terms and conditions" })] })] }) })] })), isLoginMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), className: "block w-full py-2 text-gray-700 bg-white border rounded-lg px-3 sm:px-6 dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Email address", required: true }) }), _jsx("div", { className: "relative flex items-center mt-4", children: _jsx("input", { type: "password", value: password, onChange: (e) => setPassword(e.target.value), className: "block w-full px-3 sm:px-6 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-900 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 dark:focus:border-blue-300 focus:ring-blue-300 focus:outline-none focus:ring focus:ring-opacity-40", placeholder: "Password", required: true }) })] })), _jsx("div", { className: "mt-6", children: _jsx("button", { type: "submit", disabled: loading, className: "w-full px-6 py-2 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-500 rounded-lg hover:bg-blue-400 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-50", children: loading
                                         ? isLoginMode
                                             ? "Logging in..."
                                             : "Registering..."

package/dist/components/login/Setcookie.d.ts

@@ -0,0 +1,2 @@
+declare const setCookie: (token: string) => void;
+export default setCookie;

package/dist/components/login/Setcookie.js

@@ -0,0 +1,7 @@
+import Cookies from "universal-cookie";
+const setCookie = (token) => {
+    const cookies = new Cookies();
+    cookies.set("authToken", token, { maxAge: 86400 });
+    window.location.href = "/home";
+};
+export default setCookie;

package/dist/components/redux/slices/types/types.d.ts

@@ -0,0 +1,3 @@
+import { Dispatch } from "@reduxjs/toolkit";
+import { AnyAction } from "redux";
+export type AppDispatch = Dispatch<AnyAction>;

package/dist/components/redux/slices/types/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/redux/slices/userSlice.d.ts

@@ -0,0 +1,20 @@
+import { AppDispatch } from "./types/types";
+interface ProfileData {
+    id: string;
+    name: string | null;
+    mobile: string | null;
+    email: string;
+    address: string | null;
+    roleType: number;
+}
+interface UserState {
+    profileData: ProfileData | null;
+    successMessage: string | null;
+    errorMessage: string | null;
+    isLoading: boolean;
+}
+export declare const setProfileData: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ProfileData, "user/setProfileData">, clearProfileData: import("@reduxjs/toolkit").ActionCreatorWithoutPayload<"user/clearProfileData">, setErrorMessage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string, "user/setErrorMessage">, setSuccessMessage: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<string, "user/setSuccessMessage">, setLoading: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<boolean, "user/setLoading">;
+export declare const loginUser: (url: string, email: string, password: string) => (dispatch: AppDispatch) => Promise<void>;
+export declare const registerUser: (url: string, name: string, email: string, mobile: string, confirmPassword: string) => (dispatch: AppDispatch) => Promise<void>;
+declare const _default: import("redux").Reducer<UserState>;
+export default _default;

package/dist/components/redux/slices/userSlice.js

@@ -0,0 +1,90 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// commonRepo/features/user/userSlice.ts
+import { createSlice } from "@reduxjs/toolkit";
+import Cookies from "universal-cookie";
+import { loginApi, registerApi } from "../../api/api";
+import setCookie from "../../login/Setcookie";
+const cookies = new Cookies();
+const initialState = {
+    profileData: null,
+    successMessage: null,
+    errorMessage: null,
+    isLoading: false,
+};
+const userSlice = createSlice({
+    name: "user",
+    initialState,
+    reducers: {
+        setProfileData: (state, action) => {
+            state.profileData = action.payload;
+        },
+        clearProfileData: (state) => {
+            state.profileData = null;
+            state.successMessage = "Logged out successfully!";
+            cookies.remove("authToken", { path: "/" });
+            window.location.href = "/home";
+        },
+        setErrorMessage: (state, action) => {
+            state.errorMessage = action.payload;
+        },
+        setSuccessMessage: (state, action) => {
+            state.successMessage = action.payload;
+        },
+        setLoading: (state, action) => {
+            state.isLoading = action.payload;
+        },
+    },
+});
+export const { setProfileData, clearProfileData, setErrorMessage, setSuccessMessage, setLoading, } = userSlice.actions;
+export const loginUser = (url, email, password) => (dispatch) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    dispatch(setLoading(true));
+    try {
+        const response = yield loginApi(url, email, password);
+        if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.token) {
+            // cookies.set("authToken", response.data.token, { maxAge: 86400 });
+            setCookie(response.data.token);
+            console.log(response);
+            dispatch(setProfileData(Object.assign(Object.assign({}, response.data), { token: response.data.token })));
+            dispatch(setSuccessMessage("Login successful!"));
+            window.location.href = "/home";
+        }
+        else {
+            dispatch(setErrorMessage("Login failed. Please try again."));
+        }
+    }
+    catch (error) {
+        console.error("Error during login:", error);
+        dispatch(setErrorMessage("An error occurred during login."));
+    }
+    dispatch(setLoading(false));
+});
+export const registerUser = (url, name, email, mobile, confirmPassword) => (dispatch) => __awaiter(void 0, void 0, void 0, function* () {
+    dispatch(setLoading(true));
+    try {
+        const response = yield registerApi(url, name, email, mobile, confirmPassword);
+        if (response) {
+            // cookies.set("authToken", response, { maxAge: 86400 });
+            setCookie(response.data.token);
+            dispatch(setSuccessMessage("Registration successful!"));
+            // window.location.href = "/home";
+        }
+        else {
+            dispatch(setErrorMessage("Registration failed. Please try again."));
+        }
+    }
+    catch (error) {
+        console.error("Error during registration:", error);
+        dispatch(setErrorMessage("An error occurred during registration."));
+    }
+    dispatch(setLoading(false));
+});
+export default userSlice.reducer;

package/dist/components/useraccount/UpdateUserDetails.d.ts

@@ -4,6 +4,7 @@ interface UpdateUserDetailsProps {
     closeusermodal: () => void;
     url: string;
     isDarkMode: boolean;
+    userdetails: any;
 }
 declare const UpdateUserDetails: React.FC<UpdateUserDetailsProps>;
 export default UpdateUserDetails;

package/dist/components/useraccount/UpdateUserDetails.js

@@ -9,35 +9,28 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import { updateProfileApi, getProfileApi } from "../api/updateuser";
+import { updateProfileApi } from "../api/updateuser";
 import Cookies from "universal-cookie";
-const UpdateUserDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, }) => {
+const UpdateUserDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, userdetails, }) => {
     var _a;
     const [name, setName] = useState("");
     const [mobile, setMobile] = useState("");
     const [address, setAddress] = useState("");
-    const [user, setUser] = useState(undefined);
+    const [user, setUser] = useState(null);
     const cookies = new Cookies();
     const token = cookies.get("authToken");
     const userToken = ((_a = token === null || token === void 0 ? void 0 : token.data) === null || _a === void 0 ? void 0 : _a.token) || token;
+    // const dispatch = useDispatch();
+    // console.log("in update", JSON.stringify(userdetails, null, 2));
     useEffect(() => {
-        const fetchUserProfile = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (usermodalopen && userToken && !user) {
-                try {
-                    const userProfile = yield getProfileApi(userToken, url);
-                    if (userProfile) {
-                        setUser(userProfile);
-                        setName(userProfile.name);
-                        setMobile(userProfile.mobile);
-                        setAddress(userProfile.address);
-                    }
-                }
-                catch (error) {
-                    console.error("Error fetching user profile:", error);
-                }
-            }
-        });
-        fetchUserProfile();
+        // const fetchUserProfile = async () => {
+        // try {
+        // const userProfile = await getProfileApi(userToken, url);
+        if (userdetails) {
+            setName(userdetails.name || "");
+            setMobile(userdetails.mobile || "");
+            setAddress(userdetails.address || "");
+        }
     }, [usermodalopen, userToken, user]);
     const validateForm = () => {
         if (!name || !mobile || !address) {
@@ -80,11 +73,11 @@ const UpdateUserDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, })
     };
     if (!usermodalopen)
         return null;
-    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center ${isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"}`, children: _jsxs("div", { className: `rounded-lg p-6 w-full max-w-md relative ${isDarkMode
+    return (_jsx("div", { onClick: closeusermodal, className: `fixed z-50 inset-0 flex items-center justify-center ${isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"}`, children: _jsxs("div", { onClick: (e) => e.stopPropagation(), className: `rounded-lg p-6 w-full max-w-md relative ${isDarkMode
                 ? "border border-gray-300 bg-[#242424] text-white"
                 : "bg-white text-black"}`, children: [_jsx("button", { onClick: closeusermodal, className: `absolute top-3 right-3 ${isDarkMode
                         ? "text-gray-300 hover:text-gray-500"
-                        : "text-gray-400 hover:text-gray-600"} text-2xl`, children: "\u00D7" }), _jsx("h3", { className: "text-center text-xl font-bold mb-4", children: "Update User Details" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Name" }), _jsx("input", { type: "text", placeholder: "Name", value: name, onChange: handleNameChange, className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
+                        : "text-gray-400 hover:text-gray-600"} text-3xl`, children: "\u00D7" }), _jsx("h3", { className: "text-center text-xl font-bold mb-4", children: "Update User Details" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Name" }), _jsx("input", { type: "text", placeholder: "Name", value: name, onChange: handleNameChange, className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
                                 ? "bg-gray-800 border-gray-700 text-white "
                                 : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Mobile" }), _jsx("input", { type: "tel", placeholder: "Mobile", value: mobile, onChange: handleMobileChange, className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
                                 ? "bg-gray-800 border-gray-700 text-white "

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "eleven-solutions-common-website-unique-web",
-  "version": "21.0.56",
+  "version": "22.0.0",
   "main": "./dist/index.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "build": "tsc",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -10,8 +13,8 @@
   "license": "ISC",
   "description": "",
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": ">=18.3.1 <20",
+    "react-dom": ">=18.3.1 <20"
   },
   "devDependencies": {
     "@types/axios": "^0.9.36",
@@ -21,10 +24,11 @@
   },
   "dependencies": {
     "@react-oauth/google": "^0.12.1",
+    "@reduxjs/toolkit": "^2.3.0",
     "@tabler/icons-react": "^3.21.0",
-    "eleven-solutions-common-website-unique-web": "^12.0.2",
     "jodit-react": "^4.1.2",
     "react-icons": "^5.3.0",
+    "react-redux": "^9.1.2",
     "react-router-dom": "^6.27.0",
     "universal-cookie": "^7.2.2"
   }

package/.github/workflows/main.yml

@@ -1,22 +0,0 @@
-name: Node.js Package
-
-on:
-  push:
-    branches:
-      - main
-
-jobs:
-  publish-gpr:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v3
-        with:
-          node-version: '14'  # Consider using a newer version than 12
-          registry-url: 'https://npm.pkg.github.com'
-          scope: '@11SolutionsPvtLtd'
-      - run: npm install
-      - run: npm run build  # Run build if needed before publish
-      - run: npm publish
-        env:
-         NODE_AUTH_TOKEN: ${{ secrets.NPM_PUBLISH_TOKEN }}

package/azure-pipelines.yml

@@ -1,20 +0,0 @@
-# Node.js with React
-# Build a Node.js project that uses React.
-# Add steps that analyze code, save build artifacts, deploy, and more:
-# https://docs.microsoft.com/azure/devops/pipelines/languages/javascript
-
-trigger:
-- main
-
-pool: Azure Pipelines
-
-steps:
-- task: NodeTool@0
-  inputs:
-    versionSpec: '20.x'
-  displayName: 'Install Node.js'
-
-- script: |
-    npm install
-    npm run build
-  displayName: 'npm install and build'

package/dist/components/Navbar.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface NavbarProps {
-    name: string;
-}
-declare const Navbar: React.FC<NavbarProps>;
-export default Navbar;

package/dist/components/Navbar.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Navbar = ({ name }) => {
-    return (_jsxs("div", { className: "bg-gray-800 text-white p-4 text-center text-lg", children: [name, _jsx("button", { onClick: () => (window.location.href = "/footer"), className: "ml-4 p-2 bg-blue-500 rounded", children: "Go to Footer" })] }));
-};
-export default Navbar;

package/dist/components/login/View.d.ts

@@ -1,2 +0,0 @@
-declare const View: () => any;
-export default View;

package/dist/components/login/View.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState } from "react";
-const View = () => {
-    const [variable, setVariable] = useState("I'm a variable");
-    const [counter, setCounter] = useState(0);
-    const [isVisible, setIsVisible] = useState(true);
-    const [userName, setUserName] = useState("Guest");
-    return (_jsxs("div", { children: [_jsx("h1", { children: "Hello from form-viewer-comp" }), _jsx("p", { children: variable }), _jsxs("div", { children: [_jsxs("h2", { children: ["Counter: ", counter] }), _jsx("button", { onClick: () => setCounter(counter + 1), children: "Increase Counter" })] }), _jsxs("div", { children: [_jsxs("h2", { children: ["Visibility: ", isVisible ? "Visible" : "Hidden"] }), _jsx("button", { onClick: () => setIsVisible(!isVisible), children: "Toggle Visibility" })] }), _jsxs("div", { children: [_jsxs("h2", { children: ["User Name: ", userName] }), _jsx("button", { onClick: () => setUserName("New User"), children: "Change User Name" })] })] }));
-};
-export default View;

package/dist/components/useraccount/AddMissingDetails.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface AddMissingDetailsProps {
-    usermodalopen: boolean;
-    closeusermodal: () => void;
-    url: string;
-    isDarkMode: boolean;
-}
-declare const AddMissingDetails: React.FC<AddMissingDetailsProps>;
-export default AddMissingDetails;

package/dist/components/useraccount/AddMissingDetails.js

@@ -1,56 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { getProfileApi } from "../api/updateuser";
-import Cookies from "universal-cookie";
-const AddMissingDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, }) => {
-    var _a;
-    const [name, setName] = useState("");
-    const [mobile, setMobile] = useState("");
-    const [address, setAddress] = useState("");
-    const [user, setUser] = useState(undefined);
-    const cookies = new Cookies();
-    const token = cookies.get("authToken");
-    const userToken = ((_a = token === null || token === void 0 ? void 0 : token.data) === null || _a === void 0 ? void 0 : _a.token) || token;
-    useEffect(() => {
-        const fetchUserProfile = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (usermodalopen && userToken && !user) {
-                try {
-                    const userProfile = yield getProfileApi(userToken, url);
-                    if (userProfile) {
-                        setUser(userProfile);
-                        setName(userProfile.name);
-                        setMobile(userProfile.mobile);
-                        setAddress(userProfile.address);
-                    }
-                }
-                catch (error) {
-                    console.error("Error fetching user profile:", error);
-                }
-            }
-        });
-        fetchUserProfile();
-    }, [usermodalopen, userToken, user]);
-    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center ${isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"}`, children: _jsxs("div", { className: `rounded-lg p-6 w-full max-w-md relative ${isDarkMode
-                ? "border border-gray-300 bg-[#242424] text-white"
-                : "bg-white text-black"}`, children: [_jsx("button", { onClick: closeusermodal, className: `absolute top-3 right-3 ${isDarkMode
-                        ? "text-gray-300 hover:text-gray-500"
-                        : "text-gray-400 hover:text-gray-600"} text-2xl`, children: "\u00D7" }), _jsx("h3", { className: "text-center text-xl font-bold mb-4", children: "Add User Details" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Name" }), _jsx("input", { type: "text", placeholder: "Name", className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
-                                ? "bg-gray-800 border-gray-700 text-white "
-                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Mobile" }), _jsx("input", { type: "tel", placeholder: "Mobile", className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
-                                ? "bg-gray-800 border-gray-700 text-white "
-                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Address" }), _jsx("input", { type: "text", placeholder: "Address", className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
-                                ? "bg-gray-800 border-gray-700 text-white "
-                                : "border-gray-300 "}` })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { className: `px-4 py-2 rounded ${isDarkMode
-                            ? "bg-blue-500 hover:bg-blue-400 text-white"
-                            : "bg-blue-500 hover:bg-blue-400 text-white"}`, children: "Add Details" }) })] }) }));
-};
-export default AddMissingDetails;

package/dist/components/useraccount/AddUserDetails.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface AddUserDetailsProps {
-    usermodalopen: boolean;
-    closeusermodal: () => void;
-    url: string;
-    isDarkMode: boolean;
-}
-declare const AddUserDetails: React.FC<AddUserDetailsProps>;
-export default AddUserDetails;

package/dist/components/useraccount/AddUserDetails.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-const AddUserDetails = ({ usermodalopen, closeusermodal, url, isDarkMode, }) => {
-    const [name, setName] = useState("");
-    const [mobile, setMobile] = useState("");
-    const [address, setAddress] = useState("");
-    return (_jsx("div", { className: `fixed inset-0 flex items-center justify-center ${isDarkMode ? "bg-gray-800 bg-opacity-90" : "bg-gray-500 bg-opacity-75"}`, children: _jsxs("div", { className: `rounded-lg p-6 w-full max-w-md relative ${isDarkMode
-                ? "border border-gray-300 bg-[#242424] text-white"
-                : "bg-white text-black"}`, children: [_jsx("button", { onClick: closeusermodal, className: `absolute top-3 right-3 ${isDarkMode
-                        ? "text-gray-300 hover:text-gray-500"
-                        : "text-gray-400 hover:text-gray-600"} text-2xl`, children: "\u00D7" }), _jsx("h3", { className: "text-center text-xl font-bold mb-4", children: "Update User Details" }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Name" }), _jsx("input", { type: "text", placeholder: "Name", value: name, onChange: (e) => setName(e.target.value), className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
-                                ? "bg-gray-800 border-gray-700 text-white "
-                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Mobile" }), _jsx("input", { type: "tel", placeholder: "Mobile", value: mobile, onChange: (e) => setMobile(e.target.value), className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
-                                ? "bg-gray-800 border-gray-700 text-white "
-                                : "border-gray-300 "}` })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { className: `block text-sm font-medium mb-1 ${isDarkMode ? "text-gray-300" : "text-gray-700"}`, children: "Address" }), _jsx("input", { type: "text", placeholder: "Address", value: address, onChange: (e) => setAddress(e.target.value), className: `w-full p-2 border rounded focus:outline-none focus:ring ${isDarkMode
-                                ? "bg-gray-800 border-gray-700 text-white "
-                                : "border-gray-300 "}` })] }), _jsx("div", { className: "flex justify-end", children: _jsx("button", { className: `px-4 py-2 rounded ${isDarkMode
-                            ? "bg-blue-500 hover:bg-blue-400 text-white"
-                            : "bg-blue-500 hover:bg-blue-400 text-white"}`, children: "Update Details" }) })] }) }));
-};
-export default AddUserDetails;

package/src/App.tsx

@@ -1,21 +0,0 @@
-import React from "react";
-import { BrowserRouter, Routes, Route } from "react-router-dom";
-import Navbar from "./components/Navbar"; // Ensure correct path to your Navbar
-import Footer from "./components/footer/Footer"; // Ensure correct path to your Footer
-
-const App: React.FC = () => {
-  return (
-    <BrowserRouter>
-      {/* <Navbar name="My Package" /> */}
-      <Routes>
-        {/* <Route path="/" element={<div>Home Page</div>} /> */}
-        {/* <Route path="/navbar" element={<Navbar />} /> */}
-        <Route path="/footer" element={<Footer />} />
-      </Routes>
-    </BrowserRouter>
-  );
-};
-
-// Named exports for Navbar and Footer
-export { Navbar, Footer };
-export default App;

package/src/components/Navbar.tsx

@@ -1,21 +0,0 @@
-import React from "react";
-
-interface NavbarProps {
-  name: string;
-}
-
-const Navbar: React.FC<NavbarProps> = ({ name }) => {
-  return (
-    <div className="bg-gray-800 text-white p-4 text-center text-lg">
-      {name}
-      <button
-        onClick={() => (window.location.href = "/footer")}
-        className="ml-4 p-2 bg-blue-500 rounded"
-      >
-        Go to Footer
-      </button>
-    </div>
-  );
-};
-
-export default Navbar;

package/src/components/admin/Dashboard.tsx

@@ -1,7 +0,0 @@
-import React from "react";
-
-function Dashboard() {
-  return <div>Dashboard</div>;
-}
-
-export default Dashboard;

package/src/components/admin/Editor.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import { useRef } from "react";
-import JoditEditor from "jodit-react";
-
-interface EditorProps {
-  content: string;
-  setContent: (newContent: string) => void;
-  config?: Record<string, any>;
-}
-
-const Editor: React.FC<EditorProps> = ({ content, setContent, config }) => {
-  const editor = useRef(null);
-
-  return (
-    <JoditEditor
-      ref={editor}
-      value={content}
-      config={config}
-      onBlur={(newContent) => setContent(newContent)}
-      onChange={() => {}}
-    />
-  );
-};
-
-export default Editor;