@syzy/apphost 1.0.18 → 1.0.20

package/dist/AppHostRoutes.d.ts

@@ -1 +1,3 @@
-export declare const AppHostRoutes: () => import("react/jsx-runtime").JSX.Element;
+export { default as LoginForm } from "./components/Login/Login";
+export { default as MappingFormUserRole } from "./components/Mappings/RoleMapping/MappingFormUserRole";
+export { default as ComponentRoleMapping } from "./components/Mappings/ComponentMapping/ComponentRoleMapping";

package/dist/AppHostRoutes.js

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

package/dist/api/mapping-api.js

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

@@ -1,5 +1,3 @@
 import React from "react";
-import "../../../styles/button.css";
-import "../../Mappings/MappingForm/MappingForm.css";
 declare const BranchMapping: React.FC;
 export default BranchMapping;

package/dist/components/Mappings/BranchMapping/Branch.js

@@ -7,8 +7,8 @@ import { toast, ToastContainer } from "react-toastify";
 import { useBranchSchema } from "./branchSchema";
 import { useCreateBranchMutation, useUpdateBranchMutation, useListBranches } from "../../../api/mapping-api";
 import { logger } from "../../../util/Logger";
-import "../../../styles/button.css";
-import "../../Mappings/MappingForm/MappingForm.css";
+// import "../../../styles/button.css";
+// import "../../Mappings/MappingForm/MappingForm.css";
 import { SyzyDate } from "../../../util/SyzyDate";
 import { DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM } from "../../../util/dateUtils";
 import FormModal from "../../common/Modal/Modal";

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/index.d.ts

@@ -1 +0,0 @@
-export { AppHostRoutes } from "./AppHostRoutes";

package/dist/index.js

@@ -1 +1,2 @@
-export { AppHostRoutes } from "./AppHostRoutes";
+"use strict";
+// export { AppHostRoutes } from "./AppHostRoutes";

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.20",
   "private": false,
   "type": "module",
   "main": "dist/index.js",

package/dist/index.css

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