@paro.io/expert-shared-components 1.9.6 → 1.9.7

package/lib/components/ProjectCard/ProgressBar.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumberingSystem = void 0;
+const react_1 = __importDefault(require("react"));
+const formatNumberingSystem = (value) => {
+    const stringValue = value === null || value === void 0 ? void 0 : value.toString();
+    if (!stringValue)
+        return 0;
+    const formatter = new Intl.NumberFormat('en-US', {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+        style: 'decimal',
+    });
+    return formatter.format(stringValue);
+};
+exports.formatNumberingSystem = formatNumberingSystem;
+const ProgressBar = ({ minFloorHours, maxFloorHours, loggedHours }) => {
+    var _a, _b;
+    const totalLoggedHours = Number((loggedHours).toFixed(2));
+    const totalBar = maxFloorHours < totalLoggedHours ? totalLoggedHours : maxFloorHours * 1.1;
+    const dottedLinePosition = ((minFloorHours / totalBar) * 100).toFixed(2);
+    const solidLinePosition = ((maxFloorHours / totalBar) * 100).toFixed(2);
+    const isRounded = Number(((totalLoggedHours / totalBar) * 100).toFixed(0)) >= 100 || totalLoggedHours === 0;
+    const calculatePosition = () => {
+        let position;
+        if ((totalLoggedHours < (totalBar * 0.03))) {
+            position = (totalLoggedHours / totalBar) * 100;
+        }
+        else {
+            if ((totalLoggedHours < (totalBar * 0.12))) {
+                position = (totalLoggedHours / totalBar * 2) * 100;
+            }
+            else if ((totalLoggedHours >= totalBar) || (totalLoggedHours > (totalBar * 0.12))) {
+                position = ((totalLoggedHours / totalBar) * 100) / 2;
+            }
+            else {
+                position = ((totalLoggedHours / totalBar) * 100);
+            }
+        }
+        return position;
+    };
+    return (react_1.default.createElement("div", { className: `relative m-6 ${minFloorHours <= 0 ? 'pt-4' : 'pt-6'}` },
+        react_1.default.createElement("div", { className: "h-8 w-full border-2 border-solid border-[#64748B] rounded-full relative flex flex-wrap bg-[#F1F5F9]" },
+            react_1.default.createElement("div", { className: `h-full w-full rounded-l-full ${isRounded ? 'rounded-r-full' : ''} 
+                            ${totalLoggedHours >= minFloorHours && totalLoggedHours <= maxFloorHours
+                    ? 'bg-[#248384]'
+                    : totalLoggedHours < minFloorHours
+                        ? 'bg-[#F9BABF]'
+                        : 'bg-[#A73A43]'}`, style: { width: `${totalLoggedHours !== 0 ? ((totalLoggedHours / totalBar) * 100) : 0}%` } },
+                react_1.default.createElement("div", { className: `absolute top-1/2 left-1/2 transform -translate-x-1/2 z-10 
+                            ${totalLoggedHours < (totalBar * 0.03) || totalLoggedHours > totalBar || (totalLoggedHours < (totalBar * 0.12)) ? 'translate-y-full' : '-translate-y-1/2'}
+                            ${totalLoggedHours < minFloorHours || totalLoggedHours === 0 ? 'text-black' : 'text-white'} 
+                            font-bold`, style: { left: `calc(${calculatePosition()}% - 1px)` } },
+                    (0, exports.formatNumberingSystem)(totalLoggedHours),
+                    " hrs")),
+            react_1.default.createElement("div", { className: `absolute h-full border-dotted border-l-2 border-black`, style: { left: `calc(${dottedLinePosition}% - 1px)`, marginTop: "-12px", height: "40px" } }),
+            react_1.default.createElement("div", { className: `absolute h-full border-solid border-l-2 border-black`, style: { left: `calc(${solidLinePosition}% - 1px)`, marginBottom: "-12px", height: "40px" } }),
+            react_1.default.createElement("div", { className: `absolute transform -translate-x-1/2 -translate-y-full text-black`, style: { left: `calc(${dottedLinePosition}% - 1px)`, marginTop: '-12px' } }, (_a = (0, exports.formatNumberingSystem)(minFloorHours)) !== null && _a !== void 0 ? _a : 0,
+                " hrs Min"),
+            react_1.default.createElement("div", { className: `absolute transform -translate-x-1/2 translate-y-full text-black `, style: { left: `calc(${solidLinePosition}% - 1px)`, marginTop: '12px', width: 'max-content' } }, (_b = (0, exports.formatNumberingSystem)(maxFloorHours)) !== null && _b !== void 0 ? _b : 0,
+                " hrs Max"))));
+};
+exports.default = ProgressBar;

package/lib/components/ProjectCard/ReviewRequestModal.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface RequestReviewModalProps {
+    project: any;
+    requestModal: boolean;
+    setRequestModal: (requestModal: boolean) => void;
+    expertName: String;
+    freelancerId: number;
+    setRequestStatus: (requestStatus: string) => void;
+    selectedProject?: number | null;
+    setSelectedProject?: (selectedProject: number | null) => void;
+    clientId?: number;
+    refetchParoProjects?: () => void;
+    setHighlightedRatings?: (highlightedRatings: any) => void;
+    createOrUpdateRatingRequestMutation: any;
+}
+export declare const ReviewRequestModal: ({ project, requestModal, setRequestModal, expertName, freelancerId, setRequestStatus, selectedProject, setSelectedProject, clientId, refetchParoProjects, setHighlightedRatings, createOrUpdateRatingRequestMutation, }: RequestReviewModalProps) => React.JSX.Element;
+export {};

package/lib/components/ProjectCard/ReviewRequestModal.js

@@ -0,0 +1,135 @@
+"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.ReviewRequestModal = void 0;
+const react_1 = __importStar(require("react"));
+const base_ui_1 = require("@paro.io/base-ui");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const react_hot_toast_1 = __importDefault(require("react-hot-toast"));
+const ReviewRequestModal = ({ project, requestModal, setRequestModal, expertName, freelancerId, setRequestStatus, selectedProject, setSelectedProject, clientId, refetchParoProjects, setHighlightedRatings, createOrUpdateRatingRequestMutation, }) => {
+    var _a;
+    const [showError, setShowError] = (0, react_1.useState)(false);
+    const [textareaValue, setTextareaValue] = (0, react_1.useState)(`Hi ${(_a = project === null || project === void 0 ? void 0 : project.client) === null || _a === void 0 ? void 0 : _a.name}, 
+I hope you are satisfied with the work I provided on ${project === null || project === void 0 ? void 0 : project.name}. Your feedback is very important to me and helps me improve my services and build my reputation on Paro. Could you please take a moment to leave a review of you experience? Your input is greatly appreciated! 
+  
+Thank you in advance for your time and feedback.
+Best regards,
+${expertName}`);
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const handleTextArea = (e) => {
+        setTextareaValue(e.target.value);
+        e.target.value.length >= 100 ? setShowError(false) : setShowError(true);
+    };
+    const handleSubmit = () => {
+        setLoading(true);
+        const inputData = clientId ? [{
+                clientId: clientId,
+                freelancerId: +freelancerId,
+                projectId: +(project === null || project === void 0 ? void 0 : project.id),
+                requestedBy: 'Expert',
+                status: 'Requested',
+                message: textareaValue,
+            }] :
+            [{
+                    clientId: +(project === null || project === void 0 ? void 0 : project.clientId),
+                    freelancerId: +freelancerId,
+                    projectId: +(project === null || project === void 0 ? void 0 : project.id),
+                    requestedBy: 'Expert',
+                    status: 'Requested',
+                    message: textareaValue,
+                }];
+        if (textareaValue.length < 100) {
+            setShowError(true);
+            return;
+        }
+        createOrUpdateRatingRequestMutation({
+            variables: {
+                input: inputData,
+            },
+        }).then(() => {
+            refetchParoProjects && refetchParoProjects();
+            setHighlightedRatings && setHighlightedRatings((prevState) => prevState.map((project) => {
+                if (selectedProject && project.id === selectedProject) {
+                    return Object.assign(Object.assign({}, project), { ratingRequest: [Object.assign(Object.assign({}, project.ratingRequest[0]), { status: "Requested" })] });
+                }
+                return project;
+            }));
+            setRequestStatus('Requested');
+            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "success", icon: "success", label: `Request Submitted Successfully` }), {
+                position: 'bottom-right',
+                style: { borderRadius: '8px' },
+            });
+            setSelectedProject && setSelectedProject(null);
+            setRequestModal(false);
+        })
+            .catch((error) => {
+            console.error(error);
+            (0, react_hot_toast_1.default)(react_1.default.createElement(base_ui_1.Alert, { color: "danger", icon: "danger", label: `Failed to Send Request` }), {
+                position: 'bottom-right',
+                style: { borderRadius: '8px' },
+            });
+        }).finally(() => {
+            setLoading(false);
+        });
+    };
+    const handleOnClose = () => {
+        setRequestModal(false);
+        setSelectedProject && setSelectedProject(null);
+    };
+    return (react_1.default.createElement(base_ui_1.Modal, { size: "sm", open: requestModal, onClose: () => handleOnClose(), className: "request-review-modal" },
+        react_1.default.createElement("h1", { className: "font-bold text-2xl text-center my-2" }, "Request a Review"),
+        react_1.default.createElement("h2", { className: "font-bold text-center" }, "Boost Your Reputation and Attract More Clients"),
+        react_1.default.createElement("p", { className: "text-center my-2" },
+            "Client reviews are a key factor in building your reputation and growing your business on Paro.",
+            react_1.default.createElement("span", { className: "font-bold ml-1" }, "Here's why they are crucial: ")),
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: "font-bold my-2" },
+                react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, className: "text-green-500 mr-2" }),
+                "Enhance Your Credibility :"),
+            react_1.default.createElement("span", { className: "ml-2" }, "Positive reviews from clients act as testimonials to your skills and professionalism. They provide social proof to potential clients, making them more likely to hire you.")),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: "font-bold my-2" },
+                react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, className: "text-green-500 mr-2" }),
+                " Gain Valuable Feedback :"),
+            react_1.default.createElement("span", { className: "ml-2" }, "Constructive feedback helps you understand what you're doing well and where you can improve. This allows you to continuously enhance your services and client satisfaction.")),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("p", null,
+            react_1.default.createElement("span", { className: "font-bold my-2" },
+                react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faCheck, className: "text-green-500 mr-2" }),
+                " Build Trust :"),
+            react_1.default.createElement("span", { className: "ml-2" }, "Clients are more likely to trust and hire Experts who have a track record of successful projects and satisfied clients. Reviews help build this trust and establish you as a reliable professional.")),
+        react_1.default.createElement("h2", { className: "font-bold text-center my-4" }, "Please modify the message below to your liking"),
+        react_1.default.createElement("textarea", { rows: 10, cols: 56, value: textareaValue, className: "overflow-auto my-4 text-left w-full bg-stone-200 p-4 text-gray-500", onChange: (e) => handleTextArea(e) }),
+        showError && react_1.default.createElement("p", { className: "text-red-600 font-medium mb-2" }, "Minimum 100 characters required*"),
+        react_1.default.createElement("div", { className: "justify-center w-full flex" },
+            react_1.default.createElement(base_ui_1.Button, { label: "CANCEL", className: "mx-4", onClick: () => setRequestModal(false), disabled: loading }),
+            react_1.default.createElement(base_ui_1.Button, { label: "SEND REQUEST", color: "primary", onClick: handleSubmit, isLoading: loading, disabled: showError }))));
+};
+exports.ReviewRequestModal = ReviewRequestModal;

