@paro.io/expert-shared-components 1.5.1 → 1.5.3

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 (3) hide show
  1. package/lib/components/DocumentCenter/ClientDocumentsTable.js +6 -4
  2. package/lib/components/DocumentCenter/DocumentUploadRow.js +8 -10
  3. package/package.json +1 -1
package/lib/components/DocumentCenter/ClientDocumentsTable.js CHANGED
@@ -177,7 +177,8 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
177
177
  projectStatus: file === null || file === void 0 ? void 0 : file.projectStatus,
178
178
  uploadedDate: (0, utils_1.formatDate)(file === null || file === void 0 ? void 0 : file.uploadedDate),
179
179
  uploadedBy: (file === null || file === void 0 ? void 0 : file.uploadedBy) || "-",
180
- lastViewed: (file === null || file === void 0 ? void 0 : file.lastViewed) ? (0, utils_1.formatDate)(file === null || file === void 0 ? void 0 : file.lastViewed) : 'Not opened',
180
+ lastViewed: (file === null || file === void 0 ? void 0 : file.lastViewed) ? (0, utils_1.formatDate)(file === null || file === void 0 ? void 0 : file.lastViewed) : '',
181
+ lastViewedBy: file === null || file === void 0 ? void 0 : file.lastViewedBy,
181
182
  projectId: file === null || file === void 0 ? void 0 : file.projectId,
182
183
  };
183
184
  }) : [];
@@ -233,6 +234,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
233
234
  input: {
234
235
  fileId: fileId,
235
236
  lastViewed: new Date().toISOString(),
237
+ lastViewedBy: isClientPortal ? 'CLIENT' : 'FREELANCER',
236
238
  },
237
239
  }
