@syzy/apphost 1.0.1 → 1.0.2

package/dist/components/ProfileForm/ProfileForm.js

@@ -0,0 +1,190 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Form, Row, Col } from "react-bootstrap";
+import { toast } from "react-toastify";
+import { useCreateProfileMutation } from "../../api/mapping-api";
+import { generateClient } from "aws-amplify/api";
+import { useProfileSchema } from "./profileSchema";
+import '../Mappings/MappingForm/MappingForm.css';
+import { logger } from "../../util/Logger";
+import { useLocation, useNavigate } from "react-router-dom";
+import { useUpdateProfileMutation } from "../../api/mapping-api";
+import { Status } from "../../domain/type/StatusEnum";
+import { useEffect, useState } from "react";
+import { useGetImageURL, useImageMutation } from "../../api/image-api";
+import { SyzyDate } from "../../util/SyzyDate";
+import { DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM } from "../../util/dateUtils";
+import LoadingSpinner from "../Loader/Loader";
+const ProfileForm = () => {
+    const { profileSchema, initiateProfile } = useProfileSchema();
+    const createProfileMutation = useCreateProfileMutation();
+    const location = useLocation();
+    const navigate = useNavigate();
+    const editProfile = location.state;
+    const isEditMode = !!editProfile;
+    const [imgInfo, setImgInfo] = useState();
+    const imageMutation = useImageMutation(imgInfo);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    useEffect(() => {
+        if (isEditMode && editProfile) {
+            reset(mapProfileToFormValues(editProfile));
+        }
+        else {
+            reset(initiateProfile);
+        }
+    }, [editProfile]);
+    const mapProfileToFormValues = (profile) => ({
+        pk: profile.pk ?? "",
+        customId: profile.sk ?? "",
+        name: profile.name ?? "",
+        email: profile.email ?? "",
+        phoneNumber: profile.phoneNumber ?? "",
+        address: profile.address ?? "",
+        dob: profile.dob ?? "",
+        contactRelation: profile.contactRelation ?? "",
+        contactPersonName: profile.contactPersonName ?? "",
+        contactPersonNumber: profile.contactPersonNumber ?? "",
+        aadhaarNumber: profile.aadhaarNumber ?? "",
+        aadhaarFile: undefined,
+        status: profile.status ?? Status.Active,
+    });
+    const defaultValues = isEditMode
+        ? mapProfileToFormValues(editProfile)
+        : initiateProfile;
+    const updateProfileMutation = useUpdateProfileMutation();
+    const { register, handleSubmit, formState: { errors }, reset, } = useForm({
+        resolver: zodResolver(profileSchema),
+        defaultValues,
+        mode: "onChange",
+    });
+    const handleAadhaarUploadAndNavigate = (file, customId) => {
+        if (file) {
+            const imageKey = `${customId}/profile-documents/${file.name}`;
+            const imgDto = { imageKey, file, };
+            imageMutation.mutate(imgDto);
+            setImgInfo(imgDto);
+        }
+        setTimeout(() => {
+            setIsSubmitting(false);
+            navigate("/profile-list");
+        }, 1200);
+    };
+    const aadhaarKey = isEditMode && editProfile?.aadhaarFile
+        ? `${encodeURIComponent(editProfile.sk)}/profile-documents/${editProfile.aadhaarFile}`
+        : undefined;
+    const { fetchedImg } = useGetImageURL(aadhaarKey);
+    const onSubmit = async (data) => {
+        try {
+            const client = generateClient();
+            const file = data.aadhaarFile && data.aadhaarFile.length > 0 ? data.aadhaarFile[0] : null;
+            // Validate filename
+            const forbiddenCharsRegex = /[%#?&+\\/:*"<>|]/;
+            if (file && forbiddenCharsRegex.test(file.name)) {
+                toast.error("Filename contains unsupported characters.");
+                return;
+            }
+            setIsSubmitting(true);
+            const aadhaarFileName = file?.name ?? editProfile?.aadhaarFile ?? "";
+            // UPDATE PROFILE
+            if (editProfile) {
+                const updatePayload = {
+                    pk: editProfile.pk,
+                    sk: editProfile.sk,
+                    customId: editProfile.customId,
+                    name: data.name,
+                    email: data.email,
+                    phoneNumber: data.phoneNumber,
+                    address: data.address,
+                    dob: data.dob,
+                    contactRelation: data.contactRelation,
+                    contactPersonName: data.contactPersonName,
+                    contactPersonNumber: data.contactPersonNumber,
+                    aadhaarNumber: data.aadhaarNumber,
+                    aadhaarFile: aadhaarFileName,
+                    isAdmin: editProfile.isAdmin,
+                    status: data.status ?? Status.Active,
+                    createdDt: editProfile.createdDt,
+                    createdBy: editProfile.createdBy,
+                };
+                updateProfileMutation.mutate(updatePayload, {
+                    onSuccess: () => {
+                        toast.success("Profile updated successfully!");
+                        handleAadhaarUploadAndNavigate(file, editProfile.sk);
+                    },
+                });
+            }
+            // CREATE PROFILE
+            else {
+                const userId = `PROFILE#${Date.now()}`;
+                // Create Cognito User
+                await client.graphql({
+                    query: `mutation CreateUserAccount($input: createUserAccountInput!) {
+              createUserAccount(input: $input) {
+                username
+                email
+                userId
+                response
+              }
+            }
+          `,
+                    variables: {
+                        input: {
+                            username: data.customId,
+                            email: data.email,
+                            userId: userId,
+                        },
+                    },
+                });
+                // Create Profile
+                await createProfileMutation.mutateAsync({
+                    pk: userId,
+                    sk: data.customId,
+                    customId: data.customId,
+                    name: data.name,
+                    email: data.email,
+                    phoneNumber: data.phoneNumber,
+                    address: data.address,
+                    dob: data.dob,
+                    contactRelation: data.contactRelation,
+                    contactPersonName: data.contactPersonName,
+                    contactPersonNumber: data.contactPersonNumber,
+                    aadhaarNumber: data.aadhaarNumber,
+                    aadhaarFile: aadhaarFileName,
+                    isAdmin: data.isAdmin ?? false,
+                    status: data.status ?? Status.Active,
+                    createdDt: new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM),
+                    createdBy: userId,
+                });
+                toast.success("Profile created successfully!");
+                handleAadhaarUploadAndNavigate(file, data.customId);
+            }
+        }
+        catch (err) {
+            setIsSubmitting(false);
+            const msg = err?.errors?.[0]?.message;
+            let errorMessage = "Failed to create profile!";
+            if (msg) {
+                if (msg === "Error creating user: UsernameExistsException: User account already exists") {
+                    errorMessage = "Email ID already exists";
+                }
+                else if (msg === "Error creating user: UsernameExistsException: User account already exists and is expired. Please call with action RESEND to reset user account") {
+                    errorMessage = "Employee ID already exists";
+                }
+                else {
+                    const splitMsg = msg.split(":").slice(1).join(":").trim();
+                    errorMessage = splitMsg || "Failed to create profile!";
+                }
+            }
+            toast.error(errorMessage);
+            logger.error("Profile created error", err);
+        }
+    };
+    if (isSubmitting) {
+        return _jsx(LoadingSpinner, {});
+    }
+    return (_jsxs(Form, { onSubmit: handleSubmit(onSubmit), className: "mapping-form mx-auto col-12 col-md-10 col-xl-10 shadow-lg py-3 mt-sm-4 py-sm-4 container", children: [_jsxs(Row, { className: "px-lg-5 px-2 align-items-center justify-content-around", children: [_jsx("h5", { className: "text-center font-title", children: "Employee Registration" }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Employee ID" }), _jsx(Form.Control, { type: "text", ...register("customId"), placeholder: "Enter Employee ID", isInvalid: !!errors.customId, disabled: isEditMode }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.customId?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Name" }), _jsx(Form.Control, { type: "text", placeholder: "Enter Employee Name", ...register("name"), isInvalid: !!errors.name }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.name?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Email" }), _jsx(Form.Control, { type: "email", placeholder: "Enter Employee Email address", ...register("email"), isInvalid: !!errors.email }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.email?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Phone" }), _jsx(Form.Control, { type: "tel", placeholder: "Enter Employee Phone Number", ...register("phoneNumber"), isInvalid: !!errors.phoneNumber }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.phoneNumber?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Address" }), _jsx(Form.Control, { type: "text", placeholder: "Enter Employee Address", ...register("address"), isInvalid: !!errors.address }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.address?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Date of Birth" }), _jsx(Form.Control, { type: "date", ...register("dob"), isInvalid: !!errors.dob }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.dob?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Contact Person Relation" }), _jsxs(Form.Control, { as: "select", ...register("contactRelation"), isInvalid: !!errors.contactRelation, children: [_jsx("option", { value: "", children: "Select Relation" }), _jsx("option", { value: "Mother", children: "Mother" }), _jsx("option", { value: "Father", children: "Father" }), _jsx("option", { value: "Sister", children: "Sister" }), _jsx("option", { value: "Brother", children: "Brother" }), _jsx("option", { value: "Spouse", children: "Spouse" }), _jsx("option", { value: "Other", children: "Other" })] }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.contactRelation?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Contact Person Name" }), _jsx(Form.Control, { type: "text", placeholder: "Enter Employee Contact Person Name", ...register("contactPersonName"), isInvalid: !!errors.contactPersonName }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.contactPersonName?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Contact Person Number" }), _jsx(Form.Control, { type: "tel", placeholder: "Enter Employee Contact Person Number", ...register("contactPersonNumber"), isInvalid: !!errors.contactPersonNumber }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.contactPersonNumber?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Aadhaar Number" }), _jsx(Form.Control, { type: "text", placeholder: "Enter Employee Aadhaar Number", ...register("aadhaarNumber"), isInvalid: !!errors.aadhaarNumber }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.aadhaarNumber?.message })] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Upload Aadhaar" }), _jsx(Form.Control, { type: "file", accept: "image/*,application/pdf", ...register("aadhaarFile"), isInvalid: !!errors.aadhaarFile }), _jsx(Form.Control.Feedback, { type: "invalid", children: typeof errors.aadhaarFile?.message === "string"
+                                    ? errors.aadhaarFile?.message
+                                    : "" }), isEditMode && fetchedImg && (_jsxs("div", { className: "mt-2", children: [_jsx("small", { children: "Existing Aadhaar:" }), _jsx("br", {}), _jsx("a", { href: fetchedImg, target: "_blank", rel: "noopener noreferrer", children: editProfile.aadhaarFile })] }))] }), _jsxs(Col, { xs: 12, md: 8, lg: 5, className: "mb-2 px-2 px-sm-auto", children: [_jsx(Form.Label, { className: "mt-2 mb-1 form-label", children: "Status" }), _jsxs(Form.Select, { ...register("status"), isInvalid: !!errors.status, children: [_jsx("option", { value: Status.Active, children: "Active" }), _jsx("option", { value: Status.Inactive, children: "Inactive" })] }), _jsx(Form.Control.Feedback, { type: "invalid", children: errors.status?.message })] })] }), _jsx(Row, { className: "justify-content-center mt-3", children: _jsxs(Col, { xs: 12, md: 8, lg: 4, className: "d-flex gap-2", children: [_jsx("button", { className: "btn-primary-global w-100 py-2", type: "submit", disabled: isSubmitting, children: isEditMode ? "Update" : "Submit" }), _jsx("button", { className: "btn-secondary-global w-100 py-2", type: "button", onClick: () => reset(), children: "Clear" })] }) })] }));
+};
+export default ProfileForm;

package/dist/components/ProfileForm/ProfileList.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { fetchUserRoleMappings, useListProfiles } from "../../api/mapping-api";
+import ListHeader from "../common/ListTable/ListHeader";
+import ListTable from "../common/ListTable/ListTable";
+import { profileColumns } from "./profileColumns";
+const ProfileList = () => {
+    const { data: profiles = [], isLoading } = useListProfiles();
+    const navigate = useNavigate();
+    const [roleMap, setRoleMap] = useState({});
+    useEffect(() => {
+        const loadRoles = async () => {
+            const mappings = await fetchUserRoleMappings();
+            const map = {};
+            mappings.forEach((m) => {
+                map[m.userId] = m.roleName;
+            });
+            setRoleMap(map);
+        };
+        loadRoles();
+    }, []);
+    const handleEdit = (row) => {
+        navigate("/profile-form", {
+            state: row,
+        });
+    };
+    const handleAdd = () => {
+        navigate("/profile-form");
+    };
+    return (_jsxs("div", { className: "container", children: [_jsx(ListHeader, { title: "Employees List", buttonLabel: "Add Employee", onButtonClick: handleAdd }), _jsx(ListTable, { columns: profileColumns(roleMap), data: profiles, loading: isLoading, emptyMessage: "No employees found", onEdit: handleEdit })] }));
+};
+export default ProfileList;

package/dist/components/ProfileForm/profileColumns.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from "react-bootstrap";
+import { Status } from "../../domain/type/StatusEnum";
+export const profileColumns = (roleMap) => [
+    {
+        header: "S.No",
+        accessor: (_row, index) => index + 1,
+    },
+    {
+        header: "HMS ID",
+        accessor: "sk",
+    },
+    {
+        header: "Name",
+        accessor: "name",
+    },
+    {
+        header: "Email",
+        accessor: "email",
+    },
+    {
+        header: "Phone",
+        accessor: "phoneNumber",
+    },
+    {
+        header: "Address",
+        accessor: "address",
+    },
+    {
+        header: "DOB",
+        accessor: (row) => row.dob ? new Date(row.dob).toLocaleDateString() : "-",
+    },
+    {
+        header: "Relation",
+        accessor: "contactRelation",
+    },
+    {
+        header: "Contact Name",
+        accessor: "contactPersonName",
+    },
+    {
+        header: "Contact Phone",
+        accessor: "contactPersonNumber",
+    },
+    {
+        header: "Aadhaar No",
+        accessor: "aadhaarNumber",
+    },
+    {
+        header: "Admin",
+        accessor: (row) => roleMap[row.sk] ?? "NO ROLE",
+    },
+    {
+        header: "Status",
+        accessor: (row) => (_jsx(Badge, { bg: row.status === Status.Active ? "success" : "danger", children: row.status })),
+    },
+    {
+        header: "Created Date",
+        accessor: (row) => row.createdDt
+            ? new Date(row.createdDt).toLocaleString()
+            : "-",
+    },
+    {
+        header: "Created By",
+        accessor: "createdBy",
+    },
+];

package/dist/components/ProfileForm/profileSchema.js

@@ -0,0 +1,50 @@
+import { z } from "zod";
+import { Status } from "../../domain/type/StatusEnum";
+export const profileSchema = z.object({
+    pk: z.string().catch(""), // required output, never undefined
+    customId: z.string()
+        .min(5, "ID must be at least 5 characters"),
+    name: z.string()
+        .min(3, "Name must be at least 3 characters")
+        .regex(/^[A-Za-z\s]+$/, "Name should contain only letters"),
+    email: z.string()
+        .email("Invalid email address"),
+    phoneNumber: z.string()
+        .regex(/^[0-9]{10}$/, "Phone number must be 10 digits"),
+    address: z.string()
+        .min(5, "Address must be at least 5 characters"),
+    dob: z.string()
+        .min(1, "Date of Birth is required"),
+    contactRelation: z.string()
+        .min(1, "Contact person relation is required"),
+    contactPersonName: z.string()
+        .min(3, "Contact person name must be at least 3 characters")
+        .regex(/^[A-Za-z\s]+$/, "Contact person name must contain only letters"),
+    contactPersonNumber: z.string()
+        .regex(/^[0-9]{10}$/, "Contact person number must be 10 digits"),
+    aadhaarNumber: z.string()
+        .regex(/^[0-9]{12}$/, "Aadhaar number must be 12 digits"),
+    aadhaarFile: z
+        .any()
+        .optional(), // File input (image/pdf)
+    status: z.enum(Status).optional(),
+    isAdmin: z.boolean().optional(),
+});
+export const useProfileSchema = () => ({
+    profileSchema,
+    initiateProfile: {
+        pk: "",
+        customId: "",
+        name: "",
+        email: "",
+        phoneNumber: "",
+        address: "",
+        dob: "",
+        contactRelation: "",
+        contactPersonName: "",
+        contactPersonNumber: "",
+        aadhaarNumber: "",
+        aadhaarFile: undefined,
+        status: Status.Active,
+    }
+});

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;