@syzy/apphost 1.0.1 → 1.0.2

package/dist/bookingModule/components/RoomCategoryForm.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense, useContext } from 'react';
+import AppContext from '../../store/AppContext';
+const RemoteRoomCategoryForm = React.lazy(() => import("bookingUIApp/RoomCategoryForm"));
+const RoomCategoryForm = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    const isSuperAdmin = user?.roles?.includes("SUPERADMIN") ?? false;
+    return (_jsx("div", { children: _jsx(Suspense, { children: _jsx(RemoteRoomCategoryForm, { branchId: branchId, isSuperAdmin: isSuperAdmin, classNames: {
+                    fontTitle: "font-title",
+                    fontLabel: "font-label",
+                    formGroup: "form-group",
+                    buttonPrimary: "btn-primary-global",
+                    buttonSecondary: "btn-secondary-global"
+                } }) }) }));
+};
+export default RoomCategoryForm;

package/dist/bookingModule/components/RoomCategoryPriceForm.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense, useContext } from 'react';
+import AppContext from '../../store/AppContext';
+const RemoteRoomCategoryPriceForm = React.lazy(() => import("bookingUIApp/RoomCategoryPriceForm"));
+const RoomCategoryPriceForm = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    const userId = `${parts[3]}#${parts[4]}`;
+    const isSuperAdmin = user?.roles?.includes("SUPERADMIN") ?? false;
+    return (_jsx("div", { children: _jsx(Suspense, { children: _jsx(RemoteRoomCategoryPriceForm, { branchId: branchId, isSuperAdmin: isSuperAdmin, userId: userId, classNames: {
+                    fontTitle: "font-title",
+                    fontLabel: "font-label",
+                    formGroup: "form-group",
+                    buttonPrimary: "btn-primary-global",
+                    buttonSecondary: "btn-secondary-global"
+                } }) }) }));
+};
+export default RoomCategoryPriceForm;

package/dist/bookingModule/components/RoomExtraRequirementCapture.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Suspense, useContext } from 'react';
+import AppContext from '../../store/AppContext';
+const RemoteRoomList = React.lazy(() => import("bookingUIApp/RoomList"));
+const RoomExtraRequirementCapture = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    return (_jsx("div", { children: _jsxs(Suspense, { children: [_jsx("h3", { className: 'text-center mt-4', children: "Guest Requirement" }), _jsx(RemoteRoomList, { branchId: branchId, forExtraRequirementCapture: true, classNames: {
+                        fontTitle: "font-title",
+                        fontLabel: "font-label",
+                        formGroup: "form-group",
+                        buttonPrimary: "btn-primary-global",
+                        buttonSecondary: "btn-secondary-global"
+                    } })] }) }));
+};
+export default RoomExtraRequirementCapture;

package/dist/bookingModule/components/RoomFacilityForm.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { Suspense, useContext } from 'react';
+import AppContext from '../../store/AppContext';
+const RemoteRoomFacilityForm = React.lazy(() => import("bookingUIApp/RoomFacilityForm"));
+const RoomFacilityForm = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    const isSuperAdmin = user?.roles?.includes("SUPERADMIN") ?? false;
+    return (_jsx("div", { children: _jsx(Suspense, { children: _jsx(RemoteRoomFacilityForm, { branchId: branchId, isSuperAdmin: isSuperAdmin, classNames: {
+                    fontTitle: "font-title",
+                    fontLabel: "font-label",
+                    formGroup: "form-group",
+                    buttonPrimary: "btn-primary-global",
+                    buttonSecondary: "btn-secondary-global"
+                } }) }) }));
+};
+export default RoomFacilityForm;

package/dist/bookingModule/components/RoomReservationAction.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Suspense, useContext } from 'react';
+import AppContext from '../../store/AppContext';
+const RemoteRoomList = React.lazy(() => import("bookingUIApp/RoomList"));
+const RoomReservationAction = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    return (_jsx("div", { children: _jsxs(Suspense, { children: [_jsx("h3", { className: 'text-center mt-4', children: "Reservation Action" }), _jsx(RemoteRoomList, { branchId: branchId, forRoomReservationAction: true, classNames: {
+                        fontTitle: "font-title",
+                        fontLabel: "font-label",
+                        formGroup: "form-group",
+                        buttonPrimary: "btn-primary-global",
+                        buttonSecondary: "btn-secondary-global"
+                    } })] }) }));
+};
+export default RoomReservationAction;

