From 01e6e78c717422870df54698c5c08a5b85915c7c Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Mon, 20 Apr 2020 14:14:41 -0700
Subject: [PATCH] BOD-25 BOD-24 Uploading to cloudinary + thumbnail generation

---
 bodyshop_translations.babel                   |  70 ++++-
 client/package.json                           |   4 +-
 .../documents-upload.container.jsx            | 221 +++++-----------
 .../global-loading-bar.component.jsx          |  82 +++---
 .../components/header/header.component.jsx    |  14 +
 .../jobs-detail-labor.component.jsx           |   2 +-
 ...bs-document-gallery.download.component.jsx |  24 ++
 .../jobs-documents-gallery.component.jsx      | 110 +++-----
 ...obs-documents-gallery.delete.component.jsx |  72 +++++
 .../time-ticket-modal.component.jsx           |   9 -
 client/src/graphql/bodyshop.queries.js        |   1 +
 client/src/graphql/documents.queries.js       |   1 +
 client/src/translations/en_us/common.json     |   5 +
 client/src/translations/es/common.json        |   5 +
 client/src/translations/fr/common.json        |   5 +
 client/src/utils/DocHelpers.js                |  14 -
 client/yarn.lock                              | 245 +-----------------
 .../down.yaml                                 |   5 +
 .../up.yaml                                   |   5 +
 .../down.yaml                                 |  45 ++++
 .../up.yaml                                   |  46 ++++
 .../down.yaml                                 |  46 ++++
 .../up.yaml                                   |  44 ++++
 .../down.yaml                                 |   5 +
 .../up.yaml                                   |   5 +
 .../down.yaml                                 |  35 +++
 .../up.yaml                                   |  37 +++
 .../down.yaml                                 |  37 +++
 .../up.yaml                                   |  39 +++
 .../down.yaml                                 |  37 +++
 .../up.yaml                                   |  39 +++
 server.js                                     |   3 +-
 server/media/media.js                         |  12 +-
 33 files changed, 784 insertions(+), 540 deletions(-)
 create mode 100644 client/src/components/jobs-documents-gallery/jobs-document-gallery.download.component.jsx
 create mode 100644 client/src/components/jobs-documents-gallery/jobs-documents-gallery.delete.component.jsx
 delete mode 100644 client/src/utils/DocHelpers.js
 create mode 100644 hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/down.yaml
 create mode 100644 hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/up.yaml
 create mode 100644 hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/down.yaml
 create mode 100644 hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/up.yaml
 create mode 100644 hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/down.yaml
 create mode 100644 hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/up.yaml
 create mode 100644 hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/down.yaml
 create mode 100644 hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/up.yaml
 create mode 100644 hasura/migrations/1587408195798_update_permission_user_public_table_documents/down.yaml
 create mode 100644 hasura/migrations/1587408195798_update_permission_user_public_table_documents/up.yaml
 create mode 100644 hasura/migrations/1587408202367_update_permission_user_public_table_documents/down.yaml
 create mode 100644 hasura/migrations/1587408202367_update_permission_user_public_table_documents/up.yaml
 create mode 100644 hasura/migrations/1587408207340_update_permission_user_public_table_documents/down.yaml
 create mode 100644 hasura/migrations/1587408207340_update_permission_user_public_table_documents/up.yaml

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index b23fcd446..609ef9e7d 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.6.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.6.1">
     <!--
 
     BabelEdit project file
@@ -3471,6 +3471,53 @@
                     <folder_node>
                         <name>documents</name>
                         <children>
+                            <folder_node>
+                                <name>actions</name>
+                                <children>
+                                    <concept_node>
+                                        <name>delete</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
+                                    <concept_node>
+                                        <name>download</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
+                                </children>
+                            </folder_node>
                             <folder_node>
                                 <name>errors</name>
                                 <children>
@@ -9264,6 +9311,27 @@
                                             </translation>
                                         </translations>
                                     </concept_node>
+                                    <concept_node>
+                                        <name>entertimeticket</name>
+                                        <definition_loaded>false</definition_loaded>
+                                        <description></description>
+                                        <comment></comment>
+                                        <default_text></default_text>
+                                        <translations>
+                                            <translation>
+                                                <language>en-US</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>es-MX</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                            <translation>
+                                                <language>fr-CA</language>
+                                                <approved>false</approved>
+                                            </translation>
+                                        </translations>
+                                    </concept_node>
                                     <concept_node>
                                         <name>home</name>
                                         <definition_loaded>false</definition_loaded>
diff --git a/client/package.json b/client/package.json
index dc35beb42..e00b46793 100644
--- a/client/package.json
+++ b/client/package.json
@@ -5,7 +5,6 @@
   "proxy": "https://localhost:5000",
   "dependencies": {
     "@nivo/pie": "^0.61.1",
-    "@tanem/react-nprogress": "^3.0.20",
     "@tinymce/tinymce-react": "^3.5.0",
     "aamva": "^1.2.0",
     "antd": "^4.1.0",
@@ -35,12 +34,10 @@
     "react-image-file-resizer": "^0.2.1",
     "react-moment": "^0.9.7",
     "react-number-format": "^4.4.1",
-    "react-pdf": "^4.1.0",
     "react-redux": "^7.2.0",
     "react-router-dom": "^5.1.2",
     "react-scripts": "3.4.1",
     "redux": "^4.0.5",
-    "redux-logger": "^3.0.6",
     "redux-persist": "^6.0.0",
     "redux-saga": "^1.1.3",
     "reselect": "^4.0.0",
@@ -73,6 +70,7 @@
     "@apollo/react-testing": "^3.1.3",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
+    "redux-logger": "^3.0.6",
     "source-map-explorer": "^2.4.2"
   }
 }
diff --git a/client/src/components/documents-upload/documents-upload.container.jsx b/client/src/components/documents-upload/documents-upload.container.jsx
index 4b234b853..9d83aac1d 100644
--- a/client/src/components/documents-upload/documents-upload.container.jsx
+++ b/client/src/components/documents-upload/documents-upload.container.jsx
@@ -1,7 +1,7 @@
+import { useMutation } from "@apollo/react-hooks";
 import { notification } from "antd";
 import axios from "axios";
 import React, { useRef } from "react";
-import { useMutation } from "@apollo/react-hooks";
 import { useTranslation } from "react-i18next";
 import Resizer from "react-image-file-resizer";
 import { connect } from "react-redux";
@@ -11,7 +11,6 @@ import {
   selectBodyshop,
   selectCurrentUser,
 } from "../../redux/user/user.selectors";
