@paro.io/expert-shared-components 1.9.12 → 1.9.14

package/lib/components/ProjectCard/ActiveProjectCard.js

@@ -178,7 +178,7 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
             expand && react_1.default.createElement("div", { className: `flex w-full p-4 gap-x-10 gap-y-10 ${projectRateType === "Fixed" ? "flex-col" : "flex-col md:flex-row"}` },
                 react_1.default.createElement(LeftCardUI_1.LeftCardUI, { projectData: singleProjectData, projectFrequencyType: projectFrequencyType, projectRateType: projectRateType, project: project, isAuthenticated: isAuthenticated, adhocProject: adhocProject, activeProject: activeProject, freelancerId: freelancerId, selectedTab: selectedTab, updateProjectTaskMutation: updateProjectTaskMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateProjectTask: updateProjectTask, clientPortal: clientPortal }),
                 react_1.default.createElement("div", { className: "flex flex-col flex-grow md:flex-row gap-x-0 justify-around" },
-                    react_1.default.createElement(CenterCardUI_1.CenterCardUI, { startDate: project === null || project === void 0 ? void 0 : project.startDate, endDate: project === null || project === void 0 ? void 0 : project.endDate, projectData: singleProjectData, projectRateType: projectRateType, project: project, projectFrequencyType: projectFrequencyType, adhocProject: adhocProject, clientPortal: clientPortal }),
+                    react_1.default.createElement(CenterCardUI_1.CenterCardUI, { startDate: project === null || project === void 0 ? void 0 : project.startDate, endDate: project === null || project === void 0 ? void 0 : project.endDate, projectData: singleProjectData, projectRateType: projectRateType, project: project, projectFrequencyType: projectFrequencyType, adhocProject: adhocProject, clientPortal: clientPortal, internalPortal: internalPortal }),
                     react_1.default.createElement(RightCardUI_1.RightCardUI, { project: project, expertName: expertName, freelancerEmail: freelancerEmail, freelancerId: freelancerId, isAuthenticated: isAuthenticated, editEndDate: editEndDate, setEditEndDate: setEditEndDate, editStartDate: editStartDate, setEditStartDate: setEditStartDate, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, setSingleProjectData: setSingleProjectData, projectData: singleProjectData, checkStartDate: checkStartDate, activeProject: activeProject, projectRateType: projectRateType, projectFrequencyType: projectFrequencyType, upcomingProject: upcomingProject, selectedTab: selectedTab, showRating: !!showRating, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags, getSowLazyQuery: getSowLazyQuery, sendParoSupportEmail: sendParoSupportEmail, createChangeRequestMutation: createChangeRequestMutation, createChangeRequest: createChangeRequest, createOrUpdateRatingRequestMutation: createOrUpdateRatingRequestMutation, submitProjectHoursMutation: submitProjectHoursMutation, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, createOrUpdateRating: createOrUpdateRating, getParoProjectsByClientIdDocument: getParoProjectsByClientIdDocument, user: user, internalPortal: internalPortal, csmUserGroup: csmUserGroup, clientPortal: clientPortal, signedSow: signedSow, isStageProd: isStageProd, isRequestReviewEnabled: isRequestReviewEnabled, updateDBProjectRequestStatus: updateDBProjectRequestStatus }))))));
 };
 exports.ActiveProjectCard = ActiveProjectCard;

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

@@ -8,6 +8,7 @@ interface CenterCardUIProps {
     project: any;
     adhocProject: any;
     clientPortal: boolean;
+    internalPortal: boolean;
 }
-export declare const CenterCardUI: ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, }: CenterCardUIProps) => React.JSX.Element;
+export declare const CenterCardUI: ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, internalPortal, }: CenterCardUIProps) => React.JSX.Element;
 export {};

package/lib/components/ProjectCard/CenterCardUI.js

