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

package/dist/App.d.ts

@@ -1,6 +1,3 @@
 import React from "react";
-import Navbar from "./components/Navbar";
-import Footer from "./components/footer/Footer";
 declare const App: React.FC;
-export { Navbar, Footer };
 export default App;

package/dist/App.js

@@ -1,10 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 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 = () => {
     return (_jsx(BrowserRouter, { children: _jsx(Routes, { children: _jsx(Route, { path: "/footer", element: _jsx(Footer, {}) }) }) }));
 };
 // Named exports for Navbar and Footer
-export { Navbar, Footer };
 export default App;

package/dist/components/admin/Sidebar.d.ts

@@ -11,7 +11,6 @@ interface Group {
 interface DashboardProps {
     menuGroups: Group[];
     logo: any;
-    iconName: string;
 }
 declare const Dashboard: React.FC<DashboardProps>;
 export default Dashboard;

package/dist/components/admin/Sidebar.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { FiMenu } from "react-icons/fi";
-const Dashboard = ({ menuGroups, logo, iconName, }) => {
+const Dashboard = ({ menuGroups, logo, }) => {
     const [isSidebarOpen, setIsSidebarOpen] = useState(false);
     const [activeItem, setActiveItem] = useState(null);
     const toggleSidebar = () => {
@@ -15,7 +15,7 @@ const Dashboard = ({ menuGroups, logo, iconName, }) => {
         onClick();
         closeSidebar();
     };
-    return (_jsxs("div", { className: "relative h-full md:pr-6 md:py-4", children: [_jsx("button", { className: "block md:hidden p-2 text-gray-600 focus:outline-none", onClick: toggleSidebar, children: _jsx(FiMenu, { size: 24 }) }), isSidebarOpen && (_jsx("div", { className: "fixed inset-0 bg-black opacity-50 md:hidden", onClick: closeSidebar })), _jsxs("div", { className: `absolute md:relative top-0 left-0 z-20 h-full bg-white border-r pr-8 pl-5 overflow-y-auto overflow-x-hidden transform ${isSidebarOpen ? "translate-x-0" : "-translate-x-full"} md:translate-x-0 transition-transform duration-300 ease-in-out`, children: [_jsxs("div", { className: "w-16 h-16 flex cursor-pointer", onClick: () => (window.location.href = "/home"), children: [_jsx("img", { className: "h-full w-full mx-auto", src: logo, alt: "" }), _jsx("h2", { className: "text-2xl ml-1 my-auto font-semibold bg-gradient-to-r from-red-500 to-yellow-400 bg-clip-text text-transparent", children: iconName })] }), menuGroups.map((group, index) => (_jsxs("div", { className: "my-10 space-y-2", children: [_jsx("span", { className: "pl-3 text-sm text-gray-400 uppercase tracking-wider my-3", children: group.heading }), _jsx("ul", { className: "space-y-2", children: group.items.map((item, idx) => (_jsxs("li", { className: `pl-3 flex items-center space-x-3 cursor-pointer py-2 pr-2 rounded-lg transition duration-200 ${activeItem === item.label
+    return (_jsxs("div", { className: "relative h-full md:pr-6 md:py-4", children: [_jsx("button", { className: "block md:hidden p-2 text-gray-600 focus:outline-none", onClick: toggleSidebar, children: _jsx(FiMenu, { size: 24 }) }), isSidebarOpen && (_jsx("div", { className: "fixed inset-0 bg-black opacity-50 md:hidden", onClick: closeSidebar })), _jsxs("div", { className: `absolute md:relative top-0 left-0 z-20 h-full bg-white border-r pr-2 pl-3 overflow-y-auto overflow-x-hidden transform ${isSidebarOpen ? "translate-x-0" : "-translate-x-full"} md:translate-x-0 transition-transform duration-300 ease-in-out`, children: [_jsx("div", { className: "w-16 h-16 flex cursor-pointer ml-6", onClick: () => (window.location.href = "/home"), children: _jsx("img", { className: "h-full w-full mx-auto", src: logo, alt: "" }) }), menuGroups.map((group, index) => (_jsxs("div", { className: "my-2 space-y-2", children: [_jsx("span", { className: "pl-3 text-sm text-gray-400 uppercase tracking-wider my-2", children: group.heading }), _jsx("ul", { className: "space-y-2", children: group.items.map((item, idx) => (_jsxs("li", { className: `pl-3 flex items-center space-x-3 cursor-pointer py-1 pr-2 rounded-lg transition duration-200 ${activeItem === item.label
                                         ? "bg-gray-300 text-gray-800"
                                         : "hover:bg-gray-100 text-gray-700"}`, onClick: () => handleItemClick(item.label, item.onClick), children: [_jsx("span", { className: "text-gray-500 text-lg", children: item.icon }), _jsx("span", { className: "font-medium", children: item.label })] }, idx))) })] }, index)))] })] }));
 };

package/dist/components/admin/UserForm.js

@@ -9,6 +9,7 @@ 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 toast from "react-hot-toast";
 import { addUserApi, updateUserApi, fetchUserByIdApi } from "../api/user";
 const UserForm = ({ url }) => {
     const [userName, setUserName] = useState("");
@@ -20,7 +21,7 @@ const UserForm = ({ url }) => {
     const [isEditMode, setIsEditMode] = useState(false);
     const validateForm = () => {
         if (!userName || !roleType) {
-            alert("Please fill in all required fields: User Name, Email, and Role Type.");
+            toast.error("Please fill in all required fields: User Name, Email, and Role Type.");
             return false;
         }
         return true;
@@ -57,18 +58,18 @@ const UserForm = ({ url }) => {
         try {
             if (isEditMode) {
                 yield updateUserApi(url, id, userName, email, mobile, address, roleType, gender);
-                alert("User updated successfully");
+                toast.success("User updated successfully");
             }
             else {
                 yield addUserApi(url, userName, email, mobile, address, roleType, gender);
-                alert("User added successfully");
+                toast.success("User added successfully");
             }
             window.history.pushState({}, "", "/admin/users");
             window.dispatchEvent(new PopStateEvent("popstate"));
         }
         catch (error) {
             console.error("Error adding/updating User:", error);
-            alert(isEditMode ? "Failed to Update the User." : "Failed to Add the User.");
+            toast.error(isEditMode ? "Failed to Update the User." : "Failed to Add the User.");
         }
     });
     const handleCancelClick = () => {
@@ -81,6 +82,6 @@ const UserForm = ({ url }) => {
         window.history.pushState({}, "", "/admin/users");
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    return (_jsx("div", { className: "max-w-4xl p-6 mx-auto dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-center text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: email, onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Gender" }), _jsxs("select", { required: true, value: gender, onChange: (e) => setGender(e.target.value === "" ? null : e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-end", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Add" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
+    return (_jsx("div", { className: "max-w-4xl p-6 dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: email, onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Gender" }), _jsxs("select", { required: true, value: gender, onChange: (e) => setGender(e.target.value === "" ? null : e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2  text-gray-800  bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-start", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Save and Close" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
 };
 export default UserForm;

package/dist/components/admin/Users.js

@@ -9,6 +9,7 @@ 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 toast from "react-hot-toast";
 import { FaPlus } from "react-icons/fa";
 import { fetchUsersApi, deleteUserApi } from "../api/user";
 const Users = ({ url }) => {
@@ -70,7 +71,7 @@ const Users = ({ url }) => {
     const handleDeleteClick = (id) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             yield deleteUserApi(url, id);
-            alert("User deleted successfully");
+            toast.success("User deleted successfully");
             fetchUsersData();
         }
         catch (error) {
@@ -101,9 +102,9 @@ const Users = ({ url }) => {
                                                     day: "2-digit",
                                                     month: "2-digit",
                                                     year: "numeric",
-                                                }) })] }, user.id || index))) })] }) }), _jsxs("div", { className: "flex items-center justify-between mt-6", children: [_jsxs("button", { onClick: handlePreviousPage, disabled: currentPage === 1, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" }) }), _jsx("span", { children: "previous" })] }), _jsx("div", { className: "items-center hidden lg:flex gap-x-3", children: Array.from({ length: totalPages }, (_, index) => (_jsx("button", { onClick: () => handlePageClick(index + 1), className: `px-2 py-1 text-sm ${currentPage === index + 1
+                                                }) })] }, user.id || index))) })] }) }), _jsx("div", { className: "flex-grow ml-0 mt-4 w-0", children: _jsxs("button", { type: "button", onClick: (event) => handleNavigation(event, "/admin/users/userform"), className: "flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80", children: [_jsx(FaPlus, { className: "mr-2 font-medium" }), "User"] }) }), _jsxs("div", { className: "flex items-center justify-between mt-6 ", children: [_jsxs("button", { onClick: handlePreviousPage, disabled: currentPage === 1, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" }) }), _jsx("span", { children: "previous" })] }), _jsx("div", { className: "items-center hidden lg:flex gap-x-3", children: Array.from({ length: totalPages }, (_, index) => (_jsx("button", { onClick: () => handlePageClick(index + 1), className: `px-2 py-1 text-sm ${currentPage === index + 1
                                         ? "text-blue-500 bg-blue-100"
-                                        : "text-gray-500 hover:bg-gray-100"} rounded-md`, children: index + 1 }, index + 1))) }), _jsxs("button", { onClick: handleNextPage, disabled: currentPage === totalPages, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("span", { children: "Next" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }) })] })] }), _jsx("div", { className: "flex-grow ml-0 mt-4 w-0", children: _jsxs("button", { type: "button", onClick: (event) => handleNavigation(event, "/admin/users/userform"), className: "flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80", children: [_jsx(FaPlus, { className: "mr-2 font-medium" }), "User"] }) })] }), _jsx("div", { className: "inset-0 bg-gray-800 bg-opacity-50 z-50 transition-opacity duration-300", children: _jsxs("div", { className: `fixed top-0 right-0 h-full w-[300px]  bg-white p-4 rounded-md shadow-lg transform transition-transform duration-500 ease-in-out
+                                        : "text-gray-500 hover:bg-gray-100"} rounded-md`, children: index + 1 }, index + 1))) }), _jsxs("button", { onClick: handleNextPage, disabled: currentPage === totalPages, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("span", { children: "Next" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }) })] })] })] }), _jsx("div", { className: "inset-0 bg-gray-800 bg-opacity-50 z-50 transition-opacity duration-300", children: _jsxs("div", { className: `fixed top-0 right-0 h-full w-[300px]  bg-white p-4 rounded-md shadow-lg transform transition-transform duration-500 ease-in-out
           ${filterModal ? "translate-x-0" : "translate-x-full"}`, children: [_jsx("h1", { className: "text-2xl md:text-3xl font-bold text-blue-600 mb-4 md:mb-6", children: "Filter" }), _jsx("button", { onClick: () => setFilterModal(false), className: "absolute top-1 right-3 text-gray-400 hover:text-gray-600 text-2xl", children: "\u00D7" }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "mb-4 flex flex-col", children: [_jsx("label", { className: "block text-gray-700 mb-2", children: "Role Type" }), _jsx("div", { className: "w-full", children: _jsxs("select", { value: Number(selectedRoleType), onChange: handleRoleTypeChange, required: true, className: "w-full px-4 py-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "All" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] }) })] }), _jsx("div", { className: "flex flex-row gap-3", children: _jsx("button", { onClick: resetFilter, className: "mt-2 px-4 py-2 bg-blue-500 text-white rounded-md w-32", children: "Reset" }) })] })] }) })] }));
 };
 export default Users;

package/dist/components/footer/Footer.d.ts

@@ -1,7 +1,8 @@
-import React from "react";
 interface FooterProps {
     companyName?: string;
     isDarkMode?: boolean;
+    img?: string;
+    name?: string;
 }
-declare const Footer: React.FC<FooterProps>;
+declare const Footer: ({ companyName, isDarkMode, img, name }: FooterProps) => import("react/jsx-runtime").JSX.Element;
 export default Footer;

package/dist/components/footer/Footer.js

@@ -28,16 +28,15 @@ const data = [
         ],
     },
 ];
-const Footer = ({ companyName = "Eleven Software Solutions Pvt. Ltd.", isDarkMode = false, }) => {
+const Footer = ({ companyName, isDarkMode, img, name }) => {
     const handleNavigation = (event, path) => {
         event.preventDefault();
         window.history.pushState({}, "", path);
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
     const groups = data.map((group) => (_jsxs("div", { children: [_jsx("h3", { className: `${isDarkMode ? " text-[#ffff]" : " text-[#000000]"} text-lg font-bold mb-3`, children: group.title }), _jsx("ul", { children: group.links.map((link, index) => (_jsx("li", { className: "mb-2", children: _jsx("a", { href: link.link, onClick: (event) => handleNavigation(event, link.link), className: `${isDarkMode ? "text-[#B8B8B8]" : "bg-[#f8f9fa] text-[#b69B96]"} cursor-pointer hover:text-blue-200 hover:underline`, children: link.label }) }, index))) })] }, group.title)));
-    const thisName = "Barelvi";
     return (_jsxs("footer", { className: `${isDarkMode
             ? "bg-[#2e2e2e] lg:border-t lg:border-[#3b3b3b] md:border-t md:border-[#3b3b3b]"
-            : "bg-[#f8f9fa] border-t border-[#E9ECEF]"} py-8`, children: [_jsxs("div", { className: "container mx-auto px-6 flex flex-col lg:flex-row lg:justify-between items-center", children: [_jsxs("div", { className: "flex flex-col items-center lg:items-start lg:mb-0 ", children: [_jsx("img", { src: "images/BarelviLogo.png", alt: "Logo", className: "w-16 h-16 mb-0" }), _jsx("h2", { className: "text-2xl font-semibold bg-gradient-to-r from-red-500 to-yellow-400 bg-clip-text text-transparent", children: thisName }), _jsx("p", { className: "text-sm text-[#6c8282]", children: "A step towards digitalization for Islamic Learning" })] }), _jsx("div", { className: "hidden md:flex md:flex:row md:mt-4 lg:flex lg:flex-row justify-between w-full lg:w-1/2 ", children: groups })] }), _jsx("div", { className: `${isDarkMode ? "border-t border-[#424242]" : "border-t border-[#e9efec]"} py-4 mt-4 justify-between`, children: _jsxs("div", { className: "container mx-auto text-[#828282] text-sm px-6 text-center lg:flex lg:justify-between md:flex md:justify-between", children: [_jsxs("p", { children: ["\u00A9 2024 ", thisName, ". All rights reserved."] }), _jsxs("p", { children: ["Developed By:", " ", _jsx("a", { href: "http://www.11.Solutions", target: "_blank", rel: "noreferrer", className: "text-blue-300 hover:underline", children: companyName })] })] }) })] }));
+            : "bg-[#f8f9fa] border-t border-[#E9ECEF]"} py-8`, children: [_jsxs("div", { className: "container mx-auto px-6 flex flex-col lg:flex-row lg:justify-between items-center", children: [_jsxs("div", { className: "flex flex-col items-center lg:items-start lg:mb-0 ", children: [_jsx("img", { src: img, alt: "Logo", className: "w-16 h-16 mb-0" }), _jsx("span", { className: "text-transparent bg-clip-text font-extrabold text-[18px] ml-2 bg-gradient-to-r from-[#FD6E6A] to-[#FFC600]", children: name })] }), _jsx("div", { className: "hidden md:flex md:flex:row md:mt-4 lg:flex lg:flex-row justify-between w-full lg:w-1/2 ", children: groups })] }), _jsx("div", { className: `${isDarkMode ? "border-t border-[#424242]" : "border-t border-[#e9efec]"} py-4 mt-4 justify-between`, children: _jsxs("div", { className: "container mx-auto text-[#828282] text-sm px-6 text-center lg:flex lg:justify-between md:flex md:justify-between", children: [_jsxs("p", { children: ["\u00A9 2024 ", name, ". All rights reserved."] }), _jsxs("p", { children: ["Developed By:", " ", _jsx("a", { href: "http://www.11.Solutions", target: "_blank", rel: "noreferrer", className: "text-blue-300 hover:underline", children: companyName })] })] }) })] }));
 };
 export default Footer;

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-export { default as Navbar } from "./Navbar";
 export { default as Footer } from "./footer/Footer";
 export { default as Terms } from "./footer/Terms";
 export { default as Privacy } from "./footer/Privacy";
@@ -9,9 +8,11 @@ export { default as UserForm } from "./admin/UserForm";
 export { default as Taxionomies } from "./admin/Taxionomies";
 export { default as TaxonomyForm } from "./admin/TaxonomyForm";
 export { default as Template } from "./admin/Template";
-export { default as TemplateForm } from "./admin/TemplateForm";
+export { default as TemplateFrom } from "./admin/TemplateForm";
 export { default as Editor } from "./admin/Editor";
 export { default as AdminSideBar } from "./admin/Sidebar";
 export { default as Dashboard } from "./admin/Dashboard";
 export { registerApi, loginApi } from "./api/api";
+export { default as userSlice } from "./redux/slices/userSlice";
+export { getProfileApi, updateProfileApi } from "./api/updateuser";
 export { default as UpdateUserDetails } from "./useraccount/UpdateUserDetails";

package/dist/components/index.js

@@ -1,5 +1,4 @@
 // Exports for components
-export { default as Navbar } from "./Navbar";
 export { default as Footer } from "./footer/Footer";
 export { default as Terms } from "./footer/Terms";
 export { default as Privacy } from "./footer/Privacy";
@@ -10,9 +9,11 @@ export { default as UserForm } from "./admin/UserForm";
 export { default as Taxionomies } from "./admin/Taxionomies";
 export { default as TaxonomyForm } from "./admin/TaxonomyForm";
 export { default as Template } from "./admin/Template";
-export { default as TemplateForm } from "./admin/TemplateForm";
+export { default as TemplateFrom } from "./admin/TemplateForm";
 export { default as Editor } from "./admin/Editor";
 export { default as AdminSideBar } from "./admin/Sidebar";
 export { default as Dashboard } from "./admin/Dashboard";
 export { registerApi, loginApi } from "./api/api";
+export { default as userSlice } from "./redux/slices/userSlice";
+export { getProfileApi, updateProfileApi } from "./api/updateuser";
 export { default as UpdateUserDetails } from "./useraccount/UpdateUserDetails";

package/dist/components/login/GoogleButton.js

@@ -22,6 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useGoogleLogin } from "@react-oauth/google";
 import axios from "axios";
 import Cookies from "universal-cookie";
+import setCookie from "./Setcookie";
 function GoogleIcon(props) {
     return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid", viewBox: "0 0 256 262", className: "w-4 h-4" }, props, { children: [_jsx("path", { fill: "#4285F4", d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" }), _jsx("path", { fill: "#34A853", d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" }), _jsx("path", { fill: "#FBBC05", d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" }), _jsx("path", { fill: "#EB4335", d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" })] })));
 }
@@ -33,7 +34,9 @@ function GoogleButton(_a) {
                 const response = yield axios.post(`${url}/login`, { type: 2 }, { headers: { Authorization: `Bearer ${tokenResponse.access_token}` } });
                 if (response.data.token) {
                     const cookies = new Cookies();
-                    cookies.set("authToken", response.data.token, { maxAge: 86400 });
+                    // cookies.set("authToken", response.data.token, { maxAge: 86400 });
+                    // dispatch(loginUser(url, email, password));
+                    setCookie(response.data.token);
                     window.location.href = "/home";
                 }
                 if (onClose)

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

@@ -7,6 +7,8 @@ interface HeaderProps {
     img: string;
     name: string;
     userdetails: any;
+    menugroups: any;
+    donationHistory: any;
 }
-declare const Header: ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, menugroups, donationHistory, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist/components/login/Header.js

@@ -12,88 +12,192 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CiLight, CiDark } from "react-icons/ci";
 import { RxPerson } from "react-icons/rx";
-import Cookies from "universal-cookie";
 import { useState } from "react";
 import UpdateUserDetails from "../useraccount/UpdateUserDetails";
+import { useDispatch } from "react-redux";
+import { clearProfileData } from "../redux/slices/userSlice";
+import { MdArrowDropDown } from "react-icons/md";
+import { MdArrowDropUp } from "react-icons/md";
 const IconWrapper = (_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
     return (_jsx("div", { className: className, children: _jsx(RxPerson, Object.assign({}, props)) }));
 };
-const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, }) => {
+const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, menugroups, donationHistory, }) => {
     const [isOpen, setIsOpen] = useState(false);
     const [usermodalopen, setusermodalopen] = useState(false);
     const [showUserCard, setShowUserCard] = useState(false);
+    const [isDepartmentsHovered, setIsDepartmentsHovered] = useState(false);
+    const [showJRMCard, setShowJRMCard] = useState(false);
+    const [showOnlineCard, setShowOnlineCard] = useState(false);
+    const handleDropdownToggle = (event) => {
+        event.preventDefault();
+        setIsDepartmentsHovered(!isDepartmentsHovered);
+    };
     const handleNavigation = (event, path) => {
         event.preventDefault();
         window.history.pushState({}, "", path);
         window.dispatchEvent(new PopStateEvent("popstate"));
     };
-    // console.log("logged", userLogedin);
     const isActive = (path) => window.location.pathname === path;
     const handleDark = () => {
         toggleTheme();
     };
-    // console.log("in common", userType.roleType);
+    const dispatch = useDispatch();
     const handleLogout = () => {
-        const cookies = new Cookies();
-        const token = cookies.get("authToken");
-        if (token) {
-            cookies.remove("authToken", { path: "/" });
-            window.location.href = "/home";
-        }
+        // const cookies = new Cookies();
+        // const token = cookies.get("authToken");
+        // if (token) {
+        //   cookies.remove("authToken", { path: "/" });
+        //   window.location.href = "/home";
+        // }
+        dispatch(clearProfileData());
     };
     const handleUser = () => {
         setusermodalopen(true);
         setIsOpen(false);
     };
-    return (_jsxs("header", { className: `relative ${isDarkMode
+    return (_jsxs("header", { className: ` ${isDarkMode
             ? "bg-globalBg border-b border-gray-700"
-            : "bg-white border-b border-gray-200"}`, children: [_jsx("div", { className: ` pl-4 pr-4 mx-auto ${isDarkMode ? "bg-globalBg " : "bg-[#ffff]"}`, children: _jsxs("div", { className: "flex items-center justify-between ", children: [_jsx("div", { children: _jsxs("a", { href: "/home", onClick: (event) => handleNavigation(event, "/home"), className: "flex items-center justify-between gap-4", children: [_jsx("img", { className: "w-auto h-14 sm:h-10 md:h-14 lg:h-14", src: img, alt: "Logo" }), _jsx("span", { className: "text-2xl font-semibold bg-gradient-to-r from-red-500 to-yellow-400 bg-clip-text text-transparent", children: name })] }) }), _jsx("div", { className: "md:hidden lg:hidden", children: _jsx("button", { onClick: () => setIsOpen(!isOpen), type: "button", className: `${isDarkMode ? " text-white" : "text-black"}`, "aria-label": "toggle menu", children: !isOpen ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 8h16M4 16h16" }) })) : (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-6 h-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })) }) }), _jsx("div", { className: ` ${isOpen ? "translate-x-0" : "translate-x-full md:translate-x-0"}  
+            : "bg-white border-b border-gray-200"}`, children: [_jsx("div", { className: ` pl-1 pr-2 mx-auto ${isDarkMode ? "bg-globalBg " : "bg-[#ffff]"}`, children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { children: _jsxs("a", { href: "/home", onClick: (event) => handleNavigation(event, "/home"), className: "flex items-center justify-between", children: [_jsx("img", { className: "w-auto h-14 sm:h-10 md:h-14 lg:h-14", src: img, alt: "Logo" }), _jsx("span", { className: "text-transparent bg-clip-text font-extrabold text-[18px] ml-2.5 bg-gradient-to-r from-[#FD6E6A] to-[#FFC600]", children: name })] }) }), _jsx("div", { className: "md:hidden lg:hidden  items-center", children: _jsx("button", { onClick: () => setIsOpen(!isOpen), type: "button", className: `${isDarkMode ? " text-white" : "text-black"}`, "aria-label": "toggle menu", children: !isOpen ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-6 h-6 ml-2 ", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 8h16M4 16h16" }) })) : (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-6 h-6 ml-2 ", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })) }) }), _jsx("div", { className: ` ${isOpen ? "translate-x-0" : "translate-x-full md:translate-x-0"}  
               transform transition-transform duration-300 ease-in-out w-full md:w-auto mt-20 md:mt-0 fixed md:relative top-0 right-0  md:top-auto md:bg-transparent md:h-auto z-50 md:z-auto  ${isOpen
                                 ? isDarkMode
                                     ? "bg-[#2e2e2e] text-[#ffff]"
                                     : "bg-[#ffff] text-black"
-                                : ""}`, children: _jsxs("div", { className: " flex flex-col  md:flex-row md:items-center md:space-x-4 p-4 md:p-0 mr-3", children: [_jsx("a", { href: "/home", onClick: (event) => handleNavigation(event, "/home"), className: `px-2 py-1 rounded-md ${isActive("/home")
+                                : ""}`, children: _jsxs("div", { className: " flex flex-col  md:flex-row  md:items-center md:space-x-2 md:p-0 ", children: [_jsx("a", { href: "/home", onClick: (event) => {
+                                            setIsOpen(false);
+                                            handleNavigation(event, "/home");
+                                        }, className: ` 
+                  py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm ${isActive("/home")
                                             ? "bg-blue-500 text-white"
                                             : isDarkMode
                                                 ? "text-white hover:bg-gray-600"
-                                                : "text-black hover:bg-gray-200"}`, children: "Home" }), _jsx("a", { href: "/about", onClick: (event) => handleNavigation(event, "/about"), className: `px-2 py-1 rounded-md ${isActive("/about")
+                                                : "text-[#495057] hover:bg-gray-200"}`, children: "Home" }), _jsx("a", { href: "/about", onClick: (event) => {
+                                            setIsOpen(false);
+                                            handleNavigation(event, "/about");
+                                        }, className: ` 
+               py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm ${isActive("/about")
                                             ? "bg-blue-500 text-white"
                                             : isDarkMode
                                                 ? "text-white hover:bg-gray-600"
-                                                : "text-black hover:bg-gray-200"}`, children: "About Us" }), _jsx("a", { href: "/contact", onClick: (event) => handleNavigation(event, "/contact"), className: `px-2 py-1 rounded-md ${isActive("/contact")
+                                                : "text-[#495057] hover:bg-gray-200"}`, children: "About Us" }), (menugroups === null || menugroups === void 0 ? void 0 : menugroups.length) > 0 && (_jsx("div", { className: "flex flex-col md:flex-row md:gap-2", children: menugroups.map((item, index) => (item.label === "Departments" ? (_jsxs("div", { className: "relative", onMouseEnter: () => setIsDepartmentsHovered(true), children: [_jsxs("a", { className: `py-1 px-2 md:px-1 rounded-[4px] flex justify-between font-semibold text-sm ${isActive("/seealldepartments")
+                                                        ? "bg-blue-500 text-white"
+                                                        : isDarkMode
+                                                            ? "text-white hover:bg-gray-600"
+                                                            : "text-[#495057] hover:bg-gray-200"}`, children: [_jsx("a", { href: "/seealldepartments", onClick: (event) => {
+                                                                setIsOpen(false);
+                                                                handleNavigation(event, "/seealldepartments");
+                                                            }, children: item.label }), isDepartmentsHovered ? (_jsx(MdArrowDropUp, { className: "w-6 h-6", onClick: handleDropdownToggle })) : (_jsx(MdArrowDropDown, { className: "w-6 h-6", onClick: handleDropdownToggle }))] }), (isDepartmentsHovered) && (_jsxs("div", { className: `md:absolute md:top-12 md:left-0 relative top-0 left-0  p-0 w-auto md:shadow-lg rounded-lg border border-gray-200 ${isDarkMode
+                                                        ? "bg-[#2e2e2e] border-gray-700"
+                                                        : "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setIsDepartmentsHovered(true), onMouseLeave: () => setIsDepartmentsHovered(false), children: [_jsx("p", { onClick: (event) => {
+                                                                setIsOpen(false);
+                                                                handleNavigation(event, "/jamiaturraza");
+                                                            }, className: `cursor-pointer block px-4 py-2 rounded-md font-semibold hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
+                                                                ? "text-white hover:bg-gray-600"
+                                                                : "text-[#495057] hover:bg-gray-200"}`, children: "Centre of Islamic studies" }), _jsx("p", { onClick: (event) => {
+                                                                setIsOpen(false);
+                                                                handleNavigation(event, "/sharaeecouncilindia");
+                                                            }, className: `cursor-pointer block px-4 py-2 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
+                                                                ? "text-white hover:bg-gray-600"
+                                                                : "text-[#495057]  hover:bg-gray-200"}`, children: "The Shar\u2019ee Council of India" }), _jsxs("div", { className: `relative ${isDarkMode
+                                                                ? "bg-[#2e2e2e] border-gray-700"
+                                                                : "bg-[#ffff]  border-gray-200"}`, children: [_jsxs("p", { className: `relative cursor-pointer px-4 py-2 flex justify-between block font-semibold rounded-md transition-colors duration-200 whitespace-nowrap ${isDarkMode
+                                                                        ? "text-white hover:bg-gray-600"
+                                                                        : "text-[#495057] hover:bg-gray-200"}`, children: [_jsx("p", { onClick: (event) => {
+                                                                                setIsOpen(false);
+                                                                                handleNavigation(event, "/jamaterazamustafa");
+                                                                            }, children: "Jamat Raza-e-Mustafa" }), showJRMCard ? (_jsx(MdArrowDropUp, { className: "w-7 h-7", onClick: () => setShowJRMCard(false) })) : (_jsx(MdArrowDropDown, { className: "w-7 h-7", onClick: () => setShowJRMCard(true) }))] }), showJRMCard && (_jsxs("div", { className: `px-4 rounded-lg cursor-pointer block font-semibold rounded-md transition-colors duration-200 whitespace-nowrap ${isDarkMode
+                                                                        ? "bg-[#2e2e2e] border-gray-700"
+                                                                        : "bg-[#ffff] border-gray-200"}`, children: [_jsxs("div", { className: `font-semibold flex justify-between rounded-md transition-colors pl-5 py-2 ${isDarkMode
+                                                                                ? "text-white bg-[#2e2e2e] hover:bg-gray-600"
+                                                                                : "text-[#495057] bg-[#ffff] hover:bg-gray-200"}`, children: ["online", showOnlineCard ? (_jsx(MdArrowDropUp, { className: "w-7 h-7", onClick: () => setShowOnlineCard(false) })) : (_jsx(MdArrowDropDown, { className: "w-7 h-7", onClick: () => setShowOnlineCard(true) }))] }), showOnlineCard && (_jsx("div", { onClick: (event) => {
+                                                                                setIsOpen(false);
+                                                                                handleNavigation(event, "/jrm/online/registration");
+                                                                            }, className: `font-semibold rounded-md transition-colors px-10 py-2 ${isDarkMode
+                                                                                ? "text-white bg-[#2e2e2e] hover:bg-gray-600"
+                                                                                : "text-[#495057] bg-[#ffff] hover:bg-gray-200"}`, children: "Registration" }))] }))] }), _jsx("p", { onClick: (event) => {
+                                                                setIsOpen(false);
+                                                                handleNavigation(event, "/sunniduniya");
+                                                            }, className: `cursor-pointer block px-4 py-2 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
+                                                                ? "text-white hover:bg-gray-600"
+                                                                : "text-[#495057]  hover:bg-gray-200"}`, children: "Monthly Sunni Duniya" }), _jsx("p", { onClick: (event) => {
+                                                                setIsOpen(false);
+                                                                handleNavigation(event, "/markazidarulifta");
+                                                            }, className: `cursor-pointer block px-4 py-2 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
+                                                                ? "text-white hover:bg-gray-600"
+                                                                : "text-[#495057]  hover:bg-gray-200"}`, children: "Markazi Darul Ifta" })] }))] }, index)) : (_jsx("p", { onClick: () => {
+                                                var _a;
+                                                (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+                                                setIsOpen(false);
+                                            }, className: `cursor-pointer py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm 
+                        ${isActive(item.path)
+                                                ? "bg-blue-500 text-white"
+                                                : isDarkMode
+                                                    ? "text-white hover:bg-gray-600"
+                                                    : "text-[#495057] hover:bg-gray-200"}`, children: item.label }, index)))) })), _jsx("a", { href: "/contact", onClick: (event) => {
+                                            setIsOpen(false);
+                                            handleNavigation(event, "/contact");
+                                        }, className: ` 
+                    py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm ${isActive("/contact")
                                             ? "bg-blue-500 text-white"
                                             : isDarkMode
                                                 ? "text-white hover:bg-gray-600"
-                                                : "text-black hover:bg-gray-200"}`, children: "Contact Us" }), userLogedin ? (_jsxs("div", { className: "relative", children: [_jsx("div", { className: `px-3 py-1 h-20 rounded-md md:flex items-center  ${isDarkMode ? "text-white" : "text-black"} hidden `, onMouseEnter: () => setShowUserCard(true), children: _jsx("div", { className: "w-6 h-6 flex items-center justify-center", children: _jsx(IconWrapper, { style: { width: "50px", height: "20px" } }) }) }), showUserCard && (_jsxs("div", { className: `absolute top-16 right-0 p-2 w-52 shadow-lg rounded-lg border border-gray-200 hidden sm:block ${isDarkMode
+                                                : "text-[#495057] hover:bg-gray-200"}`, children: "Contact Us" }), userLogedin ? (_jsxs("div", { children: [_jsx("div", { className: `p-1  rounded-md md:flex items-center  ${isDarkMode ? "text-white" : "text-black"} hidden `, onMouseEnter: () => setShowUserCard(true), children: _jsx("div", { className: "w-6 h-6 flex items-center justify-center", children: _jsx(IconWrapper, { style: { width: "50px", height: "20px" } }) }) }), showUserCard && (_jsxs("div", { className: `absolute  top-12 right-0 p-2 w-52 shadow-lg rounded-lg border border-gray-200 hidden sm:block ${isDarkMode
                                                     ? "bg-[#2e2e2e] border-gray-700"
-                                                    : "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setShowUserCard(true), onMouseLeave: () => setShowUserCard(false), children: [userType === 2 && (_jsx("p", { onClick: (event) => {
+                                                    : "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setShowUserCard(true), onMouseLeave: () => setShowUserCard(false), children: [(userdetails === null || userdetails === void 0 ? void 0 : userdetails.roleType) === 2 && (_jsx("p", { onClick: (event) => {
                                                             handleNavigation(event, "/admin");
                                                             event.currentTarget.parentElement.classList.add("hidden");
-                                                        }, className: `cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                        }, className: `cursor-pointer block px-2 py-1 rounded-md font-semibold hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
                                                             ? "text-white hover:bg-gray-600"
-                                                            : "text-black hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: (event) => {
+                                                            : "text-[#495057] hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: (event) => {
                                                             setusermodalopen(true);
                                                             event.currentTarget.parentElement.classList.add("hidden");
-                                                        }, className: `cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                        }, className: `cursor-pointer block px-2 py-1 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
                                                             ? "text-white hover:bg-gray-600"
-                                                            : "text-black hover:bg-gray-200"}`, children: "Update Details" }), _jsx("p", { onClick: (event) => {
-                                                            handleLogout();
-                                                            event.currentTarget.parentElement.classList.add("hidden");
-                                                        }, className: `cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                            : "text-[#495057]  hover:bg-gray-200"}`, children: "Update Details" }), (donationHistory === null || donationHistory === void 0 ? void 0 : donationHistory.label) && (_jsx("p", { onClick: donationHistory.onClick, className: `cursor-pointer block px-2 py-1 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                            ? "text-white hover:bg-gray-600"
+                                                            : "text-[#495057] hover:bg-gray-200"}`, children: donationHistory.label })), _jsx("p", { onClick: handleLogout, className: `cursor-pointer block px-2 py-1 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
                                                             ? "text-white hover:bg-gray-600"
-                                                            : "text-black hover:bg-gray-200"}`, children: "Logout" })] })), _jsxs("div", { className: "sm:hidden", children: [userType === 2 && (_jsx("p", { onClick: (event) => handleNavigation(event, "/admin"), className: `cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                            : "text-[#495057]  hover:bg-gray-200"}`, children: "Logout" })] })), _jsxs("div", { className: "sm:hidden", children: [(userdetails === null || userdetails === void 0 ? void 0 : userdetails.roleType) === 2 && (_jsx("p", { onClick: (event) => {
+                                                            setIsOpen(false);
+                                                            handleNavigation(event, "/admin");
+                                                        }, className: ` 
+                          py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm
+                          ? "bg-blue-500 text-white"
+                          ${isDarkMode
                                                             ? "text-white hover:bg-gray-600"
-                                                            : "text-black hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: handleUser, className: `cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                            : "text-[#495057] hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: handleUser, className: ` 
+                        py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm
+                        ? "bg-blue-500 text-white"
+                        ${isDarkMode
                                                             ? "text-white hover:bg-gray-600"
-                                                            : "text-black hover:bg-gray-200"}`, children: "Update Details" }), _jsx("p", { onClick: handleLogout, className: `cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
+                                                            : "text-[#495057] hover:bg-gray-200"}`, children: "Update Details" }), (donationHistory === null || donationHistory === void 0 ? void 0 : donationHistory.label) && (_jsx("p", { onClick: () => {
+                                                            var _a;
+                                                            (_a = donationHistory.onClick) === null || _a === void 0 ? void 0 : _a.call(donationHistory);
+                                                            setIsOpen(false);
+                                                        }, className: ` 
+                        py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm
+                        ${isActive(donationHistory.path)
+                                                            ? "bg-blue-500 text-white"
+                                                            : isDarkMode
+                                                                ? "text-white hover:bg-gray-600"
+                                                                : "text-[#495057] hover:bg-gray-200"}`, children: donationHistory.label })), _jsx("p", { onClick: handleLogout, className: ` 
+                        py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm
+                        ? "bg-blue-500 text-white"
+                        ${isDarkMode
                                                             ? "text-white hover:bg-gray-600"
-                                                            : "text-black hover:bg-gray-200"}`, children: "Logout" })] })] })) : (_jsx("a", { href: "/login", onClick: (event) => handleNavigation(event, "/login"), className: `px-2 py-1 rounded-md ${isActive("/login")
+                                                            : "text-[#495057] hover:bg-gray-200"}`, children: "Logout" })] })] })) : (_jsx("a", { href: "/login", onClick: (event) => {
+                                            setIsOpen(false);
+                                            handleNavigation(event, "/login");
+                                        }, className: ` 
+                    py-1 px-2 md:px-1  rounded-[4px] font-semibold text-sm  ${isActive("/login")
                                             ? "bg-blue-500 text-white"
                                             : isDarkMode
                                                 ? "text-white hover:bg-gray-600"
-                                                : "text-black hover:bg-gray-200"}`, children: "Login" })), _jsx("button", { onClick: () => handleDark(), className: `md:px-3 pl-1  py-1 md:border-2  rounded-md transition-transform transform hover:scale-95 duration-300 ${isDarkMode
-                                            ? "text-white border-white"
-                                            : "text-black border-black"}`, children: isDarkMode ? _jsx(CiDark, {}) : _jsx(CiLight, {}) })] }) })] }) }), _jsx(UpdateUserDetails, { usermodalopen: usermodalopen, closeusermodal: () => setusermodalopen(false), url: url, isDarkMode: isDarkMode })] }));
+                                                : "text-[#495057] hover:bg-gray-200"}`, children: "Login" })), _jsx("button", { onClick: () => {
+                                            toggleTheme();
+                                            setIsOpen(false);
+                                        }, className: `  ml-2 lg:px-1 lg:py-1 md:border rounded-[4.5px] transition-transform transform hover:scale-95 duration-300 ${isDarkMode
+                                            ? "text-white border-yellow-500 "
+                                            : "text-black border-blue-500"} `, children: isDarkMode ? (_jsx(CiLight, { size: 20, color: "yellow" })) : (_jsx(CiDark, { size: 20, color: "blue" })) })] }) })] }) }), _jsx(UpdateUserDetails, { usermodalopen: usermodalopen, closeusermodal: () => setusermodalopen(false), url: url, isDarkMode: isDarkMode, userdetails: userdetails })] }));
 };
 export default Header;

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

@@ -3,6 +3,7 @@ interface LoginProps {
     closeModal: () => void;
     url: string;
     isDarkMode: boolean;
+    img: string;
 }
-declare const Login: ({ ModalOpen, closeModal, url, isDarkMode }: LoginProps) => import("react/jsx-runtime").JSX.Element;
+declare const Login: ({ ModalOpen, closeModal, url, isDarkMode, img }: LoginProps) => import("react/jsx-runtime").JSX.Element;
 export default Login;