@paro.io/expert-shared-components 1.9.11 → 1.9.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/components/ProjectCard/ActiveProjectCard.js +5 -6
  2. package/lib/components/ProjectCard/CenterCardUI.js +2 -2
  3. package/lib/components/ProjectCard/LeftCardUI.js +2 -2
  4. package/lib/components/ProjectCard/ProgressBar.d.ts +1 -1
  5. package/lib/components/ProjectCard/ProgressBar.js +4 -4
  6. package/lib/components/ProjectCard/RightCardUI.js +1 -1
  7. package/package.json +1 -1
package/lib/components/ProjectCard/ActiveProjectCard.js CHANGED
@@ -104,7 +104,7 @@ const getDays = (oldValue, newValue) => {
104
104
  return newDate.diff(oldDate, 'day');
105
105
  };
106
106
  const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, freelancerEmail, isAuthenticated, activeProject, adhocProject, upcomingProject, selectedTab, projectTagsMap, updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation, GetParoProjectsDocument, updateProjectTagReviewStatusMutation, updateProjectStatus, updateProjectTags, getSowLazyQuery, sendParoSupportEmail, createChangeRequestMutation, createChangeRequest, createOrUpdateRatingRequestMutation, updateProjectTaskMutation, updateProjectTask, submitProjectHoursMutation, getAuth0Roles, submitProjectHoursLambda, createOrUpdateRating, getParoProjectsByClientIdDocument, user, internalPortal = false, csmUserGroup = false, clientPortal = false, signedSow = false, isStageProd, isRequestReviewEnabled = false, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, }) => {
107
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
107
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
108
108
  const [editEndDate, setEditEndDate] = (0, react_1.useState)(false);
109
109
  const [editStartDate, setEditStartDate] = (0, react_1.useState)(false);
110
110
  const [showTimeModal, setShowTimeModal] = (0, react_1.useState)(false);
@@ -124,15 +124,14 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
124
124
  const sortRatingsAndRequests = (data) => {
125
125
  return [...data].sort((a, b) => (0, dayjs_1.default)(b === null || b === void 0 ? void 0 : b.createdAt).diff((0, dayjs_1.default)(a === null || a === void 0 ? void 0 : a.createdAt), 'days'));
126
126
  };
127
- if ((project === null || project === void 0 ? void 0 : project.rating.length) > 1) {
127
+ if ((project === null || project === void 0 ? void 0 : project.rating) && (project === null || project === void 0 ? void 0 : project.rating.length) > 1) {
128
128
  project.rating = sortRatingsAndRequests(project.rating);
129
129
  }
130
- if ((project === null || project === void 0 ? void 0 : project.ratingRequest.length) > 1) {
130
+ if ((project === null || project === void 0 ? void 0 : project.ratingRequest) && (project === null || project === void 0 ? void 0 : project.ratingRequest.length) > 1) {
131
131
  project.ratingRequest = sortRatingsAndRequests(project.ratingRequest);
132
132
  }
133
133
  const showRating = ratingValue && (0, dayjs_1.default)((0, dayjs_1.default)().tz('America/Los_Angeles').format('YYYY-MM-DD HH:mm:ss')).diff((0, dayjs_1.default)((_g = (_f = project === null || project === void 0 ? void 0 : project.rating) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.createdAt.replace('Z', '')).format('YYYY-MM-DD HH:mm:ss'), 'hours') > 48;
134
- const freelancerName = (_k = (_j = (_h = project === null || project === void 0 ? void 0 : project.projectScope) === null || _h === void 0 ? void 0 : _h.freelancer) === null || _j === void 0 ? void 0 : _j.name) !== null && _k !== void 0 ? _k : ((_o = (_m = (_l = project === null || project === void 0 ? void 0 : project.projectScope) === null || _l === void 0 ? void 0 : _l.freelancer) === null || _m === void 0 ? void 0 : _m.freelancerProfile) === null || _o === void 0 ? void 0 : _o.firstName) + ' ' + ((_r = (_q = (_p = project === null || project === void 0 ? void 0 : project.projectScope) === null || _p === void 0 ? void 0 : _p.freelancer) === null || _q === void 0 ? void 0 : _q.freelancerProfile) === null || _r === void 0 ? void 0 : _r.lastName);
135
- const displayName = clientPortal ? freelancerName : (_s = project === null || project === void 0 ? void 0 : project.client) === null || _s === void 0 ? void 0 : _s.name;
134
+ const displayName = clientPortal ? expertName : (_h = project === null || project === void 0 ? void 0 : project.client) === null || _h === void 0 ? void 0 : _h.name;
136
135
  return (react_1.default.createElement("div", { className: "w-full mb-8" },
137
136
  internalPortal && changeRequests && changeRequests.length > 0 && (react_1.default.createElement("div", null, changeRequests
138
137
  .filter((cr) => cr.entityId === project.id)
@@ -160,7 +159,7 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
160
159
  react_1.default.createElement("div", { className: "flex flex-col-reverse justify-between w-full mt-3 md:flex-row gap-y-4" },
161
160
  react_1.default.createElement("div", { className: "flex flex-col" },
162
161
  react_1.default.createElement("h1", null, displayName),
163
- react_1.default.createElement("p", { className: "font-bold text-md mt-1" }, `${(_t = project === null || project === void 0 ? void 0 : project.name) !== null && _t !== void 0 ? _t : "Project"} ${(singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) ? "WITH" : "WITHOUT"} a min floor.`)),
162
+ react_1.default.createElement("p", { className: "font-bold text-md mt-1" }, `${(_j = project === null || project === void 0 ? void 0 : project.name) !== null && _j !== void 0 ? _j : "Project"} ${(singleProjectData === null || singleProjectData === void 0 ? void 0 : singleProjectData.minFloorHours) ? "WITH" : "WITHOUT"} a min floor.`)),
164
163
  react_1.default.createElement("div", { className: "flex flex-row gap-x-2 items-center ml-auto" },
165
164
  showRating && react_1.default.createElement("div", { className: "flex flex-auto items-center justify-between" },
166
165
  react_1.default.createElement(lab_1.Rating, { name: "read-only", value: Number(ratingValue), precision: 0.5, size: "large", readOnly: true, emptyIcon: react_1.default.createElement(Star_1.default, { fontSize: "inherit" }) })),
package/lib/components/ProjectCard/CenterCardUI.js CHANGED
@@ -90,14 +90,14 @@ const CenterCardUI = ({ startDate, endDate, projectRateType, projectData, projec
90
90
  react_1.default.createElement(base_ui_1.TableBody, null,
91
91
  react_1.default.createElement(base_ui_1.TableRow, { className: "border border-solid" },
92
92
  ((0, dayjs_1.default)(startDate).isBefore((0, dayjs_1.default)(), 'day') && (Number(loggedHours) < 0)) ?
93
- react_1.default.createElement(base_ui_1.TableCell, { className: "text-[#A73A43] font-bold text-lg" },
93
+ react_1.default.createElement(base_ui_1.TableCell, { className: `font-bold text-lg ${clientPortal ? "text-red-700" : "text-[#A73A43]"}` },
94
94
  startDate ? (0, dayjs_1.default)(startDate).format('MM/DD/YYYY') : "-",
95
95
  react_1.default.createElement("br", null),
96
96
  "Past Due")
97
97
  :
98
98
  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 : "-"),
99
99
  endDate === null || (0, dayjs_1.default)(endDate).isBefore((0, dayjs_1.default)(), 'day') ?
100
- 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,
100
+ react_1.default.createElement(base_ui_1.TableCell, { className: `font-bold text-lg ${clientPortal ? "text-red-700" : "text-[#A73A43]"}` }, endDate ? react_1.default.createElement(react_1.default.Fragment, null,
101
101
  (0, dayjs_1.default)(endDate).format('MM/DD/YYYY'),
102
102
  " ",
103
103
  react_1.default.createElement("br", null),
package/lib/components/ProjectCard/LeftCardUI.js CHANGED
@@ -151,8 +151,8 @@ const LeftCardUI = ({ projectData, projectRateType, projectFrequencyType, projec
151
151
  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 },
152
152
  react_1.default.createElement("div", null,
153
153
  react_1.default.createElement(base_icons_1.IconInfoCircle, null)))))),
154
- react_1.default.createElement("p", { className: "font-bold text-lg mt-6 mb-6" }, projectFrequencyType === "Recurring" ? `Hours Logged for ${currMonth}` : "Hours Logged"),
155
- react_1.default.createElement("div", { className: "mb-10 mt-10" },
154
+ 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"),
155
+ react_1.default.createElement("div", { className: ` mb-10 ${clientPortal ? "mt-2" : "mt-10"}` },
156
156
  react_1.default.createElement(ProgressBar_1.default, { minFloorHours: Number(minFloorHours), maxFloorHours: Number(maxFloorHours), loggedHours: Number(loggedHours) }))),
157
157
  react_1.default.createElement("div", { className: `flex flex-col ${projectRateType === 'Fixed' ? "w-full md:w-1/4 mt-2" : "w-full"}` },
158
158
  react_1.default.createElement("div", { className: "flex flex-row justify-between" },
package/lib/components/ProjectCard/ProgressBar.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- export declare const formatNumberingSystem: (value: any) => string | 0;
2
+ export declare const formatNumberingSystem: (value: any) => string;
3
3
  declare const ProgressBar: ({ minFloorHours, maxFloorHours, loggedHours }: any) => React.JSX.Element;
4
4
  export default ProgressBar;
package/lib/components/ProjectCard/ProgressBar.js CHANGED
@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.formatNumberingSystem = void 0;
7
7
  const react_1 = __importDefault(require("react"));
8
8
  const formatNumberingSystem = (value) => {
9
- const stringValue = value === null || value === void 0 ? void 0 : value.toString();
10
- if (!stringValue)
11
- return 0;
9
+ const num = Number(value);
10
+ if (isNaN(num))
11
+ return "0.00";
12
12
  const formatter = new Intl.NumberFormat('en-US', {
13
13
  minimumFractionDigits: 2,
14
14
  maximumFractionDigits: 2,
15
15
  style: 'decimal',
16
16
  });
17
- return formatter.format(stringValue);
17
+ return formatter.format(num);
18
18
  };
19
19
  exports.formatNumberingSystem = formatNumberingSystem;
20
20
  const ProgressBar = ({ minFloorHours, maxFloorHours, loggedHours }) => {
package/lib/components/ProjectCard/RightCardUI.js CHANGED
@@ -63,7 +63,7 @@ const TicketModal = ({ ticketModal, setTicketModal }) => {
63
63
  };
64
64
  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, }) => {
65
65
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
66
- const [expandClient, setExpandClient] = (0, react_1.useState)(false);
66
+ const [expandClient, setExpandClient] = (0, react_1.useState)(clientPortal ? true : false);
67
67
  const [expandSupport, setExpandSupport] = (0, react_1.useState)(false);
68
68
  const [emailModal, setEmailModal] = (0, react_1.useState)(false);
69
69
  const [emailText, setEmailText] = (0, react_1.useState)("");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paro.io/expert-shared-components",
3
- "version": "1.9.11",
3
+ "version": "1.9.13",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {