@paro.io/expert-shared-components 1.14.23 → 1.14.25

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

@@ -17,6 +17,7 @@ interface ClientDocumentTableProps {
     downloadDocumentUrl?: string;
     clientId?: number;
     stage?: string;
+    showAsPage: boolean;
 }
-export declare const ClientDocumentsTable: ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId, stage }: ClientDocumentTableProps) => JSX.Element;
+export declare const ClientDocumentsTable: ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId, stage, showAsPage, }: ClientDocumentTableProps) => JSX.Element;
 export {};

package/lib/components/DocumentCenter/ClientDocumentsTable.js

@@ -135,7 +135,7 @@ const getKeyByValue = (object, value) => {
     }
     return Object.keys(object).find(key => object[key] === value);
 };
-const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId, stage }) => {
+const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId, stage, showAsPage, }) => {
     const classes = (0, exports.useStyles)();
     const [order, setOrder] = react_1.default.useState('desc');
     const [orderBy, setOrderBy] = react_1.default.useState('lastViewed');
@@ -339,10 +339,8 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
         }
         fileId && setFileId(fileId);
     };
-    console.log("files here are", files);
-    console.log("expertFiles here are", expertFiles);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        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, documentUploadUrl: documentUploadUrl }),
+        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, documentUploadUrl: documentUploadUrl, showAsPage: showAsPage }),
         react_1.default.createElement(utils_1.CustomPaper, { style: { height: `${(files === null || files === void 0 ? void 0 : files.length) === 0 ? '30vh' : 'auto'}` } },
             react_1.default.createElement("div", { className: 'w-1/3', "data-tut": "search_button", id: "search_button" },
                 react_1.default.createElement(base_ui_1.Input, { placeholder: "Search Documents", type: "text", value: searchText, onChange: (e) => setSearchText(e.target.value) })),

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

@@ -24,6 +24,7 @@ interface DocumentCenterProps {
     loading?: boolean;
     clientId?: number;
     stage?: string;
+    showAsPage?: boolean;
 }
-export declare const DocumentCenter: ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading, stage, }: DocumentCenterProps) => JSX.Element;
+export declare const DocumentCenter: ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading, stage, showAsPage, }: DocumentCenterProps) => JSX.Element;
 export {};

package/lib/components/DocumentCenter/DocumentCenter.js

@@ -80,7 +80,7 @@ const CustomDialogContent = (0, core_1.styled)(core_1.DialogContent)(({ theme })
         background: '#707070',
     },
 }));
-const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal = false, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading = false, stage = 'dev', }) => {
+const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertClientFilesLazyQuery, getClientAndProjectsLazyQuery, clientFilesData, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, getFilesLazyQuery, getFileLazyQuery, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, isClientPortal = false, expertProjectsList, getFreelancerLazyQuery, documentUploadUrl, downloadDocumentUrl, clientId, loading = false, stage = 'dev', showAsPage = false, }) => {
     var _a;
     const [value, setValue] = (0, react_1.useState)(0);
     const [expertClientFiles, setExpertClientFiles] = (0, react_1.useState)(clientFilesData !== null && clientFilesData !== void 0 ? clientFilesData : []);
@@ -143,41 +143,51 @@ const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertCli
         'Streamline document sharing and collaboration between you and the Experts you work with. <br /> Easily upload, download, organize, and exchange financial documents, contracts, and project materials in a secure, centralized hub.'
         :
             'Streamline document sharing and collaboration between you the Expert, Clients you work with, and Paro. <br /> Easily upload, download, organize, and exchange financial documents, contracts, and project materials in a secure, centralized hub.';
-    return (react_1.default.createElement(CustomDialog, { open: openModal, onClose: () => setOpenModal(false), fullScreen: true, scroll: 'paper' },
-        react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row", justify: "space-between", alignItems: "center" },
-                react_1.default.createElement(core_1.Box, { p: 2, style: { paddingBottom: '0px' } },
-                    react_1.default.createElement(core_1.Typography, { variant: "h6" },
-                        react_1.default.createElement(core_1.Box, { style: { color: 'white', fontWeight: 'bold' } }, "Document Center")),
-                    react_1.default.createElement(core_1.Typography, { variant: "caption" },
-                        react_1.default.createElement(core_1.Box, { style: { color: 'white', fontSize: '15px' }, dangerouslySetInnerHTML: { __html: headerText } }))),
-                react_1.default.createElement(core_1.Box, { style: { position: 'absolute', top: 0, right: 0 } },
-                    react_1.default.createElement(core_1.IconButton, { onClick: () => setOpenModal(false) },
-                        react_1.default.createElement(core_1.Box, { style: { backgroundColor: 'white', width: 40, height: 40, borderRadius: '4px' } },
-                            react_1.default.createElement(Close_1.default, null))))),
-            react_1.default.createElement(CustomDialogContent, { style: { width: '100%' } }, loading || expertLoading
-                ?
-                    react_1.default.createElement(core_1.CircularProgress, { size: 24 })
-                :
-                    react_1.default.createElement(lab_1.TabContext, { value: value + '' },
-                        react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row", justify: "space-between", alignItems: "baseline" },
-                            react_1.default.createElement(core_1.Box, null,
+    const textColor = showAsPage ? 'black' : 'white';
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row", justify: "space-between", alignItems: "center" },
+            react_1.default.createElement(core_1.Box, { p: 2, style: { paddingBottom: '0px' } },
+                react_1.default.createElement(core_1.Typography, { variant: "h6" },
+                    react_1.default.createElement(core_1.Box, { style: { color: textColor, fontWeight: 'bold' } }, "Document Center")),
+                react_1.default.createElement(core_1.Typography, { variant: "caption" },
+                    react_1.default.createElement(core_1.Box, { style: { color: textColor, fontSize: '15px' }, dangerouslySetInnerHTML: { __html: headerText } }))),
+            !showAsPage && react_1.default.createElement(core_1.Box, { style: { position: 'absolute', top: 0, right: 0 } },
+                react_1.default.createElement(core_1.IconButton, { onClick: () => setOpenModal(false) },
+                    react_1.default.createElement(core_1.Box, { style: { backgroundColor: 'white', width: 40, height: 40, borderRadius: '4px' } },
+                        react_1.default.createElement(Close_1.default, null))))),
+        react_1.default.createElement(CustomDialogContent, { style: { width: '100%' } }, loading || expertLoading
+            ?
+                react_1.default.createElement(core_1.CircularProgress, { size: 24 })
+            :
+                react_1.default.createElement(lab_1.TabContext, { value: value + '' },
+                    react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row", justify: "space-between", alignItems: "baseline" },
+                        react_1.default.createElement(core_1.Box, null, showAsPage
+                            ?
+                                react_1.default.createElement(core_1.Tabs, { TabIndicatorProps: { style: { background: '#248384' } }, value: value, onChange: handleChange, variant: "scrollable", scrollButtons: "on" },
+                                    react_1.default.createElement(core_1.Tab, { label: react_1.default.createElement("div", { className: `text-${textColor} flex flex-row self-center` }, isClientPortal ? 'Expert Documents' : 'Client Documents') }),
+                                    !isClientPortal && react_1.default.createElement(core_1.Tab, { label: react_1.default.createElement("div", { className: `text-${textColor} flex flex-row self-center` }, "Paro Documents") }))
+                            :
                                 react_1.default.createElement(core_1.AppBar, { position: 'static', color: 'inherit', style: { backgroundColor: 'transparent' } },
                                     react_1.default.createElement(core_1.Tabs, { TabIndicatorProps: { style: { background: '#248384' } }, value: value, onChange: handleChange, variant: "scrollable", scrollButtons: "on" },
-                                        react_1.default.createElement(core_1.Tab, { label: react_1.default.createElement("div", { className: "flex flex-row self-center text-white" }, isClientPortal ? 'Expert Documents' : 'Client Documents') }),
-                                        !isClientPortal && react_1.default.createElement(core_1.Tab, { label: react_1.default.createElement("div", { className: "flex flex-row self-center text-white" }, "Paro Documents") })))),
-                            react_1.default.createElement(core_1.Box, { p: 1 },
-                                react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row-reverse", justify: "space-evenly", alignItems: "center", style: { display: 'flex', flexDirection: 'column' } },
-                                    react_1.default.createElement(core_1.Typography, { style: { color: 'white', marginLeft: '12px', fontSize: '14px' } },
-                                        react_1.default.createElement("b", null, value === 0 ? expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.length : expertFiles === null || expertFiles === void 0 ? void 0 : expertFiles.length),
-                                        " Documents Total"),
-                                    value === 0 && react_1.default.createElement(core_1.Typography, { style: { color: 'white', fontSize: '14px' } },
-                                        react_1.default.createElement("b", null, value === 0 ? ((expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.length) ? (_a = expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.filter((file) => !(file === null || file === void 0 ? void 0 : file.lastViewed))) === null || _a === void 0 ? void 0 : _a.length : 0) : expertFiles === null || expertFiles === void 0 ? void 0 : expertFiles.length),
-                                        " Documents Unread")))),
-                        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, stage: stage })),
-                        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, 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(core_1.Tab, { label: react_1.default.createElement("div", { className: `text-${textColor} flex flex-row self-center` }, isClientPortal ? 'Expert Documents' : 'Client Documents') }),
+                                        !isClientPortal && react_1.default.createElement(core_1.Tab, { label: react_1.default.createElement("div", { className: `text-${textColor} flex flex-row self-center` }, "Paro Documents") })))),
+                        react_1.default.createElement(core_1.Box, { p: 1 },
+                            react_1.default.createElement(core_1.Grid, { item: true, container: true, direction: "row-reverse", justify: "space-evenly", alignItems: "center", style: { display: 'flex', flexDirection: 'column' } },
+                                react_1.default.createElement(core_1.Typography, { style: { color: textColor, marginLeft: '12px', fontSize: '14px' } },
+                                    react_1.default.createElement("b", null, value === 0 ? expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.length : expertFiles === null || expertFiles === void 0 ? void 0 : expertFiles.length),
+                                    " Documents Total"),
+                                value === 0 && react_1.default.createElement(core_1.Typography, { style: { color: textColor, fontSize: '14px' } },
+                                    react_1.default.createElement("b", null, value === 0 ? ((expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.length) ? (_a = expertClientFiles === null || expertClientFiles === void 0 ? void 0 : expertClientFiles.filter((file) => !(file === null || file === void 0 ? void 0 : file.lastViewed))) === null || _a === void 0 ? void 0 : _a.length : 0) : expertFiles === null || expertFiles === void 0 ? void 0 : expertFiles.length),
+                                    " Documents Unread")))),
+                    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, stage: stage, showAsPage: showAsPage })),
+                    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, uploadExpertClientFiles: uploadExpertClientFiles, uploadFileData: uploadFileData, deleteFileMutation: deleteFileMutation, updateFreelancerExpiryMutation: updateFreelancerExpiryMutation, foldername: foldername !== null && foldername !== void 0 ? foldername : '', paroDocuments: true, getFileLazyQuery: getFileLazyQuery, getFilesLazyQuery: getFilesLazyQuery, showAsPage: showAsPage }))))));
+    if (showAsPage) {
+        return (react_1.default.createElement("div", { className: "w-full max-w-[80vw] bg-white rounded-lg" }, content));
+    }
+    return (react_1.default.createElement(CustomDialog, { open: openModal, onClose: () => setOpenModal(false), fullScreen: true, scroll: 'paper' },
+        content,
         react_1.default.createElement(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {
                 style: {
                     zIndex: 9999,

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

@@ -25,6 +25,7 @@ interface DocumentUploadProps {
     freelancerEmail?: string;
     isClientPortal?: boolean;
     documentUploadUrl?: string;
+    showAsPage: boolean;
 }
-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 declare const DocumentUploadRow: ({ clientAndProject, setClientAndProject, docType, setDocType, paroDocuments, expiryDate, handleDateChange, error, clientAndProjectsList, uploadExpertClientFiles, uploadInternalFile, foldername, insuranceExpiryDate, refetchFiles, legacyFreelancerId, freelancerName, freelancerEmail, isClientPortal, documentUploadUrl, showAsPage, }: 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, uploadInternalFile, foldername, insuranceExpiryDate, 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, showAsPage, }) => {
     const [isUploading, setIsUploading] = (0, react_1.useState)(false);
     const [documentName, setDocumentName] = (0, react_1.useState)('');
     const fileInputRef = (0, react_1.useRef)(null);
@@ -192,7 +192,7 @@ const DocumentUploadRow = ({ clientAndProject, setClientAndProject, docType, set
         }
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        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"),
+        react_1.default.createElement("span", { className: `${showAsPage ? "text-black" : "text-white"} text-sm italic pb-2 pl-8 -mt-5` }, "Follow the steps below to upload your document"),
         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' } },
             react_1.default.createElement("div", { className: 'flex flex-row items-center w-64' },
                 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"),

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

@@ -12,6 +12,7 @@ interface DocumentTableProps {
     paroDocuments: boolean;
     getFileLazyQuery: any;
     getFilesLazyQuery: any;
+    showAsPage: boolean;
 }
-export declare const ParoDocumentsTable: ({ legacyFreelancerId, expiryDate, setExpiryDate, expertFiles, setExpertFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, paroDocuments, getFileLazyQuery, getFilesLazyQuery, }: DocumentTableProps) => JSX.Element;
+export declare const ParoDocumentsTable: ({ legacyFreelancerId, expiryDate, setExpiryDate, expertFiles, setExpertFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, paroDocuments, getFileLazyQuery, getFilesLazyQuery, showAsPage, }: DocumentTableProps) => JSX.Element;
 export {};

package/lib/components/DocumentCenter/ParoDocumentsTable.js

@@ -98,7 +98,7 @@ function descendingComparator(a, b, orderBy) {
         (0, utils_1.compareItems)(a, b, orderBy);
     }
 }
-const ParoDocumentsTable = ({ legacyFreelancerId, expiryDate, setExpiryDate, expertFiles, setExpertFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, paroDocuments, getFileLazyQuery, getFilesLazyQuery, }) => {
+const ParoDocumentsTable = ({ legacyFreelancerId, expiryDate, setExpiryDate, expertFiles, setExpertFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, foldername, paroDocuments, getFileLazyQuery, getFilesLazyQuery, showAsPage, }) => {
     const classes = (0, ClientDocumentsTable_1.useStyles)();
     const [order, setOrder] = react_1.default.useState('desc');
     const [orderBy, setOrderBy] = react_1.default.useState('uploadedDate');
@@ -276,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, 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(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, showAsPage: showAsPage }),
         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/HeaderNavBar/index.d.ts

@@ -1,2 +1,18 @@
 import React from "react";
-export declare const HeaderNavBar: ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester, isClientPortal, setFaqModal, setOpenOrganizationModal, isAIGPEnabled, setOpenImportClients }: any) => React.JSX.Element;
+type HeaderNavBarProps = {
+    setOpenDocumentModal: (open: boolean) => void;
+    setOpenServiceLinesTemplate: (open: boolean) => void;
+    setOpenExpertWallet?: (open: boolean) => void;
+    isWalletTester?: boolean;
+    isClientPortal?: boolean;
+    setFaqModal: (open: boolean) => void;
+    setOpenOrganizationModal?: (open: boolean) => void;
+    isAIGPEnabled?: boolean;
+    setOpenImportClients?: (open: boolean) => void;
+    isByob?: boolean;
+    featureStatus?: Record<string, any>;
+    updateExpert?: (args: any) => Promise<any>;
+    expertId?: string;
+};
+export declare const HeaderNavBar: ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester, isClientPortal, setFaqModal, setOpenOrganizationModal, isAIGPEnabled, setOpenImportClients, isByob, featureStatus, updateExpert, expertId, }: HeaderNavBarProps) => React.JSX.Element;
+export {};

package/lib/components/HeaderNavBar/index.js

@@ -1,21 +1,133 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderNavBar = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const base_icons_1 = require("@paro.io/base-icons");
 const base_ui_1 = require("@paro.io/base-ui");
 const icons_1 = require("@material-ui/icons");
-const HeaderNavBar = ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester, isClientPortal = false, setFaqModal, setOpenOrganizationModal, isAIGPEnabled = false, setOpenImportClients }) => {
+const core_1 = require("@material-ui/core");
+const ReviewsTab_1 = require("../ReviewsTab/ReviewsTab");
+const react_hot_toast_1 = require("react-hot-toast");
+const CustomSwitch = (0, core_1.styled)(core_1.Switch)(({ theme }) => ({
+    width: 44,
+    height: 24,
+    padding: 0,
+    '& .MuiSwitch-switchBase': {
+        padding: '2px',
+        transitionDuration: '300ms',
+        position: 'absolute',
+        '&.Mui-checked': {
+            color: '#FFFFFF',
+            '& + .MuiSwitch-track': {
+                backgroundColor: '#248384',
+                opacity: 1,
+                border: 10,
+            },
+            '&.Mui-disabled + .MuiSwitch-track': {
+                opacity: 1,
+                backgroundColor: '#E2E2E2',
+            },
+        },
+    },
+    '& .MuiSwitch-track': {
+        borderRadius: 12,
+        border: '1px solid #CBD5E1',
+        backgroundColor: '#F1F5F9',
+        opacity: 1,
+        transition: theme.transitions.create(['background-color'], {
+            duration: 500,
+        }),
+    },
+    '& .MuiSwitch-thumb': {
+        width: 20,
+        height: 20,
+        borderRadius: '50%',
+        backgroundColor: '#FFFFFF',
+    },
+}));
+const HeaderNavBar = ({ setOpenDocumentModal, setOpenServiceLinesTemplate, setOpenExpertWallet, isWalletTester = false, isClientPortal = false, setFaqModal, setOpenOrganizationModal, isAIGPEnabled = false, setOpenImportClients, isByob = false, featureStatus = {}, updateExpert, expertId, }) => {
+    const [value, setValue] = (0, react_1.useState)('');
+    const [updating, setUpdtaing] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (featureStatus.hasOwnProperty('byobDashboardView')) {
+            featureStatus.hasOwnProperty('byobDashboardView') && featureStatus.byobDashboardView === 'aigp' ? setValue('aigp') : setValue('marketPlace');
+        }
+    }, [featureStatus]);
+    const updateFeatureStatus = (status) => {
+        const updateFeatureStatus = Object.assign(Object.assign({}, featureStatus), { byobDashboardView: status });
+        setUpdtaing(true);
+        updateExpert && updateExpert({
+            variables: {
+                expertId: expertId,
+                input: {
+                    featureStatus: updateFeatureStatus
+                }
+            },
+        }).then(() => {
+            (0, ReviewsTab_1.toastNotification)({
+                position: 'top-center',
+                color: 'success',
+                message: 'Updated successfully!',
+                icon: 'success',
+            });
+            setValue(status);
+        }).catch(() => {
+            (0, ReviewsTab_1.toastNotification)({
+                position: 'top-center',
+                color: 'warning',
+                message: 'Update failed!',
+                icon: 'warning'
+            });
+        }).finally(() => {
+            setUpdtaing(false);
+        });
+    };
     return (react_1.default.createElement("div", { className: "flex w-full bg-white p-2 shadow-sm justify-start" },
         react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'flex-end', gap: '8px' } },
-            !isClientPortal && isAIGPEnabled && (react_1.default.createElement(base_ui_1.Button, { onClick: () => { setOpenImportClients(true); }, label: "AI Growth Platform", iconLeft: react_1.default.createElement(icons_1.Android, { fontSize: "medium", className: "text-black" }), size: "sm", id: "aigp_button", color: "primary", iconRight: react_1.default.createElement(base_ui_1.Tag, { color: "danger", label: "New!", variant: "subtle" }) })),
-            !isClientPortal && (react_1.default.createElement(base_ui_1.Button, { id: "reactour__inviteToFirmButton", onClick: () => { setOpenOrganizationModal(true); }, label: "Manage Firm", iconLeft: react_1.default.createElement(icons_1.GroupAdd, { fontSize: "medium", className: "text-black" }), size: "sm" })),
-            !isClientPortal && isWalletTester && (react_1.default.createElement(base_ui_1.Button, { id: "expert_wallet_button", onClick: () => setOpenExpertWallet(true), label: "Wallet", iconLeft: react_1.default.createElement(base_icons_1.IconCash, { size: "md" }), size: "sm" })),
+            !isClientPortal && isAIGPEnabled && react_1.default.createElement(react_1.default.Fragment, null, isByob && featureStatus.hasOwnProperty('byobDashboardView')
+                ?
+                    react_1.default.createElement("div", { className: "flex flex-row justify-start items-center space-x-2" },
+                        react_1.default.createElement("p", { className: `text-sm ${value === "marketPlace" && "font-bold text-success"}` }, "Market Place"),
+                        updating
+                            ?
+                                react_1.default.createElement(core_1.CircularProgress, { size: 18 })
+                            :
+                                react_1.default.createElement(CustomSwitch, { checked: value === "aigp", onChange: (e) => { updateFeatureStatus(e.target.checked ? 'aigp' : 'marketPlace'); } }),
+                        react_1.default.createElement("p", { className: `text-sm ${value === 'aigp' && "font-bold text-success"}` }, "AIGP Growth Platform"))
+                : react_1.default.createElement(base_ui_1.Button, { onClick: () => { setOpenImportClients && setOpenImportClients(true); }, label: "AI Growth Platform", iconLeft: react_1.default.createElement(icons_1.Android, { fontSize: "medium", className: "text-black" }), size: "sm", id: "aigp_button", color: "primary", iconRight: react_1.default.createElement(base_ui_1.Tag, { color: "danger", label: "New!", variant: "subtle" }) })),
+            !isClientPortal && (react_1.default.createElement(base_ui_1.Button, { id: "reactour__inviteToFirmButton", onClick: () => { setOpenOrganizationModal && setOpenOrganizationModal(true); }, label: "Manage Firm", iconLeft: react_1.default.createElement(icons_1.GroupAdd, { fontSize: "medium", className: "text-black" }), size: "sm" })),
+            !isClientPortal && isWalletTester && setOpenExpertWallet && (react_1.default.createElement(base_ui_1.Button, { id: "expert_wallet_button", onClick: () => setOpenExpertWallet(true), label: "Wallet", iconLeft: react_1.default.createElement(base_icons_1.IconCash, { size: "md" }), size: "sm" })),
             !isClientPortal && (react_1.default.createElement(base_ui_1.Button, { id: "service_lines_button", onClick: () => setOpenServiceLinesTemplate(true), label: "Service Lines", iconLeft: react_1.default.createElement(base_icons_1.IconBriefcase, { size: "md" }), size: "sm" })),
             react_1.default.createElement(base_ui_1.Button, { id: "document_center_button", onClick: () => setOpenDocumentModal(true), label: "Document Center", iconLeft: react_1.default.createElement(base_icons_1.IconDocumentText, { size: "md" }), size: "sm" }),
-            react_1.default.createElement(base_ui_1.Button, { id: "reactour__faqbutton", onClick: () => { setFaqModal(true); }, label: "FAQ", iconLeft: react_1.default.createElement(icons_1.ForumOutlined, { fontSize: "medium", className: "text-black" }), size: "sm" }))));
+            react_1.default.createElement(base_ui_1.Button, { id: "reactour__faqbutton", onClick: () => { setFaqModal(true); }, label: "FAQ", iconLeft: react_1.default.createElement(icons_1.ForumOutlined, { fontSize: "medium", className: "text-black" }), size: "sm" })),
+        react_1.default.createElement(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {
+                style: {
+                    zIndex: 9999,
+                    backgroundColor: 'transparent'
+                },
+            } })));
 };
 exports.HeaderNavBar = HeaderNavBar;

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