package/dist/components/Home/Home.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext } from "react";
+import { EnvConfig } from "../../config/EnvConfig";
+import AppContext from "../../store/AppContext";
+const appName = EnvConfig.applicationName || "Application";
+const ReservationCount = React.lazy(() => import("bookingUIApp/ReservationCount"));
+const Home = () => {
+    const { user } = useContext(AppContext) ?? { user: undefined };
+    const rawBranch = user?.branchId ?? "";
+    const parts = rawBranch.split("#");
+    const branchId = parts[1];
+    return (_jsxs("div", { className: "d-fle justify-content-center align-items-center h-100 flex-wrap", children: [_jsx("div", { className: "px-3 w-100 col-12", children: _jsx(ReservationCount, { branchId: branchId }) }), _jsx("div", { className: "h-75 d-flex justify-content-center align-items-center", children: _jsxs("div", { className: "text-center", children: [_jsxs("h2", { className: "fw-bold", children: [appName, " Dash Board"] }), _jsx("br", {}), _jsxs("h5", { children: ["\uD83D\uDC4B Welcome To ", appName, "! \uD83D\uDE42"] })] }) })] }));
+};
+export default Home;

package/dist/components/Loader/Loader.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const LoadingSpinner = () => {
+    return (_jsx("div", { className: "d-flex justify-content-center align-items-center h-100", children: _jsxs("div", { className: "text-center", children: [_jsx("div", { className: "spinner-border text-primary p-4", role: "status", children: _jsx("span", { className: "visually-hidden", children: "Loading..." }) }), _jsx("h5", { className: "mt-3", children: "Loading..." })] }) }));
+};
+export default LoadingSpinner;

package/dist/components/Login/Login.js

