@paro.io/expert-shared-components 1.8.6 → 1.8.7

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 (4) hide show
  1. package/lib/components/ExpertProfileHeader/ExpertProfileHeader.js +1 -1
  2. package/lib/components/ExpertProfileHeader/ProfileSection.d.ts +3 -1
  3. package/lib/components/ExpertProfileHeader/ProfileSection.js +25 -15
  4. package/package.json +2 -2
package/lib/components/ExpertProfileHeader/ExpertProfileHeader.js CHANGED
@@ -216,7 +216,7 @@ const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressFor
216
216
  react_1.default.createElement(core_1.Divider, null),
217
217
  react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { display: 'flex', flexWrap: isSmallScreen ? 'wrap' : 'nowrap' } },
218
218
  react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: 'column', justify: 'space-between', xs: 12, md: true, style: { flex: '1', width: 'auto' } },
219
- react_1.default.createElement(ProfileSection_1.default, { legacyFreelancerId: Number(legacyFreelancerId), imageUrl: imageUrl, shouldAllowEditProfile: isExpertOps !== null && isExpertOps !== void 0 ? isExpertOps : false, firstName: firstName, lastName: lastName, primaryServiceLine: primaryServiceLine, editServiceLine: editServiceLine, city: city, stateAbbreviation: stateAbbreviation, email: email, phone: phone, setOpen: setOpen, paroProjectsData: paroProjectsData, getUserDocument: getUserDocument, uploadUserPhotoMutation: uploadUserPhotoMutation, loadingNewImage: loadingNewImage, imageUpdateError: imageUpdateError, isInternal: isInternal, getUserByEmail: getUserByEmail, updateUserEmail: updateUserEmail, updateUserMutation: updateUserMutation, getUserByEmailLazyQuery: getUserByEmailLazyQuery, updateUserPassword: updateUserPassword, verifyUserPassword: verifyUserPassword, getExpertRates: getExpertRates }),
219
+ react_1.default.createElement(ProfileSection_1.default, { legacyFreelancerId: Number(legacyFreelancerId), imageUrl: imageUrl, shouldAllowEditProfile: isExpertOps !== null && isExpertOps !== void 0 ? isExpertOps : false, firstName: firstName, lastName: lastName, primaryServiceLine: primaryServiceLine, editServiceLine: editServiceLine, city: city, stateAbbreviation: stateAbbreviation, email: email, phone: phone, setOpen: setOpen, paroTenure: paroTenure, hourlyRate: defaultHourlyRate, paroProjectsData: paroProjectsData, getUserDocument: getUserDocument, uploadUserPhotoMutation: uploadUserPhotoMutation, loadingNewImage: loadingNewImage, imageUpdateError: imageUpdateError, isInternal: isInternal, getUserByEmail: getUserByEmail, updateUserEmail: updateUserEmail, updateUserMutation: updateUserMutation, getUserByEmailLazyQuery: getUserByEmailLazyQuery, updateUserPassword: updateUserPassword, verifyUserPassword: verifyUserPassword, getExpertRates: getExpertRates }),
220
220
  react_1.default.createElement(core_1.Divider, { orientation: isSmallScreen ? 'horizontal' : 'vertical', style: { marginLeft: '0px !important' } })),
221
221
  react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: 'column', justify: 'space-between', xs: 12, md: true, style: { flex: '1', width: 'auto' } },
222
222
  react_1.default.createElement(NetworkSection_1.default, { handleScrollToBottom: isInternal && handleScrollToBottom ? handleScrollToBottom : () => { }, preferenceTasks: preferenceTasks, isWhiteLabel: isWhiteLabel, detailsSectionCompleted: detailsSectionCompleted, infoColor: infoColor, leftSideStatus: leftSideStatus, rightSideStatus: rightSideStatus, isInternal: isInternal, paroTenure: paroTenure, getExpertVanityTitles: getExpertVanityTitles, updateExpert: updateExpert, expertId: expertId, legacyFreelancerId: Number(legacyFreelancerId), vanityTitle: vanityTitle, getExpertByLegacyFreelancerIdDocument: getExpertByLegacyFreelancerIdDocument }),
package/lib/components/ExpertProfileHeader/ProfileSection.d.ts CHANGED
@@ -13,6 +13,8 @@ interface ProfileSectionProps {
13
13
  stateAbbreviation: string;
14
14
  email: string;
15
15
  phone: any;
16
+ paroTenure: string;
17
+ hourlyRate: number;
16
18
  setOpen: (open: boolean) => void;
17
19
  paroProjectsData: any;
18
20
  getUserDocument?: any;
@@ -28,5 +30,5 @@ interface ProfileSectionProps {
28
30
  verifyUserPassword?: any;
29
31
  getExpertRates?: any;
30
32
  }
31
- declare const ProfileSection: ({ legacyFreelancerId, imageUrl, shouldAllowEditProfile, firstName, lastName, primaryServiceLine, editServiceLine, city, stateAbbreviation, email, phone, setOpen, paroProjectsData, getUserDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, isInternal, getUserByEmail, updateUserEmail, updateUserMutation, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, getExpertRates, }: ProfileSectionProps) => JSX.Element;
33
+ declare const ProfileSection: ({ legacyFreelancerId, imageUrl, shouldAllowEditProfile, firstName, lastName, primaryServiceLine, editServiceLine, city, stateAbbreviation, email, phone, setOpen, paroProjectsData, getUserDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, isInternal, getUserByEmail, updateUserEmail, updateUserMutation, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, getExpertRates, paroTenure, hourlyRate, }: ProfileSectionProps) => JSX.Element;
32
34
  export default ProfileSection;
package/lib/components/ExpertProfileHeader/ProfileSection.js CHANGED
@@ -61,7 +61,7 @@ exports.ProfilePhotoPreview = styled_components_1.default.img `
61
61
  object-fit: cover;
62
62
  object-position: top;
63
63
  `;
64
- const ProfileSection = ({ legacyFreelancerId, imageUrl, shouldAllowEditProfile, firstName, lastName, primaryServiceLine, editServiceLine, city, stateAbbreviation, email, phone, setOpen, paroProjectsData, getUserDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, isInternal, getUserByEmail, updateUserEmail, updateUserMutation, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, getExpertRates, }) => {
64
+ const ProfileSection = ({ legacyFreelancerId, imageUrl, shouldAllowEditProfile, firstName, lastName, primaryServiceLine, editServiceLine, city, stateAbbreviation, email, phone, setOpen, paroProjectsData, getUserDocument, uploadUserPhotoMutation, loadingNewImage, imageUpdateError, isInternal, getUserByEmail, updateUserEmail, updateUserMutation, getUserByEmailLazyQuery, updateUserPassword, verifyUserPassword, getExpertRates, paroTenure, hourlyRate, }) => {
65
65
  var _a;
66
66
  const [openReviews, setOpenReviews] = (0, react_1.useState)(false);
67
67
  const [resetPasswordOpen, setResetPasswordOpen] = (0, react_1.useState)(false);
@@ -121,20 +121,30 @@ const ProfileSection = ({ legacyFreelancerId, imageUrl, shouldAllowEditProfile,
121
121
  " Reviews")))),
122
122
  react_1.default.createElement(core_1.Box, { mt: 1, mb: 1 },
123
123
  react_1.default.createElement(core_1.Divider, null))),
