@paro.io/expert-shared-components 1.14.24 → 1.14.26

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

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const formatNumberingSystem: (value: any) => string | 0;
-declare const ProgressBar: ({ minFloorHours, maxFloorHours, loggedHours }: any) => React.JSX.Element;
-export default ProgressBar;
+import React from 'react';
+export declare const formatNumberingSystem: (value: any) => string | 0;
+declare const ProgressBar: ({ minFloorHours, maxFloorHours, loggedHours }: any) => React.JSX.Element;
+export default ProgressBar;

package/lib/components/EarningsTracker/ProgressBar.js

@@ -1,66 +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;
+"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/EarningsTracker/ReviewRequestModal.d.ts

@@ -1,17 +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 {};
+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/EarningsTracker/ReviewRequestModal.js

@@ -1,135 +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;
+"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/EarningsTracker/RightCardUI.d.ts

@@ -1,46 +1,46 @@
-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;
-    user: any;
-    internalPortal: boolean;
-    csmUserGroup: boolean;
-    clientPortal: boolean;
-    signedSow: 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, user, internalPortal, csmUserGroup, clientPortal, signedSow, }: RightCardUIProps) => React.JSX.Element;
-export {};
+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;
+    user: any;
+    internalPortal: boolean;
+    csmUserGroup: boolean;
+    clientPortal: boolean;
+    signedSow: 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, user, internalPortal, csmUserGroup, clientPortal, signedSow, }: RightCardUIProps) => React.JSX.Element;
+export {};