@paro.io/expert-shared-components 1.9.0 → 1.9.2

package/lib/components/DocumentCenter/DocumentCenter.js

@@ -177,7 +177,7 @@ const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertCli
                         react_1.default.createElement(lab_1.TabPanel, { value: '0', style: { paddingTop: '0px' } },
                             react_1.default.createElement(ClientDocumentsTable_1.ClientDocumentsTable, { legacyFreelancerId: legacyFreelancerId, expertFiles: expertClientFiles, setExpertClientFiles: setExpertClientFiles, clientAndProjectsList: clientAndProjects, uploadExpertClientFiles: uploadExpertClientFiles, updateFileLastViewed: updateFileLastViewed, deleteExpertClientFile: deleteExpertClientFile, paroDocuments: false, freelancerName: freelancerName !== null && freelancerName !== void 0 ? freelancerName : '', freelancerEmail: freelancerEmail !== null && freelancerEmail !== void 0 ? freelancerEmail : '', getFileLazyQuery: getFileLazyQuery, expertClientFilesLazyQuery: expertClientFilesLazyQuery, isClientPortal: isClientPortal, documentUploadUrl: documentUploadUrl, downloadDocumentUrl: downloadDocumentUrl, clientId: clientId })),
                         react_1.default.createElement(lab_1.TabPanel, { value: '1' },
-                            react_1.default.createElement(ParoDocumentsTable_1.ParoDocumentsTable, { legacyFreelancerId: legacyFreelancerId, expiryDate: insuranceExpiryDate !== null && insuranceExpiryDate !== void 0 ? insuranceExpiryDate : '', setExpiryDate: setInsuranceExpiryDate, expertFiles: expertFiles, setExpertFiles: setExpertFiles, uploadFileData: uploadFileData, deleteFileMutation: deleteFileMutation, updateFreelancerExpiryMutation: updateFreelancerExpiryMutation, foldername: foldername !== null && foldername !== void 0 ? foldername : '', paroDocuments: true, getFileLazyQuery: getFileLazyQuery, getFilesLazyQuery: getFilesLazyQuery }))))),
+                            react_1.default.createElement(ParoDocumentsTable_1.ParoDocumentsTable, { legacyFreelancerId: legacyFreelancerId, expiryDate: insuranceExpiryDate !== null && insuranceExpiryDate !== void 0 ? insuranceExpiryDate : '', setExpiryDate: setInsuranceExpiryDate, expertFiles: expertFiles, setExpertFiles: setExpertFiles, uploadExpertClientFiles: uploadExpertClientFiles, uploadFileData: uploadFileData, deleteFileMutation: deleteFileMutation, updateFreelancerExpiryMutation: updateFreelancerExpiryMutation, foldername: foldername !== null && foldername !== void 0 ? foldername : '', paroDocuments: true, getFileLazyQuery: getFileLazyQuery, getFilesLazyQuery: getFilesLazyQuery }))))),
         react_1.default.createElement(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {
                 style: {
                     zIndex: 9999,

package/lib/components/DocumentCenter/DocumentUploadRow.d.ts

@@ -16,6 +16,9 @@ interface DocumentUploadProps {
     error?: string | null;
     clientAndProjectsList?: any[];
     uploadExpertClientFiles?: any;
+    uploadInternalFile?: any;
+    foldername?: string;
+    insuranceExpiryDate?: any;
     refetchFiles?: any;
     legacyFreelancerId?: any;
     freelancerName?: string;
@@ -23,5 +26,5 @@ interface DocumentUploadProps {
     isClientPortal?: boolean;
     documentUploadUrl?: string;
 }
-export declare const DocumentUploadRow: ({ clientAndProject, setClientAndProject, docType, setDocType, paroDocuments, expiryDate, handleDateChange, error, clientAndProjectsList, uploadExpertClientFiles, refetchFiles, legacyFreelancerId, freelancerName, freelancerEmail, isClientPortal, documentUploadUrl, }: DocumentUploadProps) => JSX.Element;
+export declare const DocumentUploadRow: ({ clientAndProject, setClientAndProject, docType, setDocType, paroDocuments, expiryDate, handleDateChange, error, clientAndProjectsList, uploadExpertClientFiles, uploadInternalFile, foldername, insuranceExpiryDate, refetchFiles, legacyFreelancerId, freelancerName, freelancerEmail, isClientPortal, documentUploadUrl, }: DocumentUploadProps) => JSX.Element;
 export {};

package/lib/components/DocumentCenter/DocumentUploadRow.js

@@ -78,7 +78,7 @@ const generateOptions = (array, clientOptions, isClientPortal) => {
         }
     });
 };
-const DocumentUploadRow = ({ clientAndProject, setClientAndProject, docType, setDocType, paroDocuments, expiryDate, handleDateChange, error, clientAndProjectsList, uploadExpertClientFiles, refetchFiles, legacyFreelancerId, freelancerName, freelancerEmail, isClientPortal = false, documentUploadUrl, }) => {
+const DocumentUploadRow = ({ clientAndProject, setClientAndProject, docType, setDocType, paroDocuments, expiryDate, handleDateChange, error, clientAndProjectsList, uploadExpertClientFiles, uploadInternalFile, foldername, insuranceExpiryDate, refetchFiles, legacyFreelancerId, freelancerName, freelancerEmail, isClientPortal = false, documentUploadUrl, }) => {
     const [isUploading, setIsUploading] = (0, react_1.useState)(false);
     const [documentName, setDocumentName] = (0, react_1.useState)('');
     const fileInputRef = (0, react_1.useRef)(null);
@@ -93,40 +93,69 @@ const DocumentUploadRow = ({ clientAndProject, setClientAndProject, docType, set
     const disableButton = !(documentName && checkField) && !isUploading;
     const uploadFile = (fileForUpload, fileExtension, isLargeFile, selectedFile) => {
         var _a, _b, _c, _d, _e;
-        uploadExpertClientFiles({
-            variables: {
-                input: {
-                    clientId: (_a = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.client) === null || _a === void 0 ? void 0 : _a.id,
-                    clientName: (_b = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.client) === null || _b === void 0 ? void 0 : _b.name,
-                    email: isClientPortal ? (_c = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.freelancer) === null || _c === void 0 ? void 0 : _c.name : freelancerEmail,
-                    fileName: `${documentName}.${fileExtension}`,
-                    fileSize: selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.size,
-                    fileType: utils_1.DOCUMENT_TYPE_CONSTANTS[docType],
-                    freelancerId: isClientPortal ? (_d = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.freelancer) === null || _d === void 0 ? void 0 : _d.id : legacyFreelancerId,
-                    freelancerName: isClientPortal ? (_e = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.freelancer) === null || _e === void 0 ? void 0 : _e.name : freelancerName,
-                    projectId: clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.id,
-                    projectName: clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.name,
-                    uploadedBy: isClientPortal ? 'CLIENT' : 'FREELANCER',
-                    data: isLargeFile ? "" : fileForUpload,
-                },
-            }
-        })
-            .then((res) => {
-            var _a;
-            if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.uploadExpertClientFilesData) {
-                refetchFiles();
-                (0, utils_1.showToast)('success', 'File Uploaded successfully!');
-            }
-            else {
+        paroDocuments ?
+            uploadInternalFile({
+                variables: {
+                    input: {
+                        foldername,
+                        subfolder: docType,
+                        filename: `${documentName}.${fileExtension}`,
+                        data: fileForUpload,
+                        expirationDate: ((docType === 'EO Insurance') && insuranceExpiryDate) ? insuranceExpiryDate : '',
+                        valid: true,
+                        sourceOfEOInsurance: 'Dashboard',
+                    },
+                }
+            }).then((res) => {
+                var _a;
+                if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.uploadFileData) {
+                    refetchFiles();
+                    (0, utils_1.showToast)('success', 'File Uploaded successfully!');
+                }
+                else {
+                    (0, utils_1.showToast)('warning', 'Upload failed! Please try again.');
+                }
+            })
+                .catch((err) => {
                 (0, utils_1.showToast)('warning', 'Upload failed! Please try again.');
-            }
-        })
-            .catch((err) => {
-            (0, utils_1.showToast)('warning', 'Upload failed! Please try again.');
-        }).finally(() => {
-            setIsUploading(false);
-            setDocumentName('');
-        });
+            }).finally(() => {
+                setIsUploading(false);
+                setDocumentName('');
+            })
+            : uploadExpertClientFiles({
+                variables: {
+                    input: {
+                        clientId: (_a = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.client) === null || _a === void 0 ? void 0 : _a.id,
+                        clientName: (_b = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.client) === null || _b === void 0 ? void 0 : _b.name,
+                        email: isClientPortal ? (_c = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.freelancer) === null || _c === void 0 ? void 0 : _c.name : freelancerEmail,
+                        fileName: `${documentName}.${fileExtension}`,
+                        fileSize: selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.size,
+                        fileType: utils_1.DOCUMENT_TYPE_CONSTANTS[docType],
+                        freelancerId: isClientPortal ? (_d = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.freelancer) === null || _d === void 0 ? void 0 : _d.id : legacyFreelancerId,
+                        freelancerName: isClientPortal ? (_e = clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.freelancer) === null || _e === void 0 ? void 0 : _e.name : freelancerName,
+                        projectId: clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.id,
+                        projectName: clientAndProject === null || clientAndProject === void 0 ? void 0 : clientAndProject.name,
+                        uploadedBy: isClientPortal ? 'CLIENT' : 'FREELANCER',
+                        data: isLargeFile ? "" : fileForUpload,
+                    },
+                }
+            })
+                .then((res) => {
+                var _a;
+                if ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.uploadExpertClientFilesData) {
+                    refetchFiles();
+                    (0, utils_1.showToast)('success', 'File Uploaded successfully!');
+                }
+                else {
+                    (0, utils_1.showToast)('warning', 'Upload failed! Please try again.');
+                }
+            })
+                .catch((err) => {
+                (0, utils_1.showToast)('warning', 'Upload failed! Please try again.');
+            }).finally(() => {
+                setIsUploading(false);
+                setDocumentName('');
+            });
     };
     const uploadFileRouter = (fileForUpload, fileExtension, selectedFile) => {
         setIsUploading(true);

package/lib/components/DocumentCenter/ParoDocumentsTable.d.ts

@@ -4,6 +4,7 @@ interface DocumentTableProps {
     setExpiryDate: (expiryDate: string) => void;
     expertFiles: any[];
     setExpertFiles: (expertFiles: any[]) => void;
+    uploadExpertClientFiles: any;
     uploadFileData: any;
     deleteFileMutation: any;
     updateFreelancerExpiryMutation: any;

package/lib/components/DocumentCenter/ParoDocumentsTable.js

@@ -263,49 +263,6 @@ const ParoDocumentsTable = ({ legacyFreelancerId, expiryDate, setExpiryDate, exp
             setApiFoldername((_c = segments === null || segments === void 0 ? void 0 : segments.slice(0, segments.length - 1)) === null || _c === void 0 ? void 0 : _c.join('/'));
         }
     };
-    const uploadFile = (fileForUpload, fileExtension) => {
-        setIsUploading(true);
-        uploadFileData({
-            variables: {
-                input: {
-                    foldername,
-                    subfolder: docType,
-                    filename: `${documentName}.${fileExtension}`,
-                    data: fileForUpload,
-                    expirationDate: ((docType === 'EO Insurance') && insuranceExpiryDate) ? insuranceExpiryDate : '',
-                    valid: true,
-                    sourceOfEOInsurance: 'Dashboard',
-                },
-            },
-            onCompleted: () => __awaiter(void 0, void 0, void 0, function* () {
-                refetchFiles(true);
-            })
-        })
-            .then(() => {
-            (0, utils_1.showToast)('success', 'File Uploaded successfully!');
-        })
-            .catch((err) => {
-            (0, utils_1.showToast)('warning', 'Upload failed! Please try again.');
-        });
-        setIsUploading(false);
-        setApiFoldername('');
-        setDocumentName('');
-    };
-    const handleUpload = (event) => {
-        const selectedFile = event.target.files && event.target.files[0];
-        if (!(0, utils_1.validateFileUpload)(selectedFile, false)) {
-            return;
-        }
-        if (selectedFile) {
-            const fileExtension = selectedFile.name.substring(selectedFile.name.lastIndexOf('.') + 1);
-            const reader = new FileReader();
-            reader.onloadend = () => {
-                const fileForUpload = String(reader.result).split(';base64,')[1];
-                uploadFile(fileForUpload, fileExtension);
-            };
-            reader.readAsDataURL(selectedFile);
-        }
-    };
     const handleDateChange = (date) => {
         if (date) {
             const currentDate = (0, date_fns_1.startOfDay)(new Date);
@@ -319,7 +276,7 @@ const ParoDocumentsTable = ({ legacyFreelancerId, expiryDate, setExpiryDate, exp
         }
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(DocumentUploadRow_1.DocumentUploadRow, { documentName: documentName, setDocumentName: setDocumentName, clientAndProject: clientAndProject, setClientAndProject: setClientAndProject, docType: docType, setDocType: setDocType, searchText: searchText, setSearchText: setSearchText, paroDocuments: paroDocuments, handleUpload: handleUpload, expiryDate: insuranceExpiryDate, handleDateChange: handleDateChange, error: error, isUploading: isUploading }),
+        react_1.default.createElement(DocumentUploadRow_1.DocumentUploadRow, { documentName: documentName, setDocumentName: setDocumentName, clientAndProject: clientAndProject, setClientAndProject: setClientAndProject, uploadInternalFile: uploadFileData, docType: docType, foldername: foldername, insuranceExpiryDate: insuranceExpiryDate, refetchFiles: refetchFiles, setDocType: setDocType, searchText: searchText, setSearchText: setSearchText, paroDocuments: paroDocuments, expiryDate: insuranceExpiryDate, handleDateChange: handleDateChange, error: error, isUploading: isUploading }),
         react_1.default.createElement(utils_1.CustomPaper, null,
             react_1.default.createElement("div", { className: 'w-1/4' },
                 react_1.default.createElement(base_ui_1.Input, { placeholder: "Search Documents", type: "text", value: searchText, onChange: (e) => setSearchText(e.target.value) })),

package/lib/components/ExpertProfileHeader/ActionButtonSection.d.ts

@@ -7,6 +7,8 @@ interface ActionButtonSectionProps {
     lifetimeFSV: number;
     openServiceLinesTemplate?: boolean;
     setOpenServiceLinesTemplate: (openServiceLinesTemplate: boolean) => void;
+    isExpertOps?: boolean;
+    isInternal?: boolean;
 }
-declare const ActionButtonsSection: ({ isWhiteLabel, applicationStatus, publicProfileLink, setOpenAssessmentModal, setOpenServiceLinesTemplate, createExpertPublicProfileTrackingRecord, lifetimeFSV, openServiceLinesTemplate }: ActionButtonSectionProps) => JSX.Element;
+declare const ActionButtonsSection: ({ isWhiteLabel, applicationStatus, publicProfileLink, setOpenAssessmentModal, setOpenServiceLinesTemplate, createExpertPublicProfileTrackingRecord, lifetimeFSV, openServiceLinesTemplate, isExpertOps, isInternal }: ActionButtonSectionProps) => JSX.Element;
 export default ActionButtonsSection;

package/lib/components/ExpertProfileHeader/ActionButtonSection.js

@@ -21,10 +21,10 @@ const StyledButton = (0, styled_components_1.default)(core_1.Button) `
 const ActionButton = ({ title, ariaLabel, onClick, icon: Icon }) => (react_1.default.createElement(core_1.Tooltip, { arrow: true, placement: "top", interactive: true, className: "whitespace-nowrap", title: title },
     react_1.default.createElement(core_1.IconButton, { "aria-label": ariaLabel, onClick: onClick },
         react_1.default.createElement(Icon, null))));
-const ActionButtonsSection = ({ isWhiteLabel, applicationStatus, publicProfileLink, setOpenAssessmentModal, setOpenServiceLinesTemplate, createExpertPublicProfileTrackingRecord, lifetimeFSV, openServiceLinesTemplate }) => {
+const ActionButtonsSection = ({ isWhiteLabel, applicationStatus, publicProfileLink, setOpenAssessmentModal, setOpenServiceLinesTemplate, createExpertPublicProfileTrackingRecord, lifetimeFSV, openServiceLinesTemplate, isExpertOps = false, isInternal = false }) => {
     return (react_1.default.createElement(core_1.Box, { style: { display: 'flex', justifyContent: 'flex-end', marginTop: '10px', alignItems: 'center' } },
         (lifetimeFSV && lifetimeFSV >= 85000) ? react_1.default.createElement(Banner_1.default, { lifetimeFSV: lifetimeFSV }) : '',
-        react_1.default.createElement(core_1.Tooltip, { arrow: true, placement: "top", interactive: true, className: "whitespace-nowrap", title: "Service Lines" },
+        ((isInternal && isExpertOps) || !isInternal) && react_1.default.createElement(core_1.Tooltip, { arrow: true, placement: "top", interactive: true, className: "whitespace-nowrap", title: "Service Lines" },
             react_1.default.createElement(core_1.IconButton, { onClick: () => setOpenServiceLinesTemplate(true) },
                 " ",
                 react_1.default.createElement(base_icons_1.IconBriefcase, { size: "md" }),

package/lib/components/ExpertProfileHeader/ExpertProfileHeader.js

@@ -211,7 +211,7 @@ const ExpertProfileHeader = ({ expertId, legacyFreelancerId, address: addressFor
                     react_1.default.createElement(core_1.Typography, { variant: 'h5' },
                         react_1.default.createElement("b", null, "Personal Information"))),
                 isInternal && react_1.default.createElement(core_1.Grid, { item: true },
-                    react_1.default.createElement(ActionButtonSection_1.default, { isWhiteLabel: isWhiteLabel, applicationStatus: applicationStatus, publicProfileLink: publicProfileLink, setOpenAssessmentModal: setOpenAssessmentModal, createExpertPublicProfileTrackingRecord: createExpertPublicProfileTrackingRecord, lifetimeFSV: lifetimeFSV !== null && lifetimeFSV !== void 0 ? lifetimeFSV : 0, openServiceLinesTemplate: openServiceLinesTemplate, setOpenServiceLinesTemplate: setOpenServiceLinesTemplate }))),
+                    react_1.default.createElement(ActionButtonSection_1.default, { isWhiteLabel: isWhiteLabel, applicationStatus: applicationStatus, publicProfileLink: publicProfileLink, setOpenAssessmentModal: setOpenAssessmentModal, createExpertPublicProfileTrackingRecord: createExpertPublicProfileTrackingRecord, lifetimeFSV: lifetimeFSV !== null && lifetimeFSV !== void 0 ? lifetimeFSV : 0, openServiceLinesTemplate: openServiceLinesTemplate, setOpenServiceLinesTemplate: setOpenServiceLinesTemplate, isExpertOps: isExpertOps, isInternal: isInternal }))),
             react_1.default.createElement(CustomPaper, { style: { minHeight: 'min-content', maxHeight: '60vh', overflow: 'auto', borderBottom: '1px solid #c1c1c1' }, className: 'personalInfo' },
                 react_1.default.createElement(core_1.Divider, null),
                 react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { display: 'flex', flexWrap: isSmallScreen ? 'wrap' : 'nowrap' } },

package/package.json

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