@paro.io/expert-shared-components 1.14.10 → 1.14.11

package/lib/components/DocumentCenter/UploadFilesButton.d.ts

@@ -1,6 +1,6 @@
-interface UploadFilesButtonProps {
-    onFileSelect: (file: File) => void;
-    isLoading?: boolean;
-}
-export declare const UploadFilesButton: ({ onFileSelect, isLoading, }: UploadFilesButtonProps) => JSX.Element;
-export {};
+interface UploadFilesButtonProps {
+    onFileSelect: (file: File) => void;
+    isLoading?: boolean;
+}
+export declare const UploadFilesButton: ({ onFileSelect, isLoading, }: UploadFilesButtonProps) => JSX.Element;
+export {};

package/lib/components/DocumentCenter/UploadFilesButton.js

@@ -1,29 +1,29 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadFilesButton = void 0;
-const react_1 = __importDefault(require("react"));
-const base_ui_1 = require("@paro.io/base-ui");
-const react_2 = require("react");
-const UploadFilesButton = ({ onFileSelect, isLoading, }) => {
-    const fileInputRef = (0, react_2.useRef)(null);
-    const handleClick = () => {
-        var _a;
-        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    };
-    const handleFileChange = (event) => {
-        var _a;
-        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-        if (file) {
-            onFileSelect(file);
-        }
-        // Reset input value to allow uploading the same file again
-        event.target.value = '';
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "hidden", accept: ".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx" }),
-        react_1.default.createElement(base_ui_1.Button, { onClick: handleClick, disabled: isLoading })));
-};
-exports.UploadFilesButton = UploadFilesButton;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadFilesButton = void 0;
+const react_1 = __importDefault(require("react"));
+const base_ui_1 = require("@paro.io/base-ui");
+const react_2 = require("react");
+const UploadFilesButton = ({ onFileSelect, isLoading, }) => {
+    const fileInputRef = (0, react_2.useRef)(null);
+    const handleClick = () => {
+        var _a;
+        (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    };
+    const handleFileChange = (event) => {
+        var _a;
+        const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            onFileSelect(file);
+        }
+        // Reset input value to allow uploading the same file again
+        event.target.value = '';
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, className: "hidden", accept: ".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx" }),
+        react_1.default.createElement(base_ui_1.Button, { onClick: handleClick, disabled: isLoading })));
+};
+exports.UploadFilesButton = UploadFilesButton;

package/lib/components/EarningsTracker/ActiveProjectCard.d.ts

