@syzy/apphost 1.0.17 → 1.0.19

package/dist/App.d.ts

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

package/dist/App.js

@@ -1,12 +1,18 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+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, { useState } from 'react';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-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,
     MappingFormBranchUser,
@@ -14,7 +20,43 @@ export const componentMap = {
     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 }) {
-    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 })] }));
+    const { user } = useCurrentUser();
+    const [routes, setRoutes] = useState([]);
+    const flatRoutes = flattenRoutes(routes);
+    // useEffect(() => {
+    //   isHostedInContainer();
+    //   configureAmplify();
+    // }, []);
+    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, { 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 })] }));
 }
-export default App;
+export default withSyzyAuth(App);

package/dist/api/mapping-api.js

@@ -1,4 +1,6 @@
 import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { EnvConfig } from "../config/EnvConfig";
+import { Client } from "../services/Client.Service";
 import { initUserMappingDto, transformtoUserMappingDto } from "../domain/model/UserMappingDto";
 import { initRoleMappingDto, transformtoRoleMappingDto } from "../domain/model/RoleMappingDto";
 import { initComponentMappingDto, transformtoComponentMappingDto } from "../domain/model/ComponentMappingDto";
@@ -9,12 +11,10 @@ import { logger } from "../util/Logger";
 import { createBranchMutationGQL, createMapping, updateMapping } from "../customGraphQL/customMutations";
 import { listBranchesQuery, ListBranchUserMappings, ListComponentRoleMappings, listMapping, ListUserRoleMapping, updateBranchMutationQuery } from "../customGraphQL/customQueries";
 import { Status } from "../domain/type/StatusEnum";
-import { Client } from "../services/Client.Service";
-import { EnvConfig } from "../config/EnvConfig";
 export const MAPPING_RESOURCE = "mapping";
 export const GET_MAPPING_BY_USERID_QUERYKEY = "mappingbyuserid";
 export const LIST_BRANCHES_RESOURCE = "branches";
-const endpoint = EnvConfig.hmsAPi;
+const endpoint = EnvConfig.appHostAPi;
 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.hmsAPi;
+    const endpoint = EnvConfig.appHostAPi;
     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.hmsAPi;
+    const endpoint = EnvConfig.appHostAPi;
     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.hmsAPi);
