@syzy/apphost 1.0.14 → 1.0.16

package/dist/App.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const componentMap: Record<string, React.ComponentType<any>>;
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default _default;
+declare function App({ isSessionReady }: any): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/App.js

@@ -1,83 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// import { configureAmplify } from "./config/amplifyConfig.ts";
-import { Route, Routes } from 'react-router-dom';
-import { useCurrentUser } from './hooks/useCurrentUser';
-import { withSyzyAuth } from './hoc/withSyzyAuth';
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import Sidebar from './components/NavBar/Sidebar';
-import { getSidebarMenu } from './services/navigationMenu';
-import ProfileForm from './components/ProfileForm/ProfileForm';
+import LoadingSpinner from './components/Loader/Loader';
+import Home from './components/Home/Home';
 import BranchMapping from './components/Mappings/BranchMapping/Branch';
 import MappingFormBranchUser from './components/Mappings/BranchMapping/MappingFormBranchUser';
 import ComponentRoleMapping from './components/Mappings/ComponentMapping/ComponentRoleMapping';
 import MappingFormUserRole from './components/Mappings/RoleMapping/MappingFormUserRole';
-import Home from './components/Home/Home';
-import LoadingSpinner from './components/Loader/Loader';
-// import { isHostedInContainer } from "./util/hostedinContainer.ts";
-// configureAmplify();
 export const componentMap = {
     BranchMapping,
-    ProfileForm,
     MappingFormBranchUser,
     MappingFormUserRole,
     ComponentRoleMapping,
     Home,
 };
-const flattenRoutes = (items) => {
-    const flat = [];
-    const walk = (arr) => {
-        arr.forEach(item => {
-            if (item.path && item.requiredComponent) {
-                flat.push(item);
-            }
-            if (item.children) {
-                walk(item.children);
-            }
-        });
-    };
-    walk(items);
-    return flat;
-};
-const withAccessControl = (Component, props, requiredComponent, allowedComponents) => {
-    // Check if the user has access
-    const isAllowed = !requiredComponent || (allowedComponents?.includes(requiredComponent));
-    if (!isAllowed) {
-        return () => (_jsx("div", { className: "text-center mt-5", children: _jsx("h3", { className: "text-danger", children: "You are not allowed to see this page." }) }));
-    }
-    return () => _jsx(Component, { ...props });
-};
 function App({ isSessionReady }) {
-    const { user } = useCurrentUser();
-    const [routes, setRoutes] = useState([]);
-    const flatRoutes = flattenRoutes(routes);
-    useEffect(() => {
-        const fetchMenu = async () => {
-            const data = await getSidebarMenu();
-            setRoutes(data);
-        };
-        fetchMenu();
-    }, []);
-    // useEffect(() => {
-    //   isHostedInContainer();
-    // }, []);
-    useEffect(() => {
-        const fetchMenu = async () => {
-            const data = await getSidebarMenu();
-            setRoutes(data);
-        };
-        fetchMenu();
-    }, []);
-    // useEffect(() => {
-    //   isHostedInContainer();
-    //   configureAmplify();
-    // }, []);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: { display: "flex", width: "100%" }, children: [_jsx(Sidebar, {}), _jsx("div", { style: { flex: 1, padding: "10px" }, children: !isSessionReady ? (_jsx(LoadingSpinner, {})) : (_jsx(React.Fragment, { children: _jsxs(Routes, { children: [flatRoutes.map(({ path, requiredComponent, props }) => {
-                                        const PageComponent = componentMap[requiredComponent];
-                                        if (!PageComponent)
-                                            return null;
-                                        const ProtectedComponent = withAccessControl(PageComponent, props, requiredComponent, user.allowedComponents);
-                                        return _jsx(Route, { path: path, element: _jsx(ProtectedComponent, {}) }, path);
-                                    }), _jsx(Route, { path: "*", element: _jsx("h3", { className: "text-danger", children: "Page Not Found" }) })] }) })) })] }), _jsx(ReactQueryDevtools, { initialIsOpen: false })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: "flex", width: "100%" }, children: _jsx("div", { style: { flex: 1, padding: "10px" }, children: !isSessionReady ? (_jsx(LoadingSpinner, {})) : (_jsx(React.Fragment, {})) }) }), _jsx(ReactQueryDevtools, { initialIsOpen: false })] }));
 }