124
- react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: 'row', justifyContent: 'space-evenly' },
125
- react_1.default.createElement("b", null, "SL's Offered:"),
126
- react_1.default.createElement("b", null, "Hourly Exp. Rate:")),
127
- react_1.default.createElement(core_1.Box, { mt: 1, mb: 1 },
128
- react_1.default.createElement(core_1.Divider, null)),
129
- (rates === null || rates === void 0 ? void 0 : rates.length) > 0 && (rates === null || rates === void 0 ? void 0 : rates.map((data) => (react_1.default.createElement(core_1.Box, { mt: 1, mr: 2, display: "flex", justifyContent: "space-between", alignItems: "center", key: data.serviceLine },
130
- react_1.default.createElement("p", { className: `${primaryServiceLine === data.serviceLine && "text-[#248384]"}` },
131
- data.serviceLine,
132
- primaryServiceLine === data.serviceLine && react_1.default.createElement(react_1.default.Fragment, null,
133
- react_1.default.createElement("br", null),
134
- " (Primary SL)")),
135
- react_1.default.createElement("b", null,
136
- "$",
137
- data.rate))))),
124
+ react_1.default.createElement(core_1.Box, { ml: 1, display: "flex", justifyContent: "space-between", alignItems: "center", "data-testid": "Matching-Id", style: { marginRight: '10px' } },
125
+ react_1.default.createElement(core_1.Typography, { variant: "body2" }, "Paro Tenure"),
126
+ react_1.default.createElement("b", null, paroTenure.length > 0 ? paroTenure : "N/A")),
127
+ react_1.default.createElement(core_1.Box, { ml: 1, mt: 1, display: "flex", justifyContent: "space-between", alignItems: "center", "data-testid": "Matching-Id", style: { marginRight: '10px' } },
128
+ react_1.default.createElement(core_1.Typography, { variant: "body2" }, isInternal ? 'Hourly Expert Rate' : 'Hourly Rate'),
129
+ react_1.default.createElement("b", null, hourlyRate > 0 ? `$ ${hourlyRate.toLocaleString()}` : "N/A")),
130
+ isInternal && react_1.default.createElement(core_1.Box, { ml: 1, mt: 1, display: "flex", justifyContent: "space-between", alignItems: "center", "data-testid": "Matching-Id", style: { marginRight: '10px' } },
131
+ react_1.default.createElement(core_1.Typography, { variant: "body2" }, "Hourly Client Rate"),
132
+ react_1.default.createElement("b", null, hourlyRate > 0 ? `$ ${(hourlyRate * 2).toLocaleString()}` : "N/A")),
133
+ react_1.default.createElement(core_1.Box, { mt: 2, mb: 1 }),
134
+ (rates === null || rates === void 0 ? void 0 : rates.length) > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
135
+ react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: 'row', justifyContent: 'space-evenly' },
136
+ react_1.default.createElement("b", null, "Additional SL's Offered")),
137
+ react_1.default.createElement(core_1.Box, { mt: 1, mb: 1 },
138
+ react_1.default.createElement(core_1.Divider, null)), rates === null || rates === void 0 ? void 0 :
139
+ rates.map((data) => (react_1.default.createElement(core_1.Box, { mt: 1, mr: 2, display: "flex", justifyContent: "space-between", alignItems: "center", key: data.serviceLine },
140
+ react_1.default.createElement("p", { className: `${primaryServiceLine === data.serviceLine && "text-[#248384]"}` },
141
+ data.serviceLine,
142
+ primaryServiceLine === data.serviceLine && react_1.default.createElement(react_1.default.Fragment, null,
143
+ react_1.default.createElement("br", null),
144
+ " (Primary SL)")),
145
+ react_1.default.createElement("b", null,
146
+ "$",
147
+ data.rate)))))),
138
148
  react_1.default.createElement(core_1.Box, { mt: 1, mb: 1 },
139
149
  react_1.default.createElement(core_1.Divider, null)),
140
150
  email && react_1.default.createElement(core_1.Box, { display: "flex", justifyContent: "center", alignItems: "center", "data-testid": "Matching-Id", style: { marginRight: '10px' } },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paro.io/expert-shared-components",
3
- "version": "1.8.6",
3
+ "version": "1.8.7",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -30,7 +30,7 @@
30
30
  "@types/react-input-mask": "^3.0.5",
31
31
  "dayjs": "^1.10.7",
32
32
  "lodash": "^4.17.21",
33
- "react": "^17.0.2",
33
+ "react": "^18.2.0",
34
34
  "react-copy-to-clipboard": "^5.0.4",
35
35
  "react-datepicker": "^4.6.0",
36
36
  "react-dom": "^17.0.2",