package/lib/components/ProjectCard/RightCardUI.d.ts

@@ -0,0 +1,50 @@
+import React from 'react';
+interface RightCardUIProps {
+    project: any;
+    expertName: string;
+    freelancerId: number;
+    freelancerEmail: string;
+    isAuthenticated: boolean;
+    editEndDate: any;
+    setEditEndDate: (editEndDate: any) => void;
+    editStartDate: any;
+    setEditStartDate: (editStartDate: any) => void;
+    showTimeModal: boolean;
+    setShowTimeModal: (showTimeModal: boolean) => void;
+    setSingleProjectData: any;
+    projectData: any;
+    checkStartDate: any;
+    activeProject: any;
+    projectFrequencyType: any;
+    projectRateType: string;
+    upcomingProject: any;
+    selectedTab: number;
+    showRating: boolean;
+    projectTagsMap: any;
+    updateProjectStatusMutation: any;
+    GetAllProjectIrprDetailsForFreelancerDocument: any;
+    updateParoProjectTagsMutation: any;
+    GetParoProjectsDocument: any;
+    updateProjectTagReviewStatusMutation: any;
+    updateProjectStatus: any;
+    updateProjectTags: any;
+    getSowLazyQuery: any;
+    sendParoSupportEmail: any;
+    createChangeRequestMutation: any;
+    createChangeRequest: any;
+    createOrUpdateRatingRequestMutation: any;
+    submitProjectHoursMutation: any;
+    getAuth0Roles: any;
+    submitProjectHoursLambda: any;
+    createOrUpdateRating: any;
+    getParoProjectsByClientIdDocument: any;
+    user: any;
+    internalPortal: boolean;
+    csmUserGroup: boolean;
+    clientPortal: boolean;
+    signedSow: boolean;
+    isStageProd: string;
+    isRequestReviewEnabled: boolean;
+}
+export declare 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, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, }: RightCardUIProps) => React.JSX.Element;
+export {};