238
240
  }).then(() => {
@@ -319,7 +321,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
319
321
  return (react_1.default.createElement(react_1.default.Fragment, null,
320
322
  react_1.default.createElement(DocumentUploadRow_1.DocumentUploadRow, { clientAndProject: clientAndProject, setClientAndProject: setClientAndProject, clientAndProjectsList: clientAndProjectsList, docType: docType, setDocType: setDocType, paroDocuments: paroDocuments, uploadExpertClientFiles: uploadExpertClientFiles, refetchFiles: refetchFiles, legacyFreelancerId: legacyFreelancerId, freelancerName: freelancerName, freelancerEmail: freelancerEmail, isClientPortal: isClientPortal }),
321
323
  react_1.default.createElement(utils_1.CustomPaper, { style: { height: `${(files === null || files === void 0 ? void 0 : files.length) === 0 ? '30vh' : 'auto'}` } },
322
- (files === null || files === void 0 ? void 0 : files.length) > 0 && react_1.default.createElement("div", { className: 'w-1/4' },
324
+ (files === null || files === void 0 ? void 0 : files.length) > 0 && react_1.default.createElement("div", { className: 'w-1/3' },
323
325
  react_1.default.createElement(base_ui_1.Input, { placeholder: "Search Documents", type: "text", value: searchText, onChange: (e) => setSearchText(e.target.value) })),
324
326
  react_1.default.createElement(core_1.Box, { mt: 2 }, (files === null || files === void 0 ? void 0 : files.length) > 0 ? react_1.default.createElement(core_1.Table, { style: { overflow: 'auto' } },
325
327
  react_1.default.createElement(core_1.TableHead, null,
@@ -333,7 +335,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
333
335
  orderBy === headCell.id && null))))),
334
336
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }))),
335
337
  react_1.default.createElement(core_1.TableBody, null, (0, utils_1.stableSort)(tableData, (0, utils_1.getComparator)(order, orderBy, descendingComparator)).slice(firstItem, lastItem).map((row, index) => {
336
- const { fileId, fileName, docType, docSize, clientName, expertName, projectName, projectStatus, uploadedDate, uploadedBy, lastViewed, projectId } = row;
338
+ const { fileId, fileName, docType, docSize, clientName, expertName, projectName, projectStatus, uploadedDate, uploadedBy, lastViewed, lastViewedBy, projectId } = row;
337
339
  return (react_1.default.createElement(core_1.TableRow, { key: fileId },
338
340
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, index + 1),
339
341
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" },
@@ -351,7 +353,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
351
353
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, projectStatus),
352
354
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, uploadedDate),
353
355
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, `${uploadedBy.charAt(0)}${uploadedBy.slice(1).toLowerCase()}`),
354
- react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, lastViewed),
356
+ react_1.default.createElement(core_1.TableCell, { className: classes.tableCell, align: "center" }, `${lastViewedBy ? `Viewed by ${lastViewedBy === 'CLIENT' ? 'Client on ' : 'Expert on '}` : ''}${lastViewed ? lastViewed : 'Not opened'}`),
355
357
  react_1.default.createElement(core_1.TableCell, { className: classes.tableCell },
356
358
  react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row", justify: "space-evenly", alignItems: "center" },
357
359
  react_1.default.createElement(core_1.Tooltip, { arrow: true, placement: "top", interactive: true, className: "whitespace-nowrap", title: "Download Document" },
package/lib/components/DocumentCenter/DocumentUploadRow.js CHANGED
@@ -32,8 +32,6 @@ const core_1 = require("@material-ui/core");
32
32
  const base_ui_1 = require("@paro.io/base-ui");
33
33
  const react_datepicker_1 = __importDefault(require("react-datepicker"));
34
34
  const utils_1 = require("../shared/utils");
35
- const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
36
- const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
37
35
  const ClientDocumentTypes = [
38
36
  "Financial Documents",
39
37
  "Contractual and Legal Documents",
@@ -146,24 +144,24 @@ const DocumentUploadRow = ({ clientAndProject, setClientAndProject, docType, set
146
144
  return (react_1.default.createElement(react_1.default.Fragment, null,
147
145
  react_1.default.createElement("span", { className: "text-sm italic text-white pb-2 pl-8 -mt-5" }, "Follow the steps below to upload your document"),
148
146
  react_1.default.createElement(core_1.Grid, { container: true, direction: "row", alignItems: "flex-end", wrap: "nowrap", justifyContent: "flex-start", spacing: 2, xs: 12, style: { padding: '10px 0px 25px 30px' } },
149
- react_1.default.createElement("div", { className: 'flex flex-row items-center' },
150
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.fa1, size: "sm", className: "p-1 text-black w-4 m-2 rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }),
151
- react_1.default.createElement(base_ui_1.Input, { label: "Enter document name", type: "text", placeholder: "Enter document name", value: documentName, onChange: (e) => { e.preventDefault(); setDocumentName(e.target.value); } })),
147
+ react_1.default.createElement("div", { className: 'flex flex-row items-center w-64' },
148
+ react_1.default.createElement("span", { className: "flex w-6 h-6 m-2 p-2 justify-center items-center rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }, "1"),
149
+ react_1.default.createElement(base_ui_1.Input, { label: "Enter document name", type: "text", placeholder: "Document Name", value: documentName, isRequired: true, onChange: (e) => { e.preventDefault(); setDocumentName(e.target.value); }, labelClassName: 'w-52 text-gray-500' })),
152
150
  react_1.default.createElement("div", { className: 'flex flex-row items-center shrink' },
153
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.fa2, size: "sm", className: "p-1 text-black w-4 m-2 rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }),
151
+ react_1.default.createElement("span", { className: "flex w-6 h-6 m-2 p-2 justify-center items-center rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }, "2"),
154
152
  react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto' },
155
153
  react_1.default.createElement(core_1.FormControl, { variant: "outlined", style: { minWidth: 200 } },
156
154
  react_1.default.createElement(base_ui_1.Select, { label: "Select Document Type", required: true, onChange: (e) => setDocType(e.target.value), value: docType, defaultValue: documentTypeOptions[0].value, options: documentTypeOptions })))),
157
155
  paroDocuments && docType && (docType === 'EO Insurance') &&
158
156
  react_1.default.createElement("div", { className: 'flex flex-row items-center' },
159
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.fa3, size: "sm", className: "p-1 text-black w-4 m-2 rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }),
157
+ react_1.default.createElement("span", { className: "flex w-6 h-6 m-2 p-2 justify-center items-center rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }, "3"),
160
158
  react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto' },
161
159
  react_1.default.createElement(core_1.FormControl, { error: !!error, variant: "outlined", fullWidth: true },
162
160
  react_1.default.createElement(react_datepicker_1.default, { onChange: (date) => handleDateChange(date), className: "input", placeholderText: "Select date", customInput: react_1.default.createElement(base_ui_1.Input, { label: 'Expiration Date', type: "date", value: expiryDate ? expiryDate.toISOString().split('T')[0] : '' }) }),
163
161
  error && react_1.default.createElement(core_1.FormHelperText, null, error)))),
164
162
  !paroDocuments &&
165
163
  react_1.default.createElement("div", { className: 'flex flex-row items-center shrink' },
166
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.fa3, size: "sm", className: "p-1 text-black w-4 m-2 rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }),
164
+ react_1.default.createElement("span", { className: "flex w-6 h-6 m-2 p-2 justify-center items-center rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }, "3"),
167
165
  react_1.default.createElement(core_1.Grid, { item: true, xs: 12, sm: 'auto' },
168
166
  react_1.default.createElement(core_1.FormControl, { variant: "outlined", style: { minWidth: 200 } },
169
167
  react_1.default.createElement(base_ui_1.Select, { label: isClientPortal ? "Select Expert - Project" : "Select Client - Project", required: true, onChange: (e) => {
@@ -173,10 +171,10 @@ const DocumentUploadRow = ({ clientAndProject, setClientAndProject, docType, set
173
171
  }
174
172
  }, value: (clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.value) || '', defaultValue: defaultValue.value, options: clientOptions })))),
175
173
  react_1.default.createElement("div", { className: 'flex flex-row items-center flex-none' },
176
- react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: paroDocuments && docType !== 'EO Insurance' ? free_solid_svg_icons_1.fa3 : free_solid_svg_icons_1.fa4, size: "sm", className: "p-1 text-black w-4 m-2 rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }),
174
+ react_1.default.createElement("span", { className: "flex w-6 h-6 m-2 p-2 justify-center items-center rounded-full self-end", style: { backgroundColor: '#A3C9E5' } }, paroDocuments && docType !== 'EO Insurance' ? 3 : 4),
177
175
  react_1.default.createElement("input", { id: "upload-file", type: "file", accept: ".pdf,.doc,.docx,.ppt,.xls,.xlsx", style: { display: 'none' }, ref: fileInputRef, onChange: handleUpload }),
178
176
  react_1.default.createElement(core_1.Tooltip, { arrow: true, placement: "top", interactive: true, className: "whitespace-nowrap", title: disableButton ? "Please fill out the required info" : "" },
179
- react_1.default.createElement(base_ui_1.Button, { label: "Upload Document", onClick: () => {
177
+ react_1.default.createElement(base_ui_1.Button, { label: "Upload", onClick: () => {
180
178
  fileInputRef.current && fileInputRef.current.click();
181
179
  }, color: "primary", disabled: disableButton, isLoading: isUploading }))))));
182
180
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paro.io/expert-shared-components",
3
- "version": "1.5.1",
3
+ "version": "1.5.3",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {