@paro.io/expert-shared-components 1.14.13 → 1.14.15

package/lib/components/EarningsTracker/RightCardUI.js

@@ -1,231 +1,231 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RightCardUI = 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 LogTimeModalAuthenticated_1 = require("./LogTimeModalAuthenticated");
-const dayjs_1 = __importDefault(require("dayjs"));
-const EmailModal_1 = require("./EmailModal");
-const EditDateModal_1 = require("./EditDateModal");
-const EndProjectModal_1 = require("./EndProjectModal");
-const ReviewRequestModal_1 = require("./ReviewRequestModal");
-const ActiveProjectCard_1 = require("./ActiveProjectCard");
-const TicketModal = ({ ticketModal, setTicketModal }) => {
-    return (react_1.default.createElement(base_ui_1.Modal, { open: ticketModal, onClose: () => { setTicketModal(false); }, size: "sm", className: "z-[100]" },
-        react_1.default.createElement("h1", { className: "font-bold text-xl mb-6" }, "Your ticket has been submitted!"),
-        react_1.default.createElement("p", { className: "font-bold text-md mb-2" }, "Thank you for reaching out to Paro Support, we will contact you within the next business day to follow up on your request."),
-        react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { setTicketModal(false); }, label: "OK", className: "mt-4", color: "primary" })));
-};
-const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal, csmUserGroup, clientPortal, signedSow, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-    const [expandClient, setExpandClient] = (0, react_1.useState)(false);
-    const [expandSupport, setExpandSupport] = (0, react_1.useState)(false);
-    const [emailModal, setEmailModal] = (0, react_1.useState)(false);
-    const [emailText, setEmailText] = (0, react_1.useState)("");
-    const [ticketModal, setTicketModal] = (0, react_1.useState)(false);
-    const [showConfirmationModal, setShowConfirmationModal] = (0, react_1.useState)(false);
-    const [isDateInvalid, setIsDateInvalid] = (0, react_1.useState)(false);
-    const [requestModal, setRequestModal] = (0, react_1.useState)(false);
-    const [sowData, setSowData] = (0, react_1.useState)();
-    const [sowLoading, setSowLoading] = (0, react_1.useState)(false);
-    const classes = (0, ActiveProjectCard_1.useStyles)();
-    const tasks = project === null || project === void 0 ? void 0 : project.projectScopeTasks;
-    const pendingTasks = tasks.filter((task) => task.statusId === 2);
-    const inProgressTasks = tasks.filter((task) => task.statusId === 3);
-    const sow = !!(project === null || project === void 0 ? void 0 : project.contractId);
-    const sowId = !!(project === null || project === void 0 ? void 0 : project.scopeOfWorkId);
-    const projectType = `${projectFrequencyType}-${projectRateType}`;
-    const nDaysSinceLastRatingIsSubmiited = 30;
-    const isProjectCompletedIn2024 = (0, dayjs_1.default)(project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp).year() === 2024;
-    const [requestStatus, setRequestStatus] = (0, react_1.useState)();
-    const isTestEnv = true; // process.env.STAGE !== "prod"
-    (0, react_1.useEffect)(() => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const isRatingBeforeRatingRequest = (0, dayjs_1.default)((_b = (_a = project === null || project === void 0 ? void 0 : project.rating) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.createdAt).isBefore((0, dayjs_1.default)((_d = (_c = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.createdAt));
-        const isRatingRequestAfterRowUpdate = (0, dayjs_1.default)((_f = (_e = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.createdAt).isAfter((0, dayjs_1.default)(project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp));
-        const isRatingRequestStatusRequested = ((_h = (_g = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.status) === 'Requested';
-        const getRequestStatus = () => {
-            var _a, _b, _c, _d;
-            if (selectedTab === 4) {
-                if (isRatingBeforeRatingRequest && isRatingRequestAfterRowUpdate && isProjectCompletedIn2024 && isRatingRequestStatusRequested) {
-                    return (_b = (_a = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.status;
-                }
-            }
-            else {
-                if (isRatingBeforeRatingRequest && isRatingRequestStatusRequested) {
-                    return (_d = (_c = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.status;
-                }
-            }
-            return undefined;
-        };
-        setRequestStatus(getRequestStatus());
-    }, [project, selectedTab, isProjectCompletedIn2024]);
-    const isRequestReviewEnabled = true; //process.env.REQUEST_REVIEW_BUTTON_ENABLED==='true'
-    (0, react_1.useEffect)(() => {
-        if (sowData && sowData.presignedUrl) {
-            window.open(sowData.presignedUrl);
-        }
-    }, [sowData]);
-    const isWithinDays = (date, days) => (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)(date).format('YYYY-MM-DD HH:mm:ss'), 'day') < days;
-    const isWithinHours = (date, hours) => (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)(date).format('YYYY-MM-DD HH:mm:ss'), 'hours') < hours;
-    const hasRecentRating = !!((project === null || project === void 0 ? void 0 : project.rating) && ((_a = project === null || project === void 0 ? void 0 : project.rating[0]) === null || _a === void 0 ? void 0 : _a.overallRating) && isWithinHours((_b = project === null || project === void 0 ? void 0 : project.rating[0]) === null || _b === void 0 ? void 0 : _b.createdAt.replace('Z', ''), 48) &&
-        (!(((_c = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _c === void 0 ? void 0 : _c.length) > 0) || ((_d = project === null || project === void 0 ? void 0 : project.ratingRequest[0]) === null || _d === void 0 ? void 0 : _d.status) !== 'Requested' && (0, dayjs_1.default)((_e = project === null || project === void 0 ? void 0 : project.ratingRequest[0]) === null || _e === void 0 ? void 0 : _e.createdAt).isBefore((0, dayjs_1.default)((_f = project === null || project === void 0 ? void 0 : project.rating[0]) === null || _f === void 0 ? void 0 : _f.createdAt))));
-    const getMaxDate = () => {
-        let maxDate = LogTimeModalAuthenticated_1.constants.MAX_DATE;
-        const todayDate = new Date();
-        if (editStartDate) {
-            maxDate = new Date(project === null || project === void 0 ? void 0 : project.endDate);
-        }
-        else if (editEndDate) {
-            maxDate = new Date(todayDate.setMonth((todayDate).getMonth() + 12));
-        }
-        return new Date(maxDate);
-    };
-    const validateDate = (date) => {
-        const minDate = LogTimeModalAuthenticated_1.constants.MIN_DATE;
-        const maxDate = getMaxDate();
-        const isValid = date ? date.setHours(0, 0, 0, 0) < minDate.setHours(0, 0, 0, 0) || date.setHours(0, 0, 0, 0) > maxDate.setHours(0, 0, 0, 0) : true;
-        setIsDateInvalid(isValid);
-        return !isValid;
-    };
-    const downloadSow = (sowId) => __awaiter(void 0, void 0, void 0, function* () {
-        setSowLoading(true);
-        yield getSowLazyQuery({ variables: { getSowId: sowId } })
-            .then((res) => {
-            setSowData(res.data.getSow);
-        })
-            .catch((error) => {
-            console.error("Failed to download SOW:", error);
-        })
-            .finally(() => {
-            setSowLoading(false);
-        });
-    });
-    const isRecentRatingAfterRowUpdate = (ratingDate, rowUpdateTimestamp) => (0, dayjs_1.default)(ratingDate).isAfter((0, dayjs_1.default)(rowUpdateTimestamp));
-    const hasRecentRatingCondition = (selectedTab, hasRecentRating, project, isProjectCompletedIn2024) => {
-        var _a, _b;
-        if (selectedTab === 4) {
-            return hasRecentRating && isRecentRatingAfterRowUpdate((_b = (_a = project === null || project === void 0 ? void 0 : project.rating) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.createdAt, project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp) && isProjectCompletedIn2024;
-        }
-        return hasRecentRating;
-    };
-    const reviewGivenCondition = (selectedTab, showRating, project, isProjectCompletedIn2024, nDaysSinceLastRatingIsSubmiited) => {
-        var _a, _b, _c, _d;
-        if (!showRating)
-            return false;
-        if (selectedTab === 4) {
-            return isRecentRatingAfterRowUpdate((_b = (_a = project === null || project === void 0 ? void 0 : project.rating) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.createdAt, project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp) && isProjectCompletedIn2024;
-        }
-        return isWithinDays((_d = (_c = project === null || project === void 0 ? void 0 : project.rating) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.createdAt, nDaysSinceLastRatingIsSubmiited);
-    };
-    const requestReviewButtonLabel = () => {
-        const hasRecentRatings = hasRecentRatingCondition(selectedTab, hasRecentRating, project, isProjectCompletedIn2024);
-        const reviewGiven = reviewGivenCondition(selectedTab, showRating, project, isProjectCompletedIn2024, nDaysSinceLastRatingIsSubmiited);
-        if (hasRecentRatings) {
-            return 'Review Pending';
-        }
-        else if (requestStatus === 'Requested') {
-            return 'Requested';
-        }
-        else if (reviewGiven) {
-            return 'Review Given';
-        }
-        return 'Request Review';
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: "w-full md:w-2/12 flex flex-col gap-y-2.5" },
-            (internalPortal && csmUserGroup) || (!internalPortal && !csmUserGroup) && !clientPortal ? react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("h1", { className: "text-[#64748B] text-md font-bold" }, "Actions"),
-                checkStartDate ?
-                    react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: activeProject && "The project has not started yet. Request to change the project start date to the current date in order to edit the project end date.", placement: "top", arrow: true }, upcomingProject ? react_1.default.createElement("div", null,
-                        react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: true, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } }))
-                        : react_1.default.createElement("div", null,
-                            react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: checkStartDate || !activeProject, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } })))
-                    :
-                        react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: (projectType === "One-time-Fixed" || projectType === "Recurring-Fixed") ? "Please reach out to your Customer Success Manager if you would like to submit time for Fixed Projects." : "", placement: "top", arrow: true },
-                            react_1.default.createElement("div", null,
-                                react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: !activeProject, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } }))),
-                upcomingProject ? react_1.default.createElement(base_ui_1.Button, { label: "EDIT START DATE", disabled: false, size: "sm", className: "w-full", onClick: () => { setEditStartDate(true); } }) :
-                    react_1.default.createElement(base_ui_1.Button, { label: "EDIT START DATE", disabled: !activeProject, size: "sm", className: "w-full", onClick: () => { setEditStartDate(true); } }),
-                checkStartDate ?
-                    react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: activeProject && "The project has not started yet, please wait until the project start date to request a change to edit the end date.", placement: "top", arrow: true }, upcomingProject ? react_1.default.createElement("div", null,
-                        react_1.default.createElement(base_ui_1.Button, { label: "EDIT END DATE", disabled: true, size: "sm", className: "w-full", onClick: () => { setEditEndDate(true); } })) :
-                        react_1.default.createElement("div", null,
-                            react_1.default.createElement(base_ui_1.Button, { label: "EDIT END DATE", disabled: checkStartDate || !activeProject, size: "sm", className: "w-full", onClick: () => { setEditEndDate(true); } })))
-                    :
-                        react_1.default.createElement(base_ui_1.Button, { label: "EDIT END DATE", disabled: !activeProject, size: "sm", className: "w-full", onClick: () => { setEditEndDate(true); } }),
-                react_1.default.createElement(base_ui_1.Button, { label: "END PROJECT", disabled: selectedTab === 2 || selectedTab === 3 || selectedTab === 4, size: "sm", className: "w-full", onClick: () => { setShowConfirmationModal(true); } }),
-                react_1.default.createElement(base_ui_1.Button, { label: "VIEW SOW", size: "sm", disabled: !sow, className: "w-full", onClick: () => window.open(`/contract/${project === null || project === void 0 ? void 0 : project.contractId}`, '_blank') }),
-                !internalPortal && react_1.default.createElement(base_ui_1.Button, { label: "DOWNLOAD SOW", size: "sm", disabled: !sowId, className: "w-full", onClick: () => { downloadSow(project === null || project === void 0 ? void 0 : project.scopeOfWorkId); }, isLoading: sowLoading }),
-                (selectedTab === 0 || selectedTab === 1 || selectedTab === 4) && isRequestReviewEnabled && !internalPortal &&
-                    react_1.default.createElement(base_ui_1.Button, { label: requestReviewButtonLabel(), disabled: requestReviewButtonLabel() !== 'Request Review', size: "sm", className: "w-full", onClick: () => setRequestModal(true), isLoading: sowLoading })) : null,
-            clientPortal && react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("h1", { className: "text-[#64748B] text-md font-bold" }, "Actions"),
-                react_1.default.createElement(base_ui_1.Button, { label: signedSow ? "DOWNLOAD SOW" : "SIGN SOW", size: "sm", disabled: !sowId, className: "w-full", onClick: () => { downloadSow(project === null || project === void 0 ? void 0 : project.scopeOfWorkId); }, isLoading: sowLoading }),
-                signedSow &&
-                    react_1.default.createElement(base_ui_1.Button, { label: "SUBMIT REVIEW", disabled: requestReviewButtonLabel() !== 'Request Review', size: "sm", className: "w-full", onClick: () => setRequestModal(true), isLoading: sowLoading })),
-            react_1.default.createElement("div", { className: "gap-y-1 mt-4" },
-                react_1.default.createElement("div", { className: "flex flex-row justify-between" },
-                    react_1.default.createElement("h1", { className: "font-bold text-lg mb-2" }, clientPortal ? "AE Information" : "Client Contact"),
-                    react_1.default.createElement("button", { onClick: () => { setExpandClient(!expandClient); }, className: "font-bold text-md mb-2" }, expandClient ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null))),
-                expandClient && react_1.default.createElement("div", { className: "m-1 overflow-auto" },
-                    react_1.default.createElement("p", null, (_g = project === null || project === void 0 ? void 0 : project.client) === null || _g === void 0 ? void 0 : _g.name),
-                    react_1.default.createElement("p", null, (_h = project === null || project === void 0 ? void 0 : project.client) === null || _h === void 0 ? void 0 : _h.clientEmail),
-                    react_1.default.createElement("p", null, (_k = ((_j = project === null || project === void 0 ? void 0 : project.client) === null || _j === void 0 ? void 0 : _j.clientPhone)) === null || _k === void 0 ? void 0 : _k.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3")))),
-            react_1.default.createElement("div", { className: "gap-y-1 mt-4" },
-                react_1.default.createElement("div", { className: "flex flex-row justify-between" },
-                    react_1.default.createElement("h1", { className: "font-bold text-lg mb-2" }, "Paro Support"),
-                    react_1.default.createElement("button", { onClick: () => { setExpandSupport(!expandSupport); }, className: "font-bold text-md mb-2" }, expandSupport ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null))),
-                expandSupport && react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("b", null, "Customer Success Manager"),
-                    react_1.default.createElement("div", { className: "m-1 overflow-auto" },
-                        react_1.default.createElement("p", null, ((_m = (_l = project === null || project === void 0 ? void 0 : project.paroContact) === null || _l === void 0 ? void 0 : _l.firstName) !== null && _m !== void 0 ? _m : '') + ' ' + ((_p = (_o = project === null || project === void 0 ? void 0 : project.paroContact) === null || _o === void 0 ? void 0 : _o.lastName) !== null && _p !== void 0 ? _p : '')),
-                        react_1.default.createElement("a", { href: `mailto:${(_q = project === null || project === void 0 ? void 0 : project.paroContact) === null || _q === void 0 ? void 0 : _q.email}`, className: "underline text-[#1878BD]" }, (_r = project === null || project === void 0 ? void 0 : project.paroContact) === null || _r === void 0 ? void 0 : _r.email),
-                        react_1.default.createElement("p", null, (_s = project === null || project === void 0 ? void 0 : project.paroContact) === null || _s === void 0 ? void 0 : _s.phone)),
-                    react_1.default.createElement(base_ui_1.Button, { label: "CONTACT SUPPORT", size: "sm", className: "max-w-max mt-2", onClick: () => setEmailModal(true) })))),
-        react_1.default.createElement(LogTimeModalAuthenticated_1.LogTimeModalAuthenticated, { project: project, freelancerId: freelancerId, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, setSingleProjectData: setSingleProjectData, projectData: projectData, selectedTab: selectedTab, isAuthenticated: isAuthenticated, submitProjectHoursMutation: submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user }),
-        react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.startDate, editDate: editStartDate, setEditDate: setEditStartDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "start", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv }),
-        react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.endDate, editDate: editEndDate, setEditDate: setEditEndDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "end", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv }),
-        react_1.default.createElement(EndProjectModal_1.EndProjectModal, { freelancerId: freelancerId, project: project, expertName: expertName, showConfirmationModal: showConfirmationModal, setShowConfirmationModal: setShowConfirmationModal, projectType: projectType, isAuthenticated: isAuthenticated, selectedTab: selectedTab, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags }),
-        react_1.default.createElement(EmailModal_1.EmailModal, { emailModal: emailModal, setEmailModal: setEmailModal, emailText: emailText, setEmailText: setEmailText, setTicketModal: setTicketModal, project: project, expertName: expertName, sendParoSupportEmail: sendParoSupportEmail, isTestEnv: isTestEnv }),
-        react_1.default.createElement(TicketModal, { ticketModal: ticketModal, setTicketModal: setTicketModal }),
-        react_1.default.createElement(ReviewRequestModal_1.ReviewRequestModal, { project: project, requestModal: requestModal, setRequestModal: setRequestModal, expertName: expertName, freelancerId: freelancerId, setRequestStatus: setRequestStatus, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation })));
-};
-exports.RightCardUI = RightCardUI;
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RightCardUI = 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 LogTimeModalAuthenticated_1 = require("./LogTimeModalAuthenticated");
+const dayjs_1 = __importDefault(require("dayjs"));
+const EmailModal_1 = require("./EmailModal");
+const EditDateModal_1 = require("./EditDateModal");
+const EndProjectModal_1 = require("./EndProjectModal");
+const ReviewRequestModal_1 = require("./ReviewRequestModal");
+const ActiveProjectCard_1 = require("./ActiveProjectCard");
+const TicketModal = ({ ticketModal, setTicketModal }) => {
+    return (react_1.default.createElement(base_ui_1.Modal, { open: ticketModal, onClose: () => { setTicketModal(false); }, size: "sm", className: "z-[100]" },
+        react_1.default.createElement("h1", { className: "font-bold text-xl mb-6" }, "Your ticket has been submitted!"),
+        react_1.default.createElement("p", { className: "font-bold text-md mb-2" }, "Thank you for reaching out to Paro Support, we will contact you within the next business day to follow up on your request."),
+        react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { setTicketModal(false); }, label: "OK", className: "mt-4", color: "primary" })));
+};
+const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAuthenticated, editEndDate, setEditEndDate, editStartDate, setEditStartDate, showTimeModal, setShowTimeModal, setSingleProjectData, projectData, checkStartDate, activeProject, projectFrequencyType, projectRateType, upcomingProject, selectedTab, showRating, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, internalPortal, csmUserGroup, clientPortal, signedSow, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const [expandClient, setExpandClient] = (0, react_1.useState)(false);
+    const [expandSupport, setExpandSupport] = (0, react_1.useState)(false);
+    const [emailModal, setEmailModal] = (0, react_1.useState)(false);
+    const [emailText, setEmailText] = (0, react_1.useState)("");
+    const [ticketModal, setTicketModal] = (0, react_1.useState)(false);
+    const [showConfirmationModal, setShowConfirmationModal] = (0, react_1.useState)(false);
+    const [isDateInvalid, setIsDateInvalid] = (0, react_1.useState)(false);
+    const [requestModal, setRequestModal] = (0, react_1.useState)(false);
+    const [sowData, setSowData] = (0, react_1.useState)();
+    const [sowLoading, setSowLoading] = (0, react_1.useState)(false);
+    const classes = (0, ActiveProjectCard_1.useStyles)();
+    const tasks = project === null || project === void 0 ? void 0 : project.projectScopeTasks;
+    const pendingTasks = tasks.filter((task) => task.statusId === 2);
+    const inProgressTasks = tasks.filter((task) => task.statusId === 3);
+    const sow = !!(project === null || project === void 0 ? void 0 : project.contractId);
+    const sowId = !!(project === null || project === void 0 ? void 0 : project.scopeOfWorkId);
+    const projectType = `${projectFrequencyType}-${projectRateType}`;
+    const nDaysSinceLastRatingIsSubmiited = 30;
+    const isProjectCompletedIn2024 = (0, dayjs_1.default)(project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp).year() === 2024;
+    const [requestStatus, setRequestStatus] = (0, react_1.useState)();
+    const isTestEnv = true; // process.env.STAGE !== "prod"
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        const isRatingBeforeRatingRequest = (0, dayjs_1.default)((_b = (_a = project === null || project === void 0 ? void 0 : project.rating) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.createdAt).isBefore((0, dayjs_1.default)((_d = (_c = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.createdAt));
+        const isRatingRequestAfterRowUpdate = (0, dayjs_1.default)((_f = (_e = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.createdAt).isAfter((0, dayjs_1.default)(project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp));
+        const isRatingRequestStatusRequested = ((_h = (_g = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.status) === 'Requested';
+        const getRequestStatus = () => {
+            var _a, _b, _c, _d;
+            if (selectedTab === 4) {
+                if (isRatingBeforeRatingRequest && isRatingRequestAfterRowUpdate && isProjectCompletedIn2024 && isRatingRequestStatusRequested) {
+                    return (_b = (_a = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.status;
+                }
+            }
+            else {
+                if (isRatingBeforeRatingRequest && isRatingRequestStatusRequested) {
+                    return (_d = (_c = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.status;
+                }
+            }
+            return undefined;
+        };
+        setRequestStatus(getRequestStatus());
+    }, [project, selectedTab, isProjectCompletedIn2024]);
+    const isRequestReviewEnabled = true; //process.env.REQUEST_REVIEW_BUTTON_ENABLED==='true'
+    (0, react_1.useEffect)(() => {
+        if (sowData && sowData.presignedUrl) {
+            window.open(sowData.presignedUrl);
+        }
+    }, [sowData]);
+    const isWithinDays = (date, days) => (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)(date).format('YYYY-MM-DD HH:mm:ss'), 'day') < days;
+    const isWithinHours = (date, hours) => (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)(date).format('YYYY-MM-DD HH:mm:ss'), 'hours') < hours;
+    const hasRecentRating = !!((project === null || project === void 0 ? void 0 : project.rating) && ((_a = project === null || project === void 0 ? void 0 : project.rating[0]) === null || _a === void 0 ? void 0 : _a.overallRating) && isWithinHours((_b = project === null || project === void 0 ? void 0 : project.rating[0]) === null || _b === void 0 ? void 0 : _b.createdAt.replace('Z', ''), 48) &&
+        (!(((_c = project === null || project === void 0 ? void 0 : project.ratingRequest) === null || _c === void 0 ? void 0 : _c.length) > 0) || ((_d = project === null || project === void 0 ? void 0 : project.ratingRequest[0]) === null || _d === void 0 ? void 0 : _d.status) !== 'Requested' && (0, dayjs_1.default)((_e = project === null || project === void 0 ? void 0 : project.ratingRequest[0]) === null || _e === void 0 ? void 0 : _e.createdAt).isBefore((0, dayjs_1.default)((_f = project === null || project === void 0 ? void 0 : project.rating[0]) === null || _f === void 0 ? void 0 : _f.createdAt))));
+    const getMaxDate = () => {
+        let maxDate = LogTimeModalAuthenticated_1.constants.MAX_DATE;
+        const todayDate = new Date();
+        if (editStartDate) {
+            maxDate = new Date(project === null || project === void 0 ? void 0 : project.endDate);
+        }
+        else if (editEndDate) {
+            maxDate = new Date(todayDate.setMonth((todayDate).getMonth() + 12));
+        }
+        return new Date(maxDate);
+    };
+    const validateDate = (date) => {
+        const minDate = LogTimeModalAuthenticated_1.constants.MIN_DATE;
+        const maxDate = getMaxDate();
+        const isValid = date ? date.setHours(0, 0, 0, 0) < minDate.setHours(0, 0, 0, 0) || date.setHours(0, 0, 0, 0) > maxDate.setHours(0, 0, 0, 0) : true;
+        setIsDateInvalid(isValid);
+        return !isValid;
+    };
+    const downloadSow = (sowId) => __awaiter(void 0, void 0, void 0, function* () {
+        setSowLoading(true);
+        yield getSowLazyQuery({ variables: { getSowId: sowId } })
+            .then((res) => {
+            setSowData(res.data.getSow);
+        })
+            .catch((error) => {
+            console.error("Failed to download SOW:", error);
+        })
+            .finally(() => {
+            setSowLoading(false);
+        });
+    });
+    const isRecentRatingAfterRowUpdate = (ratingDate, rowUpdateTimestamp) => (0, dayjs_1.default)(ratingDate).isAfter((0, dayjs_1.default)(rowUpdateTimestamp));
+    const hasRecentRatingCondition = (selectedTab, hasRecentRating, project, isProjectCompletedIn2024) => {
+        var _a, _b;
+        if (selectedTab === 4) {
+            return hasRecentRating && isRecentRatingAfterRowUpdate((_b = (_a = project === null || project === void 0 ? void 0 : project.rating) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.createdAt, project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp) && isProjectCompletedIn2024;
+        }
+        return hasRecentRating;
+    };
+    const reviewGivenCondition = (selectedTab, showRating, project, isProjectCompletedIn2024, nDaysSinceLastRatingIsSubmiited) => {
+        var _a, _b, _c, _d;
+        if (!showRating)
+            return false;
+        if (selectedTab === 4) {
+            return isRecentRatingAfterRowUpdate((_b = (_a = project === null || project === void 0 ? void 0 : project.rating) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.createdAt, project === null || project === void 0 ? void 0 : project.rowUpdateTimestamp) && isProjectCompletedIn2024;
+        }
+        return isWithinDays((_d = (_c = project === null || project === void 0 ? void 0 : project.rating) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.createdAt, nDaysSinceLastRatingIsSubmiited);
+    };
+    const requestReviewButtonLabel = () => {
+        const hasRecentRatings = hasRecentRatingCondition(selectedTab, hasRecentRating, project, isProjectCompletedIn2024);
+        const reviewGiven = reviewGivenCondition(selectedTab, showRating, project, isProjectCompletedIn2024, nDaysSinceLastRatingIsSubmiited);
+        if (hasRecentRatings) {
+            return 'Review Pending';
+        }
+        else if (requestStatus === 'Requested') {
+            return 'Requested';
+        }
+        else if (reviewGiven) {
+            return 'Review Given';
+        }
+        return 'Request Review';
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: "w-full md:w-2/12 flex flex-col gap-y-2.5" },
+            (internalPortal && csmUserGroup) || (!internalPortal && !csmUserGroup) && !clientPortal ? react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("h1", { className: "text-[#64748B] text-md font-bold" }, "Actions"),
+                checkStartDate ?
+                    react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: activeProject && "The project has not started yet. Request to change the project start date to the current date in order to edit the project end date.", placement: "top", arrow: true }, upcomingProject ? react_1.default.createElement("div", null,
+                        react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: true, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } }))
+                        : react_1.default.createElement("div", null,
+                            react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: checkStartDate || !activeProject, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } })))
+                    :
+                        react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: (projectType === "One-time-Fixed" || projectType === "Recurring-Fixed") ? "Please reach out to your Customer Success Manager if you would like to submit time for Fixed Projects." : "", placement: "top", arrow: true },
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement(base_ui_1.Button, { label: "LOG YOUR TIME", disabled: !activeProject, size: "sm", color: "primary", className: "w-full", onClick: () => { setShowTimeModal(true); } }))),
+                upcomingProject ? react_1.default.createElement(base_ui_1.Button, { label: "EDIT START DATE", disabled: false, size: "sm", className: "w-full", onClick: () => { setEditStartDate(true); } }) :
+                    react_1.default.createElement(base_ui_1.Button, { label: "EDIT START DATE", disabled: !activeProject, size: "sm", className: "w-full", onClick: () => { setEditStartDate(true); } }),
+                checkStartDate ?
+                    react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: activeProject && "The project has not started yet, please wait until the project start date to request a change to edit the end date.", placement: "top", arrow: true }, upcomingProject ? react_1.default.createElement("div", null,
+                        react_1.default.createElement(base_ui_1.Button, { label: "EDIT END DATE", disabled: true, size: "sm", className: "w-full", onClick: () => { setEditEndDate(true); } })) :
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(base_ui_1.Button, { label: "EDIT END DATE", disabled: checkStartDate || !activeProject, size: "sm", className: "w-full", onClick: () => { setEditEndDate(true); } })))
+                    :
+                        react_1.default.createElement(base_ui_1.Button, { label: "EDIT END DATE", disabled: !activeProject, size: "sm", className: "w-full", onClick: () => { setEditEndDate(true); } }),
+                react_1.default.createElement(base_ui_1.Button, { label: "END PROJECT", disabled: selectedTab === 2 || selectedTab === 3 || selectedTab === 4, size: "sm", className: "w-full", onClick: () => { setShowConfirmationModal(true); } }),
+                react_1.default.createElement(base_ui_1.Button, { label: "VIEW SOW", size: "sm", disabled: !sow, className: "w-full", onClick: () => window.open(`/contract/${project === null || project === void 0 ? void 0 : project.contractId}`, '_blank') }),
+                !internalPortal && react_1.default.createElement(base_ui_1.Button, { label: "DOWNLOAD SOW", size: "sm", disabled: !sowId, className: "w-full", onClick: () => { downloadSow(project === null || project === void 0 ? void 0 : project.scopeOfWorkId); }, isLoading: sowLoading }),
+                (selectedTab === 0 || selectedTab === 1 || selectedTab === 4) && isRequestReviewEnabled && !internalPortal &&
+                    react_1.default.createElement(base_ui_1.Button, { label: requestReviewButtonLabel(), disabled: requestReviewButtonLabel() !== 'Request Review', size: "sm", className: "w-full", onClick: () => setRequestModal(true), isLoading: sowLoading })) : null,
+            clientPortal && react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("h1", { className: "text-[#64748B] text-md font-bold" }, "Actions"),
+                react_1.default.createElement(base_ui_1.Button, { label: signedSow ? "DOWNLOAD SOW" : "SIGN SOW", size: "sm", disabled: !sowId, className: "w-full", onClick: () => { downloadSow(project === null || project === void 0 ? void 0 : project.scopeOfWorkId); }, isLoading: sowLoading }),
+                signedSow &&
+                    react_1.default.createElement(base_ui_1.Button, { label: "SUBMIT REVIEW", disabled: requestReviewButtonLabel() !== 'Request Review', size: "sm", className: "w-full", onClick: () => setRequestModal(true), isLoading: sowLoading })),
+            react_1.default.createElement("div", { className: "gap-y-1 mt-4" },
+                react_1.default.createElement("div", { className: "flex flex-row justify-between" },
+                    react_1.default.createElement("h1", { className: "font-bold text-lg mb-2" }, clientPortal ? "AE Information" : "Client Contact"),
+                    react_1.default.createElement("button", { onClick: () => { setExpandClient(!expandClient); }, className: "font-bold text-md mb-2" }, expandClient ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null))),
+                expandClient && react_1.default.createElement("div", { className: "m-1 overflow-auto" },
+                    react_1.default.createElement("p", null, (_g = project === null || project === void 0 ? void 0 : project.client) === null || _g === void 0 ? void 0 : _g.name),
+                    react_1.default.createElement("p", null, (_h = project === null || project === void 0 ? void 0 : project.client) === null || _h === void 0 ? void 0 : _h.clientEmail),
+                    react_1.default.createElement("p", null, (_k = ((_j = project === null || project === void 0 ? void 0 : project.client) === null || _j === void 0 ? void 0 : _j.clientPhone)) === null || _k === void 0 ? void 0 : _k.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3")))),
+            react_1.default.createElement("div", { className: "gap-y-1 mt-4" },
+                react_1.default.createElement("div", { className: "flex flex-row justify-between" },
+                    react_1.default.createElement("h1", { className: "font-bold text-lg mb-2" }, "Paro Support"),
+                    react_1.default.createElement("button", { onClick: () => { setExpandSupport(!expandSupport); }, className: "font-bold text-md mb-2" }, expandSupport ? react_1.default.createElement(base_icons_1.IconChevronUp, null) : react_1.default.createElement(base_icons_1.IconChevronDown, null))),
+                expandSupport && react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("b", null, "Customer Success Manager"),
+                    react_1.default.createElement("div", { className: "m-1 overflow-auto" },
+                        react_1.default.createElement("p", null, ((_m = (_l = project === null || project === void 0 ? void 0 : project.paroContact) === null || _l === void 0 ? void 0 : _l.firstName) !== null && _m !== void 0 ? _m : '') + ' ' + ((_p = (_o = project === null || project === void 0 ? void 0 : project.paroContact) === null || _o === void 0 ? void 0 : _o.lastName) !== null && _p !== void 0 ? _p : '')),
+                        react_1.default.createElement("a", { href: `mailto:${(_q = project === null || project === void 0 ? void 0 : project.paroContact) === null || _q === void 0 ? void 0 : _q.email}`, className: "underline text-[#1878BD]" }, (_r = project === null || project === void 0 ? void 0 : project.paroContact) === null || _r === void 0 ? void 0 : _r.email),
+                        react_1.default.createElement("p", null, (_s = project === null || project === void 0 ? void 0 : project.paroContact) === null || _s === void 0 ? void 0 : _s.phone)),
+                    react_1.default.createElement(base_ui_1.Button, { label: "CONTACT SUPPORT", size: "sm", className: "max-w-max mt-2", onClick: () => setEmailModal(true) })))),
+        react_1.default.createElement(LogTimeModalAuthenticated_1.LogTimeModalAuthenticated, { project: project, freelancerId: freelancerId, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, setSingleProjectData: setSingleProjectData, projectData: projectData, selectedTab: selectedTab, isAuthenticated: isAuthenticated, submitProjectHoursMutation: submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user }),
+        react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.startDate, editDate: editStartDate, setEditDate: setEditStartDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "start", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv }),
+        react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.endDate, editDate: editEndDate, setEditDate: setEditEndDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "end", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv }),
+        react_1.default.createElement(EndProjectModal_1.EndProjectModal, { freelancerId: freelancerId, project: project, expertName: expertName, showConfirmationModal: showConfirmationModal, setShowConfirmationModal: setShowConfirmationModal, projectType: projectType, isAuthenticated: isAuthenticated, selectedTab: selectedTab, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags }),
+        react_1.default.createElement(EmailModal_1.EmailModal, { emailModal: emailModal, setEmailModal: setEmailModal, emailText: emailText, setEmailText: setEmailText, setTicketModal: setTicketModal, project: project, expertName: expertName, sendParoSupportEmail: sendParoSupportEmail, isTestEnv: isTestEnv }),
+        react_1.default.createElement(TicketModal, { ticketModal: ticketModal, setTicketModal: setTicketModal }),
+        react_1.default.createElement(ReviewRequestModal_1.ReviewRequestModal, { project: project, requestModal: requestModal, setRequestModal: setRequestModal, expertName: expertName, freelancerId: freelancerId, setRequestStatus: setRequestStatus, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation })));
+};
+exports.RightCardUI = RightCardUI;

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

