From 35984625cff02c519c56e0450d4792ff56b338cb Mon Sep 17 00:00:00 2001
From: Illia Rudniev <cheskmr@gmail.com>
Date: Tue, 14 Jan 2025 16:47:01 +0200
Subject: [PATCH] feat: added csv document rendering

---
 apps/backoffice-v2/package.json               |   4 +
 .../molecules/ImageEditor/ImageEditor.tsx     |   9 +-
 .../ImageViewer/ImageViewer.SelectedImage.tsx |   7 +-
 .../ImageViewer/ImageViewer.ZoomModal.tsx     |  15 +-
 apps/backoffice-v2/src/common/constants.ts    |   2 -
 .../convert-csv-to-pdf-base64-string.ts       |  36 +++++
 .../src/common/utils/is-csv/is-csv.ts         |   2 +
 .../Case/Case.Documents.Toolbar.tsx           |   3 +-
 .../Entity/components/Case/Case.Documents.tsx |  27 ++--
 .../Case/hooks/useDocuments/helpers.ts        |  13 ++
 .../hooks/useDocuments/useDocumentsLogic.tsx  |  17 +-
 .../DocumentField/DocumentField.tsx           |   2 +
 pnpm-lock.yaml                                | 151 +++++++++++++++++-
 .../workflows-service/prisma/data-migrations  |   2 +-
 14 files changed, 254 insertions(+), 36 deletions(-)
 create mode 100644 apps/backoffice-v2/src/common/utils/convert-csv-to-pdf-base64-string/convert-csv-to-pdf-base64-string.ts
 create mode 100644 apps/backoffice-v2/src/common/utils/is-csv/is-csv.ts
 create mode 100644 apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/helpers.ts

diff --git a/apps/backoffice-v2/package.json b/apps/backoffice-v2/package.json
index 6f0310cfca..4ff78aa076 100644
--- a/apps/backoffice-v2/package.json
+++ b/apps/backoffice-v2/package.json
@@ -116,6 +116,8 @@
     "i18next": "^22.4.9",
     "i18next-browser-languagedetector": "^7.0.1",
     "i18next-http-backend": "^2.1.1",
+    "jspdf": "^2.5.2",
+    "jspdf-autotable": "^3.8.4",
     "leaflet": "^1.9.4",
     "libphonenumber-js": "^1.10.49",
     "lodash-es": "^4.17.21",
@@ -123,6 +125,7 @@
     "lucide-react": "0.445.0",
     "match-sorter": "^6.3.1",
     "msw": "^1.0.0",
+    "papaparse": "^5.5.1",
     "posthog-js": "^1.154.2",
     "qs": "^6.11.2",
     "react": "^18.2.0",
@@ -172,6 +175,7 @@
     "@types/leaflet": "^1.9.3",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^18.11.13",
+    "@types/papaparse": "^5.3.15",
     "@types/qs": "^6.9.7",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
diff --git a/apps/backoffice-v2/src/common/components/molecules/ImageEditor/ImageEditor.tsx b/apps/backoffice-v2/src/common/components/molecules/ImageEditor/ImageEditor.tsx
index d6e561b997..c7546f0077 100644
--- a/apps/backoffice-v2/src/common/components/molecules/ImageEditor/ImageEditor.tsx
+++ b/apps/backoffice-v2/src/common/components/molecules/ImageEditor/ImageEditor.tsx
@@ -1,5 +1,6 @@
 import { FunctionComponentWithChildren } from '@/common/types';
 import { ctw } from '@/common/utils/ctw/ctw';
+import { isCsv } from '@/common/utils/is-csv/is-csv';
 import { isPdf } from '@/common/utils/is-pdf/is-pdf';
 import { ComponentProps } from 'react';
 import ReactCrop, { Crop } from 'react-image-crop';