package/lib/components/ProjectCard/RightCardUI.js

@@ -0,0 +1,237 @@
+"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 ReviewModal_1 = __importDefault(require("../ReviewsTab/ReviewModal"));
+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"), "hour") < hours;
+const projectWithRecentRating = (project) => {
+    var _a, _b;
+    return (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);
+};
+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, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    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 [openReviewModal, setOpenReviewModal] = (0, react_1.useState)(false);
+    const classes = (0, ActiveProjectCard_1.useStyles)();
+    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 = isStageProd !== "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]);
+    (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", size: "sm", className: "w-full", onClick: () => setOpenReviewModal(true) })),
+            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 }),
+        react_1.default.createElement(ReviewModal_1.default, { openReviewModal: openReviewModal, setOpenReviewModal: setOpenReviewModal, freelancer: (_t = project === null || project === void 0 ? void 0 : project.projectScope) === null || _t === void 0 ? void 0 : _t.freelancer, projects: [project], projectsWithRecentRating: projectWithRecentRating(project), projectsEligibleForRating: [project], createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, createOrUpdateRating: createOrUpdateRating, getparoProjectsByClientIdDocument: getParoProjectsByClientIdDocument, clientId: (_u = project === null || project === void 0 ? void 0 : project.client) === null || _u === void 0 ? void 0 : _u.id })));
+};
+exports.RightCardUI = RightCardUI;

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

@@ -0,0 +1 @@
+export { ActiveProjectCard } from './ActiveProjectCard';

package/lib/components/ProjectCard/index.js

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

package/lib/components/Reviews/Pagination.js