+    const client = await Client.getCustomGraphqlClient(EnvConfig.appHostAPi);
     const response = await client.request(ListComponentRoleMappings);
     return response.listMapping.map((m) => {
         const transformed = transformtoMappingDto(m);

package/dist/components/Login/Login.js

@@ -6,15 +6,17 @@ 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";
+import { useGetSettingsByPkAndSk } from "../api/settings-api";
 const LoginForm = ({ login }) => {
     const [authMode, setAuthMode] = useState("signin");
     const navigate = useNavigate();
     const [tempUsername, setTempUsername] = useState("");
     const [showPassword, setShowPassword] = useState(false);
-    // const { settingsByPkAndSk } = useGetSettingsByPkAndSk(ALL, HIDE_SIGN_UP);
+    const { settingsByPkAndSk } = useGetSettingsByPkAndSk(ALL, HIDE_SIGN_UP);
     const getSchema = () => {
         switch (authMode) {
             case "signin":
@@ -141,6 +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" }), _jsx("div", { className: "d-flex justify-content-between", children: _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" })] }))] }) }) }));
+    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,15 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useContext, 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, useListProfiles, useUpdateMappingMutation, } from "../../../api/mapping-api";
+import { getCompoMappingByRoleIdAndCompoIdFun, useCreateMappingMutation, useListComponentRoleMappings, 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";
@@ -18,7 +19,8 @@ import ListHeader from "../../common/ListTable/ListHeader";
 import { ToastContainer } from "react-toastify";
 /* ---------------- Component Role Mapping ---------------- */
 const ComponentRoleMappingPage = () => {
-    const [users, setUsers] = useState([]);
+    const { user } = useContext(AppContext) || {};
+    const loggedInUserName = user?.userName;
     const [showModal, setShowModal] = useState(false);
     const [editingRow, setEditingRow] = useState();
     const currentISODate = new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS);
@@ -26,12 +28,6 @@ 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")}`,
@@ -50,10 +46,9 @@ 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 (!user || !role || !component)
+                if (!role || !component || !loggedInUserName)
                     continue;
                 const payload = {
                     pk: role.id,
@@ -67,7 +62,7 @@ const ComponentRoleMappingPage = () => {
                     componentTitle: component.name,
                     status: map.status,
                     createdDt: editingRow?.createdDt || currentISODate,
-                    createdBy: `${user.id}#${user.name}`,
+                    createdBy: loggedInUserName,
                     disabledDt: map.status === Status.Inactive ? currentISODate : "",
                 };
                 const existing = await getCompoMappingByRoleIdAndCompoIdFun(payload.pk, payload.sk);

package/dist/components/SettingsPage/SettingsPage.d.ts

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

package/dist/components/SettingsPage/SettingsPage.js

@@ -0,0 +1,240 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from "react";
+import { transformdToPrefixDescription, useGetSettingsByPk, useUpdateSettingsMutation } from "../api/settings-api";
+import { Button, Card, Col, Container, Form, Modal, Row } from "react-bootstrap";
+import { toast } from "react-toastify";
+import { BsPencilSquare, BsCheckCircle, BsXCircle, BsInfoCircle } from "react-icons/bs";
+import './SettingsPage.css';
+import { ALL, BOOKING_RECEIPT_PREFIX_FORMAT, BOOKING_RECEIPT_RESETTING_PERIOD, BOOKING_RECEIPT_SEQUENCE_PADDING, BOOKING_RECEIPT_SERIES_NUMBER, HIDE_SIGN_UP, INVOICE_PREFIX_FORMAT, INVOICE_RESETTING_PERIOD, INVOICE_SEQUENCE_PADDING, INVOICE_SERIES_NUMBER, NEVER, PURCHASE_ORDER_PREFIX_FORMAT, PURCHASE_ORDER_RESETTING_PERIOD, PURCHASE_ORDER_SEQUENCE_PADDING, RESERVATION_PREFIX_FORMAT, RESERVATION_RESETTING_PERIOD, RESERVATION_SEQUENCE_PADDING } from "../../static/constants";
+import Select from "react-select";
+import { ResettingPeriodOptions } from "../../domain/type/ResettingPeriodOptions";
+import { initPrefixDescription } from "../../domain/model/PrefixDescriptionDto";
+import { resettingOptions, validateFirstOccurance, validateFullWrapper } from "../../util/prefixAndResettingValidation";
+import { logger } from "../../util/Logger";
+import AppContext from "../../store/AppContext";
+import { sighUpOptions } from "../../domain/type/signUpOptions";
+import { Roles } from "../../domain/type/RolesEnum";
+const SettingsPage = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    const userRoles = user?.roles ?? [];
+    const { settingsByPK } = useGetSettingsByPk(branchId);
+    const updateSettingsMutation = useUpdateSettingsMutation();
+    const [editStates, setEditStates] = useState({});
+    const [activeEditKey, setActiveEditKey] = useState(null);
+    const defaultInvResettingPeriodOption = ResettingPeriodOptions.find(option => option.value === "");
+    const [selectedInvResettingPeriod, setSelectedInvResettingPeriod] = useState(defaultInvResettingPeriodOption);
+    const defaultPurchaseOrderResetPeriodOption = ResettingPeriodOptions.find(option => option.value === "");
+    const [selectedPurchaseOrderResettingPeriod, setSelectedPurchaseOrdResettingPeriod] = useState(defaultPurchaseOrderResetPeriodOption);
+    const defaultReservationResetPeriodOption = ResettingPeriodOptions.find(option => option.value === "");
+    const [selectedReservationResettingPeriod, setSelectedReservationResettingPeriod] = useState(defaultReservationResetPeriodOption);
+    const defaultBookingReceiptResetPeriodOption = ResettingPeriodOptions.find(option => option.value === "");
+    const [selectedBookingReceiptResettingPeriod, setSelectedBookingReceiptResettingPeriod] = useState(defaultBookingReceiptResetPeriodOption);
+    const [showPrefixInfo, setShowPrefixInfo] = useState(false);
+    const [prefixDescription, setPrefixDescription] = useState(initPrefixDescription);
+    const defaultSignUpOption = sighUpOptions.find(option => option.value === "");
+    const [selectedSignUpOption, setSelectedSighUpOPtion] = useState(defaultSignUpOption);
+    useEffect(() => {
+        if (settingsByPK && settingsByPK.length > 0) {
+            const invResetPeriod = settingsByPK.find((setting) => setting.sk === INVOICE_RESETTING_PERIOD);
+            const purchaseOrdResetPeriod = settingsByPK.find((setting) => setting.sk === PURCHASE_ORDER_RESETTING_PERIOD);
+            const reservationResetPeriod = settingsByPK.find((setting) => setting.sk === RESERVATION_RESETTING_PERIOD);
+            const bookingReceiptResetPeriod = settingsByPK.find((setting) => setting.sk === BOOKING_RECEIPT_RESETTING_PERIOD);
+            const hideSignUp = settingsByPK.find((setting) => setting.sk === HIDE_SIGN_UP);
+            setSelectedInvResettingPeriod({ label: invResetPeriod?.value ?? '', value: invResetPeriod?.sk ?? '' });
+            setSelectedPurchaseOrdResettingPeriod({ label: purchaseOrdResetPeriod?.value ?? '', value: purchaseOrdResetPeriod?.sk ?? '' });
+            setSelectedReservationResettingPeriod({ label: reservationResetPeriod?.value ?? '', value: reservationResetPeriod?.sk ?? '' });
+            setSelectedBookingReceiptResettingPeriod({ label: bookingReceiptResetPeriod?.value ?? '', value: bookingReceiptResetPeriod?.sk ?? '' });
+            setSelectedSighUpOPtion({ label: hideSignUp?.value ?? '', value: hideSignUp?.sk ?? '' });
+        }
+    }, [settingsByPK]);
+    const handleEdit = (sk, currentValue) => {
+        setActiveEditKey(sk);
+        setEditStates((prev) => ({
+            ...prev,
+            [sk]: { isEditing: true, value: currentValue }
+        }));
+    };
+    const handleCancel = (sk) => {
+        setActiveEditKey(null);
+        setEditStates((prev) => ({
+            ...prev,
+            [sk]: { isEditing: false, value: prev[sk]?.value || "" },
+        }));
+    };
+    const handleChange = (sk, newValue) => {
+        setEditStates((prev) => ({ ...prev, [sk]: { ...prev[sk], value: newValue }, }));
+    };
+    const handleResettingPeriodChange = (sk, selectedOption) => {
+        if (selectedOption) {
+            const selectedVal = selectedOption.value;
+            setEditStates((prev) => ({ ...prev, [sk]: { ...prev[sk], value: selectedVal }, }));
+            if (sk === INVOICE_RESETTING_PERIOD) {
+                setSelectedInvResettingPeriod({ label: selectedVal, value: sk ?? '' });
+            }
+            else if (sk === PURCHASE_ORDER_RESETTING_PERIOD) {
+                setSelectedPurchaseOrdResettingPeriod({ label: selectedVal, value: sk ?? '' });
+            }
+            else if (sk === RESERVATION_RESETTING_PERIOD) {
+                setSelectedReservationResettingPeriod({ label: selectedVal, value: sk ?? '' });
+            }
+            else if (sk === BOOKING_RECEIPT_RESETTING_PERIOD) {
+                setSelectedBookingReceiptResettingPeriod({ label: selectedVal, value: sk ?? '' });
+            }
+        }
+    };
+    const upsertSettingsMutationFn = (settingsData) => {
+        try {
+            return new Promise((resolve, reject) => {
+                updateSettingsMutation.mutate(settingsData, {
+                    onSuccess: (_res) => {
+                        toast.success("Settings update successfully!");
+                        resolve();
+                    },
+                    onError: (err) => {
+                        toast.error("Error while request the Product");
+                        reject(err);
+                    }
+                });
+            });
+        }
+        catch (err) {
+            logger.error("error at product request updation", err);
+        }
+    };
+    const validatePrefixResetting = (prefixSk, resetSk) => {
+        const prefix = editStates[prefixSk]?.value ||
+            settingsByPK?.find(s => s.sk === prefixSk)?.value || "";
+        const resettingPeriod = editStates[resetSk]?.value ||
+            settingsByPK?.find(s => s.sk === resetSk)?.value || "";
+        const allowedPrefix = /^[a-zA-Z]+$/.test(prefix);
+        if (allowedPrefix) {
+            return true; // bypass resetting validation for custom prefixes
+        }
+        const allowedPeriods = getAllowedResettingPeriods(prefix).map(opt => opt.value);
+        if (!allowedPeriods.includes(resettingPeriod)) {
+            toast.info("Resetting period is not suitable for prefix format. Please select other resetting options before updating prefix.");
+            return false;
+        }
+        return true;
+    };
+    const handleUpdate = (settingData) => {
+        const newValue = editStates[settingData.sk]?.value;
+        // ✅ Series number validation (must be greater than existing)
+        if (settingData.sk === INVOICE_SERIES_NUMBER ||
+            settingData.sk === BOOKING_RECEIPT_SERIES_NUMBER) {
+            const existingValue = Number(settingData.value);
+            const enteredValue = Number(newValue);
+            if (isNaN(enteredValue)) {
+                toast.error("Please enter a valid number.");
+                return;
+            }
+            if (enteredValue <= existingValue) {
+                toast.error(`New series number must be greater than existing value (${existingValue}).`);
+                return;
+            }
+        }
+        const allowedPrefix = (settingData.sk === INVOICE_PREFIX_FORMAT || settingData.sk === BOOKING_RECEIPT_PREFIX_FORMAT) && /^[a-zA-Z]+$/.test(newValue);
+        // check allowed predefined constant usage -----
+        if (settingData.sk === INVOICE_PREFIX_FORMAT || settingData.sk === PURCHASE_ORDER_PREFIX_FORMAT || settingData.sk === RESERVATION_PREFIX_FORMAT || settingData.sk === BOOKING_RECEIPT_PREFIX_FORMAT) {
+            const invalidWrapper = validateFullWrapper(newValue);
+            if (invalidWrapper && !allowedPrefix) {
+                toast.info("Predefined constants only allowed. Please check the prefix format.");
+                return; // stop update
+            }
+        }
+        // first occurance check-------------
+        if (settingData.sk === INVOICE_PREFIX_FORMAT || settingData.sk === PURCHASE_ORDER_PREFIX_FORMAT || settingData.sk === RESERVATION_PREFIX_FORMAT || settingData.sk === BOOKING_RECEIPT_PREFIX_FORMAT) {
+            const { firstWrapper, validTokens } = validateFirstOccurance(newValue);
+            if (!allowedPrefix) {
+                if (!firstWrapper || !validTokens.includes(firstWrapper)) {
+                    toast.info("Predefined constant must start with {FY}, {fy}, {Y}, {y}, {M}, or {D}.");
+                    return;
+                }
+            }
+        }
+        // check prefix and resetting combination ----------
+        if (settingData.sk === INVOICE_PREFIX_FORMAT || settingData.sk === INVOICE_RESETTING_PERIOD) {
+            if (!validatePrefixResetting(INVOICE_PREFIX_FORMAT, INVOICE_RESETTING_PERIOD))
+                return;
+        }
+        if (settingData.sk === PURCHASE_ORDER_PREFIX_FORMAT || settingData.sk === PURCHASE_ORDER_RESETTING_PERIOD) {
+            if (!validatePrefixResetting(PURCHASE_ORDER_PREFIX_FORMAT, PURCHASE_ORDER_RESETTING_PERIOD))
+                return;
+        }
+        if (settingData.sk === RESERVATION_PREFIX_FORMAT || settingData.sk === RESERVATION_RESETTING_PERIOD) {
+            if (!validatePrefixResetting(RESERVATION_PREFIX_FORMAT, RESERVATION_RESETTING_PERIOD))
+                return;
+        }
+        if (settingData.sk === BOOKING_RECEIPT_PREFIX_FORMAT || settingData.sk === BOOKING_RECEIPT_RESETTING_PERIOD) {
+            if (!validatePrefixResetting(BOOKING_RECEIPT_PREFIX_FORMAT, BOOKING_RECEIPT_RESETTING_PERIOD))
+                return;
+        }
+        setActiveEditKey(null);
+        setEditStates((prev) => ({
+            ...prev,
+            [settingData.sk]: { isEditing: false, value: newValue || "" }
+        }));
+        settingData.value = newValue;
+        // don't change pk for sign up option if super admin
+        settingData.pk = (settingData.pk === ALL && settingData.sk === HIDE_SIGN_UP && userRoles.includes(Roles.SuperAdmin)) ? settingData.pk : branchId;
+        upsertSettingsMutationFn(settingData);
+    };
+    const getAllowedResettingPeriods = (prefix) => {
+        if (!prefix) {
+            return ResettingPeriodOptions.filter(opt => opt.value === NEVER);
+        }
+        const firstMatch = resettingOptions(prefix);
+        if (firstMatch) {
+            return ResettingPeriodOptions.filter(opt => firstMatch.periods.includes(opt.value));
+        }
+        // NONE prefix → only NEVER
+        return ResettingPeriodOptions.filter(opt => opt.value === NEVER);
+    };
+    const handleSignUpOptionChange = (sk, selectedOption) => {
+        if (selectedOption) {
+            const selectedVal = selectedOption.value;
+            setEditStates((prev) => ({ ...prev, [sk]: { ...prev[sk], value: selectedVal }, }));
+            setSelectedSighUpOPtion({ label: selectedVal, value: sk ?? '' });
+        }
+    };
+    return (_jsxs(Container, { className: "mt-4", children: [settingsByPK && settingsByPK.length > 0 && (_jsxs(Card, { className: "shadow-lg settings-card", children: [_jsx(Card.Header, { className: "fw-bold", children: "Settings" }), _jsx(Card.Body, { children: settingsByPK.map((setting) => {
+                            const editState = editStates[setting.sk] || { isEditing: false, value: setting.value };
+                            const isActive = activeEditKey === setting.sk;
+                            return (_jsxs(Row, { className: "align-items-center mb-3", children: [_jsxs(Col, { xs: 3, sm: 3, md: 3, lg: 5, xl: 5, className: "fw-bold settings-key-col", children: [setting.pk === ALL && setting.sk === HIDE_SIGN_UP && !userRoles.includes(Roles.SuperAdmin) ? "" : setting.sk, (setting.sk === INVOICE_PREFIX_FORMAT || setting.sk === PURCHASE_ORDER_PREFIX_FORMAT || setting.sk === RESERVATION_PREFIX_FORMAT || setting.sk === BOOKING_RECEIPT_PREFIX_FORMAT) && (_jsx(Button, { size: "sm", variant: "link", className: "ms-2 p-0 text-info mb-1", onClick: () => {
+                                                    setShowPrefixInfo(true);
+                                                    setPrefixDescription(transformdToPrefixDescription(setting.description));
+                                                }, children: _jsx(BsInfoCircle, { className: "info-icon" }) }))] }), _jsx(Col, { xs: 3, sm: 3, md: 5, lg: 5, xl: 5, className: "settings-value-col", children: !isActive ? (_jsx("span", { children: setting.pk === ALL && setting.sk === HIDE_SIGN_UP && !userRoles.includes(Roles.SuperAdmin) ? "" : setting.value })) : (_jsxs(_Fragment, { children: [(setting.sk === INVOICE_RESETTING_PERIOD || setting.sk === PURCHASE_ORDER_RESETTING_PERIOD || setting.sk === RESERVATION_RESETTING_PERIOD || setting.sk === BOOKING_RECEIPT_RESETTING_PERIOD) ?
+                                                    _jsx(Select, { options: getAllowedResettingPeriods(setting.sk === INVOICE_RESETTING_PERIOD
+                                                            ? settingsByPK.find(s => s.sk === INVOICE_PREFIX_FORMAT)?.value ?? ""
+                                                            : setting.sk === PURCHASE_ORDER_RESETTING_PERIOD
+                                                                ? settingsByPK.find(s => s.sk === PURCHASE_ORDER_PREFIX_FORMAT)?.value ?? ""
+                                                                : setting.sk === RESERVATION_RESETTING_PERIOD
+                                                                    ? settingsByPK.find(s => s.sk === RESERVATION_PREFIX_FORMAT)?.value ?? ""
+                                                                    : settingsByPK.find(s => s.sk === BOOKING_RECEIPT_PREFIX_FORMAT)?.value ?? ""), value: setting.sk === INVOICE_RESETTING_PERIOD
+                                                            ? selectedInvResettingPeriod
+                                                            : setting.sk === PURCHASE_ORDER_RESETTING_PERIOD
+                                                                ? selectedPurchaseOrderResettingPeriod
+                                                                : setting.sk === RESERVATION_RESETTING_PERIOD
+                                                                    ? selectedReservationResettingPeriod
+                                                                    : selectedBookingReceiptResettingPeriod, onChange: (selectedOption) => selectedOption && handleResettingPeriodChange(setting.sk, selectedOption), placeholder: "Select resetting period", className: "resetting-period-select", maxMenuHeight: 200 }) : (setting.pk === ALL && setting.sk === HIDE_SIGN_UP && userRoles.includes(Roles.SuperAdmin)) ?
+                                                    _jsx(Select, { options: sighUpOptions, value: selectedSignUpOption, onChange: (selectedOption) => selectedOption && handleSignUpOptionChange(setting.sk, selectedOption), placeholder: "Select Sign up option", className: "resetting-period-select", maxMenuHeight: 200 }) :
+                                                    (setting.sk === INVOICE_PREFIX_FORMAT ||
+                                                        setting.sk === PURCHASE_ORDER_PREFIX_FORMAT ||
+                                                        setting.sk === RESERVATION_PREFIX_FORMAT ||
+                                                        setting.sk === BOOKING_RECEIPT_PREFIX_FORMAT ||
+                                                        setting.sk === INVOICE_SEQUENCE_PADDING ||
+                                                        setting.sk === PURCHASE_ORDER_SEQUENCE_PADDING ||
+                                                        setting.sk === RESERVATION_SEQUENCE_PADDING ||
+                                                        setting.sk === BOOKING_RECEIPT_SEQUENCE_PADDING ||
+                                                        setting.sk === INVOICE_SERIES_NUMBER ||
+                                                        setting.sk === BOOKING_RECEIPT_SERIES_NUMBER) ?
+                                                        _jsx(Form.Control, { type: (setting.sk === INVOICE_SEQUENCE_PADDING || setting.sk === PURCHASE_ORDER_SEQUENCE_PADDING || setting.sk === RESERVATION_SEQUENCE_PADDING || setting.sk === BOOKING_RECEIPT_SEQUENCE_PADDING) ? 'number' : 'text', value: editState.value, onChange: (e) => handleChange(setting.sk, e.target.value), className: "settings-value-form-control" })
+                                                        : null, ((setting.sk === INVOICE_SEQUENCE_PADDING) || (setting.sk === PURCHASE_ORDER_SEQUENCE_PADDING) || (setting.sk === RESERVATION_SEQUENCE_PADDING) || (setting.sk === BOOKING_RECEIPT_SEQUENCE_PADDING)) &&
+                                                    _jsx("label", { className: "seq-pad-info text-primary", children: setting.description })] })) }), setting.pk === ALL && setting.sk === HIDE_SIGN_UP && !userRoles.includes(Roles.SuperAdmin) ? null :
+                                        _jsx(Col, { xs: 3, sm: 3, md: 4, lg: 5, xl: 5, className: "text-end settings-btns", children: !isActive ? (_jsx(Button, { size: "sm", variant: "outline-primary", className: "edit-btn", onClick: () => handleEdit(setting.sk, setting.value), children: _jsx(BsPencilSquare, {}) })) : (_jsxs(_Fragment, { children: [_jsx(Button, { size: "sm", variant: "success", className: "me-2 update-btn", onClick: () => handleUpdate(setting), children: _jsx(BsCheckCircle, {}) }), _jsx(Button, { size: "sm", variant: "secondary", className: "cancel-btn", onClick: () => handleCancel(setting.sk), children: _jsx(BsXCircle, {}) })] })) })] }, setting.sk));
+                        }) })] })), _jsxs(Modal, { show: showPrefixInfo, onHide: () => setShowPrefixInfo(false), size: "lg", centered: true, children: [_jsx(Modal.Header, { closeButton: true, children: _jsx(Modal.Title, { children: "Prefix Format Info" }) }), _jsxs(Modal.Body, { children: [_jsx("p", { className: "fw-bold", children: prefixDescription.message }), prefixDescription.constants.map((constant, index) => (_jsxs("p", { children: [constant.constant, " - ", constant.description] }, index))), _jsx("b", { className: "text-success", children: "Example:" }), _jsxs("p", { children: [_jsx("strong", { children: "Prefix:" }), " ", prefixDescription.example.prefixFormat] }), _jsxs("p", { children: [_jsx("strong", { children: "Result:" }), " ", prefixDescription.example.outputValue] })] }), _jsx(Modal.Footer, { children: _jsx(Button, { variant: "secondary", onClick: () => setShowPrefixInfo(false), children: "Close" }) })] })] }));
+};
+export default SettingsPage;

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

@@ -0,0 +1,26 @@
+import { SettingsDto } from "../../domain/model/SettingsDto";
+import { UndefinedString } from "../../domain/type/Nullable";
+import { PrefixDescription } from "../../domain/model/PrefixDescriptionDto";
+export declare const GET_SETTINGS_BY_PK: string;
+export declare const GET_SETTINGS_BY_PK_AND_SK: string;
+export declare const listSettings = "query listSettings(\n  $pk: ID\n  $sk: ModelStringKeyConditionInput\n  $filter: ModelSettingsFilterInput\n) {\n  listSettings(pk: $pk, sk: $sk, filter: $filter) {\n    pk\n    sk\n    value\n    description\n    createdDt\n    __typename\n  }\n}";
+export declare const updateSettings = "mutation updateSettings($input: SettingsInput!) {\n  updateSettings(input: $input) {\n    pk\n    sk\n    value\n    description\n    createdDt\n    __typename\n  }\n}";
+export declare const transformtoSettingsDto: (interviewProspectData: any) => SettingsDto;
+export declare const transformdToPrefixDescription: (description: string) => PrefixDescription;
+export declare const getSettingsByPkFun: (pk: UndefinedString) => Promise<SettingsDto[]>;
+export declare const useGetSettingsByPk: (pk: string) => {
+    settingsByPK: SettingsDto[] | undefined;
+    settingsByPKError: Error | null;
+    settingsByPKLoading: boolean;
+    settingsByPKFetching: boolean;
+    settingsByPKSuccess: boolean;
+};
+export declare const getSettingsByPkAndSKFun: (pk: UndefinedString, sk: UndefinedString) => Promise<SettingsDto>;
+export declare const useGetSettingsByPkAndSk: (pk: string, sk: string) => {
+    settingsByPkAndSk: SettingsDto | undefined;
+    settingsByPkAndSkError: Error | null;
+    settingsByPkAndSkLoading: boolean;
+    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>;

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

@@ -0,0 +1,131 @@
+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";
+export const GET_SETTINGS_BY_PK = "settingsbypk";
+export const GET_SETTINGS_BY_PK_AND_SK = "settingsbypkandsk";
+const endpoint = EnvConfig.appHostAPi;
+export const listSettings = `query listSettings(
+  $pk: ID
+  $sk: ModelStringKeyConditionInput
+  $filter: ModelSettingsFilterInput
+) {
+  listSettings(pk: $pk, sk: $sk, filter: $filter) {
+    pk
+    sk
+    value
+    description
+    createdDt
+    __typename
+  }
+}`;
+export const updateSettings = `mutation updateSettings($input: SettingsInput!) {
+  updateSettings(input: $input) {
+    pk
+    sk
+    value
+    description
+    createdDt
+    __typename
+  }
+}`;
+export const transformtoSettingsDto = (interviewProspectData) => transformToData(interviewProspectData);
+export const transformdToPrefixDescription = (description) => {
+    return JSON.parse(description);
+};
+export const getSettingsByPkFun = async (pk) => {
+    try {
+        const client = await Client.getCustomGraphqlClient(endpoint);
+        const variables = {
+            filter: {
+                or: [
+                    { pk: { eq: pk } },
+                    { pk: { eq: ALL } }
+                ]
+            }
+        };
+        const response = await client.request(listSettings, variables);
+        const settingsData = response.listSettings;
+        return (settingsData && settingsData.length > 0) ? settingsData.map((eventSchedule) => transformtoSettingsDto(eventSchedule)) : [];
+    }
+    catch (error) {
+        return [];
+    }
+};
+export const useGetSettingsByPk = (pk) => {
+    const { data, isLoading, error, isFetching, isSuccess } = useQuery({
+        queryKey: [GET_SETTINGS_BY_PK, pk],
+        queryFn: () => getSettingsByPkFun(pk),
+        placeholderData: keepPreviousData,
+        staleTime: 1000 * 5 * 60,
+        enabled: pk !== "" && pk !== undefined,
+    });
+    return {
+        settingsByPK: data,
+        settingsByPKError: error,
+        settingsByPKLoading: isLoading,
+        settingsByPKFetching: isFetching,
+        settingsByPKSuccess: isSuccess,
+    };
+};
+export const getSettingsByPkAndSKFun = async (pk, sk) => {
+    try {
+        const client = await Client.getCustomGraphqlClient(endpoint);
+        const variables = {
+            pk: pk,
+            sk: {
+                eq: sk
+            }
+        };
+        const response = await client.request(listSettings, variables);
+        const settingsData = response.listSettings;
+        return (settingsData && settingsData.length > 0) ? transformtoSettingsDto(settingsData[0]) : initSettings;
+    }
+    catch (error) {
+        return initSettings;
+    }
+};
+export const useGetSettingsByPkAndSk = (pk, sk) => {
+    const { data, isLoading, error, isFetching, isSuccess } = useQuery({
+        queryKey: [GET_SETTINGS_BY_PK_AND_SK, pk, sk],
+        queryFn: () => getSettingsByPkAndSKFun(pk, sk),
+        placeholderData: keepPreviousData,
+        staleTime: 1000 * 5 * 60,
+        enabled: pk !== "" && pk !== undefined && sk !== "" && sk !== undefined,
+    });
+    return {
+        settingsByPkAndSk: data,
+        settingsByPkAndSkError: error,
+        settingsByPkAndSkLoading: isLoading,
+        settingsByPkAndSkFetching: isFetching,
+        settingsByPkAndSkSuccess: isSuccess,
+    };
+};
+export const useUpdateSettingsMutation = () => {
+    async function createVersionFn(settingsData) {
+        const client = await Client.getClient();
+        const response = await client.graphql({
+            query: updateSettings,
+            variables: {
+                input: settingsData
+            },
+        });
+        return response;
+    }
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: createVersionFn,
+        onSuccess: (_data, variables) => {
+            const settingsByPKQueryKey = [GET_SETTINGS_BY_PK, variables.pk];
+            queryClient.invalidateQueries({ queryKey: settingsByPKQueryKey });
+            const settingsByPKAndSKQueryKey = [GET_SETTINGS_BY_PK_AND_SK, variables.pk, variables.sk];
+            queryClient.invalidateQueries({ queryKey: settingsByPKAndSKQueryKey });
+        },
+        onError: (err) => {
+            logger.error("Error while settings updating", err);
+        }
+    });
+};

