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

package/lib/components/EarningsTracker/CenterCardUI.js

@@ -1,134 +1,134 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CenterCardUI = void 0;
-const react_1 = __importDefault(require("react"));
-const ProgressBar_1 = require("./ProgressBar");
-const dayjs_1 = __importDefault(require("dayjs"));
-const base_ui_1 = require("@paro.io/base-ui");
-const moment_1 = __importDefault(require("moment"));
-const utc_1 = __importDefault(require("dayjs/plugin/utc"));
-const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
-const ActiveProjectCard_1 = require("./ActiveProjectCard");
-dayjs_1.default.extend(utc_1.default);
-dayjs_1.default.extend(timezone_1.default);
-const getRecommendations = ({ weeklyHoursLogged, hoursToComplete, loggedHours, minFloorHours, maxFloorHours, hoursPerWeek, remainingWeeks, startDate, endDate, minFloorName, projectFrequencyType, projectRateType, tasks }) => {
-    const items = [];
-    if ((0, moment_1.default)(endDate).isBefore(startDate, 'day')) {
-        items.push(react_1.default.createElement("li", { key: "pastStartDate" }, "Please select a future end date or move your start date to a previous date."));
-    }
-    if ((0, moment_1.default)(startDate).isBefore((0, moment_1.default)(), 'day') && loggedHours <= 0) {
-        items.push(react_1.default.createElement("li", { key: "pastStartDate" }, "Please log hours for this project or request to move the project start date to later a date."));
-    }
-    if (!endDate) {
-        items.push(react_1.default.createElement("li", { key: "noEndDate" }, "Please edit end date above for this project."));
-    }
-    if (endDate && (0, moment_1.default)(endDate).isBefore((0, moment_1.default)(), 'day')) {
-        items.push(react_1.default.createElement("li", { key: "pastEndDate" }, "Please edit end date above for this project since today's date is past the project's listed end date."));
-    }
-    if (loggedHours < minFloorHours && endDate && !weeklyHoursLogged && hoursPerWeek && (0, moment_1.default)(endDate).isSameOrAfter((0, moment_1.default)(), 'day')) {
-        items.push(react_1.default.createElement("li", { key: "behindMFH" }, `You need to log ${(0, ProgressBar_1.formatNumberingSystem)(hoursPerWeek)} hours per week to get back on track by the ${projectFrequencyType === "Recurring" ? "end of the month." : "end date."}`));
-    }
-    if (loggedHours <= minFloorHours) {
-        items.push(react_1.default.createElement("li", { key: "lessWorkExpected" }, "If you are getting less work than expected, please reach out to your Customer Success Manager."));
-    }
-    if (weeklyHoursLogged && hoursToComplete && endDate && hoursPerWeek) {
-        items.push(react_1.default.createElement("li", { key: "onTrackMFH" },
-            "Great work, you are on track to complete this project on time! Continue to log ",
-            (0, ProgressBar_1.formatNumberingSystem)(hoursPerWeek),
-            " hours per week until the project end date, in order to stay on track for this project."));
-    }
-    if (loggedHours >= minFloorHours && loggedHours != 0 && !(loggedHours >= maxFloorHours)) {
-        items.push(react_1.default.createElement("li", { key: "completedMFH" },
-            "Congrats you have completed your project's ",
-            minFloorName,
-            "!"));
-    }
-    if ((loggedHours == maxFloorHours) && loggedHours != 0) {
-        items.push(react_1.default.createElement("li", { key: "completedMFH" }, "Congrats you have completed the Max Hours for this project!"));
-    }
-    if (loggedHours > maxFloorHours && loggedHours != 0) {
-        items.push(react_1.default.createElement("li", { key: "overHours" }, "You have logged too much time for this project. Please reach out to your Custom Success Manager if you wish to add additional hours."));
-    }
-    if (projectRateType === "Fixed" && tasks && tasks.length > 0) {
-        const pendingTasks = tasks.filter((task) => task.statusId === 2);
-        const inProgressTasks = tasks.filter((task) => task.statusId === 3);
-        const completedTasks = tasks.filter((task) => task.statusId === 1);
-        if (completedTasks.length === 0) {
-            items.push(react_1.default.createElement("li", { key: "allTasksPending" }, "Please check the status of your SOW tasks and mark them completed when finished before being able to end your project."));
-        }
-        if (completedTasks.length > 0 && (inProgressTasks.length > 0 || pendingTasks.length > 0)) {
-            items.push(react_1.default.createElement("li", { key: "inProgressTasks" }, "Please change all statuses that have In-Progress or Pending for this project before clicking End Project."));
-        }
-    }
-    return items;
-};
-const calculateFixedEarnings = (projectFrequencyType, projectData, clientPortal) => {
-    const { expertRate, expertSowValue } = projectData;
-    return projectFrequencyType === "Recurring" ? '$' + `${clientPortal ? expertRate * 2 : expertRate}` + '/mo' : '$' + expertSowValue;
-};
-const CenterCardUI = ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, }) => {
-    var _a, _b, _c, _d;
-    const date = (0, moment_1.default)();
-    const today = date.date();
-    const lastDayOfMonth = (0, moment_1.default)().endOf('month');
-    const daysInOneTimeProject = (endDate && startDate) ? Math.max((0, moment_1.default)(endDate).diff((0, moment_1.default)(startDate), 'days'), 0) : "-";
-    const daysLeftInOneTime = endDate ? Math.max((0, moment_1.default)(endDate).diff((0, moment_1.default)(date), 'days'), 0) : "-";
-    const { minFloorHours, maxFloorHours, loggedHours, weeklyHoursLogged, hoursPerWeek, minFloorName, hoursToComplete, remainingWeeks } = (0, ActiveProjectCard_1.getAllProjectRecommendationData)({ projectData });
-    const totalDays = lastDayOfMonth.date();
-    const payRate = (_a = projectData === null || projectData === void 0 ? void 0 : projectData.expertRate) !== null && _a !== void 0 ? _a : 0;
-    const tasks = (_b = project === null || project === void 0 ? void 0 : project.projectScopeTasks) !== null && _b !== void 0 ? _b : [];
-    return (react_1.default.createElement("div", { className: "w-full md:w-3/4 flex flex-col" },
-        react_1.default.createElement("div", { className: "flex flex-wrap overflow-auto" },
-            react_1.default.createElement(base_ui_1.Table, null,
-                react_1.default.createElement(base_ui_1.TableHead, null,
-                    react_1.default.createElement(base_ui_1.TableRow, null,
-                        react_1.default.createElement(base_ui_1.TableCell, null, "Start Date"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, "End Date"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, "Project Type"))),
-                react_1.default.createElement(base_ui_1.TableBody, null,
-                    react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
-                        ((0, moment_1.default)(startDate).isBefore((0, moment_1.default)(), 'day') && (Number(loggedHours) < 0)) ?
-                            react_1.default.createElement(base_ui_1.TableCell, { className: "text-[#A73A43] font-bold text-lg" },
-                                startDate ? (0, dayjs_1.default)(startDate).format('MM/DD/YYYY') : "-",
-                                react_1.default.createElement("br", null),
-                                "Past Due")
-                            :
-                                react_1.default.createElement(base_ui_1.TableCell, { className: "text-black font-bold text-lg" }, (_c = (0, dayjs_1.default)(startDate).format('MM/DD/YYYY')) !== null && _c !== void 0 ? _c : "-"),
-                        endDate === null || (0, moment_1.default)(endDate).isBefore((0, moment_1.default)(), 'day') ?
-                            react_1.default.createElement(base_ui_1.TableCell, { className: "text-[#A73A43] font-bold text-lg" }, endDate ? react_1.default.createElement(react_1.default.Fragment, null,
-                                (0, dayjs_1.default)(endDate).format('MM/DD/YYYY'),
-                                " ",
-                                react_1.default.createElement("br", null),
-                                " Past Due") : "Submit an End Date")
-                            :
-                                react_1.default.createElement(base_ui_1.TableCell, { className: "text-black font-bold text-lg" }, endDate ? (0, dayjs_1.default)(endDate).format('MM/DD/YYYY') : "-"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, `${projectRateType} ${projectFrequencyType}`))),
-                react_1.default.createElement(base_ui_1.TableHead, null,
-                    react_1.default.createElement(base_ui_1.TableRow, null,
-                        react_1.default.createElement(base_ui_1.TableCell, null, "Estimated Expert Earnings"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, "Max Hours"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, minFloorName))),
-                react_1.default.createElement(base_ui_1.TableBody, null,
-                    react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
-                        react_1.default.createElement(base_ui_1.TableCell, null, (minFloorHours > 0 || maxFloorHours > 0) && projectRateType === "Hourly" ? "$" + `${clientPortal ? (0, ProgressBar_1.formatNumberingSystem)(minFloorHours * payRate * 2) : (0, ProgressBar_1.formatNumberingSystem)(minFloorHours * payRate)}` + " - " + "$" + `${clientPortal ? (0, ProgressBar_1.formatNumberingSystem)(maxFloorHours * payRate * 2) : (0, ProgressBar_1.formatNumberingSystem)(maxFloorHours * payRate)}`
-                            : projectData && calculateFixedEarnings(projectFrequencyType, projectData, clientPortal)),
-                        react_1.default.createElement(base_ui_1.TableCell, null, maxFloorHours ? (0, ProgressBar_1.formatNumberingSystem)(maxFloorHours) : "-"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, minFloorHours ? (0, ProgressBar_1.formatNumberingSystem)(minFloorHours) : "-"))),
-                react_1.default.createElement(base_ui_1.TableHead, null,
-                    react_1.default.createElement(base_ui_1.TableRow, null,
-                        react_1.default.createElement(base_ui_1.TableCell, null, "Days in Period"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, "Days left in Period"),
-                        react_1.default.createElement(base_ui_1.TableCell, null, projectFrequencyType === "Recurring" ? "Hours Logged This Month" : "Hours Logged for Project"))),
-                react_1.default.createElement(base_ui_1.TableBody, null,
-                    react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
-                        react_1.default.createElement(base_ui_1.TableCell, null, projectFrequencyType === "Recurring" ? totalDays : daysInOneTimeProject),
-                        react_1.default.createElement(base_ui_1.TableCell, null, projectFrequencyType === "Recurring" ? (totalDays - today) : daysLeftInOneTime),
-                        react_1.default.createElement(base_ui_1.TableCell, null, (_d = (0, ProgressBar_1.formatNumberingSystem)(loggedHours)) !== null && _d !== void 0 ? _d : "-"))))),
-        (!adhocProject || clientPortal) && react_1.default.createElement("div", { className: "flex flex-col mt-8 gap-y-2" },
-            react_1.default.createElement("h1", { className: "font-bold" }, "Recommendations"),
-            react_1.default.createElement("ul", { className: "list-disc ml-6" }, getRecommendations({ weeklyHoursLogged, hoursToComplete, loggedHours, minFloorHours, maxFloorHours, hoursPerWeek, remainingWeeks, startDate, endDate, minFloorName, projectFrequencyType, projectRateType, tasks })))));
-};
-exports.CenterCardUI = CenterCardUI;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CenterCardUI = void 0;
+const react_1 = __importDefault(require("react"));
+const ProgressBar_1 = require("./ProgressBar");
+const dayjs_1 = __importDefault(require("dayjs"));
+const base_ui_1 = require("@paro.io/base-ui");
+const moment_1 = __importDefault(require("moment"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const ActiveProjectCard_1 = require("./ActiveProjectCard");
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
+const getRecommendations = ({ weeklyHoursLogged, hoursToComplete, loggedHours, minFloorHours, maxFloorHours, hoursPerWeek, remainingWeeks, startDate, endDate, minFloorName, projectFrequencyType, projectRateType, tasks }) => {
+    const items = [];
+    if ((0, moment_1.default)(endDate).isBefore(startDate, 'day')) {
+        items.push(react_1.default.createElement("li", { key: "pastStartDate" }, "Please select a future end date or move your start date to a previous date."));
+    }
+    if ((0, moment_1.default)(startDate).isBefore((0, moment_1.default)(), 'day') && loggedHours <= 0) {
+        items.push(react_1.default.createElement("li", { key: "pastStartDate" }, "Please log hours for this project or request to move the project start date to later a date."));
+    }
+    if (!endDate) {
+        items.push(react_1.default.createElement("li", { key: "noEndDate" }, "Please edit end date above for this project."));
+    }
+    if (endDate && (0, moment_1.default)(endDate).isBefore((0, moment_1.default)(), 'day')) {
+        items.push(react_1.default.createElement("li", { key: "pastEndDate" }, "Please edit end date above for this project since today's date is past the project's listed end date."));
+    }
+    if (loggedHours < minFloorHours && endDate && !weeklyHoursLogged && hoursPerWeek && (0, moment_1.default)(endDate).isSameOrAfter((0, moment_1.default)(), 'day')) {
+        items.push(react_1.default.createElement("li", { key: "behindMFH" }, `You need to log ${(0, ProgressBar_1.formatNumberingSystem)(hoursPerWeek)} hours per week to get back on track by the ${projectFrequencyType === "Recurring" ? "end of the month." : "end date."}`));
+    }
+    if (loggedHours <= minFloorHours) {
+        items.push(react_1.default.createElement("li", { key: "lessWorkExpected" }, "If you are getting less work than expected, please reach out to your Customer Success Manager."));
+    }
+    if (weeklyHoursLogged && hoursToComplete && endDate && hoursPerWeek) {
+        items.push(react_1.default.createElement("li", { key: "onTrackMFH" },
+            "Great work, you are on track to complete this project on time! Continue to log ",
+            (0, ProgressBar_1.formatNumberingSystem)(hoursPerWeek),
+            " hours per week until the project end date, in order to stay on track for this project."));
+    }
+    if (loggedHours >= minFloorHours && loggedHours != 0 && !(loggedHours >= maxFloorHours)) {
+        items.push(react_1.default.createElement("li", { key: "completedMFH" },
+            "Congrats you have completed your project's ",
+            minFloorName,
+            "!"));
+    }
+    if ((loggedHours == maxFloorHours) && loggedHours != 0) {
+        items.push(react_1.default.createElement("li", { key: "completedMFH" }, "Congrats you have completed the Max Hours for this project!"));
+    }
+    if (loggedHours > maxFloorHours && loggedHours != 0) {
+        items.push(react_1.default.createElement("li", { key: "overHours" }, "You have logged too much time for this project. Please reach out to your Custom Success Manager if you wish to add additional hours."));
+    }
+    if (projectRateType === "Fixed" && tasks && tasks.length > 0) {
+        const pendingTasks = tasks.filter((task) => task.statusId === 2);
+        const inProgressTasks = tasks.filter((task) => task.statusId === 3);
+        const completedTasks = tasks.filter((task) => task.statusId === 1);
+        if (completedTasks.length === 0) {
+            items.push(react_1.default.createElement("li", { key: "allTasksPending" }, "Please check the status of your SOW tasks and mark them completed when finished before being able to end your project."));
+        }
+        if (completedTasks.length > 0 && (inProgressTasks.length > 0 || pendingTasks.length > 0)) {
+            items.push(react_1.default.createElement("li", { key: "inProgressTasks" }, "Please change all statuses that have In-Progress or Pending for this project before clicking End Project."));
+        }
+    }
+    return items;
+};
+const calculateFixedEarnings = (projectFrequencyType, projectData, clientPortal) => {
+    const { expertRate, expertSowValue } = projectData;
+    return projectFrequencyType === "Recurring" ? '$' + `${clientPortal ? expertRate * 2 : expertRate}` + '/mo' : '$' + expertSowValue;
+};
+const CenterCardUI = ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, }) => {
+    var _a, _b, _c, _d;
+    const date = (0, moment_1.default)();
+    const today = date.date();
+    const lastDayOfMonth = (0, moment_1.default)().endOf('month');
+    const daysInOneTimeProject = (endDate && startDate) ? Math.max((0, moment_1.default)(endDate).diff((0, moment_1.default)(startDate), 'days'), 0) : "-";
+    const daysLeftInOneTime = endDate ? Math.max((0, moment_1.default)(endDate).diff((0, moment_1.default)(date), 'days'), 0) : "-";
+    const { minFloorHours, maxFloorHours, loggedHours, weeklyHoursLogged, hoursPerWeek, minFloorName, hoursToComplete, remainingWeeks } = (0, ActiveProjectCard_1.getAllProjectRecommendationData)({ projectData });
+    const totalDays = lastDayOfMonth.date();
+    const payRate = (_a = projectData === null || projectData === void 0 ? void 0 : projectData.expertRate) !== null && _a !== void 0 ? _a : 0;
+    const tasks = (_b = project === null || project === void 0 ? void 0 : project.projectScopeTasks) !== null && _b !== void 0 ? _b : [];
+    return (react_1.default.createElement("div", { className: "w-full md:w-3/4 flex flex-col" },
+        react_1.default.createElement("div", { className: "flex flex-wrap overflow-auto" },
+            react_1.default.createElement(base_ui_1.Table, null,
+                react_1.default.createElement(base_ui_1.TableHead, null,
+                    react_1.default.createElement(base_ui_1.TableRow, null,
+                        react_1.default.createElement(base_ui_1.TableCell, null, "Start Date"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, "End Date"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, "Project Type"))),
+                react_1.default.createElement(base_ui_1.TableBody, null,
+                    react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
+                        ((0, moment_1.default)(startDate).isBefore((0, moment_1.default)(), 'day') && (Number(loggedHours) < 0)) ?
+                            react_1.default.createElement(base_ui_1.TableCell, { className: "text-[#A73A43] font-bold text-lg" },
+                                startDate ? (0, dayjs_1.default)(startDate).format('MM/DD/YYYY') : "-",
+                                react_1.default.createElement("br", null),
+                                "Past Due")
+                            :
+                                react_1.default.createElement(base_ui_1.TableCell, { className: "text-black font-bold text-lg" }, (_c = (0, dayjs_1.default)(startDate).format('MM/DD/YYYY')) !== null && _c !== void 0 ? _c : "-"),
+                        endDate === null || (0, moment_1.default)(endDate).isBefore((0, moment_1.default)(), 'day') ?
+                            react_1.default.createElement(base_ui_1.TableCell, { className: "text-[#A73A43] font-bold text-lg" }, endDate ? react_1.default.createElement(react_1.default.Fragment, null,
+                                (0, dayjs_1.default)(endDate).format('MM/DD/YYYY'),
+                                " ",
+                                react_1.default.createElement("br", null),
+                                " Past Due") : "Submit an End Date")
+                            :
+                                react_1.default.createElement(base_ui_1.TableCell, { className: "text-black font-bold text-lg" }, endDate ? (0, dayjs_1.default)(endDate).format('MM/DD/YYYY') : "-"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, `${projectRateType} ${projectFrequencyType}`))),
+                react_1.default.createElement(base_ui_1.TableHead, null,
+                    react_1.default.createElement(base_ui_1.TableRow, null,
+                        react_1.default.createElement(base_ui_1.TableCell, null, "Estimated Expert Earnings"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, "Max Hours"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, minFloorName))),
+                react_1.default.createElement(base_ui_1.TableBody, null,
+                    react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
+                        react_1.default.createElement(base_ui_1.TableCell, null, (minFloorHours > 0 || maxFloorHours > 0) && projectRateType === "Hourly" ? "$" + `${clientPortal ? (0, ProgressBar_1.formatNumberingSystem)(minFloorHours * payRate * 2) : (0, ProgressBar_1.formatNumberingSystem)(minFloorHours * payRate)}` + " - " + "$" + `${clientPortal ? (0, ProgressBar_1.formatNumberingSystem)(maxFloorHours * payRate * 2) : (0, ProgressBar_1.formatNumberingSystem)(maxFloorHours * payRate)}`
+                            : projectData && calculateFixedEarnings(projectFrequencyType, projectData, clientPortal)),
+                        react_1.default.createElement(base_ui_1.TableCell, null, maxFloorHours ? (0, ProgressBar_1.formatNumberingSystem)(maxFloorHours) : "-"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, minFloorHours ? (0, ProgressBar_1.formatNumberingSystem)(minFloorHours) : "-"))),
+                react_1.default.createElement(base_ui_1.TableHead, null,
+                    react_1.default.createElement(base_ui_1.TableRow, null,
+                        react_1.default.createElement(base_ui_1.TableCell, null, "Days in Period"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, "Days left in Period"),
+                        react_1.default.createElement(base_ui_1.TableCell, null, projectFrequencyType === "Recurring" ? "Hours Logged This Month" : "Hours Logged for Project"))),
+                react_1.default.createElement(base_ui_1.TableBody, null,
+                    react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
+                        react_1.default.createElement(base_ui_1.TableCell, null, projectFrequencyType === "Recurring" ? totalDays : daysInOneTimeProject),
+                        react_1.default.createElement(base_ui_1.TableCell, null, projectFrequencyType === "Recurring" ? (totalDays - today) : daysLeftInOneTime),
+                        react_1.default.createElement(base_ui_1.TableCell, null, (_d = (0, ProgressBar_1.formatNumberingSystem)(loggedHours)) !== null && _d !== void 0 ? _d : "-"))))),
+        (!adhocProject || clientPortal) && react_1.default.createElement("div", { className: "flex flex-col mt-8 gap-y-2" },
+            react_1.default.createElement("h1", { className: "font-bold" }, "Recommendations"),
+            react_1.default.createElement("ul", { className: "list-disc ml-6" }, getRecommendations({ weeklyHoursLogged, hoursToComplete, loggedHours, minFloorHours, maxFloorHours, hoursPerWeek, remainingWeeks, startDate, endDate, minFloorName, projectFrequencyType, projectRateType, tasks })))));
+};
+exports.CenterCardUI = CenterCardUI;

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

