@syzy/apphost 1.0.18 → 1.0.19

package/dist/api/mapping-api.js

@@ -14,7 +14,7 @@ import { Status } from "../domain/type/StatusEnum";
 export const MAPPING_RESOURCE = "mapping";
 export const GET_MAPPING_BY_USERID_QUERYKEY = "mappingbyuserid";
 export const LIST_BRANCHES_RESOURCE = "branches";
-const endpoint = EnvConfig.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/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/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/package.json

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