-import { generateCdnThumb } from "../../utils/DocHelpers";
 import DocumentsUploadComponent from "./documents-upload.component";
 
 const mapStateToProps = createStructuredSelector({
@@ -21,6 +20,7 @@ const mapStateToProps = createStructuredSelector({
 
 export function DocumentsUploadContainer({
   jobId,
+  tagsArray,
   invoiceId,
   currentUser,
   bodyshop,
@@ -37,10 +37,7 @@ export function DocumentsUploadContainer({
     //If JPEG, resize and upload.
     //TODO If this is just an invoice job? Where to put it?
     let key = `${bodyshop.id}/${jobId}/${ev.file.name}`;
-    if (ev.file.type === "application/pdf") {
-      console.log("It's a PDF.");
-      uploadToS3(key, ev.file.type, ev.file, onError, onSuccess, onProgress);
-    } else {
+    if (ev.file.type.includes("image")) {
       Resizer.imageFileResizer(
         ev.file,
         2500,
@@ -55,6 +52,8 @@ export function DocumentsUploadContainer({
         },
         "blob"
       );
+    } else {
+      uploadToS3(key, ev.file.type, ev.file, onError, onSuccess, onProgress);
     }
   };
 
@@ -67,18 +66,20 @@ export function DocumentsUploadContainer({
     onProgress
   ) => {
     let timestamp = Math.floor(Date.now() / 1000);
-    console.log("timestamp", timestamp);
-    //Actually upload to cloudinary
-
+    let public_id = fileName;
+    let tags = `${bodyshop.textid},${
+      tagsArray ? tagsArray.map((tag) => `{tag},`) : ""
+    }`;
+    let eager = "w_200,h_200,c_thumb";
     axios
-      .post("/media/upload", {
-        eager: "w_200,h_200,c_fill",
-        public_id: timestamp,
+      .post("/media/sign", {
+        eager: eager,
+        public_id: public_id,
+        tags: tags,
         timestamp: timestamp,
       })
       .then((response) => {
         var signature = response.data;
-        console.log("signature", signature);
         var options = {
           headers: { "X-Requested-With": "XMLHttpRequest" },
           onUploadProgress: (e) => {
@@ -87,164 +88,76 @@ export function DocumentsUploadContainer({
         };
         const formData = new FormData();
         formData.append("file", file);
-        formData.append("eager", "w_200,h_200,c_fill");
-        formData.append("api_key", "473322739956866");
-        formData.append("public_id", timestamp);
+        formData.append("eager", eager);
+        formData.append("api_key", process.env.REACT_APP_CLOUDINARY_API_KEY);
+        formData.append("public_id", public_id);
+        formData.append("tags", tags);
         formData.append("timestamp", timestamp);
         formData.append("signature", signature);
 
         axios
           .post(
-            "https://api.cloudinary.com/v1_1/bodyshop/image/upload",
+            `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/upload`,
             formData,
             options
           )
           .then((response) => {
             console.log("response", response);
-            // insertNewDocument({
-            //   variables: {
-            //     docInput: [
-            //       {
-            //         jobid: jobId,
-            //         uploaded_by: currentUser.email,
-            //         url,
-            //         thumb_url:
-            //           fileType === "application/pdf"
-            //             ? "application/pdf"
-            //             : generateCdnThumb(fileName),
-            //         key: fileName,
-            //         invoiceid: invoiceId,
-            //       },
-            //     ],
-            //   },
-            // }).then((r) => {
-            //   onSuccess({
-            //     uid: r.data.insert_documents.returning[0].id,
-            //     url: r.data.insert_documents.returning[0].thumb_url,
-            //     name: r.data.insert_documents.returning[0].name,
-            //     status: "done",
-            //     full_url: r.data.insert_documents.returning[0].url,
-            //     key: r.data.insert_documents.returning[0].key,
-            //   });
-            //   notification["success"]({
-            //     message: t("documents.successes.insert"),
-            //   });
-            //   if (callbackAfterUpload) {
-            //     callbackAfterUpload();
-            //   }
-            //   console.log("ref", UploadRef.current.state.fileList);
-            //   if (onChange) {
-            //     //Used in a form.
-            //     onChange(UploadRef.current.state.fileList);
-            //   }
-            // });
+
+            insertNewDocument({
+              variables: {
+                docInput: [
+                  {
+                    jobid: jobId,
+                    uploaded_by: currentUser.email,
+                    url: "c",
+                    thumb_url: "c",
+                    key: fileName,
+                    invoiceid: invoiceId,
+                    type: fileType,
+                  },
+                ],
+              },
+            }).then((r) => {
+              onSuccess({
+                uid: r.data.insert_documents.returning[0].id,
+                url: r.data.insert_documents.returning[0].thumb_url,
+                name: r.data.insert_documents.returning[0].name,
+                status: "done",
+                full_url: r.data.insert_documents.returning[0].url,
+                key: r.data.insert_documents.returning[0].key,
+              });
+              notification["success"]({
+                message: t("documents.successes.insert"),
+              });
+              if (callbackAfterUpload) {
+                callbackAfterUpload();
+              }
+              if (onChange) {
+                //Used in a form.
+                onChange(UploadRef.current.state.fileList);
+              }
+            });
           })
-          .catch((error) => console.log("error", error));
-        // .catch((error) => {
-        //   onError(error);
-        //   notification["error"]({
-        //     message: t("documents.errors.insert", {
-        //       message: JSON.stringify(error),
-        //     }),
-        //   });
-        // });
+          .catch((error) => {
+            onError(error);
+            notification["error"]({
+              message: t("documents.errors.insert", {
+                message: JSON.stringify(error),
+              }),
+            });
+          });
       })
       .catch((error) => {
         console.log("error", error);
-        // notification["error"]({
-        //   message: t("documents.errors.getpresignurl", {
-        //     message: JSON.stringify(error),
-        //   }),
-        // });
+        notification["error"]({
+          message: t("documents.errors.getpresignurl", {
+            message: JSON.stringify(error),
+          }),
+        });
       });
   };
 
-  // const uploadToS3 = (
-  //   fileName,
-  //   fileType,
-  //   file,
-  //   onError,
-  //   onSuccess,
-  //   onProgress
-  // ) => {
-  //   axios
-  //     .post("/sign_s3", {
-  //       fileName,
-  //       fileType,
-  //     })
-  //     .then((response) => {
-  //       var returnData = response.data.data.returnData;
-  //       var signedRequest = returnData.signedRequest;
-  //       var url = returnData.url;
-  //       // setState({ ...state, url: url });
-  //       // Put the fileType in the headers for the upload
-  //       var options = {
-  //         headers: {
-  //           "Content-Type": fileType,
-  //         },
-  //         onUploadProgress: (e) => {
-  //           onProgress({ percent: (e.loaded / e.total) * 100 });
-  //         },
-  //       };
-
-  //       axios
-  //         .put(signedRequest, file, options)
-  //         .then((response) => {
-  //           insertNewDocument({
-  //             variables: {
-  //               docInput: [
-  //                 {
-  //                   jobid: jobId,
-  //                   uploaded_by: currentUser.email,
-  //                   url,
-  //                   thumb_url:
-  //                     fileType === "application/pdf"
-  //                       ? "application/pdf"
-  //                       : generateCdnThumb(fileName),
-  //                   key: fileName,
-  //                   invoiceid: invoiceId,
-  //                 },
-  //               ],
-  //             },
-  //           }).then((r) => {
-  //             onSuccess({
-  //               uid: r.data.insert_documents.returning[0].id,
-  //               url: r.data.insert_documents.returning[0].thumb_url,
-  //               name: r.data.insert_documents.returning[0].name,
-  //               status: "done",
-  //               full_url: r.data.insert_documents.returning[0].url,
-  //               key: r.data.insert_documents.returning[0].key,
-  //             });
-  //             notification["success"]({
-  //               message: t("documents.successes.insert"),
-  //             });
-  //             if (callbackAfterUpload) {
-  //               callbackAfterUpload();
-  //             }
-  //             console.log("ref", UploadRef.current.state.fileList);
-  //             if (onChange) {
-  //               //Used in a form.
-  //               onChange(UploadRef.current.state.fileList);
-  //             }
-  //           });
-  //         })
-  //         .catch((error) => {
-  //           onError(error);
-  //           notification["error"]({
-  //             message: t("documents.errors.insert", {
-  //               message: JSON.stringify(error),
-  //             }),
-  //           });
-  //         });
-  //     })
-  //     .catch((error) => {
-  //       notification["error"]({
-  //         message: t("documents.errors.getpresignurl", {
-  //           message: JSON.stringify(error),
-  //         }),
-  //       });
-  //     });
-  // };
   return (
     <DocumentsUploadComponent
       handleUpload={handleUpload}
diff --git a/client/src/components/global-loading-bar/global-loading-bar.component.jsx b/client/src/components/global-loading-bar/global-loading-bar.component.jsx
index f3b3a7f36..89ebcb372 100644
--- a/client/src/components/global-loading-bar/global-loading-bar.component.jsx
+++ b/client/src/components/global-loading-bar/global-loading-bar.component.jsx
@@ -1,52 +1,54 @@
-import { useNProgress } from "@tanem/react-nprogress";
+//import { useNProgress } from "@tanem/react-nprogress";
 import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectLoading } from "../../redux/application/application.selectors";
 
 const mapStateToProps = createStructuredSelector({
-  loading: selectLoading
+  loading: selectLoading,
 });
 
 export default connect(mapStateToProps, null)(GlobalLoadingHeader);
 
 function GlobalLoadingHeader({ loading }) {
-
-  const { animationDuration, isFinished, progress } = useNProgress({
-    isAnimating: loading
-  });
-  return (
-    <div
-      style={{
-        opacity: isFinished ? 0 : 1,
-        pointerEvents: "none",
-        transition: `opacity ${animationDuration}ms linear`
-      }}>
-      <div
-        style={{
-          background: "#29d",
-          height: 4,
-          left: 0,
-          marginLeft: `${(-1 + progress) * 100}%`,
-          position: "fixed",
-          top: 0,
-          transition: `margin-left ${animationDuration}ms linear`,
-          width: "100%",
-          zIndex: 1031
-        }}>
-        <div
-          style={{
-            boxShadow: "0 0 10px #29d, 0 0 5px #29d",
-            display: "block",
-            height: "100%",
-            opacity: 1,
-            position: "absolute",
-            right: 0,
-            transform: "rotate(3deg) translate(0px, -4px)",
-            width: 100
-          }}
-        />
-      </div>
-    </div>
-  );
+  return <span></span>;
+  // const { animationDuration, isFinished, progress } = useNProgress({
+  //   isAnimating: loading,
+  // });
+  // return (
+  //   <div
+  //     style={{
+  //       opacity: isFinished ? 0 : 1,
+  //       pointerEvents: "none",
+  //       transition: `opacity ${animationDuration}ms linear`,
+  //     }}
+  //   >
+  //     <div
+  //       style={{
+  //         background: "#29d",
+  //         height: 4,
+  //         left: 0,
+  //         marginLeft: `${(-1 + progress) * 100}%`,
+  //         position: "fixed",
+  //         top: 0,
+  //         transition: `margin-left ${animationDuration}ms linear`,
+  //         width: "100%",
+  //         zIndex: 1031,
+  //       }}
+  //     >
+  //       <div
+  //         style={{
+  //           boxShadow: "0 0 10px #29d, 0 0 5px #29d",
+  //           display: "block",
+  //           height: "100%",
+  //           opacity: 1,
+  //           position: "absolute",
+  //           right: 0,
+  //           transform: "rotate(3deg) translate(0px, -4px)",
+  //           width: 100,
+  //         }}
+  //       />
+  //     </div>
+  //   </div>
+  // );
 }
diff --git a/client/src/components/header/header.component.jsx b/client/src/components/header/header.component.jsx
index f39ced6a1..f1f86a7db 100644
--- a/client/src/components/header/header.component.jsx
+++ b/client/src/components/header/header.component.jsx
@@ -24,6 +24,8 @@ const mapStateToProps = createStructuredSelector({
 const mapDispatchToProps = (dispatch) => ({
   setInvoiceEnterContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "invoiceEnter" })),
+  setTimeTicketContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "timeTicket" })),
 });
 
 function Header({
@@ -34,6 +36,7 @@ function Header({
   currentUser,
   signOutStart,
   setInvoiceEnterContext,
+  setTimeTicketContext,
 }) {
   const { t } = useTranslation();
   //TODO Add
@@ -201,6 +204,17 @@ function Header({
               <Menu.Item key="invoices">
                 <Link to="/manage/invoices">{t("menus.header.invoices")}</Link>
               </Menu.Item>
+              <Menu.Item
+                key="entertimetickets"
+                onClick={() => {
+                  setTimeTicketContext({
+                    actions: {},
+                    context: {},
+                  });
+                }}
+              >
+                {t("menus.header.entertimeticket")}
+              </Menu.Item>
             </Menu.SubMenu>
 
             <Menu.SubMenu title={t("menus.header.shop")}>
diff --git a/client/src/components/jobs-detail-labor/jobs-detail-labor.component.jsx b/client/src/components/jobs-detail-labor/jobs-detail-labor.component.jsx
index eb1a88945..e7e6aea22 100644
--- a/client/src/components/jobs-detail-labor/jobs-detail-labor.component.jsx
+++ b/client/src/components/jobs-detail-labor/jobs-detail-labor.component.jsx
@@ -13,7 +13,7 @@ export default function JobsDetailLaborContainer({
   const { t } = useTranslation();
   return (
     <div>
-      <TimeTicketEnterButton actions={{ refetch }} context={{ jobid: jobId }}>
+      <TimeTicketEnterButton actions={{ refetch }} context={{ jobId: jobId }}>
         {t("timetickets.actions.enter")}
       </TimeTicketEnterButton>
       <LaborAllocationsTableComponent
diff --git a/client/src/components/jobs-documents-gallery/jobs-document-gallery.download.component.jsx b/client/src/components/jobs-documents-gallery/jobs-document-gallery.download.component.jsx
new file mode 100644
index 000000000..29b882255
--- /dev/null
+++ b/client/src/components/jobs-documents-gallery/jobs-document-gallery.download.component.jsx
@@ -0,0 +1,24 @@
+import { Button, notification } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import axios from "axios";
+
+export default function JobsDocumentsDownloadButton({ galleryImages }) {
+  const { t } = useTranslation();
+  const imagesToDownload = galleryImages.filter((image) => image.isSelected);
+  const handleDelete = () => {
+    axios
+      .post("/media/download", {
+        ids: imagesToDownload.map((_) => _.key),
+      })
+      .then((r) => {
+        window.open(r.data);
+      });
+  };
+
+  return (
+    <Button disabled={imagesToDownload.length < 1} onClick={handleDelete}>
+      {t("documents.actions.download")}
+    </Button>
+  );
+}
diff --git a/client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx b/client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx
index 5dd6f9022..b975c7fd1 100644
--- a/client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx
+++ b/client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx
@@ -1,94 +1,54 @@
-import axios from "axios";
 import React, { useEffect, useState } from "react";
 import Gallery from "react-grid-gallery";
-//import { Document, Page, pdfjs } from "react-pdf";
 import DocumentsUploadContainer from "../documents-upload/documents-upload.container";
-//import LoadingSpinner from "../loading-spinner/loading-spinner.component";
-import { Collapse } from "antd";
-import { useTranslation } from "react-i18next";
-
-//pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.1.266/pdf.worker.min.js`;
+import JobsDocumentsDownloadButton from "./jobs-document-gallery.download.component";
+import JobsDocumentsDeleteButton from "./jobs-documents-gallery.delete.component";
 
 function JobsDocumentsComponent({ data, jobId, refetch }) {
   const [galleryImages, setgalleryImages] = useState([]);
-  const [pdfDocuments, setPdfDocuments] = useState([]);
 
   useEffect(() => {
     setgalleryImages(
-      data
-        .filter((item) => item.thumb_url !== "application/pdf")
-        .reduce((acc, value) => {
-          acc.push({
-            src: value.url,
-            thumbnail: value.thumb_url,
-            thumbnailHeight: 150,
-            thumbnailWidth: 150,
-            isSelected: false,
-          });
-          return acc;
-        }, [])
+      data.reduce((acc, value) => {
+        acc.push({
+          src: value.url,
+          thumbnail: `${
+            process.env.REACT_APP_CLOUDINARY_IMAGE_ENDPOINT
+          }/h_200,w_200,c_thumb/${value.key}${
+            value.type.includes("pdf") ? ".jpg" : ""
+          }`,
+          tags: value.type.includes("pdf") ? [{ value: "PDF" }] : [],
+          thumbnailHeight: 200,
+          thumbnailWidth: 200,
+          isSelected: false,
+          key: value.key,
+          id: value.id,
+        });
+        return acc;
+      }, [])
     );
   }, [data, setgalleryImages]);
 
-  useEffect(() => {
-    setPdfDocuments(
-      data
-        .filter((item) => item.thumb_url === "application/pdf")
-        .reduce((acc, value) => {
-          acc.push({
-            src: value.url,
-            thumbnail: value.thumb_url,
-            thumbnailHeight: 150,
-            thumbnailWidth: 150,
-            isSelected: false,
-          });
-          return acc;
-        }, [])
-    );
-  }, [data, setPdfDocuments]);
-  const { t } = useTranslation();
   return (
     <div className="clearfix">
       <DocumentsUploadContainer jobId={jobId} callbackAfterUpload={refetch} />
 
-      <Collapse defaultActiveKey="photos">
-        <Collapse.Panel key="t" header="t">
-          <Gallery
-            images={pdfDocuments}
-            onSelectImage={(index, image) => {
-              setPdfDocuments(
-                pdfDocuments.map((g, idx) =>
-                  index === idx ? { ...g, isSelected: !g.isSelected } : g
-                )
-              );
-            }}
-          />
-        </Collapse.Panel>
-        <Collapse.Panel key="photos" header={t("documents.labels.photos")}>
-          <Gallery
-            images={galleryImages}
-            onSelectImage={(index, image) => {
-              setgalleryImages(
-                galleryImages.map((g, idx) =>
-                  index === idx ? { ...g, isSelected: !g.isSelected } : g
-                )
-              );
-            }}
-          ></Gallery>
-        </Collapse.Panel>
-        {
-          //           <Collapse.Panel
-          //   key="documents"
-          //   header={t("documents.labels.documents")}
-          // >
-          //   {pdfDocuments.map((doc, idx) => (
-          //     <Document key={idx} loading={<LoadingSpinner />} file={doc.src}>
-          //       <Page pageIndex={0} />
-          //     </Document>
-          //   ))}
-          // </Collapse.Panel>
-        }
-      </Collapse>
+      <JobsDocumentsDownloadButton galleryImages={galleryImages} />
+      <JobsDocumentsDeleteButton
+        galleryImages={galleryImages}
+        deletionCallback={refetch}
+      />
+
+      <Gallery
+        images={galleryImages}
+        onSelectImage={(index, image) => {
+          setgalleryImages(
+            galleryImages.map((g, idx) =>
+              index === idx ? { ...g, isSelected: !g.isSelected } : g
+            )
+          );
+        }}
+      />
     </div>
   );
 }
diff --git a/client/src/components/jobs-documents-gallery/jobs-documents-gallery.delete.component.jsx b/client/src/components/jobs-documents-gallery/jobs-documents-gallery.delete.component.jsx
new file mode 100644
index 000000000..863e06b8a
--- /dev/null
+++ b/client/src/components/jobs-documents-gallery/jobs-documents-gallery.delete.component.jsx
@@ -0,0 +1,72 @@
+import { Button, notification } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import axios from "axios";
+import { useMutation } from "@apollo/react-hooks";
+import { DELETE_DOCUMENT } from "../../graphql/documents.queries";
+
+export default function JobsDocumentsDeleteButton({
+  galleryImages,
+  deletionCallback,
+}) {
+  const { t } = useTranslation();
+  const [deleteDocument] = useMutation(DELETE_DOCUMENT);
+  const imagesToDelete = galleryImages.filter((image) => image.isSelected);
+  const handleDelete = () => {
+    imagesToDelete.forEach((image) => {
+      let timestamp = Math.floor(Date.now() / 1000);
+      let public_id = image.key;
+
+      axios
+        .post("/media/sign", {
+          public_id: public_id,
+          timestamp: timestamp,
+        })
+        .then((response) => {
+          var signature = response.data;
+          var options = {
+            headers: { "X-Requested-With": "XMLHttpRequest" },
+          };
+          const formData = new FormData();
+          formData.append("api_key", process.env.REACT_APP_CLOUDINARY_API_KEY);
+          formData.append("public_id", public_id);
+          formData.append("timestamp", timestamp);
+          formData.append("signature", signature);
+
+          axios
+            .post(
+              `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/destroy`,
+              formData,
+              options
+            )
+            .then((response) => {
+              deleteDocument({ variables: { id: image.id } })
+                .then((r) => {
+                  if (deletionCallback) deletionCallback();
+                })
+                .catch((error) => {
+                  notification["error"]({
+                    message: t("documents.errors.deleting", {
+                      message: JSON.stringify(error),
+                    }),
+                  });
+                });
+              //Delete it from our database.
+            })
+            .catch((error) => {
+              notification["error"]({
+                message: t("documents.errors.deleting_cloudinary", {
+                  message: JSON.stringify(error),
+                }),
+              });
+            });
+        });
+    });
+  };
+
+  return (
+    <Button disabled={imagesToDelete.length < 1} onClick={handleDelete}>
+      {t("documents.actions.delete")}
+    </Button>
+  );
+}
diff --git a/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx b/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
index 7cc40ae49..3af0d4e96 100644
--- a/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
+++ b/client/src/components/time-ticket-modal/time-ticket-modal.component.jsx
@@ -124,15 +124,6 @@ export default function TimeTicketModalComponent({
           <Input disabled />
         </Form.Item>
       </div>
-
-      <button
-        onClick={() => {
-          console.log(form.getFieldsValue());
-        }}
-      >
-        Get Them Values
-      </button>
-
       <LaborAllocationsTable
         joblines={lineTicketData.joblines}
         timetickets={lineTicketData.timetickets}
diff --git a/client/src/graphql/bodyshop.queries.js b/client/src/graphql/bodyshop.queries.js
index c8a8f5f16..6117c5f18 100644
--- a/client/src/graphql/bodyshop.queries.js
+++ b/client/src/graphql/bodyshop.queries.js
@@ -25,6 +25,7 @@ export const QUERY_BODYSHOP = gql`
       md_responsibility_centers
       messagingservicesid
       template_header
+      textid
       employees {
         id
         first_name
diff --git a/client/src/graphql/documents.queries.js b/client/src/graphql/documents.queries.js
index 58c22a411..aa610de34 100644
--- a/client/src/graphql/documents.queries.js
+++ b/client/src/graphql/documents.queries.js
@@ -8,6 +8,7 @@ export const GET_DOCUMENTS_BY_JOB = gql`
       thumb_url
       name
       key
+      type
     }
   }
 `;
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 648bc6630..f77d8ba6e 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -234,6 +234,10 @@
 			}
 		},
 		"documents": {
+			"actions": {
+				"delete": "Delete Selected Documents",
+				"download": "Download Selected Documents"
+			},
 			"errors": {
 				"deletes3": "Error deleting document from storage. ",
 				"getpresignurl": "Error obtaining presigned URL for document.  {{message}}",
@@ -590,6 +594,7 @@
 				"courtesycars-newcontract": "New Contract",
 				"customers": "Customers",
 				"enterinvoices": "Enter Invoices",
+				"entertimeticket": "Enter Time Tickets",
 				"home": "Home",
 				"invoices": "Invoices",
 				"jobs": "Jobs",
diff --git a/client/src/translations/es/common.json b/client/src/translations/es/common.json
index 2f46796ab..e45d9801c 100644
--- a/client/src/translations/es/common.json
+++ b/client/src/translations/es/common.json
@@ -234,6 +234,10 @@
 			}
 		},
 		"documents": {
+			"actions": {
+				"delete": "",
+				"download": ""
+			},
 			"errors": {
 				"deletes3": "Error al eliminar el documento del almacenamiento.",
 				"getpresignurl": "Error al obtener la URL prescrita para el documento. {{message}}",
@@ -590,6 +594,7 @@
 				"courtesycars-newcontract": "",
 				"customers": "Clientes",
 				"enterinvoices": "",
+				"entertimeticket": "",
 				"home": "Casa",
 				"invoices": "",
 				"jobs": "Trabajos",
diff --git a/client/src/translations/fr/common.json b/client/src/translations/fr/common.json
index 031c9e226..26b125039 100644
--- a/client/src/translations/fr/common.json
+++ b/client/src/translations/fr/common.json
@@ -234,6 +234,10 @@
 			}
 		},
 		"documents": {
+			"actions": {
+				"delete": "",
+				"download": ""
+			},
 			"errors": {
 				"deletes3": "Erreur lors de la suppression du document du stockage.",
 				"getpresignurl": "Erreur lors de l'obtention de l'URL présignée pour le document. {{message}}",
@@ -590,6 +594,7 @@
 				"courtesycars-newcontract": "",
 				"customers": "Les clients",
 				"enterinvoices": "",
+				"entertimeticket": "",
 				"home": "Accueil",
 				"invoices": "",
 				"jobs": "Emplois",
diff --git a/client/src/utils/DocHelpers.js b/client/src/utils/DocHelpers.js
deleted file mode 100644
index cd8d32735..000000000
--- a/client/src/utils/DocHelpers.js
+++ /dev/null
@@ -1,14 +0,0 @@
-export const generateCdnThumb = key => {
-  const imageRequest = JSON.stringify({
-    bucket: process.env.REACT_APP_S3_BUCKET,
-    key: key,
-    toFormat: 'png',
-    edits: {
-      resize: {
-        height: 150,
-        width: 150
-      }
-    }
-  });
-  return `${process.env.REACT_APP_S3_CDN}/${btoa(imageRequest)}`;
-};
diff --git a/client/yarn.lock b/client/yarn.lock
index 6d985f0a3..cd10e4c98 100644
--- a/client/yarn.lock
+++ b/client/yarn.lock
@@ -1287,7 +1287,7 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
-"@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+"@babel/runtime@^7.8.4":
   version "7.9.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.2.tgz#d90df0583a3a252f09aaa619665367bae518db06"
   integrity sha512-NE2DtOdufG7R5vnfQUTehdTfNycfUANEtCa9PssN9O/xmTzP4E08UI797ixaei6hBEVL9BI/PsdJS5x7mWoB9Q==
@@ -2083,16 +2083,6 @@
     "@svgr/plugin-svgo" "^4.3.1"
     loader-utils "^1.2.3"
 
-"@tanem/react-nprogress@^3.0.20":
-  version "3.0.20"
-  resolved "https://registry.yarnpkg.com/@tanem/react-nprogress/-/react-nprogress-3.0.20.tgz#98dc33c45460e1d751f6459dca4a8e732c468749"
-  integrity sha512-eZVDIKCVkTpEQmDVHrrAg3DlofPYR2K/tLgP4XLUQeAzVvMZ4W/GOhEajUGn740JCo6xAaBNhrf3i11ir6/8OA==
-  dependencies:
-    "@babel/runtime" "^7.9.2"
-    hoist-non-react-statics "^3.3.2"
-    prop-types "^15.7.2"
-    react-use "^13.27.1"
-
 "@tinymce/tinymce-react@^3.5.0":
   version "3.5.0"
   resolved "https://registry.yarnpkg.com/@tinymce/tinymce-react/-/tinymce-react-3.5.0.tgz#5017be56aeab1077f09d3f74a386883e5524a33f"
@@ -2185,11 +2175,6 @@
     "@types/istanbul-lib-coverage" "*"
     "@types/istanbul-lib-report" "*"
 
-"@types/js-cookie@2.2.5":
-  version "2.2.5"
-  resolved "https://registry.yarnpkg.com/@types/js-cookie/-/js-cookie-2.2.5.tgz#38dfaacae8623b37cc0b0d27398e574e3fc28b1e"
-  integrity sha512-cpmwBRcHJmmZx0OGU7aPVwGWGbs4iKwVYchk9iuMtxNCA2zorwdaTz4GkLgs2WGxiRZRFKnV1k6tRUHX7tBMxg==
-
 "@types/json-schema@^7.0.3":
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.4.tgz#38fd73ddfd9b55abb1e1b2ed578cb55bd7b7d339"
@@ -2464,11 +2449,6 @@
   dependencies:
     tslib "^1.9.3"
 
-"@xobotyi/scrollbar-width@1.9.5":
-  version "1.9.5"
-  resolved "https://registry.yarnpkg.com/@xobotyi/scrollbar-width/-/scrollbar-width-1.9.5.tgz#80224a6919272f405b87913ca13b92929bdf3c4d"
-  integrity sha512-N8tkAACJx2ww8vFMneJmaAgmjAG1tnVBZJRLRcx061tmsLRZHSEZSLuGWnwPtunsSLvSqXQ2wfp7Mgqg1I+2dQ==
-
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -3411,7 +3391,7 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-bowser@^1.0.0, bowser@^1.7.3:
+bowser@^1.0.0:
   version "1.9.4"
   resolved "https://registry.yarnpkg.com/bowser/-/bowser-1.9.4.tgz#890c58a2813a9d3243704334fa81b96a5c150c9a"
   integrity sha512-9IdMmj2KjigRq6oWhmwv1W36pDuA4STQZ8q6YO9um+x07xgYNCD3Oou+WP/3L1HNz7iqythGet3/p4wvc8AAwQ==
@@ -4408,14 +4388,6 @@ css-has-pseudo@^0.10.0:
     postcss "^7.0.6"
     postcss-selector-parser "^5.0.0-rc.4"
 
-css-in-js-utils@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz#3b472b398787291b47cfe3e44fecfdd9e914ba99"
-  integrity sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==
-  dependencies:
-    hyphenate-style-name "^1.0.2"
-    isobject "^3.0.1"
-
 css-loader@3.4.2:
   version "3.4.2"
   resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-3.4.2.tgz#d3fdb3358b43f233b78501c5ed7b1c6da6133202"
@@ -4483,14 +4455,6 @@ css-tree@1.0.0-alpha.37:
     mdn-data "2.0.4"
     source-map "^0.6.1"
 
-css-tree@^1.0.0-alpha.28:
-  version "1.0.0-alpha.39"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.39.tgz#2bff3ffe1bb3f776cf7eefd91ee5cba77a149eeb"
-  integrity sha512-7UvkEYgBAHRG9Nt980lYxjsTrCyHFN53ky3wVsDkiMdVqylqRt+Zc+jm5qw7/qyOvN2dHSYtX0e4MbCCExSvnA==
-  dependencies:
-    mdn-data "2.0.6"
-    source-map "^0.6.1"
-
 css-what@2.1:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
@@ -4613,7 +4577,7 @@ cssstyle@^1.0.0, cssstyle@^1.1.1:
   dependencies:
     cssom "0.3.x"
 
-csstype@^2.2.0, csstype@^2.5.5, csstype@^2.6.7:
+csstype@^2.2.0, csstype@^2.6.7:
   version "2.6.9"
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.9.tgz#05141d0cd557a56b8891394c1911c40c8a98d098"
   integrity sha512-xz39Sb4+OaTsULgUERcCk+TJj8ylkL4aSVDQiX/ksxbELSqwkgt4d4RD7fovIdgJGSuNYqwZEiVjYY5l0ask+Q==
@@ -5278,13 +5242,6 @@ error-ex@^1.2.0, error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.0.6.tgz#5a99a707bd7a4c58a797902d48d82803ede6aad8"
-  integrity sha512-d51brTeqC+BHlwF0BhPtcYgF5nlzf9ZZ0ZIUQNZpc9ZB9qw5IJ2diTrBY9jlCJkTLITYPjmiX6OWCwH+fuyNgQ==
-  dependencies:
-    stackframe "^1.1.1"
-
 es-abstract@^1.17.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.2, es-abstract@^1.17.4:
   version "1.17.4"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.4.tgz#e3aedf19706b20e7c2594c35fc0d57605a79e184"
@@ -5781,16 +5738,6 @@ fast-levenshtein@~2.0.6:
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=
 
-fast-shallow-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/fast-shallow-equal/-/fast-shallow-equal-1.0.0.tgz#d4dcaf6472440dcefa6f88b98e3251e27f25628b"
-  integrity sha512-HPtaa38cPgWvaCFmRNhlc6NG7pv6NUHqjPgVAkWGoB9mQMwYB27/K0CvOM5Czy+qpT3e8XJ6Q4aPAnzpNpzNaw==
-
-fastest-stable-stringify@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/fastest-stable-stringify/-/fastest-stable-stringify-1.0.1.tgz#9122d406d4c9d98bea644a6b6853d5874b87b028"
-  integrity sha1-kSLUBtTJ2YvqZEpraFPVh0uHsCg=
-
 faye-websocket@0.11.3, faye-websocket@~0.11.1:
   version "0.11.3"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.3.tgz#5c0e9a8968e8912c286639fde977a8b209f2508e"
@@ -6538,7 +6485,7 @@ hoist-non-react-statics@^2.3.1:
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
   integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -6718,7 +6665,7 @@ https-browserify@^1.0.0:
   resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
   integrity sha1-7AbBDgo0wPL68Zn3/X/Hj//QPHM=
 
-hyphenate-style-name@^1.0.1, hyphenate-style-name@^1.0.2:
+hyphenate-style-name@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.3.tgz#097bb7fa0b8f1a9cf0bd5c734cf95899981a9b48"
   integrity sha512-EcuixamT82oplpoJ2XU4pDtKGWQ7b00CD9f1ug9IaQ3p1bkHMiKCZ9ut9QDI6qsa6cpUuB+A/I+zLtdNK4n2DQ==
@@ -6894,14 +6841,6 @@ inline-style-prefixer@^2.0.0:
     bowser "^1.0.0"
     hyphenate-style-name "^1.0.1"
 
-inline-style-prefixer@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-4.0.2.tgz#d390957d26f281255fe101da863158ac6eb60911"
-  integrity sha512-N8nVhwfYga9MiV9jWlwfdj1UDIaZlBFu4cJSJkIr7tZX7sHpHhGR5su1qdpW+7KPL8ISTvCIkcaFi/JdBknvPg==
-  dependencies:
-    bowser "^1.7.3"
-    css-in-js-utils "^2.0.0"
-
 inquirer@7.0.4, inquirer@^7.0.0:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.0.4.tgz#99af5bde47153abca23f5c7fc30db247f39da703"
@@ -7788,11 +7727,6 @@ js-base64@^2.1.8:
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.2.tgz#313b6274dda718f714d00b3330bbae6e38e90209"
   integrity sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==
 
-js-cookie@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
-  integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -8146,7 +8080,7 @@ loader-utils@1.2.3:
     emojis-list "^2.0.0"
     json5 "^1.0.1"
 
-loader-utils@^1.0.0, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
+loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
   integrity sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==
@@ -8228,11 +8162,6 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
-lodash.once@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
-  integrity sha1-DdOXEhPHxW34gJd9UEyI+0cal6w=
-
 lodash.sortby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
@@ -8330,11 +8259,6 @@ make-dir@^3.0.2:
   dependencies:
     semver "^6.0.0"
 
-make-event-props@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/make-event-props/-/make-event-props-1.2.0.tgz#96b87d88919533b8f8934b58b4c3d5679459a0cf"
-  integrity sha512-BmWFkm/jZzVH9A0tEBdkjAARUz/eha+5IRyfOndeSMKRadkgR5DawoBHoRwLxkYmjJOI5bHkXKpaZocxj+dKgg==
-
 makeerror@1.0.x:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
@@ -8385,11 +8309,6 @@ mdn-data@2.0.4:
   resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
   integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
 
-mdn-data@2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.6.tgz#852dc60fcaa5daa2e8cf6c9189c440ed3e042978"
-  integrity sha512-rQvjv71olwNHgiTbfPZFkJtjNMciWgswYeciZhtvWLO8bmX3TnhyA62I6sTWOyZssWHJJjY6/KiWwqQsWWsqOA==
-
 media-typer@0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
@@ -8441,11 +8360,6 @@ meow@^3.7.0:
     redent "^1.0.0"
     trim-newlines "^1.0.0"
 
-merge-class-names@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/merge-class-names/-/merge-class-names-1.3.0.tgz#c4cdc1a981a81dd9afc27aa4287e912a337c5dee"
-  integrity sha512-k0Qaj36VBpKgdc8c188LEZvo6v/zzry/FUufwopWbMSp6/knfVFU/KIB55/hJjeIpg18IH2WskXJCRnM/1BrdQ==
-
 merge-deep@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/merge-deep/-/merge-deep-3.0.2.tgz#f39fa100a4f1bd34ff29f7d2bf4508fbb8d83ad2"
@@ -8744,20 +8658,6 @@ nan@^2.12.1, nan@^2.13.2:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
 
-nano-css@^5.2.1:
-  version "5.3.0"
-  resolved "https://registry.yarnpkg.com/nano-css/-/nano-css-5.3.0.tgz#9d3cd29788d48b6a07f52aa4aec7cf4da427b6b5"
-  integrity sha512-uM/9NGK9/E9/sTpbIZ/bQ9xOLOIHZwrrb/CRlbDHBU/GFS7Gshl24v/WJhwsVViWkpOXUmiZ66XO7fSB4Wd92Q==
-  dependencies:
-    css-tree "^1.0.0-alpha.28"
-    csstype "^2.5.5"
-    fastest-stable-stringify "^1.0.1"
-    inline-style-prefixer "^4.0.0"
-    rtl-css-js "^1.9.0"
-    sourcemap-codec "^1.4.1"
-    stacktrace-js "^2.0.0"
-    stylis "3.5.0"
-
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -8828,11 +8728,6 @@ no-case@^3.0.3:
     lower-case "^2.0.1"
     tslib "^1.10.0"
 
-node-ensure@^0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/node-ensure/-/node-ensure-0.0.0.tgz#ecae764150de99861ec5c810fd5d096b183932a7"
-  integrity sha1-7K52QVDemYYexcgQ/V0Jaxg5Mqc=
-
 node-fetch@^1.0.1:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-1.7.3.tgz#980f6f72d85211a5347c6b2bc18c5b84c3eb47ef"
@@ -9624,14 +9519,6 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-pdfjs-dist@2.1.266:
-  version "2.1.266"
-  resolved "https://registry.yarnpkg.com/pdfjs-dist/-/pdfjs-dist-2.1.266.tgz#cded02268b389559e807f410d2a729db62160026"
-  integrity sha512-Jy7o1wE3NezPxozexSbq4ltuLT0Z21ew/qrEiAEeUZzHxMHGk4DUV1D7RuCXg5vJDvHmjX1YssN+we9QfRRgXQ==
-  dependencies:
-    node-ensure "^0.0.0"
-    worker-loader "^2.0.0"
-
 performance-now@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
@@ -11286,18 +11173,6 @@ react-overlays@^2.0.0-0:
     uncontrollable "^7.0.0"
     warning "^4.0.3"
 
-react-pdf@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/react-pdf/-/react-pdf-4.1.0.tgz#fcb874f28050fe9593c4e04652c7bff94bb1acf9"
-  integrity sha512-SYwkWc+vRQHfrpDls3DOgn4G+wT0mYGJRor20e28GPRW8VB+6o8WqZ4QZxsl50z+dKM7UscXFnK/02eN3NXi2g==
-  dependencies:
-    "@babel/runtime" "^7.0.0"
-    lodash.once "^4.1.1"
-    make-event-props "^1.1.0"
-    merge-class-names "^1.1.1"
-    pdfjs-dist "2.1.266"
-    prop-types "^15.6.2"
-
 react-prop-toggle@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/react-prop-toggle/-/react-prop-toggle-1.0.2.tgz#8b0b7e74653606b1427cfcf6c4eaa9198330568e"
@@ -11439,25 +11314,6 @@ react-transition-group@2:
     prop-types "^15.6.2"
     react-lifecycles-compat "^3.0.4"
 
-react-use@^13.27.1:
-  version "13.27.1"
-  resolved "https://registry.yarnpkg.com/react-use/-/react-use-13.27.1.tgz#e2ae2b708dafc7893c4772628801589aab9de370"
-  integrity sha512-bAwdqDMXs5lovEanXnL1izledfrPEUUv1afoTVB59eUiYcDyKul+M/dT/2WcgHjoY/R6QlrTcZoW4R7ifwvBfw==
-  dependencies:
-    "@types/js-cookie" "2.2.5"
-    "@xobotyi/scrollbar-width" "1.9.5"
-    copy-to-clipboard "^3.2.0"
-    fast-deep-equal "^3.1.1"
-    fast-shallow-equal "^1.0.0"
-    js-cookie "^2.2.1"
-    nano-css "^5.2.1"
-    resize-observer-polyfill "^1.5.1"
-    screenfull "^5.0.0"
-    set-harmonic-interval "^1.0.1"
-    throttle-debounce "^2.1.0"
-    ts-easing "^0.2.0"
-    tslib "^1.10.0"
-
 react@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react/-/react-16.13.1.tgz#2e818822f1a9743122c063d6410d85c1e3afe48e"
@@ -12001,13 +11857,6 @@ rsvp@^4.8.4:
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
   integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
 
-rtl-css-js@^1.9.0:
-  version "1.14.0"
-  resolved "https://registry.yarnpkg.com/rtl-css-js/-/rtl-css-js-1.14.0.tgz#daa4f192a92509e292a0519f4b255e6e3c076b7d"
-  integrity sha512-Dl5xDTeN3e7scU1cWX8c9b6/Nqz3u/HgR4gePc1kWXYiQWVQbKCEyK6+Hxve9LbcJ5EieHy1J9nJCN3grTtGwg==
-  dependencies:
-    "@babel/runtime" "^7.1.2"
-
 run-async@^2.2.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.0.tgz#e59054a5b86876cfae07f431d18cbaddc594f1e8"
@@ -12026,6 +11875,8 @@ rxjs@^6.5.3:
   version "6.5.4"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.4.tgz#e0777fe0d184cec7872df147f303572d414e211c"
   integrity sha512-naMQXcgEo3csAEGvw/NydRA0fuS2nDZJiw1YUWFKU7aPPAPGZEsD4Iimit96qwCieH6y614MCLYwdkrWx7z/7Q==
+  dependencies:
+    tslib "^1.9.0"
 
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
@@ -12118,14 +11969,6 @@ scheduler@^0.19.1:
     loose-envify "^1.1.0"
     object-assign "^4.1.1"
 
-schema-utils@^0.4.0:
-  version "0.4.7"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
-  integrity sha512-v/iwU6wvwGK8HbU9yi3/nhGzP0yGSuhQMzL6ySiec1FSrZZDkhm4noOSWzrNFo/jEc+SJY6jRTwuwbSXJPDUnQ==
-  dependencies:
-    ajv "^6.1.0"
-    ajv-keywords "^3.1.0"
-
 schema-utils@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
@@ -12151,11 +11994,6 @@ schema-utils@^2.6.5:
     ajv "^6.12.0"
     ajv-keywords "^3.4.1"
 
-screenfull@^5.0.0:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/screenfull/-/screenfull-5.0.2.tgz#b9acdcf1ec676a948674df5cd0ff66b902b0bed7"
-  integrity sha512-cCF2b+L/mnEiORLN5xSAz6H3t18i2oHh9BA8+CQlAh5DRw2+NFAGQJOSYbcGw8B2k04g/lVvFcfZ83b3ysH5UQ==
-
 scroll-into-view-if-needed@^2.2.20:
   version "2.2.24"
   resolved "https://registry.yarnpkg.com/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.24.tgz#12bca532990769bd509115a49edcfa755e92a0ea"
@@ -12255,11 +12093,6 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
-set-harmonic-interval@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/set-harmonic-interval/-/set-harmonic-interval-1.0.1.tgz#e1773705539cdfb80ce1c3d99e7f298bb3995249"
-  integrity sha512-AhICkFV84tBP1aWqPwLZqFvAwqEoVA9kxNMniGEUvzOlm4vLmOFLiTT3UZ6bziJTy4bOVpzWGTfSCbmaayGx8g==
-
 set-value@^2.0.0, set-value@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
@@ -12502,11 +12335,6 @@ source-map-url@^0.4.0:
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3"
   integrity sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=
 
-source-map@0.5.6:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.6.tgz#75ce38f52bf0733c5a7f0c118d81334a2bb5f412"
-  integrity sha1-dc449SvwczxafwwRjYEzSiu19BI=
-
 source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
@@ -12529,11 +12357,6 @@ source-map@^0.7.3:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
 
-sourcemap-codec@^1.4.1:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
-  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-
 spdx-correct@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
@@ -12635,40 +12458,11 @@ stable@^0.1.8:
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
-stack-generator@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/stack-generator/-/stack-generator-2.0.5.tgz#fb00e5b4ee97de603e0773ea78ce944d81596c36"
-  integrity sha512-/t1ebrbHkrLrDuNMdeAcsvynWgoH/i4o8EGGfX7dEYDoTXOYVAkEpFdtshlvabzc6JlJ8Kf9YdFEoz7JkzGN9Q==
-  dependencies:
-    stackframe "^1.1.1"
-
 stack-utils@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
   integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
 
-stackframe@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.1.1.tgz#ffef0a3318b1b60c3b58564989aca5660729ec71"
-  integrity sha512-0PlYhdKh6AfFxRyK/v+6/k+/mMfyiEBbTM5L94D0ZytQnJ166wuwoTYLHFWGbs2dpA8Rgq763KGWmN1EQEYHRQ==
-
-stacktrace-gps@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/stacktrace-gps/-/stacktrace-gps-3.0.4.tgz#7688dc2fc09ffb3a13165ebe0dbcaf41bcf0c69a"
-  integrity sha512-qIr8x41yZVSldqdqe6jciXEaSCKw1U8XTXpjDuy0ki/apyTn/r3w9hDAAQOhZdxvsC93H+WwwEu5cq5VemzYeg==
-  dependencies:
-    source-map "0.5.6"
-    stackframe "^1.1.1"
-
-stacktrace-js@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stacktrace-js/-/stacktrace-js-2.0.2.tgz#4ca93ea9f494752d55709a081d400fdaebee897b"
-  integrity sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==
-  dependencies:
-    error-stack-parser "^2.0.6"
-    stack-generator "^2.0.5"
-    stacktrace-gps "^3.0.4"
-
 static-extend@^0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
@@ -12955,11 +12749,6 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-stylis@3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.0.tgz#016fa239663d77f868fef5b67cf201c4b7c701e1"
-  integrity sha512-pP7yXN6dwMzAR29Q0mBrabPCe0/mNO1MSr93bhay+hcZondvMMTpeGyd8nbhYJdyperNT2DRxONQuUGcJr5iPw==
-
 subscriptions-transport-ws@^0.9.16:
   version "0.9.16"
   resolved "https://registry.yarnpkg.com/subscriptions-transport-ws/-/subscriptions-transport-ws-0.9.16.tgz#90a422f0771d9c32069294c08608af2d47f596ec"
@@ -13134,11 +12923,6 @@ throat@^4.0.0:
   resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
   integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
 
-throttle-debounce@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/throttle-debounce/-/throttle-debounce-2.1.0.tgz#257e648f0a56bd9e54fe0f132c4ab8611df4e1d5"
-  integrity sha512-AOvyNahXQuU7NN+VVvOOX+uW6FPaWdAOdRP5HfwYxAfCzXTFKRMoIMk+n+po318+ktcChx+F1Dd91G3YHeMKyg==
-
 through2@^2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -13275,11 +13059,6 @@ trim-newlines@^1.0.0:
   dependencies:
     glob "^7.1.2"
 
-ts-easing@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/ts-easing/-/ts-easing-0.2.0.tgz#c8a8a35025105566588d87dbda05dd7fbfa5a4ec"
-  integrity sha512-Z86EW+fFFh/IFB1fqQ3/+7Zpf9t2ebOAxNI/V6Wo7r5gqiqtxmgTlQ1qbqQcjLKYeSHPTsEmvlJUDg/EuL0uHQ==
-
 ts-invariant@^0.4.0, ts-invariant@^0.4.4:
   version "0.4.4"
   resolved "https://registry.yarnpkg.com/ts-invariant/-/ts-invariant-0.4.4.tgz#97a523518688f93aafad01b0e80eb803eb2abd86"
@@ -14014,14 +13793,6 @@ worker-farm@^1.7.0:
   dependencies:
     errno "~0.1.7"
 
-worker-loader@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/worker-loader/-/worker-loader-2.0.0.tgz#45fda3ef76aca815771a89107399ee4119b430ac"
-  integrity sha512-tnvNp4K3KQOpfRnD20m8xltE3eWh89Ye+5oj7wXEEHKac1P4oZ6p9oTj8/8ExqoSBnk9nu5Pr4nKfQ1hn2APJw==
-  dependencies:
-    loader-utils "^1.0.0"
-    schema-utils "^0.4.0"
-
 worker-rpc@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/worker-rpc/-/worker-rpc-0.1.1.tgz#cb565bd6d7071a8f16660686051e969ad32f54d5"
diff --git a/hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/down.yaml b/hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/down.yaml
new file mode 100644
index 000000000..6447565eb
--- /dev/null
+++ b/hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/down.yaml
@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" DROP COLUMN "textid";
+  type: run_sql
diff --git a/hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/up.yaml b/hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/up.yaml
new file mode 100644
index 000000000..b0083e8a5
--- /dev/null
+++ b/hasura/migrations/1587398898639_alter_table_public_bodyshops_add_column_textid/up.yaml
@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."bodyshops" ADD COLUMN "textid" text NULL;
+  type: run_sql
diff --git a/hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/down.yaml b/hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/down.yaml
new file mode 100644
index 000000000..ffca2644f
--- /dev/null
+++ b/hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/down.yaml
@@ -0,0 +1,45 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - address1
+      - address2
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - insurance_vendor_id
+      - logo_img_path
+      - md_order_statuses
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - region_config
+      - shopname
+      - shoprates
+      - state
+      - state_tax_id
+      - template_header
+      - updated_at
+      - zip_post
+      computed_fields: []
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_select_permission
diff --git a/hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/up.yaml b/hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/up.yaml
new file mode 100644
index 000000000..f107f80d5
--- /dev/null
+++ b/hasura/migrations/1587398906593_update_permission_user_public_table_bodyshops/up.yaml
@@ -0,0 +1,46 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - address1
+      - address2
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - insurance_vendor_id
+      - logo_img_path
+      - md_order_statuses
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - region_config
+      - shopname
+      - shoprates
+      - state
+      - state_tax_id
+      - template_header
+      - textid
+      - updated_at
+      - zip_post
+      computed_fields: []
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_select_permission
diff --git a/hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/down.yaml b/hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/down.yaml
new file mode 100644
index 000000000..fc6bba57f
--- /dev/null
+++ b/hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/down.yaml
@@ -0,0 +1,46 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - address1
+      - address2
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - insurance_vendor_id
+      - logo_img_path
+      - md_order_statuses
+      - md_responsibility_centers
+      - md_ro_statuses
+      - messagingservicesid
+      - region_config
+      - shopname
+      - shoprates
+      - state
+      - state_tax_id
+      - updated_at
+      - zip_post
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_update_permission
diff --git a/hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/up.yaml b/hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/up.yaml
new file mode 100644
index 000000000..5ae0c6dad
--- /dev/null
+++ b/hasura/migrations/1587398924400_update_permission_user_public_table_bodyshops/up.yaml
@@ -0,0 +1,44 @@
+- args:
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - address1
+      - address2
+      - city
+      - country
+      - created_at
+      - email
+      - federal_tax_id
+      - id
+      - insurance_vendor_id
+      - logo_img_path
+      - md_order_statuses
+      - md_responsibility_centers
+      - md_ro_statuses
+      - shopname
+      - shoprates
+      - state
+      - state_tax_id
+      - updated_at
+      - zip_post
+      filter:
+        associations:
+          bodyshop:
+            associations:
+              user:
+                authid:
+                  _eq: X-Hasura-User-Id
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: bodyshops
+      schema: public
+  type: create_update_permission
diff --git a/hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/down.yaml b/hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/down.yaml
new file mode 100644
index 000000000..ffaf72873
--- /dev/null
+++ b/hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/down.yaml
@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."documents" DROP COLUMN "type";
+  type: run_sql
diff --git a/hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/up.yaml b/hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/up.yaml
new file mode 100644
index 000000000..a0b878812
--- /dev/null
+++ b/hasura/migrations/1587408177344_alter_table_public_documents_add_column_type/up.yaml
@@ -0,0 +1,5 @@
+- args:
+    cascade: false
+    read_only: false
+    sql: ALTER TABLE "public"."documents" ADD COLUMN "type" text NULL;
+  type: run_sql
diff --git a/hasura/migrations/1587408195798_update_permission_user_public_table_documents/down.yaml b/hasura/migrations/1587408195798_update_permission_user_public_table_documents/down.yaml
new file mode 100644
index 000000000..3d103eca5
--- /dev/null
+++ b/hasura/migrations/1587408195798_update_permission_user_public_table_documents/down.yaml
@@ -0,0 +1,35 @@
+- args:
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - created_at
+      - id
+      - jobid
+      - key
+      - name
+      - thumb_url
+      - updated_at
+      - uploaded_by
+      - url
+      computed_fields: []
+      filter:
+        job:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: create_select_permission
diff --git a/hasura/migrations/1587408195798_update_permission_user_public_table_documents/up.yaml b/hasura/migrations/1587408195798_update_permission_user_public_table_documents/up.yaml
new file mode 100644
index 000000000..f933e16a3
--- /dev/null
+++ b/hasura/migrations/1587408195798_update_permission_user_public_table_documents/up.yaml
@@ -0,0 +1,37 @@
+- args:
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: drop_select_permission
+- args:
+    permission:
+      allow_aggregations: false
+      columns:
+      - created_at
+      - id
+      - invoiceid
+      - jobid
+      - key
+      - name
+      - thumb_url
+      - type
+      - updated_at
+      - uploaded_by
+      - url
+      computed_fields: []
+      filter:
+        job:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: create_select_permission
diff --git a/hasura/migrations/1587408202367_update_permission_user_public_table_documents/down.yaml b/hasura/migrations/1587408202367_update_permission_user_public_table_documents/down.yaml
new file mode 100644
index 000000000..2c0ca6648
--- /dev/null
+++ b/hasura/migrations/1587408202367_update_permission_user_public_table_documents/down.yaml
@@ -0,0 +1,37 @@
+- args:
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: drop_insert_permission
+- args:
+    permission:
+      check:
+        job:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+      columns:
+      - created_at
+      - id
+      - jobid
+      - key
+      - name
+      - thumb_url
+      - updated_at
+      - uploaded_by
+      - url
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: create_insert_permission
diff --git a/hasura/migrations/1587408202367_update_permission_user_public_table_documents/up.yaml b/hasura/migrations/1587408202367_update_permission_user_public_table_documents/up.yaml
new file mode 100644
index 000000000..687d76892
--- /dev/null
+++ b/hasura/migrations/1587408202367_update_permission_user_public_table_documents/up.yaml
@@ -0,0 +1,39 @@
+- args:
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: drop_insert_permission
+- args:
+    permission:
+      check:
+        job:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+      columns:
+      - key
+      - name
+      - thumb_url
+      - type
+      - uploaded_by
+      - url
+      - created_at
+      - updated_at
+      - id
+      - invoiceid
+      - jobid
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: create_insert_permission
diff --git a/hasura/migrations/1587408207340_update_permission_user_public_table_documents/down.yaml b/hasura/migrations/1587408207340_update_permission_user_public_table_documents/down.yaml
new file mode 100644
index 000000000..515730b23
--- /dev/null
+++ b/hasura/migrations/1587408207340_update_permission_user_public_table_documents/down.yaml
@@ -0,0 +1,37 @@
+- args:
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - created_at
+      - id
+      - jobid
+      - key
+      - name
+      - thumb_url
+      - updated_at
+      - uploaded_by
+      - url
+      filter:
+        job:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: create_update_permission
diff --git a/hasura/migrations/1587408207340_update_permission_user_public_table_documents/up.yaml b/hasura/migrations/1587408207340_update_permission_user_public_table_documents/up.yaml
new file mode 100644
index 000000000..1f0b95e9a
--- /dev/null
+++ b/hasura/migrations/1587408207340_update_permission_user_public_table_documents/up.yaml
@@ -0,0 +1,39 @@
+- args:
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: drop_update_permission
+- args:
+    permission:
+      columns:
+      - key
+      - name
+      - thumb_url
+      - type
+      - uploaded_by
+      - url
+      - created_at
+      - updated_at
+      - id
+      - invoiceid
+      - jobid
+      filter:
+        job:
+          bodyshop:
+            associations:
+              _and:
+              - user:
+                  authid:
+                    _eq: X-Hasura-User-Id
+              - active:
+                  _eq: true
+      localPresets:
+      - key: ""
+        value: ""
+      set: {}
+    role: user
+    table:
+      name: documents
+      schema: public
+  type: create_update_permission
diff --git a/server.js b/server.js
index bec304466..68629640c 100644
--- a/server.js
+++ b/server.js
@@ -31,7 +31,8 @@ app.get("/test", function (req, res) {
 
 //Cloudinary Media Paths
 var media = require("./server/media/media");
-app.post("/media/upload", media.createSignedUploadURL);
+app.post("/media/sign", media.createSignedUploadURL);
+app.post("/media/download", media.downloadFiles);
 
 //SMS/Twilio Paths
 var smsReceive = require("./server/sms/receive");
diff --git a/server/media/media.js b/server/media/media.js
index e242c32f2..7fa9ae259 100644
--- a/server/media/media.js
+++ b/server/media/media.js
@@ -4,12 +4,8 @@ var cloudinary = require("cloudinary").v2;
 cloudinary.config(process.env.CLOUDINARY_URL);
 
 exports.createSignedUploadURL = (req, res) => {
-  console.log("Requrest to create signed upload URL for Cloudinary.", req.body);
+  console.log("Request to create signed upload URL for Cloudinary.", req.body);
 
-  console.log(
-    "cloudinary.config.api_secret",
-    process.env.CLOUDINARY_API_SECRET
-  );
   res.send(
     cloudinary.utils.api_sign_request(
       req.body,
@@ -17,3 +13,9 @@ exports.createSignedUploadURL = (req, res) => {
     )
   );
 };
+
+exports.downloadFiles = (req, res) => {
+  const { ids } = req.body;
+  const url = cloudinary.utils.download_zip_url({ public_ids: ids });
+  res.send(url);
+};