@@ -1,52 +1,52 @@
-interface ActiveProjectDataType {
-    projects: any[];
-    image: string;
-    freelancerId: number;
-    freelancer: string;
-    fullName: string;
-    overallProjectHealth: string;
-    sowClosed: number;
-    upsell: number;
-    crossSell: number;
-    paroTenure: number;
-    freelancerGoal: number;
-    minFloorHoursCountDenominator: number;
-    minFloorHoursCountNumerator: number;
-    weeklyMinHoursLoggedCountDenominator: number;
-    weeklyMinHoursLoggedCountNumerator: number;
-    averageContractValue: number;
-    projectsData: any[];
-    monthlyEarnings: number;
-    expertCurrMonthGoal: number;
-}
-interface EarningsTrackerAuthProps {
-    freelancerId: number;
-    isAuthenticated: boolean;
-    getPendingProjectTagReviews?: any;
-    getAllIrPrDetailsQuery?: any;
-    getFreelancerEarningData?: any;
-    updateProjectStatusMutation?: any;
-    GetAllProjectIrprDetailsForFreelancerDocument?: any;
-    updateParoProjectTagsMutation?: any;
-    GetParoProjectsDocument?: any;
-    updateProjectTagReviewStatusMutation?: any;
-    getSowLazyQuery?: any;
-    createChangeRequestMutation?: any;
-    createOrUpdateRatingRequestMutation?: any;
-    updateProjectTaskMutation?: any;
-    submitProjectHoursMutation?: any;
-    getAuth0Roles?: any;
-    user?: any;
-    router: any;
-}
-interface EarningsTrackerUnAuthProps {
-    createChangeRequest?: any;
-    updateProjectTask?: any;
-    freelancerProjectDataUnauth?: ActiveProjectDataType;
-    updateProjectStatus?: any;
-    updateProjectTags?: any;
-    sendParoSupportEmail?: any;
-    submitProjectHoursLambda?: any;
-}
-export declare const EarningsTracker: ({ freelancerId, isAuthenticated, freelancerProjectDataUnauth, getPendingProjectTagReviews, getAllIrPrDetailsQuery, getFreelancerEarningData, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, sendParoSupportEmail, getSowLazyQuery, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, router, }: EarningsTrackerAuthProps & EarningsTrackerUnAuthProps) => JSX.Element;
-export {};
+interface ActiveProjectDataType {
+    projects: any[];
+    image: string;
+    freelancerId: number;
+    freelancer: string;
+    fullName: string;
+    overallProjectHealth: string;
+    sowClosed: number;
+    upsell: number;
+    crossSell: number;
+    paroTenure: number;
+    freelancerGoal: number;
+    minFloorHoursCountDenominator: number;
+    minFloorHoursCountNumerator: number;
+    weeklyMinHoursLoggedCountDenominator: number;
+    weeklyMinHoursLoggedCountNumerator: number;
+    averageContractValue: number;
+    projectsData: any[];
+    monthlyEarnings: number;
+    expertCurrMonthGoal: number;
+}
+interface EarningsTrackerAuthProps {
+    freelancerId: number;
+    isAuthenticated: boolean;
+    getPendingProjectTagReviews?: any;
+    getAllIrPrDetailsQuery?: any;
+    getFreelancerEarningData?: any;
+    updateProjectStatusMutation?: any;
+    GetAllProjectIrprDetailsForFreelancerDocument?: any;
+    updateParoProjectTagsMutation?: any;
+    GetParoProjectsDocument?: any;
+    updateProjectTagReviewStatusMutation?: any;
+    getSowLazyQuery?: any;
+    createChangeRequestMutation?: any;
+    createOrUpdateRatingRequestMutation?: any;
+    updateProjectTaskMutation?: any;
+    submitProjectHoursMutation?: any;
+    getAuth0Roles?: any;
+    user?: any;
+    router: any;
+}
+interface EarningsTrackerUnAuthProps {
+    createChangeRequest?: any;
+    updateProjectTask?: any;
+    freelancerProjectDataUnauth?: ActiveProjectDataType;
+    updateProjectStatus?: any;
+    updateProjectTags?: any;
+    sendParoSupportEmail?: any;
+    submitProjectHoursLambda?: any;
+}
+export declare const EarningsTracker: ({ freelancerId, isAuthenticated, freelancerProjectDataUnauth, getPendingProjectTagReviews, getAllIrPrDetailsQuery, getFreelancerEarningData, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, sendParoSupportEmail, getSowLazyQuery, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, user, router, }: EarningsTrackerAuthProps & EarningsTrackerUnAuthProps) => JSX.Element;
+export {};