IO-1937 Add 10mb limit for emails.

client/src/components/email-documents/email-documents.component.jsx

@@ -38,6 +38,12 @@ export function EmailDocumentsComponent({
     nextFetchPolicy: "network-only",
   });
 
+  console.log(
+    selectedMedia &&
+      selectedMedia
+        .filter((s) => s.isSelected)
+        .reduce((acc, val) => (acc = acc + val.size), 0)
+  );
   return (
     <div>
       {loading && <LoadingSpinner />}
@@ -45,6 +51,12 @@ export function EmailDocumentsComponent({
       {selectedMedia.filter((s) => s.isSelected).length >= 10 ? (
         <div style={{ color: "red" }}>{t("messaging.labels.maxtenimages")}</div>
       ) : null}
+      {selectedMedia &&
+      selectedMedia
+        .filter((s) => s.isSelected)
+        .reduce((acc, val) => (acc = acc + val.size), 0) >= 9961472 ? (
+        <div style={{ color: "red" }}>{t("general.errors.sizelimit")}</div>
+      ) : null}
       {data && (
         <JobDocumentsGalleryExternal
           data={data ? data.documents : []}

client/src/components/email-overlay/email-overlay.component.jsx

@@ -180,6 +180,23 @@ export function EmailOverlayComponent({
               }
               return e && e.fileList;
             }}
+            rules={[
+              ({ getFieldValue }) => ({
+                validator(rule, value) {
+                  const totalSize = value.reduce(
+                    (acc, val) => (acc = acc + val.size),
+                    0
+                  );
+
+                  const limit = 9961472;
+
+                  if (totalSize > limit) {
+                    return Promise.reject(t("general.errors.sizelimit"));
+                  }
+                  return Promise.resolve();
+                },
+              }),
+            ]}
           >
             <Upload.Dragger
               beforeUpload={Upload.LIST_IGNORE}

client/src/components/error-boundary/error-boundary.component.jsx

@@ -30,6 +30,7 @@ class ErrorBoundary extends React.Component {
 
   static getDerivedStateFromError(error) {
     console.log("ErrorBoundary -> getDerivedStateFromError -> error", error);
+
     return { hasErrored: true, error: error };
   }
 

client/src/components/jobs-documents-gallery/jobs-documents-gallery.external.component.jsx

@@ -25,6 +25,7 @@ function JobsDocumentGalleryExternal({
           id: value.id,
           type: value.type,
           tags: [{ value: value.type, title: value.type }],
+          size: value.size,
         });
       }
 

client/src/pages/manage/manage.page.component.jsx

@@ -24,6 +24,8 @@ import {
   selectBodyshop,
   selectInstanceConflict,
 } from "../../redux/user/user.selectors";
+import * as Sentry from "@sentry/react";
+
 import "./manage.page.styles.scss";
 
 const ManageRootPage = lazy(() =>
@@ -407,7 +409,10 @@ export function Manage({ match, conflict, bodyshop }) {
 
         <Content className="content-container">
           <PartnerPingComponent />
-          <ErrorBoundary>{PageContent}</ErrorBoundary>
+          <Sentry.ErrorBoundary fallback={<ErrorBoundary />} showDialog>
+            {PageContent}
+          </Sentry.ErrorBoundary>
+
           <BackTop />
           <Footer>
             <div

client/src/translations/en_us/common.json

@@ -961,7 +961,8 @@
 			},
 			"errors": {
 				"fcm": "You must allow notification permissions to have real time messaging.  Click to try again.",
-				"notfound": "No record was found."
+				"notfound": "No record was found.",
+				"sizelimit": "The selected items exceed the size limit."
 			},
 			"itemtypes": {
 				"contract": "CC Contract",

client/src/translations/es/common.json

@@ -961,7 +961,8 @@
 			},
 			"errors": {
 				"fcm": "",
-				"notfound": ""
+				"notfound": "",
+				"sizelimit": ""
 			},
 			"itemtypes": {
 				"contract": "",

client/src/translations/fr/common.json

@@ -961,7 +961,8 @@
 			},
 			"errors": {
 				"fcm": "",
-				"notfound": ""
+				"notfound": "",
+				"sizelimit": ""
 			},
 			"itemtypes": {
 				"contract": "",

client/src/utils/RenderTemplate.js

@@ -103,7 +103,7 @@ export default async function RenderTemplate(
             }),
           },
         };
-        console.log("PDFREQ", pdfRequest);
+
         const pdfRender = await jsreport.renderAsync(pdfRequest);
         pdf = pdfRender.toDataURI();
       }