@syzy/apphost 1.0.1 → 1.0.3

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/components/common/Form/FormActionButtons.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface FormActionButtonsProps {
+    isEditMode?: boolean;
+    loading?: boolean;
+    onClear: () => void;
+    submitLabel?: string;
+    updateLabel?: string;
+    disableSubmit?: boolean;
+}
+declare const FormActionButtons: React.FC<FormActionButtonsProps>;
+export default FormActionButtons;

package/dist/components/common/Form/FormActionButtons.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FormActionButtons = ({ isEditMode = false, loading = false, onClear, submitLabel = "Submit", updateLabel = "Update", disableSubmit = false, }) => {
+    const isSubmitDisabled = loading || disableSubmit;
+    return (_jsxs("div", { className: "mt-4 d-flex gap-4 justify-content-center", children: [_jsx("button", { type: "submit", className: "btn-primary-global m-0 py-2 px-4 fs-6", disabled: isSubmitDisabled, children: isEditMode ? updateLabel : submitLabel }), _jsx("button", { type: "button", className: "btn-secondary-global m-0 py-2 px-4 fs-6", onClick: onClear, children: "Clear" })] }));
+};
+export default FormActionButtons;

package/dist/components/common/Form/FormLabel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface FormLabelProps {
+    label: string;
+    required?: boolean;
+    className?: string;
+}
+declare const FormLabel: React.FC<FormLabelProps>;
+export default FormLabel;

package/dist/components/common/Form/FormLabel.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Form } from "react-bootstrap";
+const FormLabel = ({ label, required = false, className = "mt-2 mb-1 form-label", }) => {
+    return (_jsxs(Form.Label, { className: className, children: [label, required && _jsx("span", { className: "text-danger ms-1", children: "*" })] }));
+};
+export default FormLabel;

package/dist/components/common/ListTable/ListHeader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface ListHeaderProps {
+    title: string;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+}
+declare const ListHeader: React.FC<ListHeaderProps>;
+export default ListHeader;

package/dist/components/common/ListTable/ListHeader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ListHeader = ({ title, buttonLabel, onButtonClick, }) => {
+    return (_jsxs("div", { className: "mb-3", children: [buttonLabel && onButtonClick && (_jsx("div", { className: "d-flex justify-content-center", children: _jsx("button", { className: "btn-primary-global", onClick: onButtonClick, children: buttonLabel }) })), _jsx("h5", { className: "text-start text-md-center font-title", children: title })] }));
+};
+export default ListHeader;