@@ -51,12 +51,12 @@ const Pagination = ({ total, currentPage = 1, setCurrentPage, perPageItems = 10,
     };
     const numberOfPages = Math.ceil(total / perPageItems);
     return (react_1.default.createElement("div", { className: "bg-white px-4 py-3 border-t border-gray-200 sm:px-6 flex flex-col md:flex-row md:items-center md:justify-between" },
-        react_1.default.createElement("div", { className: "pb-2 md:pb-0" }, `Showing 
-          ${perPageItems * (currentPage - 1) + 1} 
-          to 
-          ${Math.min(total, perPageItems * currentPage)} 
-          of 
-          ${total}
+        react_1.default.createElement("div", { className: "pb-2 md:pb-0" }, `Showing 
+          ${perPageItems * (currentPage - 1) + 1} 
+          to 
+          ${Math.min(total, perPageItems * currentPage)} 
+          of 
+          ${total}
           ${displayText}`),
         react_1.default.createElement("div", { className: "flex items-center justify-between" },
             react_1.default.createElement("div", { className: "flex-1 flex justify-between sm:hidden" },

package/lib/components/ReviewsTab/RatingHeader.js

@@ -51,12 +51,12 @@ const isRatingExists = (rating) => {
     return false;
 };
 exports.isRatingExists = isRatingExists;
-const StyledButton = (0, styled_components_1.default)(core_2.Button) `
-    margin: 0px !important;
-    padding: 26px 0 18px 0 !important;
-    span {
-        color: #248384 !important
-     }
+const StyledButton = (0, styled_components_1.default)(core_2.Button) `
+    margin: 0px !important;
+    padding: 26px 0 18px 0 !important;
+    span {
+        color: #248384 !important
+     }
 `;
 const RatingHeader = ({ ratings, project, index, highlightedRatings, requestStatus, handleRatingRequest, loadingSubmitId, handleAddToProfile, ratingReviewButtonlabel, setOpenClientReviewModal, setShowReviewModelWithRecentlyRatedProjects, enableReviewModal, disableReviewModal, isClientPortal, isInternal, createOrUpdateRating, getParoProjectsDocument, projectIdToShow, }) => {
     var _a, _b, _c, _d;

package/lib/components/ReviewsTab/ReviewModal.js

@@ -77,7 +77,7 @@ const ClientReviewModal = ({ openReviewModal, setOpenReviewModal, freelancer, pr
             communicationRating: communicationRating,
             executionOfDeliverablesRating: deliveryRating,
             review,
-            projectId: isSingleProject ? projectData === null || projectData === void 0 ? void 0 : projectData.id : projectId,
+            projectId: isSingleProject ? +(projectData === null || projectData === void 0 ? void 0 : projectData.id) : projectId,
             clientId: (_a = projectData === null || projectData === void 0 ? void 0 : projectData.client) === null || _a === void 0 ? void 0 : _a.id,
             freelancerId: (_b = projectData === null || projectData === void 0 ? void 0 : projectData.freelancer) === null || _b === void 0 ? void 0 : _b.id,
             submittedBy: projectData === null || projectData === void 0 ? void 0 : projectData.clientFirstName,

package/lib/components/ReviewsTab/expert-shared-components.code-workspace

@@ -1,20 +1,20 @@
-{
-  "folders": [
-	{
-		"path": "../../.."
-	},
-	{
-		"path": "../../../../internal-profile-app"
-	},
-	{
-		"path": "../../../../availability-gantt-chart"
-	},
-	{
-		"path": "../../../../client-portal"
-	},
-	{
-		"path": "../../../../expert-portal"
-	}
-],
-  "settings": {}
-}
+{
+  "folders": [
+	{
+		"path": "../../.."
+	},
+	{
+		"path": "../../../../internal-profile-app"
+	},
+	{
+		"path": "../../../../availability-gantt-chart"
+	},
+	{
+		"path": "../../../../client-portal"
+	},
+	{
+		"path": "../../../../expert-portal"
+	}
+],
+  "settings": {}
+}