@@ -1 +1 @@
-export { EarningsTracker } from './EarningsTracker';
+export { EarningsTracker } from './EarningsTracker';

package/lib/components/EarningsTracker/index.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EarningsTracker = void 0;
-var EarningsTracker_1 = require("./EarningsTracker");
-Object.defineProperty(exports, "EarningsTracker", { enumerable: true, get: function () { return EarningsTracker_1.EarningsTracker; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EarningsTracker = void 0;
+var EarningsTracker_1 = require("./EarningsTracker");
+Object.defineProperty(exports, "EarningsTracker", { enumerable: true, get: function () { return EarningsTracker_1.EarningsTracker; } });

package/lib/components/Escalations/CustomTag.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-declare const CustomTag: (label: any) => React.JSX.Element;
-export default CustomTag;
+import React from 'react';
+declare const CustomTag: (label: any) => React.JSX.Element;
+export default CustomTag;

package/lib/components/Escalations/CustomTag.js

@@ -1,25 +1,25 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBackgroundColor = (type) => {
-    switch (type) {
-        case 'Critical':
-            return 'danger';
-        case 'High':
-            return 'warning';
-        case 'Medium':
-            return 'info';
-        case 'Low':
-            return 'default';
-        default:
-            return 'default';
-    }
-};
-const CustomTag = (label) => {
-    const color = getBackgroundColor(label);
-    return (react_1.default.createElement("div", { className: `border box-border text-center px-4 pb-0.5 pt-1 text-sm inline-block break-words text-white cursor-pointer rounded-full bg-${color} border-${color}` }, label));
-};
-exports.default = CustomTag;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const getBackgroundColor = (type) => {
+    switch (type) {
+        case 'Critical':
+            return 'danger';
+        case 'High':
+            return 'warning';
+        case 'Medium':
+            return 'info';
+        case 'Low':
+            return 'default';
+        default:
+            return 'default';
+    }
+};
+const CustomTag = (label) => {
+    const color = getBackgroundColor(label);
+    return (react_1.default.createElement("div", { className: `border box-border text-center px-4 pb-0.5 pt-1 text-sm inline-block break-words text-white cursor-pointer rounded-full bg-${color} border-${color}` }, label));
+};
+exports.default = CustomTag;

package/lib/components/Escalations/ViewReponseModal.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-declare const ViewResponseModal: ({ response, open, onClose, isExpert }: {
-    response: string | null;
-    open: boolean;
-    onClose: () => void;
-    isExpert: boolean;
-}) => React.JSX.Element;
-export default ViewResponseModal;
+import React from 'react';
+declare const ViewResponseModal: ({ response, open, onClose, isExpert }: {
+    response: string | null;
+    open: boolean;
+    onClose: () => void;
+    isExpert: boolean;
+}) => React.JSX.Element;
+export default ViewResponseModal;