package/dist/config/EnvConfig.d.ts

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

package/dist/config/EnvConfig.js

@@ -1,15 +1,13 @@
 export const EnvConfig = {
     env: import.meta.env.VITE_SERVER_ENV || "local",
-    bookingAPi: import.meta.env.VITE_BOOKING_SERVICE_SERVER_URL || "",
-    hmsapi: import.meta.env.VITE_HMS_SERVICE_SERVER_URL || "",
+    appHostAPi: 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 || "",
-    imageStorageBucketUrl: import.meta.env.VITE_IMAGE_STORAGE_BUCKET_URL || "",
-    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,
+    template: import.meta.env.VITE_TEMPLATE || undefined,
+    imageStorageBucketUrl: import.meta.env.VITE_IMAGE_STORAGE_BUCKET_URL || "",
+    applicationName: import.meta.env.VITE_APPLICATION_NAME || "",
 };

package/dist/hoc/withSyzyAuth.d.ts

@@ -0,0 +1 @@
+export declare function withSyzyAuth<P extends object>(WrappedComponent: React.ComponentType<P>): (props: P) => import("react/jsx-runtime").JSX.Element;

package/dist/hoc/withSyzyAuth.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useState } from "react";
+import AppContext from "../store/AppContext";
+import LoginForm from "../components/Login/Login";
+import { getCurrentUser } from "aws-amplify/auth";
+import { AppActionEnum } from "../store/AppAction";
+import { Client } from "../services/Client.Service";
+import { fetchAuthSession } from 'aws-amplify/auth';
+import { getComponentsByRoleOnly, getRolesMappingByUserIdAndEntityFun, useGetUserMappingByUserId } from "../api/mapping-api";
+import { EntityTypes } from "../domain/type/EntityTypes";
+import { Status } from "../domain/type/StatusEnum";
+export function withSyzyAuth(WrappedComponent) {
+    const ComponentWithAuthenticator = (props) => {
+        const [currentUser, setCurrentUser] = useState();
+        const { user, dispatch } = useContext(AppContext) || { user: undefined, allowedComponents: undefined, dispatch: undefined };
+        const [_isLoggedIn, setIsLoggedIn] = useState(false);
+        const [_emailVerifiedStatus, setEmailVerifiedStatus] = useState("");
+        const [isSessionReady, setIsSessionReady] = useState(false);
+        useEffect(() => {
+            if (!user?.userName) {
+                setCurrentUser(null);
+                setIsSessionReady(false);
+            }
+        }, [user]);
+        const fetchSession = async () => {
+            try {
+                const session = await getCurrentUser();
+                const userInfo = await fetchAuthSession({ forceRefresh: true });
+                setEmailVerifiedStatus(userInfo.tokens?.idToken?.payload.email_verified?.toString() ?? "");
+                if (session) {
+                    const userId = session.signInDetails?.loginId ?? session.username;
+                    setCurrentUser(userId);
+                }
+                else {
+                    setCurrentUser(null);
+                }
+            }
+            catch (err) {
+                setCurrentUser(null);
+            }
+        };
+        useEffect(() => {
+            fetchSession();
+        }, []);
+        useEffect(() => {
+            const stopResetScheduler = Client.startClientResetScheduler();
+            return () => stopResetScheduler();
+        }, []);
+        useEffect(() => {
+            setIsLoggedIn(!!user?.userName);
+        }, [user]);
+        const { userMappingByUserId } = useGetUserMappingByUserId(currentUser ?? "");
+        useEffect(() => {
+            const updateSession = async () => {
+                if (!currentUser)
+                    return;
+                const branchId = userMappingByUserId?.pk ?? "";
+                // Fetch roles of this user
+                const roleData = await getRolesMappingByUserIdAndEntityFun(branchId, currentUser, EntityTypes.ROLE);
+                const activeRoles = roleData.filter(r => r.status === Status.Active);
+                const roleNames = activeRoles.map(r => r.roleName);
+                // Fetch components for each active role
+                const compData = await Promise.all(activeRoles.map(role => getComponentsByRoleOnly(role.roleId)));
+                const allowedComponents = compData.flat().map(c => c.componentTitle);
+                // Build and dispatch user session
+                const userSession = {
+                    userName: currentUser,
+                    branchId,
+                    roles: roleNames,
+                    allowedComponents: [...new Set(allowedComponents)],
+                };
+                dispatch?.({ session: userSession, type: AppActionEnum.SignIn });
+                setIsSessionReady(true);
+            };
+            updateSession();
+        }, [currentUser, userMappingByUserId]);
+        // Login handler
+        const login = (loggedIn) => {
+            setIsLoggedIn(loggedIn);
+            if (loggedIn)
+                fetchSession();
+        };
+        return (_jsx("div", { children: currentUser === null ? _jsx(LoginForm, { login: login }) : _jsx(WrappedComponent, { ...props, isSessionReady: isSessionReady }) }));
+    };
+    return ComponentWithAuthenticator;
+}