@@ -1,52 +1,52 @@
-import React from 'react';
-export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tooltip">;
-interface ActiveProjectCardProps {
-    project: any;
-    projectsData: any;
-    expertName: string;
-    freelancerId: number;
-    freelancerEmail: string;
-    isAuthenticated: boolean;
-    activeProject?: boolean;
-    adhocProject?: boolean;
-    upcomingProject?: boolean;
-    selectedTab: number;
-    projectTagsMap?: any;
-    updateProjectStatusMutation: any;
-    GetAllProjectIrprDetailsForFreelancerDocument: any;
-    updateParoProjectTagsMutation: any;
-    GetParoProjectsDocument: any;
-    updateProjectTagReviewStatusMutation: any;
-    getSowLazyQuery: any;
-    createChangeRequestMutation: any;
-    createOrUpdateRatingRequestMutation: any;
-    updateProjectTaskMutation: any;
-    submitProjectHoursMutation: any;
-    getAuth0Roles: any;
-    user: any;
-    internalPortal?: boolean;
-    csmUserGroup?: boolean;
-    clientPortal?: boolean;
-    signedSow?: boolean;
-}
-interface unAuthProps {
-    updateProjectStatus?: any;
-    updateProjectTags?: any;
-    sendParoSupportEmail?: any;
-    submitProjectHoursLambda?: any;
-    updateProjectTask?: any;
-    createChangeRequest?: any;
-}
-export declare const CheckItem: ({ checked, text }: any) => React.JSX.Element;
-export declare const getAllProjectRecommendationData: ({ projectData }: any) => {
-    minFloorHours: any;
-    maxFloorHours: any;
-    loggedHours: string | number;
-    weeklyHoursLogged: any;
-    hoursPerWeek: number | false;
-    minFloorName: string;
-    hoursToComplete: number | false;
-    remainingWeeks: number;
-};
-export declare const ActiveProjectCard: ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal, csmUserGroup, clientPortal, signedSow, }: ActiveProjectCardProps & unAuthProps) => JSX.Element;
-export {};
+import React from 'react';
+export declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"tooltip">;
+interface ActiveProjectCardProps {
+    project: any;
+    projectsData: any;
+    expertName: string;
+    freelancerId: number;
+    freelancerEmail: string;
+    isAuthenticated: boolean;
+    activeProject?: boolean;
+    adhocProject?: boolean;
+    upcomingProject?: boolean;
+    selectedTab: number;
+    projectTagsMap?: any;
+    updateProjectStatusMutation: any;
+    GetAllProjectIrprDetailsForFreelancerDocument: any;
+    updateParoProjectTagsMutation: any;
+    GetParoProjectsDocument: any;
+    updateProjectTagReviewStatusMutation: any;
+    getSowLazyQuery: any;
+    createChangeRequestMutation: any;
+    createOrUpdateRatingRequestMutation: any;
+    updateProjectTaskMutation: any;
+    submitProjectHoursMutation: any;
+    getAuth0Roles: any;
+    user: any;
+    internalPortal?: boolean;
+    csmUserGroup?: boolean;
+    clientPortal?: boolean;
+    signedSow?: boolean;
+}
+interface unAuthProps {
+    updateProjectStatus?: any;
+    updateProjectTags?: any;
+    sendParoSupportEmail?: any;
+    submitProjectHoursLambda?: any;
+    updateProjectTask?: any;
+    createChangeRequest?: any;
+}
+export declare const CheckItem: ({ checked, text }: any) => React.JSX.Element;
+export declare const getAllProjectRecommendationData: ({ projectData }: any) => {
+    minFloorHours: any;
+    maxFloorHours: any;
+    loggedHours: string | number;
+    weeklyHoursLogged: any;
+    hoursPerWeek: number | false;
+    minFloorName: string;
+    hoursToComplete: number | false;
+    remainingWeeks: number;
+};
+export declare const ActiveProjectCard: ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal, csmUserGroup, clientPortal, signedSow, }: ActiveProjectCardProps & unAuthProps) => JSX.Element;
+export {};

package/lib/components/EarningsTracker/ActiveProjectCard.js