@@ -68,7 +68,7 @@ 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, }) => {
+const CenterCardUI = ({ startDate, endDate, projectRateType, projectData, projectFrequencyType, project, adhocProject, clientPortal, internalPortal, }) => {
     var _a, _b, _c, _d;
     const date = (0, dayjs_1.default)();
     const today = date.date();
@@ -90,14 +90,14 @@ const CenterCardUI = ({ startDate, endDate, projectRateType, projectData, projec
                 react_1.default.createElement(base_ui_1.TableBody, null,
                     react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
                         ((0, dayjs_1.default)(startDate).isBefore((0, dayjs_1.default)(), 'day') && (Number(loggedHours) < 0)) ?
-                            react_1.default.createElement(base_ui_1.TableCell, { className: "text-[#A73A43] font-bold text-lg" },
+                            react_1.default.createElement(base_ui_1.TableCell, { className: `font-bold text-lg ${clientPortal || internalPortal ? "text-red-700" : "text-[#A73A43]"}` },
                                 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, dayjs_1.default)(endDate).isBefore((0, dayjs_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,
+                            react_1.default.createElement(base_ui_1.TableCell, { className: `font-bold text-lg ${clientPortal || internalPortal ? "text-red-700" : "text-[#A73A43]"}` }, 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),

package/lib/components/ProjectCard/LeftCardUI.js

@@ -151,8 +151,8 @@ const LeftCardUI = ({ projectData, projectRateType, projectFrequencyType, projec
                     react_1.default.createElement(core_1.Tooltip, { classes: { tooltip: classes.tooltip }, title: "This grade does not have an impact on your standing with Paro but if you see a low grade or action required, please reach out to the Customer Success Team to help make sure you are staying up to date with your projects.", placement: "top", arrow: true },
                         react_1.default.createElement("div", null,
                             react_1.default.createElement(base_icons_1.IconInfoCircle, null)))))),
-            react_1.default.createElement("p", { className: "font-bold text-lg mt-6 mb-6" }, projectFrequencyType === "Recurring" ? `Hours Logged for ${currMonth}` : "Hours Logged"),
-            react_1.default.createElement("div", { className: "mb-10 mt-10" },
+            react_1.default.createElement("p", { className: `font-bold text-lg mt-6 ${clientPortal ? "mb-2" : "mb-6"}` }, projectFrequencyType === "Recurring" ? `Hours Logged for ${currMonth}` : "Hours Logged"),
+            react_1.default.createElement("div", { className: `mb-10 ${clientPortal ? "mt-2" : "mt-10"}` },
                 react_1.default.createElement(ProgressBar_1.default, { minFloorHours: Number(minFloorHours), maxFloorHours: Number(maxFloorHours), loggedHours: Number(loggedHours) }))),
         react_1.default.createElement("div", { className: `flex flex-col ${projectRateType === 'Fixed' ? "w-full md:w-1/4 mt-2" : "w-full"}` },
             react_1.default.createElement("div", { className: "flex flex-row justify-between" },

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

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

package/lib/components/ProjectCard/ProgressBar.js

@@ -6,15 +6,15 @@ 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 num = Number(value);
+    if (isNaN(num))
+        return "0.00";
     const formatter = new Intl.NumberFormat('en-US', {
         minimumFractionDigits: 2,
         maximumFractionDigits: 2,
         style: 'decimal',
     });
-    return formatter.format(stringValue);
+    return formatter.format(num);
 };
 exports.formatNumberingSystem = formatNumberingSystem;
 const ProgressBar = ({ minFloorHours, maxFloorHours, loggedHours }) => {

package/lib/components/ProjectCard/RightCardUI.js

@@ -63,7 +63,7 @@ const TicketModal = ({ ticketModal, setTicketModal }) => {
 };
 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, updateDBProjectRequestStatus, }) => {
     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 [expandClient, setExpandClient] = (0, react_1.useState)(clientPortal ? true : false);
     const [expandSupport, setExpandSupport] = (0, react_1.useState)(false);
     const [emailModal, setEmailModal] = (0, react_1.useState)(false);
     const [emailText, setEmailText] = (0, react_1.useState)("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paro.io/expert-shared-components",
-  "version": "1.9.12",
+  "version": "1.9.14",
   "description": "",
   "main": "lib/index.js",
   "scripts": {