package/dist/hooks/useCurrentUser.d.ts

@@ -0,0 +1,3 @@
+export declare const useCurrentUser: () => {
+    user: import("../store/AppContextType").AppSession;
+};

package/dist/hooks/useCurrentUser.js

@@ -0,0 +1,6 @@
+import { useContext } from "react";
+import AppContext from "../store/AppContext";
+export const useCurrentUser = () => {
+    const { user } = useContext(AppContext);
+    return { user };
+};

package/dist/hooks/useDispatch.d.ts

@@ -0,0 +1,3 @@
+export declare const useDispatch: () => {
+    dispatch: import("react").Dispatch<import("../store/AppAction").AppAction> | undefined;
+};

package/dist/hooks/useDispatch.js

@@ -0,0 +1,7 @@
+import { useContext } from "react";
+import AppContext from "../store/AppContext";
+import { defaultSession } from "../store/AppContextType";
+export const useDispatch = () => {
+    const { dispatch } = useContext(AppContext) || { user: defaultSession };
+    return { dispatch };
+};

package/dist/hooks/usePermission.d.ts

@@ -0,0 +1 @@
+export declare function AmIPermitted(componentName: string): boolean;

package/dist/hooks/usePermission.js

@@ -0,0 +1,7 @@
+// hooks/usePermissions.ts
+import { useContext } from "react";
+import AppContext from "../store/AppContext";
+export function AmIPermitted(componentName) {
+    const { user } = useContext(AppContext) || {};
+    return user?.allowedComponents?.includes(componentName) ?? false;
+}