@@ -0,0 +1,149 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+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 { 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 getSchema = () => {
+        switch (authMode) {
+            case "signin":
+                return signInSchema;
+            case "register":
+                return registerSchema;
+            case "confirm":
+                return confirmSignUpSchema;
+            case "forgot":
+                return forgotPasswordSchema;
+            case "reset":
+                return resetPasswordSchema;
+            case "forceReset":
+                return forceResetSchema;
+            default:
+                return signInSchema;
+        }
+    };
+    const { register, handleSubmit, formState: { errors }, reset, } = useForm({
+        resolver: zodResolver(getSchema()),
+        defaultValues: {
+            username: "",
+            email: "",
+            password: "",
+            confirmPassword: "",
+            confirmationCode: "",
+        },
+    });
+    useEffect(() => {
+        reset({}, { keepValues: false });
+    }, [authMode, reset]);
+    const onSubmit = async (data) => {
+        try {
+            if (authMode === "signin") {
+                const res = await signIn({
+                    username: data.username,
+                    password: data.password,
+                });
+                if (res.nextStep?.signInStep === "CONFIRM_SIGN_IN_WITH_NEW_PASSWORD_REQUIRED") {
+                    reset({
+                        password: "",
+                        confirmPassword: "",
+                    });
+                    setAuthMode("forceReset");
+                    return;
+                }
+                if (res.isSignedIn) {
+                    const user = await getCurrentUser();
+                    localStorage.setItem("lastUser", user.username);
+                    login(true);
+                    navigate("/");
+                    reset();
+                }
+            }
+            if (authMode === "register") {
+                const { nextStep } = await signUp({
+                    username: data.username,
+                    password: data.password,
+                    options: { userAttributes: { email: data.email } },
+                });
+                if (nextStep?.signUpStep === "CONFIRM_SIGN_UP")
+                    setAuthMode("confirm");
+                reset();
+            }
+            if (authMode === "confirm") {
+                await confirmSignUp({
+                    username: data.username,
+                    confirmationCode: data.confirmationCode,
+                });
+                setAuthMode("signin");
+                reset();
+            }
+            if (authMode === "forgot") {
+                try {
+                    await resetPassword({ username: data.username });
+                    toast.success("Verification code sent to your email!");
+                    setTempUsername(data.username); // store username for next step
+                    setAuthMode("reset");
+                    reset({}, { keepValues: false });
+                }
+                catch (err) {
+                    toast.error(err.message || "Failed to send reset code");
+                }
+            }
+            if (authMode === "reset") {
+                try {
+                    await confirmResetPassword({
+                        username: tempUsername,
+                        confirmationCode: data.confirmationCode,
+                        newPassword: data.password
+                    });
+                    toast.success("Password reset successfully!");
+                    setAuthMode("signin");
+                    reset();
+                }
+                catch (error) {
+                    if (error.name === "ExpiredCodeException") {
+                        toast.error("Code expired. Request a new one.");
+                        setAuthMode("forgot");
+                        return;
+                    }
+                    if (error.name === "CodeMismatchException" || error.name === "InvalidParameterException") {
+                        toast.error("Invalid verification code. Please request a new one.");
+                        setAuthMode("forgot");
+                        setTempUsername("");
+                        reset();
+                        return;
+                    }
+                    toast.error(error.message || "Failed to reset password");
+                }
+            }
+            if (authMode === "forceReset") {
+                await confirmSignIn({ challengeResponse: data.password });
+                login(true);
+                navigate("/");
+                reset();
+            }
+        }
+        catch (err) {
+            toast.error(err.message || "Something went wrong");
+        }
+    };
+    const renderInput = (label, type, name) => {
+        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" }), _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/Login/loginSchema.js

@@ -0,0 +1,41 @@
+import { z } from "zod";
+// Schema for Sign In
+export const signInSchema = z.object({
+    username: z.string().min(1, "Username is required"),
+    password: z.string().min(1, "Password is required"),
+});
+// Schema for Register
+export const registerSchema = z.object({
+    username: z.string().min(1, "Username is required"),
+    email: z.string().email("Invalid email"),
+    password: z.string().min(6, "Password must be at least 6 characters"),
+    confirmPassword: z.string().min(1, "Confirm Password is required"),
+}).refine((data) => data.password === data.confirmPassword, {
+    message: "Passwords do not match",
+    path: ["confirmPassword"],
+});
+// Schema for Forgot/Reset Password
+export const resetPasswordSchema = z.object({
+    confirmationCode: z.string().min(6, "Code is required"),
+    password: z.string().min(8, "Password must be at least 8 chars"),
+    confirmPassword: z.string().min(8, "Confirm your password"),
+}).refine((data) => data.password === data.confirmPassword, {
+    message: "Passwords do not match",
+    path: ["confirmPassword"],
+});
+export const forgotPasswordSchema = z.object({
+    username: z.string().min(1, "Username is required"),
+});
+// Schema for Confirm Sign Up
+export const confirmSignUpSchema = z.object({
+    username: z.string().min(1, "Username is required"),
+    confirmationCode: z.string().min(1, "Verification code is required"),
+});
+// Schema for Force Reset
+export const forceResetSchema = z.object({
+    password: z.string().min(8, "Password must be at least 8 characters"),
+    confirmPassword: z.string().min(8, "Confirm Password is required"),
+}).refine((data) => data.password === data.confirmPassword, {
+    message: "Passwords do not match",
+    path: ["confirmPassword"],
+});

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

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Form, Col } from "react-bootstrap";
+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 { SyzyDate } from "../../../util/SyzyDate";
+import { DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM } from "../../../util/dateUtils";
+import FormModal from "../../common/Modal/Modal";
+import ListTable from "../../common/ListTable/ListTable";
+import { BranchTableColumns } from "./BranchTableColumns";
+import FormLabel from "../../common/Form/FormLabel";
+import FormActionButtons from "../../common/Form/FormActionButtons";
+import ListHeader from "../../common/ListTable/ListHeader";
+const BranchMapping = () => {
+    const { branchSchema, initiateBranch } = useBranchSchema();
+    const createBranchMutation = useCreateBranchMutation();
+    const updateBranchMutation = useUpdateBranchMutation();
+    const { data: branches, isLoading } = useListBranches();
+    // Modal and form states
+    const [showModal, setShowModal] = useState(false);
+    const [editingBranch, setEditingBranch] = useState(null);
+    const isEditMode = Boolean(editingBranch && editingBranch.pk);
+    const loading = isEditMode ? updateBranchMutation.isPending : createBranchMutation.isPending;
+    const tableLoading = isLoading || createBranchMutation.isPending || updateBranchMutation.isPending;
+    const { register, handleSubmit, reset, formState: { errors }, } = useForm({
+        resolver: zodResolver(branchSchema),
+        defaultValues: initiateBranch,
+        mode: "onChange",
+    });
+    // Reset form values when editing
+    useEffect(() => {
+        if (isEditMode && editingBranch) {
+            reset({
+                ...editingBranch,
+                branchName: editingBranch.sk,
+                status: editingBranch.status ?? "ACTIVE",
+                createdDt: editingBranch.createdDt ?? new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM),
+            });
+        }
+        else {
+            reset(initiateBranch);
+        }
+    }, [editingBranch, isEditMode, reset]);
+    // Open modal for editing
+    const handleEdit = (branch) => {
+        setEditingBranch(branch);
+        setShowModal(true);
+        reset({
+            ...branch,
+            branchName: branch.sk,
+            status: branch.status ?? "ACTIVE",
+            createdDt: branch.createdDt ?? new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM),
+        });
+    };
+    // Form submit handler
+    const onSubmit = async (data) => {
+        try {
+            // EDIT MODE
+            if (isEditMode && editingBranch?.pk) {
+                const skChanged = data.branchName !== editingBranch.sk;
+                if (skChanged) {
+                    // Step 1: mark old row as INACTIVE
+                    await updateBranchMutation.mutateAsync({
+                        pk: editingBranch.pk,
+                        sk: editingBranch.sk,
+                        branchAddress: editingBranch.branchAddress,
+                        branchContactNumber: editingBranch.branchContactNumber,
+                        status: "INACTIVE",
+                        createdDt: editingBranch.createdDt,
+                    });
+                    // Step 2: create new row with new SK
+                    await updateBranchMutation.mutateAsync({
+                        pk: editingBranch.pk,
+                        sk: data.branchName,
+                        branchAddress: data.branchAddress,
+                        branchContactNumber: data.branchContactNumber,
+                        status: "ACTIVE",
+                        createdDt: new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM),
+                    });
+                    toast.success("Branch renamed and updated successfully!");
+                    setShowModal(false);
+                    setEditingBranch(null);
+                    return;
+                }
+                // NORMAL update (no rename)
+                await updateBranchMutation.mutateAsync({
+                    pk: editingBranch.pk,
+                    sk: data.branchName,
+                    branchAddress: data.branchAddress,
+                    branchContactNumber: data.branchContactNumber,
+                    status: data.status ?? "ACTIVE",
+                    createdDt: editingBranch.createdDt ?? new Date().toISOString(),
+                });
+                toast.success("Branch updated successfully!");
+                setShowModal(false);
+                setEditingBranch(null);
+                return;
+            }
+            // CREATE MODE
+            await createBranchMutation.mutateAsync({
+                branchName: data.branchName,
+                branchAddress: data.branchAddress,
+                branchContactNumber: data.branchContactNumber,
+                status: data.status ?? "ACTIVE",
+            });
+            toast.success("Branch created successfully!");
+            setShowModal(false);
+            reset(initiateBranch);
+        }
+        catch (err) {
+            logger.error("Branch operation error", err);
+            toast.error("Branch operation failed");
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(ToastContainer, {}), _jsxs("div", { className: "container", children: [_jsx(ListHeader, { title: "Branches List", buttonLabel: "Add Branch", onButtonClick: () => {
+                            reset(initiateBranch);
+                            setEditingBranch(null);
+                            setShowModal(true);
+                        } }), isLoading ? null : (_jsx(ListTable, { columns: BranchTableColumns, data: branches ?? [], emptyMessage: "No branches found", onEdit: handleEdit, loading: tableLoading }))] }), _jsx(FormModal, { show: showModal, title: isEditMode ? "Edit Branch" : "Create Branch", onClose: () => {
+                    setShowModal(false);
+                    setEditingBranch(null);
+                    reset(initiateBranch);
+                }, children: _jsxs(Form, { className: "branch-form", onSubmit: handleSubmit(onSubmit), children: [_jsxs(Col, { children: [_jsx(FormLabel, { label: "Branch Name", required: true }), _jsx(Form.Control, { ...register("branchName"), isInvalid: !!errors.branchName, placeholder: "Enter branch name" }), _jsx(Form.Text, { className: "text-danger", children: errors.branchName?.message })] }), _jsxs(Col, { children: [_jsx(FormLabel, { label: "Branch Address", required: true }), _jsx(Form.Control, { ...register("branchAddress"), isInvalid: !!errors.branchAddress, placeholder: "Enter branch address" }), _jsx(Form.Text, { className: "text-danger", children: errors.branchAddress?.message })] }), _jsxs(Col, { children: [_jsx(FormLabel, { label: "Contact Number", required: true }), _jsx(Form.Control, { ...register("branchContactNumber"), isInvalid: !!errors.branchContactNumber, placeholder: "Enter branch contact number" }), _jsx(Form.Text, { className: "text-danger", children: errors.branchContactNumber?.message })] }), _jsxs(Col, { children: [_jsx(FormLabel, { label: "Status" }), _jsxs(Form.Select, { ...register("status"), children: [_jsx("option", { value: "ACTIVE", children: "ACTIVE" }), _jsx("option", { value: "INACTIVE", children: "INACTIVE" })] })] }), _jsx(FormActionButtons, { isEditMode: isEditMode, loading: loading, onClear: () => {
+                                setShowModal(false);
+                                setEditingBranch(null);
+                                reset(initiateBranch);
+                            } })] }) })] }));
+};
+export default BranchMapping;

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Status } from "../../../domain/type/StatusEnum";
+export const BranchTableColumns = [
+    {
+        header: "Branch Name",
+        accessor: (row) => row.sk,
+    },
+    {
+        header: "Address",
+        accessor: "branchAddress",
+    },
+    {
+        header: "Contact Number",
+        accessor: "branchContactNumber",
+    },
+    {
+        header: "Status",
+        accessor: (row) => (_jsx("span", { className: `status-message ${row.status === Status.Active ? "text-success" : "text-danger"}`, children: row.status })),
+        align: "center",
+    },
+];

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

@@ -0,0 +1,150 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import MappingForm from "../MappingForm/MappingForm";
+import FormModal from "../../common/Modal/Modal";
+import ListTable from "../../common/ListTable/ListTable";
+import { toast, ToastContainer } from "react-toastify";
+import { Status } from "../../../domain/type/StatusEnum";
+import { useListBranches, useListProfiles, useCreateMappingMutation, useUpdateMappingMutation, getRoleMappingByUserIdAndRoleNameFun, fetchBranchUserMappings } from "../../../api/mapping-api";
+import { EntityTypes } from "../../../domain/type/EntityTypes";
+import { SyzyDate } from "../../../util/SyzyDate";
+import { DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS } from "../../../util/dateUtils";
+import { logger } from "../../../util/Logger";
+import { BranchUserTableColumns } from "./MappingTableColumns";
+import ListHeader from "../../common/ListTable/ListHeader";
+const MappingFormBranchUser = () => {
+    const [showModal, setShowModal] = useState(false);
+    const [editingRow, setEditingRow] = useState();
+    const [branches, setBranches] = useState([]);
+    const [users, setUsers] = useState([]);
+    const [mappings, setMappings] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const currentISODate = new SyzyDate().toDateFormatString(DATE_FORMAT_ISO_YYYY_MM_DD_HH_MM_SS);
+    const { data: branchList, isLoading } = useListBranches();
+    const { data: profiles, isLoading: isProfilesLoading } = useListProfiles();
+    const createMappingMutation = useCreateMappingMutation();
+    const updateMappingMutation = useUpdateMappingMutation();
+    const tableLoading = isLoading || isProfilesLoading || createMappingMutation.isPending || updateMappingMutation.isPending;
+    /** Load branches */
+    useEffect(() => {
+        if (branchList) {
+            setBranches(branchList.map((b) => ({ id: b.pk, name: b.sk })));
+        }
+    }, [branchList]);
+    /** Load users */
+    useEffect(() => {
+        if (profiles) {
+            setUsers(profiles.map((p) => ({ id: p.sk, name: p.name })));
+        }
+    }, [profiles]);
+    /* ---------------- Load Mappings ---------------- */
+    const loadMappings = async () => {
+        try {
+            if (!branchList)
+                return;
+            const branchMap = {};
+            branchList.forEach((b) => {
+                branchMap[b.pk.replace("BRANCH#", "")] = b.sk;
+            });
+            const result = await fetchBranchUserMappings(branchMap);
+            const enriched = result.map((m) => {
+                const branchId = m.pk.replace("BRANCH#", "");
+                return {
+                    ...m,
+                    branchId,
+                    branchName: branchMap[branchId] ?? "Unknown Branch",
+                };
+            });
+            setMappings(enriched);
+        }
+        catch (err) {
+            toast.error("Failed to load mappings");
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    useEffect(() => {
+        loadMappings();
+    }, [branchList]);
+    /* ---------------- Edit / Add ---------------- */
+    const handleEdit = (row) => {
+        setEditingRow(row);
+        setShowModal(true);
+    };
+    const handleAdd = () => {
+        setEditingRow(undefined);
+        setShowModal(true);
+    };
+    /* ---------------- Submit ---------------- */
+    const handleSubmit = async (data) => {
+        try {
+            for (const map of data) {
+                const user = users.find(u => u.id === map.sourceId);
+                const branch = branches.find(b => b.id === map.branchId);
+                if (!user || !branch)
+                    continue;
+                const payload = {
+                    pk: `BRANCH#${map.branchId}`,
+                    sk: `USER#${user.id}`,
+                    branchName: branch.name,
+                    entity: EntityTypes.USER,
+                    userId: user.id,
+                    userName: user.name,
+                    roleId: "null",
+                    roleName: "null",
+                    componentId: "null",
+                    componentTitle: "null",
+                    status: map.status,
+                    createdDt: editingRow?.createdDt || currentISODate,
+                    createdBy: `${user.id}#${user.name}`,
+                    disabledDt: map.status === Status.Inactive ? currentISODate : "",
+                };
+                const isBranchChanged = editingRow && editingRow.branchId !== map.branchId;
+                const isUserChanged = editingRow && editingRow.userId !== user.id;
+                if (editingRow && (isBranchChanged || isUserChanged)) {
+                    await updateMappingMutation.mutateAsync({
+                        pk: editingRow.pk,
+                        sk: `USER#${editingRow.userId}`,
+                        branchName: editingRow.branchName,
+                        entity: EntityTypes.USER,
+                        userId: editingRow.userId,
+                        userName: editingRow.userName,
+                        roleId: "null",
+                        roleName: "null",
+                        componentId: "null",
+                        componentTitle: "null",
+                        status: Status.Inactive,
+                        createdDt: editingRow.createdDt,
+                        createdBy: `${user.id}#${user.name}`,
+                        disabledDt: currentISODate,
+                    });
+                }
+                const existing = await getRoleMappingByUserIdAndRoleNameFun(payload.pk, payload.sk);
+                if (existing) {
+                    await updateMappingMutation.mutateAsync(payload);
+                }
+                else {
+                    await createMappingMutation.mutateAsync(payload);
+                }
+            }
+            toast.success("Branch-User mapping saved successfully");
+            setShowModal(false);
+            loadMappings();
+        }
+        catch (err) {
+            logger.error(err);
+            toast.error("Mapping failed");
+        }
+    };
+    /* ---------------- Render ---------------- */
+    return (_jsxs(_Fragment, { children: [_jsx(ToastContainer, {}), _jsxs("div", { className: "container", children: [_jsx(ListHeader, { title: "Branch & User Mappings List", buttonLabel: "Add Mapping", onButtonClick: handleAdd }), loading ? null : (_jsx(ListTable, { columns: BranchUserTableColumns, data: mappings, emptyMessage: "No branch-user mappings found", onEdit: handleEdit, loading: tableLoading })), _jsx(FormModal, { show: showModal, title: editingRow ? "Edit Branch-User Mapping" : "Assign Branch to User", onClose: () => setShowModal(false), size: "lg", children: _jsx(MappingForm, { mode: "branch-user", hideBranch: false, hideTarget: true, branchOptions: branches, sourceLabel: "User", targetLabel: "", sourceOptions: users, targetOptions: [], onSubmit: handleSubmit, initialMapping: editingRow
+                                ? {
+                                    branchId: editingRow.branchId,
+                                    sourceId: editingRow.userId,
+                                    sourceName: editingRow.userName,
+                                    status: editingRow.status,
+                                }
+                                : undefined }) })] })] }));
+};
+export default MappingFormBranchUser;