@@ -30,7 +31,7 @@ export const ImageEditor: FunctionComponentWithChildren<IImageEditorProps> = ({
       <TransformComponent
         wrapperClass={`d-full max-w-[600px] max-h-[600px] h-full`}
         contentClass={ctw({
-          'hover:cursor-move': !isPdf(image),
+          'hover:cursor-move': !isPdf(image) && !isCsv(image),
         })}
         wrapperStyle={{
           width: '100%',
@@ -41,15 +42,15 @@ export const ImageEditor: FunctionComponentWithChildren<IImageEditorProps> = ({
         contentStyle={{
           width: '100%',
           height: '100%',
-          display: !isPdf(image) ? 'block' : 'flex',
+          display: !isPdf(image) && !isCsv(image) ? 'block' : 'flex',
         }}
       >
         <ReactCrop
           crop={crop}
           onChange={onCrop}
-          disabled={!isCropping || isPdf(image) || isRotatedOrTransformed}
+          disabled={!isCropping || isPdf(image) || isCsv(image) || isRotatedOrTransformed}
           className={ctw('h-full w-full overflow-hidden [&>div]:!w-full', {
-            'flex flex-row [&>div]:min-h-[600px]': isPdf(image),
+            'flex flex-row [&>div]:min-h-[600px]': isPdf(image) || isCsv(image),
           })}
         >
           <div
diff --git a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.SelectedImage.tsx b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.SelectedImage.tsx
index 9533453638..4a7bafc5ce 100644
--- a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.SelectedImage.tsx
+++ b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.SelectedImage.tsx
@@ -1,3 +1,4 @@
+import { isCsv } from '@/common/utils/is-csv/is-csv';
 import { forwardRef, useCallback, useEffect, useState } from 'react';
 import { ctw } from '../../../utils/ctw/ctw';
 import { isPdf } from '../../../utils/is-pdf/is-pdf';
@@ -31,10 +32,10 @@ export const SelectedImage = forwardRef<HTMLImageElement | HTMLIFrameElement, TS
       setIsError(false);
     }, [isError, selectedImage?.imageUrl]);
 
-    if (isPdf(selectedImage)) {
+    if (isPdf(selectedImage) || isCsv(selectedImage)) {
       return (
         <iframe
-          src={selectedImage?.imageUrl + '#toolbar=0&navpanes=0'}
+          src={`${selectedImage?.imageUrl}#toolbar=0&navpanes=0`}
           ref={ref}
           className={ctw(className, `d-full mx-auto`, {
             'h-[600px] w-[600px]': isPlaceholder,
@@ -60,3 +61,5 @@ export const SelectedImage = forwardRef<HTMLImageElement | HTMLIFrameElement, TS
     );
   },
 );
+
+SelectedImage.displayName = 'SelectedImage';
diff --git a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.ZoomModal.tsx b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.ZoomModal.tsx
index 3837c92c40..b6e5392abe 100644
--- a/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.ZoomModal.tsx
+++ b/apps/backoffice-v2/src/common/components/organisms/ImageViewer/ImageViewer.ZoomModal.tsx
@@ -1,10 +1,11 @@
+import { isCsv } from '@/common/utils/is-csv/is-csv';
 import { FunctionComponent } from 'react';
-import { useImageViewerContext } from './hooks/useImageViewerContext/useImageViewerContext';
-import { IZoomModalProps } from './interfaces';
-import { Modal } from '../Modal/Modal';
-import { BallerineImage } from '../../atoms/BallerineImage';
 import { ctw } from '../../../utils/ctw/ctw';
 import { isPdf } from '../../../utils/is-pdf/is-pdf';
+import { BallerineImage } from '../../atoms/BallerineImage';
+import { Modal } from '../Modal/Modal';
+import { useImageViewerContext } from './hooks/useImageViewerContext/useImageViewerContext';
+import { IZoomModalProps } from './interfaces';
 
 /**
  * @description To be used by {@link ImageViewer}. Uses the {@link Modal} component with default styling to display an enlarged version of the selected image.
@@ -33,14 +34,14 @@ export const ZoomModal: FunctionComponent<IZoomModalProps> = ({
       hideTitle
       {...rest}
     >
-      {isPdf(selectedImage) && (
+      {(isPdf(selectedImage) || isCsv(selectedImage)) && (
         <iframe
-          src={selectedImage?.imageUrl}
+          src={`${selectedImage?.imageUrl}${isCsv(selectedImage) ? '#toolbar=0&navpanes=0' : ''}`}
           className={ctw(`d-full`, imageClassName)}
           {...restImage}
         />
       )}
-      {!isPdf(selectedImage) && (
+      {!isPdf(selectedImage) && !isCsv(selectedImage) && (
         <BallerineImage
           withPlaceholder
           src={selectedImage?.imageUrl}
diff --git a/apps/backoffice-v2/src/common/constants.ts b/apps/backoffice-v2/src/common/constants.ts
index 496da6db5f..bd00855ea1 100644
--- a/apps/backoffice-v2/src/common/constants.ts
+++ b/apps/backoffice-v2/src/common/constants.ts
@@ -1,6 +1,4 @@
 export const DOWNLOAD_ONLY_MIME_TYPES = [
-  'application/csv',
-  'text/csv',
   // xls
   'application/vnd.ms-excel',
   // xlsx
diff --git a/apps/backoffice-v2/src/common/utils/convert-csv-to-pdf-base64-string/convert-csv-to-pdf-base64-string.ts b/apps/backoffice-v2/src/common/utils/convert-csv-to-pdf-base64-string/convert-csv-to-pdf-base64-string.ts
new file mode 100644
index 0000000000..58305a3ed7
--- /dev/null
+++ b/apps/backoffice-v2/src/common/utils/convert-csv-to-pdf-base64-string/convert-csv-to-pdf-base64-string.ts
@@ -0,0 +1,36 @@
+import { jsPDF } from 'jspdf';
+import 'jspdf-autotable';
+import Papa from 'papaparse';
+
+interface jsPDFWithPlugin extends jsPDF {
+  autoTable: any;
+}
+
+export const convertCsvToPdfBase64String = (csvBase64: string) => {
+  // Extract base64 data from data URI
+  const base64Data = csvBase64.split(',')[1] || csvBase64;
+
+  // Decode base64 to string
+  const csvString = atob(base64Data);
+
+  // Parse CSV string to array using PapaParse
+  const { data } = Papa.parse(csvString, {
+    header: true,
+    skipEmptyLines: true,
+  });
+
+  // Create new PDF document
+  const doc = new jsPDF() as jsPDFWithPlugin;
+
+  // Add table to PDF using autoTable
+  doc.autoTable({
+    head: [Object.keys(data[0] as object)], // Column headers
+    body: data.map(row => Object.values(row as object)), // Row data
+    startY: 10,
+    margin: { top: 10 },
+    styles: { fontSize: 8 },
+    headStyles: { fillColor: [66, 66, 66] },
+  });
+
+  return doc.output('datauristring');
+};
diff --git a/apps/backoffice-v2/src/common/utils/is-csv/is-csv.ts b/apps/backoffice-v2/src/common/utils/is-csv/is-csv.ts
new file mode 100644
index 0000000000..6e1e9619b6
--- /dev/null
+++ b/apps/backoffice-v2/src/common/utils/is-csv/is-csv.ts
@@ -0,0 +1,2 @@
+export const isCsv = <T extends { fileType: string }>(document: T) =>
+  document?.fileType === 'text/csv' || document?.fileType === 'application/csv';
diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.Toolbar.tsx b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.Toolbar.tsx
index 7ca509d499..77a2429c42 100644
--- a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.Toolbar.tsx
+++ b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.Toolbar.tsx
@@ -4,6 +4,7 @@ import { FunctionComponent } from 'react';
 import { ImageOCR } from '@/common/components/molecules/ImageOCR/ImageOCR';
 import { ImageViewer } from '@/common/components/organisms/ImageViewer/ImageViewer';
 import { ctw } from '@/common/utils/ctw/ctw';
+import { isCsv } from '@/common/utils/is-csv/is-csv';
 import { isPdf } from '@/common/utils/is-pdf/is-pdf';
 import { useDocumentsToolbarLogic } from '@/pages/Entity/components/Case/hooks/useDocumentsToolbarLogic/useDocumentsToolbarLogic';
 
@@ -55,7 +56,7 @@ export const DocumentsToolbar: FunctionComponent<{
           <ExternalLinkIcon className={`p-0.5`} />
         </button>
       )}
-      {!isPdf(image) && !isLoading && (
+      {!isPdf(image) && !isCsv(image) && !isLoading && (
         <>
           <button
             type={`button`}
diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx
index 98df9323c3..aa9cdfffdd 100644
--- a/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx
+++ b/apps/backoffice-v2/src/pages/Entity/components/Case/Case.Documents.tsx
@@ -5,6 +5,7 @@ import { DownloadFile } from '@/common/components/molecules/DownloadFile/Downloa
 import { ImageEditor } from '@/common/components/molecules/ImageEditor/ImageEditor';
 import { ImageViewer } from '@/common/components/organisms/ImageViewer/ImageViewer';
 import { ctw } from '@/common/utils/ctw/ctw';
+import { isCsv } from '@/common/utils/is-csv/is-csv';
 import { keyFactory } from '@/common/utils/key-factory/key-factory';
 import { DocumentsToolbar } from '@/pages/Entity/components/Case/Case.Documents.Toolbar';
 import { useDocumentsLogic } from './hooks/useDocuments/useDocumentsLogic';
@@ -100,17 +101,21 @@ export const Documents: FunctionComponent<IDocumentsProps> = ({
           ? skeletons.map(index => (
               <ImageViewer.SkeletonItem key={`image-viewer-skeleton-${index}`} />
             ))
-          : documents?.map(({ imageUrl, title, fileType, fileName, id }) => (
-              <ImageViewer.Item
-                id={id}
-                key={keyFactory(id, title, fileName, fileType, imageUrl)}
-                src={imageUrl}
-                fileType={fileType}
-                fileName={fileName}
-                alt={title}
-                caption={title}
-              />
-            ))}
+          : documents?.map(document => {
+              const { imageUrl, title, fileType, fileName, id } = document;
+
+              return !isCsv(document) ? (
+                <ImageViewer.Item
+                  id={id}
+                  key={keyFactory(id, title, fileName, fileType, imageUrl)}
+                  src={imageUrl}
+                  fileType={fileType}
+                  fileName={fileName}
+                  alt={title}
+                  caption={title}
+                />
+              ) : null;
+            })}
       </ImageViewer.List>
       <ImageViewer.ZoomModal />
     </ImageViewer>
diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/helpers.ts b/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/helpers.ts
new file mode 100644
index 0000000000..0d0b5a57d0
--- /dev/null
+++ b/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/helpers.ts
@@ -0,0 +1,13 @@
+import { isCsv } from '@/common/utils/is-csv/is-csv';
+import { convertCsvToPdfBase64String } from '../../../../../../common/utils/convert-csv-to-pdf-base64-string/convert-csv-to-pdf-base64-string';
+import { IDocumentsProps } from '../../interfaces';
+
+export const convertCsvDocumentsToPdf = (documents: IDocumentsProps['documents']) => {
+  return documents.map(document => {
+    if (isCsv(document)) {
+      return { ...document, imageUrl: convertCsvToPdfBase64String(document.imageUrl) };
+    }
+
+    return document;
+  });
+};
diff --git a/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/useDocumentsLogic.tsx b/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/useDocumentsLogic.tsx
index 389feb6a5a..02bb86ff27 100644
--- a/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/useDocumentsLogic.tsx
+++ b/apps/backoffice-v2/src/pages/Entity/components/Case/hooks/useDocuments/useDocumentsLogic.tsx
@@ -1,17 +1,20 @@
-import { ComponentProps, useCallback, useRef, useState } from 'react';
+import { ComponentProps, useCallback, useMemo, useRef, useState } from 'react';
 
-import { IDocumentsProps } from '../../interfaces';
-import { TransformWrapper } from 'react-zoom-pan-pinch';
-import { useCrop } from '@/common/hooks/useCrop/useCrop';
 import { DOWNLOAD_ONLY_MIME_TYPES } from '@/common/constants';
+import { useCrop } from '@/common/hooks/useCrop/useCrop';
 import { useFilterId } from '@/common/hooks/useFilterId/useFilterId';
 import { useTesseract } from '@/common/hooks/useTesseract/useTesseract';
 import { createArrayOfNumbers } from '@/common/utils/create-array-of-numbers/create-array-of-numbers';
-import { useStorageFileByIdQuery } from '@/domains/storage/hooks/queries/useStorageFileByIdQuery/useStorageFileByIdQuery';
 import { useCustomerQuery } from '@/domains/customer/hooks/queries/useCustomerQuery/useCustomerQuery';
+import { useStorageFileByIdQuery } from '@/domains/storage/hooks/queries/useStorageFileByIdQuery/useStorageFileByIdQuery';
+import { TransformWrapper } from 'react-zoom-pan-pinch';
+import { IDocumentsProps } from '../../interfaces';
+import { convertCsvDocumentsToPdf } from './helpers';
+
+export const useDocumentsLogic = (_initialDocuments: IDocumentsProps['documents']) => {
+  const documents = useMemo(() => convertCsvDocumentsToPdf(_initialDocuments), [_initialDocuments]);
+  const initialImage = useMemo(() => documents?.[0], [documents]);
 
-export const useDocumentsLogic = (documents: IDocumentsProps['documents']) => {
-  const initialImage = documents?.[0];
   const { data: customer } = useCustomerQuery();
   const { crop, isCropping, onCrop, onCancelCrop } = useCrop();
   const selectedImageRef = useRef<HTMLImageElement>();
diff --git a/apps/kyb-app/src/components/organisms/UIRenderer/elements/JSONForm/components/DocumentField/DocumentField.tsx b/apps/kyb-app/src/components/organisms/UIRenderer/elements/JSONForm/components/DocumentField/DocumentField.tsx
index 672a125c92..9e8328311d 100644
--- a/apps/kyb-app/src/components/organisms/UIRenderer/elements/JSONForm/components/DocumentField/DocumentField.tsx
+++ b/apps/kyb-app/src/components/organisms/UIRenderer/elements/JSONForm/components/DocumentField/DocumentField.tsx
@@ -22,6 +22,7 @@ import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
 export interface DocumentFieldParams {
   documentData: Partial<Document>;
+  acceptFileFormats?: string;
 }
 
 export const DocumentField = (
@@ -243,6 +244,7 @@ export const DocumentField = (
         onBlur={onBlur as () => void}
         testId={definition.name}
         onChange={handleChange}
+        acceptFileFormats={definition.options.acceptFileFormats}
       />
       {!!warnings.length && <ErrorsList errors={warnings.map(err => err.message)} />}
       {isTouched && !!validationErrors.length && (
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 86f09f9c2e..9de65bc44b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -264,6 +264,12 @@ importers:
       i18next-http-backend:
         specifier: ^2.1.1
         version: 2.4.1
+      jspdf:
+        specifier: ^2.5.2
+        version: 2.5.2
+      jspdf-autotable:
+        specifier: ^3.8.4
+        version: 3.8.4(jspdf@2.5.2)
       leaflet:
         specifier: ^1.9.4
         version: 1.9.4
@@ -285,6 +291,9 @@ importers:
       msw:
         specifier: ^1.0.0
         version: 1.3.2(typescript@5.5.4)
+      papaparse:
+        specifier: ^5.5.1
+        version: 5.5.1
       posthog-js:
         specifier: ^1.154.2
         version: 1.154.5
@@ -427,6 +436,9 @@ importers:
       '@types/node':
         specifier: ^18.11.13
         version: 18.17.19
+      '@types/papaparse':
+        specifier: ^5.3.15
+        version: 5.3.15
       '@types/qs':
         specifier: ^6.9.7
         version: 6.9.10
@@ -18851,6 +18863,12 @@ packages:
     resolution: {integrity: sha512-esIJx9bQg+QYF0ra8GnvfianIY8qWB0GBx54PK5Eps6m+xTj86KLavHv6qDhzKcu5UUOgNfJ2pWaIIV7TRUd9Q==}
     dev: false
 
+  /@types/papaparse@5.3.15:
+    resolution: {integrity: sha512-JHe6vF6x/8Z85nCX4yFdDslN11d+1pr12E526X8WAfhadOeaOTx5AuIkvDKIBopfvlzpzkdMx4YyvSKCM9oqtw==}
+    dependencies:
+      '@types/node': 18.17.19
+    dev: true
+
   /@types/parse-json@4.0.2:
     resolution: {integrity: sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==}
 
@@ -18908,6 +18926,12 @@ packages:
   /@types/qs@6.9.11:
     resolution: {integrity: sha512-oGk0gmhnEJK4Yyk+oI7EfXsLayXatCWPHary1MtcmbAifkobT9cM9yutG/hZKIseOU0MqbIwQ/u2nn/Gb+ltuQ==}
 
+  /@types/raf@3.4.3:
+    resolution: {integrity: sha512-c4YAvMedbPZ5tEyxzQdMoOhhJ4RD3rngZIdwC2/qDN3d7JpEhB6fiBRKVY1lg5B7Wk+uPBjn5f39j1/2MY1oOw==}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /@types/range-parser@1.2.7:
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
     dev: true
@@ -21676,6 +21700,12 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: true
 
+  /atob@2.1.2:
+    resolution: {integrity: sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==}
+    engines: {node: '>= 4.5.0'}
+    hasBin: true
+    dev: false
+
   /autoprefixer@10.4.14(postcss@8.4.31):
     resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -21980,6 +22010,13 @@ packages:
     resolution: {integrity: sha512-pNdYkNPiJUnEhnfXV56+sQy8+AaPcG3POZAUnwr4EeqCUZFz4u2PePbo3e5Gj4ziYPCWGUZT9RHisvJKnwFuBQ==}
     dev: false
 
+  /base64-arraybuffer@1.0.2:
+    resolution: {integrity: sha512-I3yl4r9QB5ZRY3XuJVEPfc2XhZO6YweFPI+UovAzn+8/hb3oJ6lnysaFcjVpkCPfVWFUDvoZ8kmVDP7WyRtYtQ==}
+    engines: {node: '>= 0.6.0'}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
@@ -22239,6 +22276,12 @@ packages:
       node-int64: 0.4.0
     dev: true
 
+  /btoa@1.2.1:
+    resolution: {integrity: sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==}
+    engines: {node: '>= 0.4.0'}
+    hasBin: true
+    dev: false
+
   /buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
     dev: true
@@ -22412,6 +22455,22 @@ packages:
     resolution: {integrity: sha512-jRGVy3iSGO5Uutn2owlb5gR6qsGngTw9ZTb4ali9f3glshcNmJ2noam4Mo9zia5P9Dk3jNNydy7vQjuE5dQmfg==}
     dev: true
 
+  /canvg@3.0.10:
+    resolution: {integrity: sha512-qwR2FRNO9NlzTeKIPIKpnTY6fqwuYSequ8Ru8c0YkYU7U0oW+hLUvWadLvAu1Rl72OMNiFhoLu4f8eUjQ7l/+Q==}
+    engines: {node: '>=10.0.0'}
+    requiresBuild: true
+    dependencies:
+      '@babel/runtime': 7.23.8
+      '@types/raf': 3.4.3
+      core-js: 3.33.2
+      raf: 3.4.1
+      regenerator-runtime: 0.13.11
+      rgbcolor: 1.0.1
+      stackblur-canvas: 2.7.0
+      svg-pathdata: 6.0.3
+    dev: false
+    optional: true
+
   /capital-case@1.0.4:
     resolution: {integrity: sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==}
     dependencies:
@@ -23240,7 +23299,6 @@ packages:
   /core-js@3.33.2:
     resolution: {integrity: sha512-XeBzWI6QL3nJQiHmdzbAOiMYqjrb7hwU7A39Qhvd/POSa/t9E1AeZyEZx3fNvp/vtM8zXwhoL0FsiS0hD0pruQ==}
     requiresBuild: true
-    dev: true
 
   /core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
@@ -23628,6 +23686,14 @@ packages:
       hyphenate-style-name: 1.1.0
     dev: false
 
+  /css-line-break@2.1.0:
+    resolution: {integrity: sha512-FHcKFCZcAha3LwfVBhCQbW2nCNbkZXn7KVUJcsT5/P8YmfsVja0FMPJr0B903j/E69HUphKiV9iQArX8SDYA4w==}
+    requiresBuild: true
+    dependencies:
+      utrie: 1.0.2
+    dev: false
+    optional: true
+
   /css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
     dependencies:
@@ -24431,6 +24497,12 @@ packages:
       domelementtype: 2.3.0
     dev: true
 
+  /dompurify@2.5.8:
+    resolution: {integrity: sha512-o1vSNgrmYMQObbSSvF/1brBYEQPHhV1+gsmrusO7/GXtp1T9rCS8cXFqVxK/9crT1jA6Ccv+5MTSjBNqr7Sovw==}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /dompurify@3.0.6:
     resolution: {integrity: sha512-ilkD8YEnnGh1zJ240uJsW7AzE+2qpbOUYjacomn3AvJ6J4JhKGSZ2nh4wUIXPZrEPppaCLx5jFe8T89Rk8tQ7w==}
     dev: false
@@ -26704,6 +26776,10 @@ packages:
     resolution: {integrity: sha512-FJqqoDBR00Mdj9ppamLa/Y7vxm+PRmNWA67N846RvsoYVMKB4q3y/de5PA7gUmRMYK/8CMz2GDZQmCRN1wBcWA==}
     dev: false
 
+  /fflate@0.8.2:
+    resolution: {integrity: sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==}
+    dev: false
+
   /figures@3.2.0:
     resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
     engines: {node: '>=8'}
@@ -27999,6 +28075,16 @@ packages:
     resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
     dev: false
 
+  /html2canvas@1.4.1:
+    resolution: {integrity: sha512-fPU6BHNpsyIhr8yyMpTLLxAbkaK8ArIBcmZIRiBLiDhjeqvXolaEmDGmELFuX9I4xDcaKKcJl+TKZLqruBbmWA==}
+    engines: {node: '>=8.0.0'}
+    requiresBuild: true
+    dependencies:
+      css-line-break: 2.1.0
+      text-segmentation: 1.0.3
+    dev: false
+    optional: true
+
   /http-cache-semantics@4.1.1:
     resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}
 
@@ -29813,6 +29899,28 @@ packages:
       semver: 7.5.4
     dev: false
 
+  /jspdf-autotable@3.8.4(jspdf@2.5.2):
+    resolution: {integrity: sha512-rSffGoBsJYX83iTRv8Ft7FhqfgEL2nLpGAIiqruEQQ3e4r0qdLFbPUB7N9HAle0I3XgpisvyW751VHCqKUVOgQ==}
+    peerDependencies:
+      jspdf: ^2.5.1
+    dependencies:
+      jspdf: 2.5.2
+    dev: false
+
+  /jspdf@2.5.2:
+    resolution: {integrity: sha512-myeX9c+p7znDWPk0eTrujCzNjT+CXdXyk7YmJq5nD5V7uLLKmSXnlQ/Jn/kuo3X09Op70Apm0rQSnFWyGK8uEQ==}
+    dependencies:
+      '@babel/runtime': 7.23.8
+      atob: 2.1.2
+      btoa: 1.2.1
+      fflate: 0.8.2
+    optionalDependencies:
+      canvg: 3.0.10
+      core-js: 3.33.2
+      dompurify: 2.5.8
+      html2canvas: 1.4.1
+    dev: false
+
   /jsx-ast-utils@3.3.5:
     resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
     engines: {node: '>=4.0'}
@@ -32653,6 +32761,10 @@ packages:
   /pako@1.0.11:
     resolution: {integrity: sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==}
 
+  /papaparse@5.5.1:
+    resolution: {integrity: sha512-EuEKUhyxrHVozD7g3/ztsJn6qaKse8RPfR6buNB2dMJvdtXNhcw8jccVi/LxNEY3HVrV6GO6Z4OoeCG9Iy9wpA==}
+    dev: false
+
   /param-case@3.0.4:
     resolution: {integrity: sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==}
     dependencies:
@@ -34883,6 +34995,13 @@ packages:
     resolution: {integrity: sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==}
     dev: true
 
+  /rgbcolor@1.0.1:
+    resolution: {integrity: sha512-9aZLIrhRaD97sgVhtJOW6ckOEh6/GnvQtdVNfdZ6s67+3/XwLS9lBcQYzEEhYVeUowN7pRzMLsyGhK2i/xvWbw==}
+    engines: {node: '>= 0.8.15'}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /rimraf@2.6.3:
     resolution: {integrity: sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==}
     hasBin: true
@@ -35773,6 +35892,13 @@ packages:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
     dev: true
 
+  /stackblur-canvas@2.7.0:
+    resolution: {integrity: sha512-yf7OENo23AGJhBriGx0QivY5JP6Y1HbrrDI6WLt6C5auYZXlQrheoY8hD4ibekFKz1HOfE48Ww8kMWMnJD/zcQ==}
+    engines: {node: '>=0.1.14'}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /stackframe@1.3.4:
     resolution: {integrity: sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==}
     dev: false
@@ -36338,6 +36464,13 @@ packages:
   /svg-arc-to-cubic-bezier@3.2.0:
     resolution: {integrity: sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g==}
 
+  /svg-pathdata@6.0.3:
+    resolution: {integrity: sha512-qsjeeq5YjBZ5eMdFuUa4ZosMLxgr5RZ+F+Y1OrDhuOCEInRMA3x74XdBtggJcj9kOeInz0WE+LgCPDkZFlBYJw==}
+    engines: {node: '>=12.0.0'}
+    requiresBuild: true
+    dev: false
+    optional: true
+
   /swagger-ui-dist@5.17.14:
     resolution: {integrity: sha512-CVbSfaLpstV65OnSjbXfVd6Sta3q3F7Cj/yYuvHMp1P90LztOLs6PfUnKEVAeiIVQt9u2SaPwv0LiH/OyMjHRw==}
 
@@ -36680,6 +36813,14 @@ packages:
     resolution: {integrity: sha512-uuVGNWzgJ4yhRaNSiubPY7OjISw4sw4E5Uv0wbjp+OzcbmVU/rsT8ujgcXJhn9ypzsgr5vlzpPqP+MBBKcGvbg==}
     dev: false
 
+  /text-segmentation@1.0.3:
+    resolution: {integrity: sha512-iOiPUo/BGnZ6+54OsWxZidGCsdU8YbE4PSpdPinp7DeMtUJNJBoJ/ouUSTJjHkh1KntHaltHl/gDs2FC4i5+Nw==}
+    requiresBuild: true
+    dependencies:
+      utrie: 1.0.2
+    dev: false
+    optional: true
+
   /text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
 
@@ -38080,6 +38221,14 @@ packages:
     resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
     engines: {node: '>= 0.4.0'}
 
+  /utrie@1.0.2:
+    resolution: {integrity: sha512-1MLa5ouZiOmQzUbjbu9VmjLzn1QLXBhwpUa7kdLUQK+KQ5KA9I1vk5U4YHe/X2Ch7PYnJfWuWT+VbuxbGwljhw==}
+    requiresBuild: true
+    dependencies:
+      base64-arraybuffer: 1.0.2
+    dev: false
+    optional: true
+
   /uuid@10.0.0:
     resolution: {integrity: sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==}
     hasBin: true
diff --git a/services/workflows-service/prisma/data-migrations b/services/workflows-service/prisma/data-migrations
index 3011bc6869..93aeb03ea6 160000
--- a/services/workflows-service/prisma/data-migrations
+++ b/services/workflows-service/prisma/data-migrations
@@ -1 +1 @@
-Subproject commit 3011bc686958f4f44cc53ff4c9a78e6e13d9e5e7
+Subproject commit 93aeb03ea61f5181a194bb3de1331ac2c4cd3fc0