package/dist/main.js

@@ -3,7 +3,6 @@ import { StrictMode, useEffect, useState } from 'react';
 import './index.css';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import 'react-toastify/dist/ReactToastify.css';
-// import AppProvider from './store/AppProvider.tsx';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 // import { HostedInContainerProvider } from "./store/HostedInContainerContext.tsx";
 import { ToastContainer } from 'react-toastify';
@@ -11,6 +10,7 @@ import { BrowserRouter as Router } from 'react-router-dom';
 import './styles/typography.css';
 import * as ReactDOM from 'react-dom/client';
 import App from './App';
+import AppProvider from './store/AppProvider';
 function registerValidSW(swUrl, config) {
     navigator.serviceWorker
         .register(swUrl)
@@ -52,7 +52,7 @@ const AppWithServiceWorker = () => {
             onUpdate: handleUpdate,
         });
     }, []);
-    return (_jsxs(StrictMode, { children: [_jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(ToastContainer, { position: "top-right", autoClose: 3000, hideProgressBar: false, newestOnTop: true, closeOnClick: true, pauseOnHover: true, theme: "light", limit: 1 }), _jsx(Router, { children: _jsx(App, {}) })] }), showUpdatePrompt && (_jsxs("div", { className: "update-prompt", children: [_jsx("p", { children: "A new version of the app is available. Please refresh to update." }), _jsx("button", { onClick: () => {
+    return (_jsxs(StrictMode, { children: [_jsx(AppProvider, { children: _jsxs(QueryClientProvider, { client: queryClient, children: [_jsx(ToastContainer, { position: "top-right", autoClose: 3000, hideProgressBar: false, newestOnTop: true, closeOnClick: true, pauseOnHover: true, theme: "light", limit: 1 }), _jsx(Router, { children: _jsx(App, {}) })] }) }), showUpdatePrompt && (_jsxs("div", { className: "update-prompt", children: [_jsx("p", { children: "A new version of the app is available. Please refresh to update." }), _jsx("button", { onClick: () => {
                             swRegistration?.waiting?.postMessage({ type: 'SKIP_WAITING' });
                             window.location.reload();
                         }, children: "Refresh" })] }))] }));

package/dist/services/Storage-service.d.ts

@@ -0,0 +1,2 @@
+export declare const getImageUrl: (imageKey: string | undefined | null) => Promise<string | undefined>;
+export declare const uploadImage: (imageKey: string, image: File) => Promise<void>;

package/dist/services/Storage-service.js

@@ -0,0 +1,26 @@
+import { uploadData } from 'aws-amplify/storage';
+import { LogCategoryEnum } from '../util/LogEnum';
+import { logger } from '../util/Logger';
+import { EnvConfig } from '../config/EnvConfig';
+export const getImageUrl = async (imageKey) => {
+    logger.debug(LogCategoryEnum.Info, "imageKey passed", imageKey);
+    let returnString = undefined;
+    if (imageKey) {
+        //Below for hms-ck-dev env image bucket url  -------------
+        returnString = `${EnvConfig.imageStorageBucketUrl}/${imageKey}`;
+    }
+    return returnString;
+};
+export const uploadImage = async (imageKey, image) => {
+    logger.debug(LogCategoryEnum.Info, "inside upload image function", imageKey);
+    logger.debug(LogCategoryEnum.Info, "inside upload image function", image);
+    await uploadData({
+        key: imageKey,
+        data: image,
+        options: {
+            accessLevel: 'guest',
+            contentType: image.type,
+        }
+    });
+    logger.debug(LogCategoryEnum.Info, "image key", imageKey);
+};

package/dist/store/AppAction.d.ts

@@ -0,0 +1,11 @@
+import { AppSession } from "./AppContextType";
+export declare enum AppActionEnum {
+    SignIn = "SIGNIN",
+    SignOut = "SIGNOUT"
+}
+export type AppAction = {
+    type: AppActionEnum.SignIn;
+    session: AppSession;
+} | {
+    type: AppActionEnum.SignOut;
+};

package/dist/store/AppAction.js

@@ -0,0 +1,5 @@
+export var AppActionEnum;
+(function (AppActionEnum) {
+    AppActionEnum["SignIn"] = "SIGNIN";
+    AppActionEnum["SignOut"] = "SIGNOUT";
+})(AppActionEnum || (AppActionEnum = {}));

package/dist/store/AppContext.d.ts

@@ -0,0 +1,3 @@
+import { AppContextProps } from './AppContextType';
+declare const AppContext: import("react").Context<AppContextProps | undefined>;
+export default AppContext;

package/dist/store/AppContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+const AppContext = createContext(undefined);
+export default AppContext;

package/dist/store/AppContextType.d.ts

@@ -0,0 +1,12 @@
+import { AppAction } from "./AppAction";
+export interface AppSession {
+    userName: string;
+    branchId?: string;
+    roles: string[];
+    allowedComponents?: string[];
+}
+export declare const defaultSession: AppSession;
+export interface AppContextProps {
+    user: AppSession;
+    dispatch: React.Dispatch<AppAction>;
+}

package/dist/store/AppContextType.js

@@ -0,0 +1,6 @@
+export const defaultSession = {
+    userName: '',
+    branchId: undefined,
+    roles: [],
+    allowedComponents: [],
+};

package/dist/store/AppProvider.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from "react";
+import 'react-toastify/dist/ReactToastify.css';
+interface AppProviderProps {
+    children: ReactNode;
+}
+declare const AppProvider: React.FC<AppProviderProps>;
+export default AppProvider;

package/dist/store/AppProvider.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { defaultSession } from "./AppContextType";
+import AppContext from "./AppContext";
+import { ToastContainer } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
+import { AppActionEnum } from "./AppAction";
+import { sessionStorage } from "aws-amplify/utils";
+import { APPHOSTSESSION_KEY, useSessionReducer } from "./SesssionReducer";
+import { logger } from "../util/Logger";
+const appContextReducer = (state, action) => {
+    logger.debug("Action:", action);
+    let newState = state;
+    switch (action.type) {
+        case AppActionEnum.SignIn:
+            newState = {
+                ...action.session,
+            };
+            break;
+        case AppActionEnum.SignOut:
+            newState = { ...defaultSession };
+            sessionStorage.clear();
+            break;
+        default:
+            newState = state;
+    }
+    return newState;
+};
+const AppProvider = ({ children }) => {
+    const [state, dispatch] = useSessionReducer(appContextReducer, defaultSession, APPHOSTSESSION_KEY);
+    return (_jsxs(_Fragment, { children: [_jsx(ToastContainer, { position: "top-right", autoClose: 5000 }), _jsx(AppContext.Provider, { value: { user: state, dispatch }, children: children })] }));
+};
+export default AppProvider;

package/dist/store/HostedInContainerContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const HostedInContainerProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useHostedInContainer: () => boolean;

package/dist/store/HostedInContainerContext.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const HostedInContainerContext = createContext(false);
+export const HostedInContainerProvider = ({ children }) => {
+    const isHosted = (() => {
+        const urlParams = new URLSearchParams(window.location.search);
+        return urlParams.get('hosted_in_container') === 'true';
+    })();
+    return (_jsx(HostedInContainerContext.Provider, { value: isHosted, children: children }));
+};
+export const useHostedInContainer = () => useContext(HostedInContainerContext);

package/dist/store/SesssionReducer.d.ts

@@ -0,0 +1,4 @@
+import { Reducer, Dispatch } from 'react';
+import { AppSession } from './AppContextType';
+export declare const APPHOSTSESSION_KEY = "AppHostSession";
+export declare const useSessionReducer: <T extends AppSession, A>(reducer: Reducer<T, A>, initialState: T, storageKey: string) => [T, Dispatch<A>];

package/dist/store/SesssionReducer.js

@@ -0,0 +1,16 @@
+import { useReducer, useEffect } from 'react';
+export const APPHOSTSESSION_KEY = 'AppHostSession';
+export const useSessionReducer = (reducer, initialState, storageKey) => {
+    const [state, dispatch] = useReducer(reducer, initialState, () => {
+        const value = localStorage.getItem(storageKey); // use storageKey here
+        let retState = { ...initialState };
+        if (value) {
+            retState = JSON.parse(value);
+        }
+        return retState;
+    });
+    useEffect(() => {
+        localStorage.setItem(storageKey, JSON.stringify(state)); // same key
+    }, [storageKey, state]);
+    return [state, dispatch];
+};

package/package.json

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