@@ -20,6 +20,7 @@ interface ActiveProjectCardProps {
     isStageProd: string;
     isRequestReviewEnabled?: boolean;
     changeRequests?: any;
+    expertFirmEmployees?: any;
 }
 interface AuthRouteProps {
     updateProjectStatusMutation?: any;
@@ -58,5 +59,5 @@ export declare const getAllProjectRecommendationData: ({ projectData }: any) =>
     hoursToComplete: number | false;
     remainingWeeks: number;
 };
-export declare 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, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, }: ActiveProjectCardProps & AuthRouteProps & unAuthRouteProps) => JSX.Element;
+export declare 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, csmUserGroup, clientPortal, signedSow, isStageProd, isRequestReviewEnabled, changeRequests, GetAllChangeRequestsForFreelancerDocument, updateProjectRequestStatus, updateDBProjectRequestStatus, expertFirmEmployees, }: ActiveProjectCardProps & AuthRouteProps & unAuthRouteProps) => JSX.Element;
 export {};

package/lib/components/ProjectCard/ActiveProjectCard.js

@@ -103,7 +103,7 @@ const getDays = (oldValue, newValue) => {
     const newDate = (0, dayjs_1.default)(newValue);
     return newDate.diff(oldDate, 'day');
 };
-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, }) => {
+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, expertFirmEmployees, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const [editEndDate, setEditEndDate] = (0, react_1.useState)(false);
     const [editStartDate, setEditStartDate] = (0, react_1.useState)(false);
@@ -180,6 +180,6 @@ const ActiveProjectCard = ({ project, projectsData, expertName, freelancerId, fr
                 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, 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 }))))));
