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

package/lib/components/ClientReferencesSection/DeleteButton.js

@@ -15,26 +15,26 @@ const omitDeleteButtonIconProps = ["isDisabled"];
 const omitDeleteButtonTypographyProps = ["isDisabled"];
 const DeleteButtonTypography = (0, styled_components_1.default)((props) => {
     return react_1.default.createElement(Typography_1.default, Object.assign({}, (0, omit_1.default)(props, omitDeleteButtonTypographyProps)));
-}) `
-  padding-right: 17px;
-  color: ${colors_1.default.deleteButtonRed} !important ;
+}) `
+  padding-right: 17px;
+  color: ${colors_1.default.deleteButtonRed} !important ;
   ${({ isDisabled }) => {
     return (isDisabled &&
-        `
-      color: ${colors_1.default.notice} !important;
+        `
+      color: ${colors_1.default.notice} !important;
   `);
-}}
+}}
 `;
 const DeleteButtonIcon = (0, styled_components_1.default)((props) => {
     return react_1.default.createElement(Clear_1.default, Object.assign({}, (0, omit_1.default)(props, omitDeleteButtonIconProps)));
-}) `
-  color: ${colors_1.default.deleteButtonRed} !important ;
+}) `
+  color: ${colors_1.default.deleteButtonRed} !important ;
   ${({ isDisabled }) => {
     return (isDisabled &&
-        `
-        color: ${colors_1.default.notice} !important;
+        `
+        color: ${colors_1.default.notice} !important;
     `);
-}}
+}}
 `;
 const DeleteButton = ({ buttonText, onClick, variant = "text", isDisabled, className }) => {
     return (react_1.default.createElement(Buttons_1.StyledEditOrDeleteButton, { onClick: () => {

package/lib/components/ClientReferencesSection/ParoError.js

@@ -9,18 +9,18 @@ const core_1 = require("@material-ui/core");
 const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("./constants/colors"));
 const AlertSnackBarButton_1 = require("./AlertSnackBarButton");
-const ErrorBox = (0, styled_components_1.default)(core_1.Box) `
-  width: 100%;
-  padding-bottom: 100;
+const ErrorBox = (0, styled_components_1.default)(core_1.Box) `
+  width: 100%;
+  padding-bottom: 100;
 `;
-const ParoTitle = (0, styled_components_1.default)(core_1.Box) `
-  color: ${colors_1.default.paroBlack};
-  padding: 0px 0px 18px 0px;
+const ParoTitle = (0, styled_components_1.default)(core_1.Box) `
+  color: ${colors_1.default.paroBlack};
+  padding: 0px 0px 18px 0px;
 `;
-const ParoSubtitle = styled_components_1.default.div `
-  color: ${colors_1.default.paroBlack};
-  margin-bottom: 24px;
-  font-size: 1rem;
+const ParoSubtitle = styled_components_1.default.div `
+  color: ${colors_1.default.paroBlack};
+  margin-bottom: 24px;
+  font-size: 1rem;
 `;
 const ParoError = ({ handleClose }) => {
     const handleCancelLanguage = handleClose ? "Close" : "Retry";

package/lib/components/ClientReferencesSection/TagsSection.js

@@ -9,8 +9,8 @@ const core_1 = require("@material-ui/core");
 const styled_components_1 = __importDefault(require("styled-components"));
 const NullContentConditionalColor_1 = require("./styles/NullContentConditionalColor");
 const Tags_1 = require("./styles/Tags");
-const ProfileTags = (0, styled_components_1.default)(Tags_1.Tags) `
-  margin: 0 5px 8px 0;
+const ProfileTags = (0, styled_components_1.default)(Tags_1.Tags) `
+  margin: 0 5px 8px 0;
 `;
 const TagsSection = ({ multiLine, tags = [], tagsExpected, }) => {
     if ((tags === null || tags === void 0 ? void 0 : tags.length) < 1) {

package/lib/components/ClientReferencesSection/styles/BrandedTypography.js

@@ -7,6 +7,6 @@ exports.StyledTypography = void 0;
 const Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("../constants/colors"));
-exports.StyledTypography = (0, styled_components_1.default)(Typography_1.default) `
-  color: ${colors_1.default.paroDeepblue} !important ;
+exports.StyledTypography = (0, styled_components_1.default)(Typography_1.default) `
+  color: ${colors_1.default.paroDeepblue} !important ;
 `;

package/lib/components/ClientReferencesSection/styles/Buttons.js

@@ -7,21 +7,21 @@ exports.StyledEditOrDeleteButton = exports.HeaderButtonUnderline = exports.Heade
 const core_1 = require("@material-ui/core");
 const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("../constants/colors"));
-exports.HeaderButtons = (0, styled_components_1.default)(core_1.Button) `
-  margin-left: 0px !important;
-  padding-left: 0px !important;
-  span {
-    color: ${colors_1.default.buttonText} !important;
-  }
+exports.HeaderButtons = (0, styled_components_1.default)(core_1.Button) `
+  margin-left: 0px !important;
+  padding-left: 0px !important;
+  span {
+    color: ${colors_1.default.buttonText} !important;
+  }
 `;
-exports.HeaderButtonUnderline = (0, styled_components_1.default)(exports.HeaderButtons) `
-  text-decoration: underline;
+exports.HeaderButtonUnderline = (0, styled_components_1.default)(exports.HeaderButtons) `
+  text-decoration: underline;
 `;
-exports.StyledEditOrDeleteButton = (0, styled_components_1.default)(core_1.Button) `
-  margin: 10px 0px !important;
-  background-color: ${colors_1.default.primary};
-  color: ${colors_1.default.white};
-  :hover {
-    color: ${colors_1.default.primary} !important;
-  }
+exports.StyledEditOrDeleteButton = (0, styled_components_1.default)(core_1.Button) `
+  margin: 10px 0px !important;
+  background-color: ${colors_1.default.primary};
+  color: ${colors_1.default.white};
+  :hover {
+    color: ${colors_1.default.primary} !important;
+  }
 `;

package/lib/components/ClientReferencesSection/styles/Name.js

@@ -11,12 +11,12 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("../constants/colors"));
 exports.Name = (0, styled_components_1.default)((props) => {
     return react_1.default.createElement(core_1.Typography, Object.assign({}, (0, omit_1.default)(props, ["isNull"])));
-}) `
-  font-family: Roboto-Bold;
+}) `
+  font-family: Roboto-Bold;
   ${({ isNull }) => {
     return (isNull &&
-        `
-        color: ${colors_1.default.paroRed} !important;
+        `
+        color: ${colors_1.default.paroRed} !important;
     `);
-}}
+}}
 `;

package/lib/components/ClientReferencesSection/styles/NullContentConditionalColor.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.NullContentConditionalColor = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("../constants/colors"));
-exports.NullContentConditionalColor = styled_components_1.default.span `
+exports.NullContentConditionalColor = styled_components_1.default.span `
   ${(props) => {
     return (props.isNull &&
-        `
-        color: ${colors_1.default.paroRed} !important
+        `
+        color: ${colors_1.default.paroRed} !important
     `);
-}}
+}}
 `;

package/lib/components/ClientReferencesSection/styles/SectionBody.js

@@ -10,18 +10,18 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("../constants/colors"));
 exports.SectionBody = (0, styled_components_1.default)((props) => {
     return react_1.default.createElement("div", Object.assign({}, (0, omit_1.default)(props, ["atLeastOneValueIsNull"])));
-}) `
-  background-color: ${colors_1.default.white};
-  border-radius: 2px;
-  border: 1px Solid ${colors_1.default.lightGray};
-  color: ${colors_1.default.paroBlack};
-  font-family: Roboto;
-  padding: 32.5px 42.5px 32.5px 42.5px;
-  width: 100%;
+}) `
+  background-color: ${colors_1.default.white};
+  border-radius: 2px;
+  border: 1px Solid ${colors_1.default.lightGray};
+  color: ${colors_1.default.paroBlack};
+  font-family: Roboto;
+  padding: 32.5px 42.5px 32.5px 42.5px;
+  width: 100%;
   ${({ atLeastOneValueIsNull }) => {
     return (atLeastOneValueIsNull &&
-        `
-        border-color: ${colors_1.default.paroRed} !important;
+        `
+        border-color: ${colors_1.default.paroRed} !important;
     `);
-}}
+}}
 `;

package/lib/components/ClientReferencesSection/styles/SectionTitle.js

@@ -10,12 +10,12 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const colors_1 = __importDefault(require("../constants/colors"));
 exports.SectionTitle = (0, styled_components_1.default)((props) => {
     return react_1.default.createElement("div", Object.assign({}, (0, omit_1.default)(props, ["noBottomPadding"])));
-}) `
-  font-family: Roboto-Bold;
-  font-size: 20px;
-  color: ${colors_1.default.paroBlack};
-  padding: 23px 0px 15.5px 0px;
+}) `
+  font-family: Roboto-Bold;
+  font-size: 20px;
+  color: ${colors_1.default.paroBlack};
+  padding: 23px 0px 15.5px 0px;
   ${({ noBottomPadding }) => {
     return noBottomPadding && "padding-bottom: 0 !important;";
-}}
+}}
 `;

package/lib/components/ClientReferencesSection/styles/Tags.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tags = void 0;
 const core_1 = require("@material-ui/core");
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.Tags = (0, styled_components_1.default)(core_1.Chip) `
-  font-family: Roboto-Bold;
+exports.Tags = (0, styled_components_1.default)(core_1.Chip) `
+  font-family: Roboto-Bold;
 `;

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

@@ -15,6 +15,7 @@ interface ClientDocumentTableProps {
     isClientPortal: boolean;
     documentUploadUrl?: string;
     downloadDocumentUrl?: string;
+    clientId?: number;
 }
-export declare const ClientDocumentsTable: ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl }: ClientDocumentTableProps) => JSX.Element;
+export declare const ClientDocumentsTable: ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId }: 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 }) => {
+const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClientFiles, clientAndProjectsList, uploadExpertClientFiles, paroDocuments, freelancerName, freelancerEmail, updateFileLastViewed, deleteExpertClientFile, getFileLazyQuery, expertClientFilesLazyQuery, isClientPortal, documentUploadUrl, downloadDocumentUrl, clientId }) => {
     const classes = (0, exports.useStyles)();
     const [order, setOrder] = react_1.default.useState('desc');
     const [orderBy, setOrderBy] = react_1.default.useState('lastViewed');
@@ -219,7 +219,7 @@ const ClientDocumentsTable = ({ legacyFreelancerId, expertFiles, setExpertClient
         try {
             const freelancerIds = Array.isArray(legacyFreelancerId) ? legacyFreelancerId : [legacyFreelancerId];
             const { data } = yield expertClientFilesLazyQuery({
-                variables: { freelancerIds },
+                variables: { freelancerIds, clientId },
                 fetchPolicy: 'network-only',
             });
             setExpertClientFiles((_a = data === null || data === void 0 ? void 0 : data.getExpertClientFiles) === null || _a === void 0 ? void 0 : _a.files);

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

@@ -22,6 +22,7 @@ interface DocumentCenterProps {
     documentUploadUrl?: string;
     downloadDocumentUrl?: string;
     loading?: boolean;
+    clientId?: number;
 }
-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, loading, }: 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, }: 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, loading = false, }) => {
+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, }) => {
     var _a;
     const [value, setValue] = (0, react_1.useState)(0);
     const [expertClientFiles, setExpertClientFiles] = (0, react_1.useState)(clientFilesData !== null && clientFilesData !== void 0 ? clientFilesData : []);
@@ -175,7 +175,7 @@ const DocumentCenter = ({ legacyFreelancerId, openModal, setOpenModal, expertCli
                                         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 })),
+                            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(react_hot_toast_1.Toaster, { position: "top-center", toastOptions: {

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

@@ -1,15 +1,15 @@
-interface DocumentTableProps {
-    legacyFreelancerId: number;
-    paroProjectsData: any;
-    expiryDate: string;
-    expertFiles: any[];
-    uploadExpertClientFiles: any;
-    uploadFileData: any;
-    deleteFileMutation: any;
-    updateFreelancerExpiryMutation: any;
-    GetFilesDocument: any;
-    foldername: string;
-    paroDocuments: boolean;
-}
-export declare const DocumentTable: ({ legacyFreelancerId, paroProjectsData, expiryDate, expertFiles, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, GetFilesDocument, foldername, paroDocuments }: DocumentTableProps) => JSX.Element;
-export {};
+interface DocumentTableProps {
+    legacyFreelancerId: number;
+    paroProjectsData: any;
+    expiryDate: string;
+    expertFiles: any[];
+    uploadExpertClientFiles: any;
+    uploadFileData: any;
+    deleteFileMutation: any;
+    updateFreelancerExpiryMutation: any;
+    GetFilesDocument: any;
+    foldername: string;
+    paroDocuments: boolean;
+}
+export declare const DocumentTable: ({ legacyFreelancerId, paroProjectsData, expiryDate, expertFiles, uploadExpertClientFiles, uploadFileData, deleteFileMutation, updateFreelancerExpiryMutation, GetFilesDocument, foldername, paroDocuments }: DocumentTableProps) => JSX.Element;
+export {};