-export default withSyzyAuth(App);
+export default App;

package/dist/AppHostRoutes.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Routes, Route } from "react-router-dom";
 // import Home from "./components/Home/Home";
-import ProfileForm from "./components/ProfileForm/ProfileForm";
-// import LoginForm from "./components/Login/Login";
+// import ProfileForm from "./components/ProfileForm/ProfileForm";
+import LoginForm from "./components/Login/Login";
 // import BranchMapping from "./components/Mappings/BranchMapping/Branch";
 // import MappingFormBranchUser from "./components/Mappings/BranchMapping/MappingFormBranchUser";
-// import ComponentRoleMapping from "./components/Mappings/ComponentMapping/ComponentRoleMapping";
-// import MappingFormUserRole from "./components/Mappings/RoleMapping/MappingFormUserRole";
+import ComponentRoleMapping from "./components/Mappings/ComponentMapping/ComponentRoleMapping";
+import MappingFormUserRole from "./components/Mappings/RoleMapping/MappingFormUserRole";
 export const AppHostRoutes = () => {
-    // const handleLogin = (isLoggedIn: boolean) => {
-    //   // Handle login logic here
-    //   console.log("User logged in:", isLoggedIn);
-    // };
-    return (_jsx(Routes, { children: _jsx(Route, { path: "/apphost/profile-form", element: _jsx(ProfileForm, {}) }) }));
+    const handleLogin = (isLoggedIn) => {
+        // Handle login logic here
+        console.log("User logged in:", isLoggedIn);
+    };
+    return (_jsxs(Routes, { children: [_jsx(Route, { path: "/apphost/login-form", element: _jsx(LoginForm, { login: handleLogin }) }), _jsx(Route, { path: "/apphost/mapping-user-role", element: _jsx(MappingFormUserRole, {}) }), _jsx(Route, { path: "/apphost/component-role-mapping", element: _jsx(ComponentRoleMapping, {}) })] }));
 };

package/dist/api/mapping-api.js

@@ -14,7 +14,7 @@ import { Status } from "../domain/type/StatusEnum";
 export const MAPPING_RESOURCE = "mapping";
 export const GET_MAPPING_BY_USERID_QUERYKEY = "mappingbyuserid";
 export const LIST_BRANCHES_RESOURCE = "branches";
-const endpoint = EnvConfig.appHostAPi;
+const endpoint = EnvConfig.hmsAPi;
 export const transformtoMappingDto = (mappingData) => {
     logger.info("transform to MappingDto:", mappingData);
     const { __typename, createdAt, updatedAt, ...itm } = mappingData;
@@ -367,7 +367,7 @@ export const useUpdateBranchMutation = () => {
     });
 };
 export const fetchBranchUserMappings = async (branchesMap) => {
-    const endpoint = EnvConfig.appHostAPi;
+    const endpoint = EnvConfig.hmsAPi;
     const client = await Client.getCustomGraphqlClient(endpoint);
     const response = await client.request(ListBranchUserMappings);
     return response.listMapping.map((m) => {
@@ -385,7 +385,7 @@ export const fetchBranchUserMappings = async (branchesMap) => {
     });
 };
 export const fetchUserRoleMappings = async () => {
-    const endpoint = EnvConfig.appHostAPi;
+    const endpoint = EnvConfig.hmsAPi;
     const client = await Client.getCustomGraphqlClient(endpoint);
     const response = await client.request(ListUserRoleMapping);
     return response.listMapping.map(m => ({
@@ -402,7 +402,7 @@ export const useUserRoleMappings = () => {
     });
 };
 export const fetchComponentRoleMappings = async () => {
-    const client = await Client.getCustomGraphqlClient(EnvConfig.appHostAPi);
+    const client = await Client.getCustomGraphqlClient(EnvConfig.hmsAPi);
     const response = await client.request(ListComponentRoleMappings);
     return response.listMapping.map((m) => {
         const transformed = transformtoMappingDto(m);

package/dist/components/Home/Home.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useContext } from "react";
-import { EnvConfig } from "../../config/EnvConfig";
-import AppContext from "../../store/AppContext";
-const appName = EnvConfig.applicationName || "Application";
-const ReservationCount = React.lazy(() => import("bookingUIApp/ReservationCount"));
+// import { EnvConfig } from "../../config/EnvConfig";
+// import AppContext from "../../store/AppContext";
+// const appName = EnvConfig.applicationName || "Application";
+// const ReservationCount = React.lazy(() => import("bookingUIApp/ReservationCount"));
 const Home = () => {
-    const { user } = useContext(AppContext) ?? { user: undefined };
-    const rawBranch = user?.branchId ?? "";
-    const parts = rawBranch.split("#");
-    const branchId = parts[1];
-    return (_jsxs("div", { className: "d-fle justify-content-center align-items-center h-100 flex-wrap", children: [_jsx("div", { className: "px-3 w-100 col-12", children: _jsx(ReservationCount, { branchId: branchId }) }), _jsx("div", { className: "h-75 d-flex justify-content-center align-items-center", children: _jsxs("div", { className: "text-center", children: [_jsxs("h2", { className: "fw-bold", children: [appName, " Dash Board"] }), _jsx("br", {}), _jsxs("h5", { children: ["\uD83D\uDC4B Welcome To ", appName, "! \uD83D\uDE42"] })] }) })] }));
+    // const { user } = useContext(AppContext) ?? { user: undefined };
+    // const rawBranch = user?.branchId ?? "";
+    // const parts = rawBranch.split("#");
+    // const branchId = parts[1];
+    return (_jsxs("div", { className: "d-fle justify-content-center align-items-center h-100 flex-wrap", children: [_jsx("div", { className: "px-3 w-100 col-12" }), _jsx("div", { className: "h-75 d-flex justify-content-center align-items-center", children: _jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "fw-bold", children: " Dash Board" }), _jsx("br", {}), _jsx("h5", { children: "\uD83D\uDC4B Welcome To! \uD83D\uDE42" })] }) })] }));
 };
 export default Home;