package/dist/components/common/ListTable/ListTable.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface TableColumn<T> {
+    header: string;
+    accessor: keyof T | ((row: T, index?: number) => React.ReactNode);
+    align?: "left" | "center" | "right";
+}
+interface GlobalTableProps<T> {
+    columns: TableColumn<T>[];
+    data: T[];
+    emptyMessage?: string;
+    onEdit?: (row: T) => void;
+    pageSize?: number;
+    loading?: boolean;
+    pageSizeOptions?: number[];
+}
+declare function ListTable<T>({ columns, data, emptyMessage, onEdit, pageSize, loading, pageSizeOptions, }: GlobalTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default ListTable;

package/dist/components/common/ListTable/ListTable.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Table, Pagination } from "react-bootstrap";
+import LoadingSpinner from "../../Loader/Loader";
+function ListTable({ columns, data, emptyMessage = "No records found", onEdit, pageSize = 10, loading = false, pageSizeOptions = [10, 25, 50, 100], }) {
+    const [currentPage, setCurrentPage] = useState(1);
+    const [rowsPerPage, setRowsPerPage] = useState(pageSize);
+    const hasData = data && data.length > 0;
+    const totalPages = Math.ceil(data.length / rowsPerPage);
+    const paginatedData = useMemo(() => {
+        const start = (currentPage - 1) * rowsPerPage;
+        return data.slice(start, start + rowsPerPage);
+    }, [data, currentPage, rowsPerPage]);
+    const handlePageChange = (page) => {
+        if (page >= 1 && page <= totalPages) {
+            setCurrentPage(page);
+        }
+    };
+    const handleRowsPerPageChange = (value) => {
+        setRowsPerPage(value);
+        setCurrentPage(1);
+    };
+    const colSpan = columns.length + (onEdit ? 1 : 0);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "table-responsive", children: _jsxs(Table, { bordered: true, hover: true, className: "mb-0", children: [_jsx("thead", { className: "table-head", children: _jsxs("tr", { children: [columns.map((col, index) => (_jsx("th", { className: `text-${col.align ?? "left"}`, children: col.header }, index))), onEdit && _jsx("th", { className: "text-center", children: "Actions" })] }) }), _jsx("tbody", { children: loading ? (_jsx("tr", { children: _jsx("td", { colSpan: colSpan, className: "text-center py-5", children: _jsx(LoadingSpinner, {}) }) })) : !hasData ? (_jsx("tr", { children: _jsx("td", { colSpan: colSpan, className: "text-center fs-5 text-danger py-3", children: emptyMessage }) })) : (paginatedData.map((row, rowIndex) => (_jsxs("tr", { children: [columns.map((col, colIndex) => (_jsx("td", { className: `text-${col.align ?? "left"}`, children: typeof col.accessor === "function"
+                                            ? col.accessor(row, rowIndex)
+                                            : row[col.accessor] }, colIndex))), onEdit && (_jsx("td", { className: "text-center", children: _jsx("button", { className: "btn-primary-global table-edit-btn m-0 py-1 px-3 fs-6", onClick: () => onEdit(row), children: "Edit" }) }))] }, rowIndex)))) })] }) }), hasData && !loading && (_jsxs("div", { className: "d-flex justify-content-center gap-5 align-items-center mt-3 flex-wrap gap-2", children: [_jsxs(Pagination, { className: "mb-0", children: [_jsx(Pagination.Prev, { disabled: currentPage === 1 || totalPages <= 1, onClick: () => handlePageChange(currentPage - 1) }), [...Array(totalPages)].map((_, index) => {
+                                const page = index + 1;
+                                return (_jsx(Pagination.Item, { active: page === currentPage, disabled: totalPages <= 1, onClick: () => handlePageChange(page), children: page }, page));
+                            }), _jsx(Pagination.Next, { disabled: currentPage === totalPages || totalPages <= 1, onClick: () => handlePageChange(currentPage + 1) })] }), _jsxs("div", { className: "d-flex align-items-center gap-2", children: [_jsx("span", { className: "fw-semibold", children: "Rows per page:" }), _jsx("select", { className: "form-select form-select-sm w-auto", value: rowsPerPage, onChange: (e) => handleRowsPerPageChange(Number(e.target.value)), children: pageSizeOptions.map((size) => (_jsx("option", { value: size, children: size }, size))) })] })] }))] }));
+}
+export default ListTable;

package/dist/components/common/Modal/Modal.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ModalProps {
+    show: boolean;
+    title: string;
+    onClose: () => void;
+    children: React.ReactNode;
+    size?: "sm" | "lg" | "xl";
+    backdrop?: "static" | true;
+}
+declare const FormModal: React.FC<ModalProps>;
+export default FormModal;

package/dist/components/common/Modal/Modal.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Modal } from "react-bootstrap";
+const FormModal = ({ show, title, onClose, children, size = "lg", backdrop = "static", }) => {
+    return (_jsxs(Modal, { show: show, onHide: onClose, centered: true, size: size, backdrop: backdrop, children: [_jsx(Modal.Header, { className: "py-0 px-4 px-md-5", closeButton: true, children: _jsx(Modal.Title, { className: "font-title", children: title }) }), _jsx(Modal.Body, { className: "py-3 py-md-4 px-4 px-md-5", children: children })] }));
+};
+export default FormModal;

package/dist/config/EnvConfig.d.ts