+                    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, expertFirmEmployees: expertFirmEmployees }))))));
 };
 exports.ActiveProjectCard = ActiveProjectCard;

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

@@ -47,6 +47,7 @@ interface LogTimeModalAuthenticatedProps {
     getAuth0Roles: any;
     submitProjectHoursLambda: any;
     user: any;
+    expertFirmEmployees: any;
 }
-export declare const LogTimeModalAuthenticated: ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, }: LogTimeModalAuthenticatedProps) => React.JSX.Element;
+export declare const LogTimeModalAuthenticated: ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, expertFirmEmployees, }: LogTimeModalAuthenticatedProps) => React.JSX.Element;
 export {};

package/lib/components/ProjectCard/LogTimeModalAuthenticated.js

@@ -134,7 +134,7 @@ const SelectDate = ({ timeLogDate, setTimeLogDate, isInvalid, setIsDateInvalid,
         react_1.default.createElement("div", { className: "block w-full sm:w-1/3" }, getDatePicker(showErrorText))));
 };
 exports.SelectDate = SelectDate;
-const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, }) => {
+const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setShowTimeModal, isDateInvalid, setIsDateInvalid, validateDate, setSingleProjectData, projectData, isAuthenticated, selectedTab, submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles, submitProjectHoursLambda, user, expertFirmEmployees, }) => {
     var _a, _b, _c, _d, _e, _f;
     const [timeLogDate, setTimeLogDate] = (0, react_1.useState)(new Date());
     const [hours, setHours] = (0, react_1.useState)('');
@@ -149,6 +149,7 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
     const [isTaskdescriptionInvalidText, setIsTaskdescriptionInvalidText] = (0, react_1.useState)(exports.constants.TASK_DESCRIPTION_ERROR_MESSAGE);
     const [loading, setLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(false);
+    const [submittingFor, setSubmittingFor] = (0, react_1.useState)(null);
     const currProjectHours = parseFloat(projectData === null || projectData === void 0 ? void 0 : projectData.hoursInvoiced);
     const { hoursPerWeek, minFloorHours } = (0, ActiveProjectCard_1.getAllProjectRecommendationData)({ projectData });
     const firstDateOfMonth = (0, dayjs_1.default)().startOf('month').format('MM/DD/YY');
@@ -158,6 +159,17 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
     const disableHoursRounding = auth0Roles && auth0Roles.includes('expert_disable_rounding');
     const disableRoundingClients = Array.isArray(user === null || user === void 0 ? void 0 : user.disableRoundingClients) ? user === null || user === void 0 ? void 0 : user.disableRoundingClients.map((e) => e.clientName) : [];
     const disableHours = disableHoursRounding && disableRoundingClients.includes((_d = (_c = project === null || project === void 0 ? void 0 : project.client) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : '');
+    const isFirmProfile = (user === null || user === void 0 ? void 0 : user.isFirmProfile) || false;
+    const teamMemberOptions = [
+        {
+            label: 'Select a Team Member',
+            value: '',
+        },
+        ...expertFirmEmployees.map((member) => ({
+            label: member.employeeFirstName + ' ' + member.employeeLastName,
+            value: member,
+        })),
+    ];
     const validateHours = (value) => {
         const empty = value == '';
         const maxvalue = parseInt(value) > TASK_HOURS_VALIDATION.MAX_LENGTH;
@@ -272,14 +284,7 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
                 progressBarHours = totalHours;
             }
             try {
-                const projectHours = {
-                    date: (0, dayjs_1.default)(timeLogDate).format('MM/DD/YY'),
-                    description: taskDescription,
-                    hours: totalHours,
-                    sourceId: 55,
-                    freelancerId: freelancerId,
-                    projectId: parseInt(project === null || project === void 0 ? void 0 : project.id)
-                };
+                const projectHours = Object.assign({ date: (0, dayjs_1.default)(timeLogDate).format('MM/DD/YY'), description: taskDescription, hours: totalHours, sourceId: 55, freelancerId: freelancerId, projectId: parseInt(project === null || project === void 0 ? void 0 : project.id) }, (isFirmProfile && { firmEmployeeId: (submittingFor === null || submittingFor === void 0 ? void 0 : submittingFor.legacyFreelancerId) || (user === null || user === void 0 ? void 0 : user.firmTeamMemberId) }));
                 if (isAuthenticated) {
                     yield submitProjectHoursMutation({
                         variables: {
@@ -340,6 +345,7 @@ const LogTimeModalAuthenticated = ({ project, freelancerId, showTimeModal, setSh
             react_1.default.createElement("div", { className: 'text-xs italic mb-6' }, " Note: Entries are rounded up to the nearest 15-minute increment"),
             react_1.default.createElement("p", { className: "font-bold" }, "Select Date"),
             react_1.default.createElement(exports.SelectDate, { timeLogDate: timeLogDate, setTimeLogDate: setTimeLogDate, isInvalid: false, setIsDateInvalid: setIsDateInvalid, validateDate: validateDate, maxDate: project === null || project === void 0 ? void 0 : project.endDate }),
+            isFirmProfile && !(user === null || user === void 0 ? void 0 : user.firmTeamMemberId) && react_1.default.createElement(base_ui_1.Autocomplete, { label: "Select a team member", name: 'select-team-member', value: submittingFor, required: false, onSelect: (event) => setSubmittingFor(event), options: teamMemberOptions, isInvalid: submittingFor === null || submittingFor === '', size: "md" }),
             react_1.default.createElement("p", { className: "font-bold mt-2" }, "Enter Time"),
             react_1.default.createElement("div", { className: "flex flex-col sm:flex-row gap-x-6" },
                 react_1.default.createElement(base_ui_1.Input, { label: "Hours", className: "sm:text-sm h-12", placeholder: "HH", name: "hours", onChange: (event) => handleChange('hours', event.target.value), onBlur: (_event) => handleBlur(), value: hours, isInvalid: isHoursInvalid, isInvalidText: isHoursInvalidText, maxLength: 3 }),

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

@@ -46,6 +46,7 @@ interface RightCardUIProps {
     isStageProd: string;
     isRequestReviewEnabled: boolean;
     updateDBProjectRequestStatus: any;
+    expertFirmEmployees: any;
 }
-export declare 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, }: RightCardUIProps) => React.JSX.Element;
+export declare 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, expertFirmEmployees, }: RightCardUIProps) => React.JSX.Element;
 export {};

package/lib/components/ProjectCard/RightCardUI.js

@@ -61,7 +61,7 @@ const TicketModal = ({ ticketModal, setTicketModal }) => {
         react_1.default.createElement("p", { className: "font-bold text-md mb-2" }, "Thank you for reaching out to Paro Support, we will contact you within the next business day to follow up on your request."),
         react_1.default.createElement(base_ui_1.Button, { type: "button", onClick: () => { setTicketModal(false); }, label: "OK", className: "mt-4", color: "primary" })));
 };
-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, }) => {
+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, expertFirmEmployees, }) => {
     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 [expandSupport, setExpandSupport] = (0, react_1.useState)(clientPortal);
@@ -232,7 +232,7 @@ const RightCardUI = ({ project, expertName, freelancerId, freelancerEmail, isAut
                         react_1.default.createElement("a", { href: `mailto:${(_q = project === null || project === void 0 ? void 0 : project.paroContact) === null || _q === void 0 ? void 0 : _q.email}`, className: "underline text-[#1878BD]" }, (_r = project === null || project === void 0 ? void 0 : project.paroContact) === null || _r === void 0 ? void 0 : _r.email),
                         react_1.default.createElement("p", null, (_s = project === null || project === void 0 ? void 0 : project.paroContact) === null || _s === void 0 ? void 0 : _s.phone)),
                     react_1.default.createElement(base_ui_1.Button, { label: "CONTACT SUPPORT", size: "sm", className: "max-w-max mt-2", onClick: () => setEmailModal(true) })))),
-        react_1.default.createElement(LogTimeModalAuthenticated_1.LogTimeModalAuthenticated, { project: project, freelancerId: freelancerId, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, setSingleProjectData: setSingleProjectData, projectData: projectData, selectedTab: selectedTab, isAuthenticated: isAuthenticated, submitProjectHoursMutation: submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user }),
+        react_1.default.createElement(LogTimeModalAuthenticated_1.LogTimeModalAuthenticated, { project: project, freelancerId: freelancerId, showTimeModal: showTimeModal, setShowTimeModal: setShowTimeModal, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, setSingleProjectData: setSingleProjectData, projectData: projectData, selectedTab: selectedTab, isAuthenticated: isAuthenticated, submitProjectHoursMutation: submitProjectHoursMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, getAuth0Roles: getAuth0Roles, submitProjectHoursLambda: submitProjectHoursLambda, user: user, expertFirmEmployees: expertFirmEmployees }),
         react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.startDate, editDate: editStartDate, setEditDate: setEditStartDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "start", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv, internalPortal: internalPortal, updateDBProjectRequestStatus: updateDBProjectRequestStatus }),
         react_1.default.createElement(EditDateModal_1.EditDateModal, { freelancerId: freelancerId, freelancerEmail: freelancerEmail, project: project, previousDate: project === null || project === void 0 ? void 0 : project.endDate, editDate: editEndDate, setEditDate: setEditEndDate, validateDate: validateDate, setIsDateInvalid: setIsDateInvalid, isDateInvalid: isDateInvalid, changeType: "end", expertName: expertName, isAuthenticated: isAuthenticated, selectedTab: selectedTab, createChangeRequestMutation: createChangeRequestMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, createChangeRequest: createChangeRequest, isTestEnv: isTestEnv, internalPortal: internalPortal, updateDBProjectRequestStatus: updateDBProjectRequestStatus }),
         react_1.default.createElement(EndProjectModal_1.EndProjectModal, { freelancerId: freelancerId, project: project, expertName: expertName, showConfirmationModal: showConfirmationModal, setShowConfirmationModal: setShowConfirmationModal, projectType: projectType, isAuthenticated: isAuthenticated, selectedTab: selectedTab, projectTagsMap: projectTagsMap, updateProjectStatusMutation: updateProjectStatusMutation, GetAllProjectIrprDetailsForFreelancerDocument: GetAllProjectIrprDetailsForFreelancerDocument, updateParoProjectTagsMutation: updateParoProjectTagsMutation, GetParoProjectsDocument: GetParoProjectsDocument, updateProjectTagReviewStatusMutation: updateProjectTagReviewStatusMutation, updateProjectStatus: updateProjectStatus, updateProjectTags: updateProjectTags }),

