@syzy/apphost 1.0.1 → 1.0.3

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ProfileList: React.FC;
+export default ProfileList;

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

@@ -0,0 +1,3 @@
+import { ProfileDto } from "../../domain/model/ProfileDto";
+import { TableColumn } from "../common/ListTable/ListTable";
+export declare const profileColumns: (roleMap: Record<string, string>) => TableColumn<ProfileDto>[];

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

@@ -0,0 +1,52 @@
+import { z } from "zod";
+import { Status } from "../../domain/type/StatusEnum";
+export declare const profileSchema: z.ZodObject<{
+    pk: z.ZodCatch<z.ZodString>;
+    customId: z.ZodString;
+    name: z.ZodString;
+    email: z.ZodString;
+    phoneNumber: z.ZodString;
+    address: z.ZodString;
+    dob: z.ZodString;
+    contactRelation: z.ZodString;
+    contactPersonName: z.ZodString;
+    contactPersonNumber: z.ZodString;
+    aadhaarNumber: z.ZodString;
+    aadhaarFile: z.ZodOptional<z.ZodAny>;
+    status: z.ZodOptional<z.ZodEnum<typeof Status>>;
+    isAdmin: z.ZodOptional<z.ZodBoolean>;
+}, z.core.$strip>;
+export type ProfileFormInputs = z.infer<typeof profileSchema>;
+export declare const useProfileSchema: () => {
+    profileSchema: z.ZodObject<{
+        pk: z.ZodCatch<z.ZodString>;
+        customId: z.ZodString;
+        name: z.ZodString;
+        email: z.ZodString;
+        phoneNumber: z.ZodString;
+        address: z.ZodString;
+        dob: z.ZodString;
+        contactRelation: z.ZodString;
+        contactPersonName: z.ZodString;
+        contactPersonNumber: z.ZodString;
+        aadhaarNumber: z.ZodString;
+        aadhaarFile: z.ZodOptional<z.ZodAny>;
+        status: z.ZodOptional<z.ZodEnum<typeof Status>>;
+        isAdmin: z.ZodOptional<z.ZodBoolean>;
+    }, z.core.$strip>;
+    initiateProfile: {
+        pk: string;
+        customId: string;
+        name: string;
+        email: string;
+        phoneNumber: string;
+        address: string;
+        dob: string;
+        contactRelation: string;
+        contactPersonName: string;
+        contactPersonNumber: string;
+        aadhaarNumber: string;
+        aadhaarFile: undefined;
+        status: Status;
+    };
+};

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

@@ -0,0 +1,3 @@
+import './SettingsPage.css';
+declare const SettingsPage: () => import("react/jsx-runtime").JSX.Element;
+export default SettingsPage;