package/dist/components/Login/Login.js

@@ -6,7 +6,7 @@ import { toast } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 import { useNavigate } from "react-router-dom";
 import { FaEye, FaEyeSlash } from "react-icons/fa";
-import logo from "../../../src/assets/images/Hotel-Logo.jpg";
+// import logo from "../../../src/assets/images/Hotel-Logo.jpg"
 import { signIn, signUp, confirmSignUp, confirmResetPassword, getCurrentUser, confirmSignIn, resetPassword } from "aws-amplify/auth";
 import { signInSchema, registerSchema, confirmSignUpSchema, resetPasswordSchema, forceResetSchema, forgotPasswordSchema, } from "./loginSchema";
 import { ALL, HIDE_SIGN_UP, HIDE_SIGN_UP_IS_NO } from "../../static/constants";
@@ -143,7 +143,7 @@ const LoginForm = ({ login }) => {
         const isPassword = type === "password";
         return (_jsxs("div", { className: "mb-3 position-relative", children: [_jsxs("div", { className: "input-group", children: [_jsx("input", { type: isPassword ? (showPassword ? "text" : "password") : type, placeholder: label, ...register(name), className: `form-control ${errors[name] ? "is-invalid" : ""}` }), isPassword && (_jsx("span", { className: "input-group-text bg-white", style: { cursor: "pointer" }, onClick: () => setShowPassword((prev) => !prev), children: showPassword ? _jsx(FaEye, { size: 18 }) : _jsx(FaEyeSlash, { size: 18 }) }))] }), errors[name] && (_jsx("div", { className: "invalid-feedback d-block", children: errors[name]?.message }))] }));
     };
-    return (_jsx("div", { className: "d-flex justify-content-center align-items-center vh-100 bg-light", children: _jsx("div", { className: "card shadow-sm p-4 p-md-5 w-100", style: { maxWidth: "420px" }, children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx("div", { className: "d-flex justify-content-center", children: _jsx("img", { className: "w-75 mx-auto mb-4", src: logo }) }), _jsxs("h4", { className: "text-center mb-4 fw-bold", children: [authMode === "signin" && "Sign in to your account", authMode === "register" && "Create a new account", authMode === "confirm" && "Verify your email", authMode === "forgot" && "Forgot Password?", authMode === "reset" && "Reset Password", authMode === "forceReset" && "Set New Password"] }), authMode === "signin" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Password", "password", "password"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Sign In" }), _jsxs("div", { className: "d-flex justify-content-between", children: [(settingsByPkAndSk && settingsByPkAndSk?.value === HIDE_SIGN_UP_IS_NO) &&
+    return (_jsx("div", { className: "d-flex justify-content-center align-items-center vh-100 bg-light", children: _jsx("div", { className: "card shadow-sm p-4 p-md-5 w-100", style: { maxWidth: "420px" }, children: _jsxs("form", { onSubmit: handleSubmit(onSubmit), children: [_jsx("div", { className: "d-flex justify-content-center", children: _jsx("img", { className: "w-75 mx-auto mb-4", src: "logo" }) }), _jsxs("h4", { className: "text-center mb-4 fw-bold", children: [authMode === "signin" && "Sign in to your account", authMode === "register" && "Create a new account", authMode === "confirm" && "Verify your email", authMode === "forgot" && "Forgot Password?", authMode === "reset" && "Reset Password", authMode === "forceReset" && "Set New Password"] }), authMode === "signin" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Password", "password", "password"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Sign In" }), _jsxs("div", { className: "d-flex justify-content-between", children: [(settingsByPkAndSk && settingsByPkAndSk?.value === HIDE_SIGN_UP_IS_NO) &&
                                         _jsx("button", { type: "button", className: "btn btn-link p-0", onClick: () => setAuthMode("register"), children: "Create Account" }), _jsx("button", { type: "button", className: "btn btn-link p-0", onClick: () => setAuthMode("forgot"), children: "Forgot Password?" })] })] })), authMode === "register" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), renderInput("Email", "email", "email"), renderInput("Password", "password", "password"), renderInput("Confirm Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Register" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "confirm" && (_jsxs(_Fragment, { children: [renderInput("Verification Code", "text", "confirmationCode"), _jsx("button", { type: "submit", className: "btn btn-primary w-100 mb-2", children: "Confirm" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "forgot" && (_jsxs(_Fragment, { children: [renderInput("Username", "text", "username"), _jsx("button", { type: "submit", className: "btn btn-warning w-100 mb-2", children: "Send Reset Code" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "reset" && (_jsxs(_Fragment, { children: [renderInput("Verification Code", "text", "confirmationCode"), renderInput("New Password", "password", "password"), renderInput("Confirm New Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Reset Password" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] })), authMode === "forceReset" && (_jsxs(_Fragment, { children: [renderInput("New Password", "password", "password"), renderInput("Confirm New Password", "password", "confirmPassword"), _jsx("button", { type: "submit", className: "btn btn-success w-100 mb-2", children: "Update Password" }), _jsx("button", { type: "button", className: "btn btn-link w-100", onClick: () => setAuthMode("signin"), children: "Back to Sign In" })] }))] }) }) }));
 };
 export default LoginForm;

package/dist/components/Mappings/ComponentMapping/ComponentRoleMapping.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import MappingForm from "../MappingForm/MappingForm";
 import FormModal from "../../common/Modal/Modal";
 import ListTable from "../../common/ListTable/ListTable";
 import { toast } from "react-toastify";
 import { MappingTypes } from "../../../domain/type/MappingTypes";
-import { getCompoMappingByRoleIdAndCompoIdFun, useCreateMappingMutation, useListComponentRoleMappings, useUpdateMappingMutation, } from "../../../api/mapping-api";
+import { getCompoMappingByRoleIdAndCompoIdFun, useCreateMappingMutation, useListComponentRoleMappings, useListProfiles, useUpdateMappingMutation, } from "../../../api/mapping-api";
 import { EntityTypes } from "../../../domain/type/EntityTypes";
 import { Status } from "../../../domain/type/StatusEnum";
 import { SyzyDate } from "../../../util/SyzyDate";
 import { DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS } from "../../../util/dateUtils";
-import AppContext from "../../../store/AppContext";
 import { logger } from "../../../util/Logger";
 import { componentMap } from "../../../App";
 import { roles } from "../RoleMapping/MappingFormUserRole";
@@ -19,8 +18,7 @@ import ListHeader from "../../common/ListTable/ListHeader";
 import { ToastContainer } from "react-toastify";
 /* ---------------- Component Role Mapping ---------------- */
 const ComponentRoleMappingPage = () => {
-    const { user } = useContext(AppContext) || {};
-    const loggedInUserName = user?.userName;
+    const [users, setUsers] = useState([]);
     const [showModal, setShowModal] = useState(false);
     const [editingRow, setEditingRow] = useState();
     const currentISODate = new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS);
@@ -28,6 +26,12 @@ const ComponentRoleMappingPage = () => {
     const createMappingMutation = useCreateMappingMutation();
     const updateMappingMutation = useUpdateMappingMutation();
     const tableLoading = isLoading || createMappingMutation.isPending || updateMappingMutation.isPending;
+    const { data: profiles } = useListProfiles();
+    useEffect(() => {
+        if (profiles) {
+            setUsers(profiles.map((p) => ({ id: p.sk, name: p.name })));
+        }
+    }, [profiles]);
     /* ---------------- Component Options ---------------- */
     const components = useMemo(() => Object.keys(componentMap).map((key, index) => ({
         id: `Component#${String(index + 1).padStart(2, "0")}`,
@@ -46,9 +50,10 @@ const ComponentRoleMappingPage = () => {
     const handleSubmit = async (mappings) => {
         try {
             for (const map of mappings) {
+                const user = users.find(u => u.id === map.sourceId);
                 const role = roles.find(r => r.id === map.targetId);
                 const component = components.find(c => c.id === map.sourceId);
-                if (!role || !component || !loggedInUserName)
+                if (!user || !role || !component)
                     continue;
                 const payload = {
                     pk: role.id,
@@ -62,7 +67,7 @@ const ComponentRoleMappingPage = () => {
                     componentTitle: component.name,
                     status: map.status,
                     createdDt: editingRow?.createdDt || currentISODate,
-                    createdBy: loggedInUserName,
+                    createdBy: `${user.id}#${user.name}`,
                     disabledDt: map.status === Status.Inactive ? currentISODate : "",
                 };
                 const existing = await getCompoMappingByRoleIdAndCompoIdFun(payload.pk, payload.sk);

package/dist/components/Mappings/MappingForm/MappingForm.js

@@ -6,7 +6,6 @@ import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { statusOptions } from "../../../domain/type/statusOptions";
 import { Status } from "../../../domain/type/StatusEnum";
-// import '../../../styles/button.css';
 import { mappingFormSchema } from "./mappingSchema";
 import FormActionButtons from "../../common/Form/FormActionButtons";
 import FormLabel from "../../common/Form/FormLabel";

package/dist/components/api/settings-api.d.ts

@@ -23,4 +23,4 @@ export declare const useGetSettingsByPkAndSk: (pk: string, sk: string) => {
     settingsByPkAndSkFetching: boolean;
     settingsByPkAndSkSuccess: boolean;
 };
-export declare const useUpdateSettingsMutation: () => import("@tanstack/react-query").UseMutationResult<import("@aws-amplify/api-graphql").GraphQLResult<any> | import("@aws-amplify/api-graphql").GraphqlSubscriptionResult<any>, Error, SettingsDto, unknown>;
+export declare const useUpdateSettingsMutation: () => import("@tanstack/react-query").UseMutationResult<any, Error, SettingsDto, unknown>;

package/dist/components/api/settings-api.js

@@ -1,7 +1,5 @@
 import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { EnvConfig } from "../../config/EnvConfig";
 import { initSettings } from "../../domain/model/SettingsDto";
-import { Client } from "../../services/Client.Service";
 import { transformToData } from "../../util/transformToData";
 import { logger } from "../../util/Logger";
 import { ALL } from "../../static/constants";

package/dist/config/EnvConfig.d.ts

@@ -1,13 +1,15 @@
 export declare const EnvConfig: {
     env: any;
-    appHostAPi: any;
+    bookingAPi: any;
+    hmsAPi: any;
     region: any;
     userPoolId: any;
     userPoolClientId: any;
     identityPoolId: any;
     storage: any;
-    apiKey: any;
-    template: any;
     imageStorageBucketUrl: any;
-    applicationName: any;
+    keyId: any;
+    recordLimit: any;
+    authMode: any;
+    apiKey: any;
 };

package/dist/config/EnvConfig.js

@@ -1,13 +1,15 @@
 export const EnvConfig = {
     env: import.meta.env.VITE_SERVER_ENV || "local",
-    appHostAPi: import.meta.env.VITE_HMS_SERVICE_SERVER_URL || "",
+    bookingAPi: import.meta.env.VITE_BOOKING_SERVICE_SERVER_URL || "",
+    hmsAPi: import.meta.env.VITE_HMS_SERVICE_SERVER_URL || "",
     region: import.meta.env.VITE_AWS_REGION || "",
     userPoolId: import.meta.env.VITE_USERPOOL_ID || "",
     userPoolClientId: import.meta.env.VITE_USERPOOL_CLIENT_ID || "",
     identityPoolId: import.meta.env.VITE_IDPOOL_ID || "",
     storage: import.meta.env.VITE_STORAGE_NAME || "",
-    apiKey: import.meta.env.VITE_API_KEY || undefined,
-    template: import.meta.env.VITE_TEMPLATE || undefined,
     imageStorageBucketUrl: import.meta.env.VITE_IMAGE_STORAGE_BUCKET_URL || "",
-    applicationName: import.meta.env.VITE_APPLICATION_NAME || "",
+    keyId: import.meta.env.VITE_KEY_ID || "",
+    recordLimit: import.meta.env.VITE_RECORD_LIMIT || 1000,
+    authMode: import.meta.env.VITE_API_AUTHMODE,
+    apiKey: import.meta.env.VITE_API_KEY || undefined,
 };

package/dist/index.css

@@ -1 +1 @@
-.btn-primary-global:disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.mapping-form .mapping-sections{display:flex}.mapping-form label,.branch-form label{font-weight:600;margin-bottom:.5rem}.mapping-form .mapping-submit-btn{align-self:flex-start;margin-top:1rem;margin-inline-end:10px;width:100px;background-color:#009e9c;color:#fff;padding:5px 10px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.mapping-form .mapping-submit-btn:hover{background-color:#009e9c;color:#fff}.mapping-form .mapping-submit-btn:active{background-color:#009e9c;color:#fff;transform:scale(.95)}.mapping-form .mapping-clear-btn{align-self:flex-start;margin-top:1rem;margin-inline-start:10px;width:100px;background:#1d2d52;color:#fff;padding:5px 10px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.mapping-form .mapping-clear-btn:hover{background:#1d2d52;color:#fff}.mapping-form .mapping-clear-btn:active{background:#1d2d52;color:#fff;transform:scale(.95)}@media (min-width: 320px) and (max-width: 576px){.mapping-select .rs__control,.mapping-select .rs__menu{font-size:12px}.mapping-form .mapping-submit-btn,.mapping-form .mapping-clear-btn{font-size:13px}.mapping-form input,.branch-form input{padding:4px 7px}.branch-form input::placeholder,.mapping-form input::placeholder{font-size:14px}}@media (min-width: 577px) and (max-width: 768px){.mapping-select .rs__control,.mapping-select .rs__menu{font-size:13px}.mapping-form .mapping-submit-btn,.mapping-form .mapping-clear-btn{font-size:14px}.mapping-form,.branch-form{padding:10px}.mapping-form input,.branch-form input{padding:6px 7px}.branch-form input::placeholder,.mapping-form input::placeholder{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.mapping-select .rs__control,.mapping-select .rs__menu{font-size:15px}.mapping-form .mapping-submit-btn{font-size:16px}.mapping-form .mapping-clear-btn{font-size:14px}}
+:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-primary-global{color:var(--color-white);background-color:Var(--color-martinique);font-weight:var(--font-weight-500);font-size:var(--font-size-16px);border:none;margin-inline-end:10px;margin-top:20px;padding:6px 22px;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.btn-primary-global:hover{color:var(--color-white);background-color:var(--hover-color-martinique)}.btn-primary-global:active{transform:scale(.96);background-color:var(--active-color-martinique)}.btn-secondary-global{color:var(--color-white);background-color:var(--color-black);font-weight:var(--font-weight-500);font-size:var(--font-size-16px);border:none;margin-inline-start:10px;margin-top:20px;padding:6px 22px;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out}.btn-secondary-global:hover{color:var(--color-white);background-color:var(--hover-color-black)}.btn-secondary-global:active{transform:scale(.96);background-color:var(--active-color-black)}@media (max-width: 576px){.btn-primary-global,.btn-secondary-global{font-size:var(--font-size-12px);padding:5px 14px;margin-top:12px}}@media (min-width: 577px) and (max-width: 768px){.btn-primary-global,.btn-secondary-global{font-size:var(--font-size-14px);padding:5px 16px}}@media (min-width: 769px) and (max-width: 992px){.btn-primary-global,.btn-secondary-global{font-size:var(--font-size-14px);padding:6px 20px}}@media (min-width: 993px) and (max-width: 1200px){.btn-primary-global,.btn-secondary-global{font-size:var(--font-size-16px);padding:7px 22px}}@media (min-width: 1201px){.btn-primary-global,.btn-secondary-global{font-size:var(--font-size-18px);padding:8px 24px}}.btn-primary-global:disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.mapping-form .mapping-sections{display:flex}.mapping-form label,.branch-form label{font-weight:600;margin-bottom:.5rem}.mapping-form .mapping-submit-btn{align-self:flex-start;margin-top:1rem;margin-inline-end:10px;width:100px;background-color:#009e9c;color:#fff;padding:5px 10px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.mapping-form .mapping-submit-btn:hover{background-color:#009e9c;color:#fff}.mapping-form .mapping-submit-btn:active{background-color:#009e9c;color:#fff;transform:scale(.95)}.mapping-form .mapping-clear-btn{align-self:flex-start;margin-top:1rem;margin-inline-start:10px;width:100px;background:#1d2d52;color:#fff;padding:5px 10px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.mapping-form .mapping-clear-btn:hover{background:#1d2d52;color:#fff}.mapping-form .mapping-clear-btn:active{background:#1d2d52;color:#fff;transform:scale(.95)}@media (min-width: 320px) and (max-width: 576px){.mapping-select .rs__control,.mapping-select .rs__menu{font-size:12px}.mapping-form .mapping-submit-btn,.mapping-form .mapping-clear-btn{font-size:13px}.mapping-form input,.branch-form input{padding:4px 7px}.branch-form input::placeholder,.mapping-form input::placeholder{font-size:14px}}@media (min-width: 577px) and (max-width: 768px){.mapping-select .rs__control,.mapping-select .rs__menu{font-size:13px}.mapping-form .mapping-submit-btn,.mapping-form .mapping-clear-btn{font-size:14px}.mapping-form,.branch-form{padding:10px}.mapping-form input,.branch-form input{padding:6px 7px}.branch-form input::placeholder,.mapping-form input::placeholder{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.mapping-select .rs__control,.mapping-select .rs__menu{font-size:15px}.mapping-form .mapping-submit-btn{font-size:16px}.mapping-form .mapping-clear-btn{font-size:14px}}

package/dist/index.d.ts

@@ -1,3 +1 @@
-export { AppHostProvider } from "./AppHostProvider";
 export { AppHostRoutes } from "./AppHostRoutes";
-export { configureAppHost } from "./configureAppHost";

package/dist/index.js

@@ -1,3 +1 @@
-export { AppHostProvider } from "./AppHostProvider";
 export { AppHostRoutes } from "./AppHostRoutes";
-export { configureAppHost } from "./configureAppHost";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syzy/apphost",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "private": false,
   "type": "module",
   "main": "dist/index.js",

package/dist/AppHostProvider.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-interface Props {
-    children: ReactNode;
-}
-export declare const AppHostProvider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/AppHostProvider.js

@@ -1,4 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const AppHostProvider = ({ children }) => {
-    return (_jsx(_Fragment, { children: children }));
-};

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

@@ -1,4 +0,0 @@
-import React from "react";
-import './sidebar.css';
-declare const Sidebar: React.FC;
-export default Sidebar;

package/dist/components/NavBar/Sidebar.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
-import { NavLink, useNavigate } from "react-router-dom";
-import { getSidebarMenu } from "../../services/navigationMenu";
-import { Link } from "react-router-dom";
-import './sidebar.css';
-import { useDispatch } from "../../hooks/useDispatch";
-import { signOut } from "aws-amplify/auth";
-import { AppActionEnum } from "../../store/AppAction";
-import { RiLogoutBoxLine } from "react-icons/ri";
-import { FaArrowRight } from "react-icons/fa";
-import { FaArrowLeft } from "react-icons/fa";
-import { FaChevronDown, FaChevronUp } from "react-icons/fa";
-import * as FA from "react-icons/fa";
-import * as FA6 from "react-icons/fa6";
-import * as IO from "react-icons/io5";
-import * as IO4 from "react-icons/io";
-import * as RI from "react-icons/ri";
-const iconPacks = { FA, FA6, IO, IO4, RI };
-const Sidebar = () => {
-    const navigate = useNavigate();
-    const { dispatch } = useDispatch();
-    const [menus, setMenus] = useState([]);
-    const [activeMenu, setActiveMenu] = useState(null);
-    const [isExpanded, setIsExpanded] = useState(false);
-    const handleToggle = () => {
-        setIsExpanded(prevState => !prevState);
-    };
-    const handleMenuClick = (menu) => {
-        setActiveMenu(prevMenu => (prevMenu === menu ? null : menu));
-    };
-    const signOutFn = async () => {
-        await signOut({ global: true });
-        dispatch({ type: AppActionEnum.SignOut });
-        navigate("/");
-    };
-    const getIcon = (iconName, pack = "FA") => {
-        const library = iconPacks[pack] || FA;
-        return library[iconName] ? React.createElement(library[iconName]) : null;
-    };
-    useEffect(() => {
-        const fetchMenu = async () => {
-            const data = await getSidebarMenu();
-            setMenus(data);
-        };
-        fetchMenu();
-    }, []);
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "wrapper", children: _jsxs("aside", { id: "sidebar", className: isExpanded ? '' : 'expand', children: [_jsxs("div", { children: [_jsx("button", { type: "button", className: "toggle-btn", onClick: handleToggle, children: isExpanded ? _jsx(FaArrowRight, { className: 'icon' }) : _jsx(FaArrowLeft, { className: 'icon' }) }), _jsx("div", { className: "sidebar-logo", children: _jsxs("div", { children: [_jsx(Link, { to: '/', children: "HMS" }), _jsx("br", {}), _jsx("span", { children: "Salem" })] }) })] }), _jsxs("ul", { className: "sidebar-nav", children: [menus.map((menu, index) => (_jsx("li", { className: "sidebar-item", children: menu.children && menu.children.length > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Link, { to: menu.children[0].path, className: `d-flex justify-content-between sidebar-link has-dropdown ${menu.children.some((child) => location.pathname.startsWith(child.path))
-                                                ? "active" : ""}`, onClick: (e) => {
-                                                e.preventDefault();
-                                                handleMenuClick(menu.title);
-                                            }, "aria-controls": `menu-${index}`, children: [_jsxs("div", { children: [_jsx("span", { className: "icon", children: getIcon(menu.icon, menu.iconPack) }), _jsx("span", { className: "label", children: menu.title })] }), _jsx("span", { className: "arrow-icon d-flex justify-content-center align-items-center", children: activeMenu === menu.title ? _jsx(FaChevronUp, {}) : _jsx(FaChevronDown, {}) })] }), _jsx("ul", { id: `menu-${index}`, className: `sidebar-dropdown list-unstyled ${activeMenu === menu.title ? "show" : "collapse"}`, children: menu.children.map((child, cIndex) => (_jsx("li", { className: "sidebar-item", children: _jsx(Link, { to: child.path, className: `sidebar-link ${location.pathname === child.path ? "active-child" : ""}`, children: _jsx("span", { className: "label test", children: child.title }) }) }, cIndex))) })] })) : (
-                                // Normal single-level item
-                                _jsxs(NavLink, { to: menu.path, className: ({ isActive }) => `sidebar-link d-flex align-items-center ${isActive ? "active-link" : ""}`, children: [_jsx("div", { className: "icon", children: getIcon(menu.icon, menu.iconPack) }), _jsx("div", { className: "label", children: menu.title })] })) }, index))), _jsx("li", { className: "sidebar-item", children: _jsxs(Link, { to: '/', className: "sidebar-link", onClick: signOutFn, children: [_jsx(RiLogoutBoxLine, { className: 'log-icon' }), _jsx("span", { className: "label", children: "Logout" })] }) })] })] }) }) }));
-};
-export default Sidebar;

package/dist/components/ProfileForm/ProfileForm.d.ts

@@ -1,3 +0,0 @@
-import '../Mappings/MappingForm/MappingForm.css';
-declare const ProfileForm: () => import("react/jsx-runtime").JSX.Element;
-export default ProfileForm;