package/package.json

@@ -1,71 +1,67 @@
-{
-  "name": "@paro.io/expert-shared-components",
-  "version": "1.14.23",
-  "description": "",
-  "main": "lib/index.js",
-  "scripts": {
-    "build": "tsc",
-    "prepare": "yarn build",
-    "test": "yarn test:build",
-    "test:build": "yarn build",
-    "clean": "yarn -rf lib",
-    "predeploy": "tsc && cp package.json README.md ./lib",
-    "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
-    "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
-  },
-  "repository": "https://github.com/paroadmin/expert-shared-components.git",
-  "keywords": [
-    "react",
-    "components",
-    "shared"
-  ],
-  "author": "apande@paro.io",
-  "license": "MIT",
-  "dependencies": {
-    "@date-io/dayjs": "1.x",
-    "@fortawesome/fontawesome-svg-core": "^6.6.0",
-    "@fortawesome/free-solid-svg-icons": "^6.6.0",
-    "@fortawesome/react-fontawesome": "^0.2.2",
-    "@hookform/resolvers": "3.3.4",
-    "@material-ui/core": "^4.11.0",
-    "@material-ui/icons": "^4.11.3",
-    "@material-ui/lab": "^4.0.0-alpha.61",
-    "@material-ui/pickers": "^3.3.11",
-    "@paro.io/base-icons": "^1.0.4",
-    "@paro.io/base-ui": "^1.8.3",
-    "@types/react-input-mask": "^3.0.5",
-    "dayjs": "^1.10.7",
-    "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-copy-to-clipboard": "^5.0.4",
-    "react-datepicker": "^4.6.0",
-    "react-dom": "^17.0.2",
-    "react-hook-form": "7.51.1",
-    "react-hot-toast": "^2.4.1",
-    "react-input-mask": "^3.0.0-alpha.2",
-    "styled-components": "^5.3.3",
-    "uuid": "8.3.2",
-    "yup": "^0.32.11"
-  },
-  "devDependencies": {
-    "@types/lodash": "^4.14.170",
-    "@types/react": "18.3.12",
-    "@types/react-copy-to-clipboard": "^5.0.2",
-    "@types/react-datepicker": "^4.19.6",
-    "@types/react-dom": "^18.2.22",
-    "@types/styled-components": "^5.1.22",
-    "@types/uuid": "^10.0.0",
-    "@types/yup": "^0.29.13",
-    "typescript": "^5.3.3"
-  },
-  "files": [
-    "lib/**/*"
-  ],
-  "directories": {
-    "lib": "lib"
-  },
-  "volta": {
-    "node": "16.17.1",
-    "yarn": "1.22.22"
-  }
-}
+{
+  "name": "@paro.io/expert-shared-components",
+  "version": "1.14.25",
+  "description": "",
+  "main": "lib/index.js",
+  "scripts": {
+    "build": "tsc",
+    "prepare": "yarn build",
+    "test": "yarn test:build",
+    "test:build": "yarn build",
+    "clean": "yarn -rf lib",
+    "predeploy": "tsc && cp package.json README.md ./lib",
+    "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
+    "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
+  },
+  "repository": "https://github.com/paroadmin/expert-shared-components.git",
+  "keywords": [
+    "react",
+    "components",
+    "shared"
+  ],
+  "author": "apande@paro.io",
+  "license": "MIT",
+  "dependencies": {
+    "@date-io/dayjs": "1.x",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@hookform/resolvers": "3.3.4",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@material-ui/pickers": "^3.3.11",
+    "@paro.io/base-icons": "^1.0.4",
+    "@paro.io/base-ui": "^1.8.3",
+    "@types/react-input-mask": "^3.0.5",
+    "dayjs": "^1.10.7",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-datepicker": "^4.6.0",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "7.51.1",
+    "react-hot-toast": "^2.4.1",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "styled-components": "^5.3.3",
+    "uuid": "8.3.2",
+    "yup": "^0.32.11"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.170",
+    "@types/react": "18.3.12",
+    "@types/react-copy-to-clipboard": "^5.0.2",
+    "@types/react-datepicker": "^4.19.6",
+    "@types/react-dom": "^18.2.22",
+    "@types/styled-components": "^5.1.22",
+    "@types/uuid": "^10.0.0",
+    "@types/yup": "^0.29.13",
+    "typescript": "^5.3.3"
+  },
+  "files": [
+    "lib/**/*"
+  ],
+  "directories": {
+    "lib": "lib"
+  }
+}