@@ -0,0 +1,13 @@
+export declare const EnvConfig: {
+    env: any;
+    appHostAPi: any;
+    region: any;
+    userPoolId: any;
+    userPoolClientId: any;
+    identityPoolId: any;
+    storage: any;
+    apiKey: any;
+    template: any;
+    imageStorageBucketUrl: any;
+    applicationName: any;
+};

package/dist/config/EnvConfig.js

@@ -0,0 +1,13 @@
+export const EnvConfig = {
+    env: import.meta.env.VITE_SERVER_ENV || "local",
+    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 || "",
+    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/config/amplifyConfig.d.ts

@@ -0,0 +1 @@
+export declare function configureAmplify(): void;

package/dist/config/amplifyConfig.js

@@ -0,0 +1,45 @@
+import { Amplify } from 'aws-amplify';
+import { EnvConfig } from './EnvConfig';
+import { VITE_API_AUTHMODE } from "../static/constants";
+// Optional global marker for debugging
+const AMPLIFY_INIT_FLAG = '__AMPLIFY_INITIALIZED__';
+export function configureAmplify() {
+    const apiConfig = {
+        GraphQL: {
+            endpoint: EnvConfig.appHostAPi,
+            region: EnvConfig.region,
+            defaultAuthMode: VITE_API_AUTHMODE,
+            apiKey: EnvConfig.apiKey,
+        },
+    };
+    const authConfig = {
+        Cognito: {
+            allowGuestAccess: true,
+            userPoolId: EnvConfig.userPoolId,
+            userPoolClientId: EnvConfig.userPoolClientId,
+            identityPoolId: EnvConfig.identityPoolId,
+            signUpVerificationMethod: 'code',
+            loginWith: { email: true },
+        },
+    };
+    const storageConfig = {
+        S3: {
+            bucket: EnvConfig.storage,
+            region: EnvConfig.region,
+        },
+    };
+    // 1️⃣ If running inside a host, do nothing — assume host already configured Amplify
+    if (window.hosted_in_container === true) {
+        return;
+    }
+    // 2️⃣ If already initialized (e.g. hot reload), skip
+    if (window[AMPLIFY_INIT_FLAG]) {
+        return;
+    }
+    Amplify.configure({
+        API: apiConfig,
+        Auth: authConfig,
+        Storage: storageConfig,
+    });
+    window[AMPLIFY_INIT_FLAG] = true;
+}

package/dist/configureAppHost.d.ts

@@ -0,0 +1,6 @@
+export interface AppHostConfig {
+    apiBaseUrl?: string;
+    appName?: string;
+}
+export declare const configureAppHost: (newConfig: AppHostConfig) => void;
+export declare const getAppHostConfig: () => AppHostConfig;

package/dist/configureAppHost.js

@@ -0,0 +1,5 @@
+let config = {};
+export const configureAppHost = (newConfig) => {
+    config = { ...config, ...newConfig };
+};
+export const getAppHostConfig = () => config;

package/dist/customGraphQL/customMutations.d.ts

@@ -0,0 +1,3 @@
+export declare const createBranchMutationGQL = "\n  mutation CreateBranch($input: BranchInput!) {\n    createBranch(input: $input) {\n      pk\n      sk\n      branchAddress\n      branchContactNumber\n      createdDt\n      status\n      __typename\n    }\n  }\n";
+export declare const createMapping = "mutation CreateMapping($input: MappingInput!) {\n  createMapping(input: $input) {\n    pk\n    sk\n    branchName\n    entity\n    userId\n    userName\n    roleId\n    roleName\n    componentId\n    componentTitle\n    disabledDt\n    createdDt\n    createdBy\n    status\n    __typename\n  }\n}\n";
+export declare const updateMapping = "mutation UpdateMapping($input: MappingInput!) {\n  updateMapping(input: $input) {\n    pk\n    sk\n    entity\n    userId\n    userName\n    roleId\n    roleName\n    componentId\n    componentTitle\n    disabledDt\n    createdDt\n    createdBy\n    status\n    __typename\n  }\n}\n";