@@ -1,161 +1,161 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveProjectCard = exports.getAllProjectRecommendationData = exports.CheckItem = exports.useStyles = void 0;
-const react_1 = __importStar(require("react"));
-const base_icons_1 = require("@paro.io/base-icons");
-const base_ui_1 = require("@paro.io/base-ui");
-const core_1 = require("@material-ui/core");
-const lab_1 = require("@material-ui/lab");
-const dayjs_1 = __importDefault(require("dayjs"));
-const styles_1 = require("@material-ui/core/styles");
-const moment_1 = __importDefault(require("moment"));
-const Star_1 = __importDefault(require("@material-ui/icons/Star"));
-const RightCardUI_1 = require("./RightCardUI");
-const LeftCardUI_1 = require("./LeftCardUI");
-const CenterCardUI_1 = require("./CenterCardUI");
-const utc_1 = __importDefault(require("dayjs/plugin/utc"));
-const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
-dayjs_1.default.extend(utc_1.default);
-dayjs_1.default.extend(timezone_1.default);
-exports.useStyles = (0, styles_1.makeStyles)({
-    tooltip: {
-        fontSize: ".9em",
-    },
-});
-const CheckItem = ({ checked, text }) => (react_1.default.createElement("div", { className: "p-2 w-full border-2 border-solid border-[#F1F5F9] rounded-md flex items-center" },
-    checked ? react_1.default.createElement(base_icons_1.IconCheck, { className: "mr-2 text-[#248384]" }) : react_1.default.createElement(base_icons_1.IconX, { className: "mr-2 text-[#A73A43]" }),
-    react_1.default.createElement("p", null, text)));
-exports.CheckItem = CheckItem;
-const getAllProjectRecommendationData = ({ projectData }) => {
-    var _a;
-    const date = (0, moment_1.default)();
-    const lastDayOfMonth = (0, moment_1.default)().endOf('month');
-    const daysLeftInProject = (0, moment_1.default)(projectData === null || projectData === void 0 ? void 0 : projectData.endDate).diff(date, 'day');
-    const checkDays = (0, moment_1.default)(projectData === null || projectData === void 0 ? void 0 : projectData.endDate).isBefore(lastDayOfMonth) ? lastDayOfMonth.date() : daysLeftInProject;
-    const remainingWeeks = Math.ceil(checkDays / 7);
-    const minFloorHours = (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== null && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== undefined && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== 0 ? projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours : projectData === null || projectData === void 0 ? void 0 : projectData.totalEstimatedMinHours;
-    const maxFloorHours = projectData === null || projectData === void 0 ? void 0 : projectData.maxHours;
-    const loggedHours = (projectData === null || projectData === void 0 ? void 0 : projectData.hoursInvoiced) ? (_a = Number(projectData === null || projectData === void 0 ? void 0 : projectData.hoursInvoiced)) === null || _a === void 0 ? void 0 : _a.toFixed(2) : 0;
-    const weeklyHoursLogged = projectData === null || projectData === void 0 ? void 0 : projectData.weeklyMinHoursLogged;
-    const hoursToComplete = minFloorHours > 0 && (loggedHours >= minFloorHours ? 0 : Number(minFloorHours) - Number(loggedHours));
-    const hoursPerWeek = (hoursToComplete && remainingWeeks) && hoursToComplete / remainingWeeks;
-    const minFloorName = (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== null && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== undefined && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== 0 ? "Min Floor Hours" : "Estimated Min Hours";
-    return {
-        minFloorHours,
-        maxFloorHours,
-        loggedHours,
-        weeklyHoursLogged,
-        hoursPerWeek,
-        minFloorName,
-        hoursToComplete,
-        remainingWeeks
-    };
-};
-exports.getAllProjectRecommendationData = getAllProjectRecommendationData;
-const checkProjectFrequencyType = (projectFrequencyId) => {
-    let projectFrequencyType = '';
-    if (projectFrequencyId === 1 || projectFrequencyId === 2) {
-        projectFrequencyType = "Recurring";
-    }
-    else if (projectFrequencyId === 3) {
-        projectFrequencyType = "One-time";
-    }
-    return projectFrequencyType;
-};
-const checkProjectRateType = (freelanceRateTypeId) => {
-    let projectType = '';
-    if (freelanceRateTypeId === 1) {
-        projectType = "Hourly";
-    }
-    else if (freelanceRateTypeId === 2) {
-        projectType = "Fixed";
-    }
-    return projectType;
-};
-const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal = false, csmUserGroup = false, clientPortal = false, signedSow = false, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const [editEndDate, setEditEndDate] = (0, react_1.useState)(false);
-    const [editStartDate, setEditStartDate] = (0, react_1.useState)(false);
-    const [showTimeModal, setShowTimeModal] = (0, react_1.useState)(false);
-    const [singleProjectData, setSingleProjectData] = (0, react_1.useState)();
-    const projectHealth = (_a = project === null || project === void 0 ? void 0 : project.healthGrade) !== null && _a !== void 0 ? _a : "!";
-    const [expand, setExpand] = (0, react_1.useState)(projectHealth === "!" ? true : false);
-    const projectRateType = checkProjectRateType((_b = project === null || project === void 0 ? void 0 : project.projectScope) === null || _b === void 0 ? void 0 : _b.freelanceRateTypeId);
-    const projectFrequencyType = checkProjectFrequencyType((_c = project === null || project === void 0 ? void 0 : project.projectScope) === null || _c === void 0 ? void 0 : _c.projectFrequencyId);
-    const checkStartDate = (0, moment_1.default)(project === null || project === void 0 ? void 0 : project.startDate).isSameOrAfter((0, moment_1.default)());
-    const classes = (0, exports.useStyles)();
-    let sumOfRatingValuesOfSingleProject = 0;
-    project === null || project === void 0 ? void 0 : project.rating.forEach((rating) => sumOfRatingValuesOfSingleProject += rating.overallRating);
-    const [ratingValue, setRatingValue] = (0, react_1.useState)((sumOfRatingValuesOfSingleProject / ((_d = project === null || project === void 0 ? void 0 : project.rating) === null || _d === void 0 ? void 0 : _d.length)).toFixed(1));
-    (0, react_1.useEffect)(() => {
-        setSingleProjectData(projectsData.find((projectData) => projectData.id === (project === null || project === void 0 ? void 0 : project.id)));
-    }, [projectsData, project]);
-    const sortRatingsAndRequests = (data) => {
-        return [...data].sort((a, b) => (0, dayjs_1.default)(b === null || b === void 0 ? void 0 : b.createdAt).diff((0, dayjs_1.default)(a === null || a === void 0 ? void 0 : a.createdAt), 'days'));
-    };
-    if ((project === null || project === void 0 ? void 0 : project.rating.length) > 1) {
-        project.rating = sortRatingsAndRequests(project.rating);
-    }
-    if ((project === null || project === void 0 ? void 0 : project.ratingRequest.length) > 1) {
-        project.ratingRequest = sortRatingsAndRequests(project.ratingRequest);
-    }
-    const showRating = ratingValue && (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)((_f = (_e = project === null || project === void 0 ? void 0 : project.rating) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.createdAt.replace('Z', '')).format('YYYY-MM-DD HH:mm:ss'), 'hours') > 48;
-    return (react_1.default.createElement("div", { className: "w-full mb-8" },
-        react_1.default.createElement("h1", { className: "font-bold text-lg m-2" }, (_g = project === null || project === void 0 ? void 0 : project.client) === null || _g === void 0 ? void 0 :
-            _g.name,
-            ":",
-            " ", project === null || project === void 0 ? void 0 :
-            project.name),
-        react_1.default.createElement(core_1.Card, { style: { padding: '12px' } },
-            react_1.default.createElement("div", { className: "flex flex-col-reverse justify-between w-full mt-3 md:flex-row gap-y-4" },
-                react_1.default.createElement("div", { className: "flex flex-col" },
-                    react_1.default.createElement("h1", null, (_h = project === null || project === void 0 ? void 0 : project.client) === null || _h === void 0 ? void 0 : _h.name),
-                    react_1.default.createElement("p", { className: "font-bold text-md mt-1" }, `${(_j = project === null || project === void 0 ? void 0 : project.name) !== null && _j !== void 0 ? _j : "Project"} ${(singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) ? "WITH" : "WITHOUT"} a min floor.`)),
-                react_1.default.createElement("div", { className: "flex flex-row gap-x-2 items-center ml-auto" },
-                    showRating && react_1.default.createElement("div", { className: "flex flex-auto items-center justify-between" },
-                        react_1.default.createElement(lab_1.Rating, { name: "read-only", value: Number(ratingValue), precision: 0.5, size: "large", readOnly: true, emptyIcon: react_1.default.createElement(Star_1.default, { fontSize: "inherit" }) })),
-                    (singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) && !adhocProject ? react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: "Minimum Floor Hours is the minimum amount of hours needed to log for this project.", placement: "top", arrow: true },
-                        react_1.default.createElement("div", { className: "h-10 w-14 bg-[#FDD7A5] border-2 border-solid border-[#F1F5F9] rounded-md flex place-content-center" },
-                            react_1.default.createElement("p", { className: "font-bold text-md self-center" }, "MF"))) : "",
-                    (projectRateType !== "Fixed" && !adhocProject && !clientPortal) &&
-                        react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: ['A', 'B', 'C', 'D'].includes(projectHealth) ? "This is your current grade for this project based on the amount of work you have completed to how much is expected to be completed throughout the duration of the project" : "If your project health grade is a ! log more than 60% of your Max Hours to change your grade. Please expand this section and contact your Customer Success Manager if you have questions.", placement: "top", arrow: true },
-                            react_1.default.createElement("div", { className: `h-10 w-14 border-2 border-solid rounded-md flex place-content-center ${['A', 'B', 'C', 'D'].includes(projectHealth) ? (['A', 'B'].includes(projectHealth) && "bg-[#F1F5F9] border-[#A3DCD8]") || (['C', 'D'].includes(projectHealth) && "bg-[#A73A43] border-[#F9C34F]") : "bg-[#A73A43] text-[#F1F5F9] border-[#F1F5F9]"}` },
-                                react_1.default.createElement("p", { className: "font-bold text-md self-center" }, projectHealth))),
-                    checkStartDate ?
-                        react_1.default.createElement("div", { className: "h-10 w-14 bg-[#F1F5F9] border-[#A3DCD8] border-2 border-solid rounded-md flex place-content-center" },
-                            react_1.default.createElement("p", { className: "font-bold text-md self-center" }, "NEW !")) : "",
-                    react_1.default.createElement("div", { className: "h-10 w-14 bg-[#F1F5F9] rounded-md flex place-content-center" },
-                        react_1.default.createElement(base_ui_1.Button, { onClick: () => { setExpand(!expand); }, className: "font-bold text-md p-8", icon: expand ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null) })))),
-            expand && react_1.default.createElement("div", { className: `flex w-full p-4 gap-x-10 gap-y-10 ${projectRateType === "Fixed" ? "flex-col" : "flex-col md:flex-row"}` },
-                react_1.default.createElement(LeftCardUI_1.LeftCardUI, { projectData: singleProjectData, projectFrequencyType: projectFrequencyType, projectRateType: projectRateType, project: project, isAuthenticated: isAuthenticated, adhocProject: adhocProject, activeProject: activeProject, freelancerId: freelancerId, selectedTab: selectedTab, updateProjectTaskMutation: updateProjectTaskMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateProjectTask: updateProjectTask, clientPortal: clientPortal }),
-                react_1.default.createElement("div", { className: "flex flex-col flex-grow md:flex-row gap-x-0 justify-around" },
-                    react_1.default.createElement(CenterCardUI_1.CenterCardUI, { startDate: project === null || project === void 0 ? void 0 : project.startDate, endDate: project === null || project === void 0 ? void 0 : project.endDate, projectData: singleProjectData, projectRateType: projectRateType, project: project, projectFrequencyType: projectFrequencyType, adhocProject: adhocProject, clientPortal: clientPortal }),
-                    react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow }))))));
-};
-exports.ActiveProjectCard = ActiveProjectCard;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActiveProjectCard = exports.getAllProjectRecommendationData = exports.CheckItem = exports.useStyles = void 0;
+const react_1 = __importStar(require("react"));
+const base_icons_1 = require("@paro.io/base-icons");
+const base_ui_1 = require("@paro.io/base-ui");
+const core_1 = require("@material-ui/core");
+const lab_1 = require("@material-ui/lab");
+const dayjs_1 = __importDefault(require("dayjs"));
+const styles_1 = require("@material-ui/core/styles");
+const moment_1 = __importDefault(require("moment"));
+const Star_1 = __importDefault(require("@material-ui/icons/Star"));
+const RightCardUI_1 = require("./RightCardUI");
+const LeftCardUI_1 = require("./LeftCardUI");
+const CenterCardUI_1 = require("./CenterCardUI");
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
+exports.useStyles = (0, styles_1.makeStyles)({
+    tooltip: {
+        fontSize: ".9em",
+    },
+});
+const CheckItem = ({ checked, text }) => (react_1.default.createElement("div", { className: "p-2 w-full border-2 border-solid border-[#F1F5F9] rounded-md flex items-center" },
+    checked ? react_1.default.createElement(base_icons_1.IconCheck, { className: "mr-2 text-[#248384]" }) : react_1.default.createElement(base_icons_1.IconX, { className: "mr-2 text-[#A73A43]" }),
+    react_1.default.createElement("p", null, text)));
+exports.CheckItem = CheckItem;
+const getAllProjectRecommendationData = ({ projectData }) => {
+    var _a;
+    const date = (0, moment_1.default)();
+    const lastDayOfMonth = (0, moment_1.default)().endOf('month');
+    const daysLeftInProject = (0, moment_1.default)(projectData === null || projectData === void 0 ? void 0 : projectData.endDate).diff(date, 'day');
+    const checkDays = (0, moment_1.default)(projectData === null || projectData === void 0 ? void 0 : projectData.endDate).isBefore(lastDayOfMonth) ? lastDayOfMonth.date() : daysLeftInProject;
+    const remainingWeeks = Math.ceil(checkDays / 7);
+    const minFloorHours = (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== null && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== undefined && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== 0 ? projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours : projectData === null || projectData === void 0 ? void 0 : projectData.totalEstimatedMinHours;
+    const maxFloorHours = projectData === null || projectData === void 0 ? void 0 : projectData.maxHours;
+    const loggedHours = (projectData === null || projectData === void 0 ? void 0 : projectData.hoursInvoiced) ? (_a = Number(projectData === null || projectData === void 0 ? void 0 : projectData.hoursInvoiced)) === null || _a === void 0 ? void 0 : _a.toFixed(2) : 0;
+    const weeklyHoursLogged = projectData === null || projectData === void 0 ? void 0 : projectData.weeklyMinHoursLogged;
+    const hoursToComplete = minFloorHours > 0 && (loggedHours >= minFloorHours ? 0 : Number(minFloorHours) - Number(loggedHours));
+    const hoursPerWeek = (hoursToComplete && remainingWeeks) && hoursToComplete / remainingWeeks;
+    const minFloorName = (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== null && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== undefined && (projectData === null || projectData === void 0 ? void 0 : projectData.minFloorHours) !== 0 ? "Min Floor Hours" : "Estimated Min Hours";
+    return {
+        minFloorHours,
+        maxFloorHours,
+        loggedHours,
+        weeklyHoursLogged,
+        hoursPerWeek,
+        minFloorName,
+        hoursToComplete,
+        remainingWeeks
+    };
+};
+exports.getAllProjectRecommendationData = getAllProjectRecommendationData;
+const checkProjectFrequencyType = (projectFrequencyId) => {
+    let projectFrequencyType = '';
+    if (projectFrequencyId === 1 || projectFrequencyId === 2) {
+        projectFrequencyType = "Recurring";
+    }
+    else if (projectFrequencyId === 3) {
+        projectFrequencyType = "One-time";
+    }
+    return projectFrequencyType;
+};
+const checkProjectRateType = (freelanceRateTypeId) => {
+    let projectType = '';
+    if (freelanceRateTypeId === 1) {
+        projectType = "Hourly";
+    }
+    else if (freelanceRateTypeId === 2) {
+        projectType = "Fixed";
+    }
+    return projectType;
+};
+const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal = false, csmUserGroup = false, clientPortal = false, signedSow = false, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    const [editEndDate, setEditEndDate] = (0, react_1.useState)(false);
+    const [editStartDate, setEditStartDate] = (0, react_1.useState)(false);
+    const [showTimeModal, setShowTimeModal] = (0, react_1.useState)(false);
+    const [singleProjectData, setSingleProjectData] = (0, react_1.useState)();
+    const projectHealth = (_a = project === null || project === void 0 ? void 0 : project.healthGrade) !== null && _a !== void 0 ? _a : "!";
+    const [expand, setExpand] = (0, react_1.useState)(projectHealth === "!" ? true : false);
+    const projectRateType = checkProjectRateType((_b = project === null || project === void 0 ? void 0 : project.projectScope) === null || _b === void 0 ? void 0 : _b.freelanceRateTypeId);
+    const projectFrequencyType = checkProjectFrequencyType((_c = project === null || project === void 0 ? void 0 : project.projectScope) === null || _c === void 0 ? void 0 : _c.projectFrequencyId);
+    const checkStartDate = (0, moment_1.default)(project === null || project === void 0 ? void 0 : project.startDate).isSameOrAfter((0, moment_1.default)());
+    const classes = (0, exports.useStyles)();
+    let sumOfRatingValuesOfSingleProject = 0;
+    project === null || project === void 0 ? void 0 : project.rating.forEach((rating) => sumOfRatingValuesOfSingleProject += rating.overallRating);
+    const [ratingValue, setRatingValue] = (0, react_1.useState)((sumOfRatingValuesOfSingleProject / ((_d = project === null || project === void 0 ? void 0 : project.rating) === null || _d === void 0 ? void 0 : _d.length)).toFixed(1));
+    (0, react_1.useEffect)(() => {
+        setSingleProjectData(projectsData.find((projectData) => projectData.id === (project === null || project === void 0 ? void 0 : project.id)));
+    }, [projectsData, project]);
+    const sortRatingsAndRequests = (data) => {
+        return [...data].sort((a, b) => (0, dayjs_1.default)(b === null || b === void 0 ? void 0 : b.createdAt).diff((0, dayjs_1.default)(a === null || a === void 0 ? void 0 : a.createdAt), 'days'));
+    };
+    if ((project === null || project === void 0 ? void 0 : project.rating.length) > 1) {
+        project.rating = sortRatingsAndRequests(project.rating);
+    }
+    if ((project === null || project === void 0 ? void 0 : project.ratingRequest.length) > 1) {
+        project.ratingRequest = sortRatingsAndRequests(project.ratingRequest);
+    }
+    const showRating = ratingValue && (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)((_f = (_e = project === null || project === void 0 ? void 0 : project.rating) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.createdAt.replace('Z', '')).format('YYYY-MM-DD HH:mm:ss'), 'hours') > 48;
+    return (react_1.default.createElement("div", { className: "w-full mb-8" },
+        react_1.default.createElement("h1", { className: "font-bold text-lg m-2" }, (_g = project === null || project === void 0 ? void 0 : project.client) === null || _g === void 0 ? void 0 :
+            _g.name,
+            ":",
+            " ", project === null || project === void 0 ? void 0 :
+            project.name),
+        react_1.default.createElement(core_1.Card, { style: { padding: '12px' } },
+            react_1.default.createElement("div", { className: "flex flex-col-reverse justify-between w-full mt-3 md:flex-row gap-y-4" },
+                react_1.default.createElement("div", { className: "flex flex-col" },
+                    react_1.default.createElement("h1", null, (_h = project === null || project === void 0 ? void 0 : project.client) === null || _h === void 0 ? void 0 : _h.name),
+                    react_1.default.createElement("p", { className: "font-bold text-md mt-1" }, `${(_j = project === null || project === void 0 ? void 0 : project.name) !== null && _j !== void 0 ? _j : "Project"} ${(singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) ? "WITH" : "WITHOUT"} a min floor.`)),
+                react_1.default.createElement("div", { className: "flex flex-row gap-x-2 items-center ml-auto" },
+                    showRating && react_1.default.createElement("div", { className: "flex flex-auto items-center justify-between" },
+                        react_1.default.createElement(lab_1.Rating, { name: "read-only", value: Number(ratingValue), precision: 0.5, size: "large", readOnly: true, emptyIcon: react_1.default.createElement(Star_1.default, { fontSize: "inherit" }) })),
+                    (singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) && !adhocProject ? react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: "Minimum Floor Hours is the minimum amount of hours needed to log for this project.", placement: "top", arrow: true },
+                        react_1.default.createElement("div", { className: "h-10 w-14 bg-[#FDD7A5] border-2 border-solid border-[#F1F5F9] rounded-md flex place-content-center" },
+                            react_1.default.createElement("p", { className: "font-bold text-md self-center" }, "MF"))) : "",
+                    (projectRateType !== "Fixed" && !adhocProject && !clientPortal) &&
+                        react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: ['A', 'B', 'C', 'D'].includes(projectHealth) ? "This is your current grade for this project based on the amount of work you have completed to how much is expected to be completed throughout the duration of the project" : "If your project health grade is a ! log more than 60% of your Max Hours to change your grade. Please expand this section and contact your Customer Success Manager if you have questions.", placement: "top", arrow: true },
+                            react_1.default.createElement("div", { className: `h-10 w-14 border-2 border-solid rounded-md flex place-content-center ${['A', 'B', 'C', 'D'].includes(projectHealth) ? (['A', 'B'].includes(projectHealth) && "bg-[#F1F5F9] border-[#A3DCD8]") || (['C', 'D'].includes(projectHealth) && "bg-[#A73A43] border-[#F9C34F]") : "bg-[#A73A43] text-[#F1F5F9] border-[#F1F5F9]"}` },
+                                react_1.default.createElement("p", { className: "font-bold text-md self-center" }, projectHealth))),
+                    checkStartDate ?
+                        react_1.default.createElement("div", { className: "h-10 w-14 bg-[#F1F5F9] border-[#A3DCD8] border-2 border-solid rounded-md flex place-content-center" },
+                            react_1.default.createElement("p", { className: "font-bold text-md self-center" }, "NEW !")) : "",
+                    react_1.default.createElement("div", { className: "h-10 w-14 bg-[#F1F5F9] rounded-md flex place-content-center" },
+                        react_1.default.createElement(base_ui_1.Button, { onClick: () => { setExpand(!expand); }, className: "font-bold text-md p-8", icon: expand ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null) })))),
+            expand && react_1.default.createElement("div", { className: `flex w-full p-4 gap-x-10 gap-y-10 ${projectRateType === "Fixed" ? "flex-col" : "flex-col md:flex-row"}` },
+                react_1.default.createElement(LeftCardUI_1.LeftCardUI, { projectData: singleProjectData, projectFrequencyType: projectFrequencyType, projectRateType: projectRateType, project: project, isAuthenticated: isAuthenticated, adhocProject: adhocProject, activeProject: activeProject, freelancerId: freelancerId, selectedTab: selectedTab, updateProjectTaskMutation: updateProjectTaskMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateProjectTask: updateProjectTask, clientPortal: clientPortal }),
+                react_1.default.createElement("div", { className: "flex flex-col flex-grow md:flex-row gap-x-0 justify-around" },
+                    react_1.default.createElement(CenterCardUI_1.CenterCardUI, { startDate: project === null || project === void 0 ? void 0 : project.startDate, endDate: project === null || project === void 0 ? void 0 : project.endDate, projectData: singleProjectData, projectRateType: projectRateType, project: project, projectFrequencyType: projectFrequencyType, adhocProject: adhocProject, clientPortal: clientPortal }),
+                    react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow }))))));
+};
+exports.ActiveProjectCard = ActiveProjectCard;

package/lib/components/EarningsTracker/CenterCardUI.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
-interface CenterCardUIProps {
-    startDate: any;
-    endDate: any;
-    projectRateType: string;
-    projectData: any;
-    projectFrequencyType: string;
-    project: any;
-    adhocProject: any;
-    clientPortal: boolean;
-}
-export declare const CenterCardUI: ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, }: CenterCardUIProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface CenterCardUIProps {
+    startDate: any;
+    endDate: any;
+    projectRateType: string;
+    projectData: any;
+    projectFrequencyType: string;
+    project: any;
+    adhocProject: any;
+    clientPortal: boolean;
+}
+export declare const CenterCardUI: ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, }: CenterCardUIProps) => React.JSX.Element;
+export {};