feat: added attachment field

.eslintrc.js

@@ -11,6 +11,7 @@ module.exports = {
     "plugin:import/typescript",
     "plugin:react/recommended",
     "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
     "plugin:prettier/recommended",
   ],
   env: {

package.json

@@ -19,14 +19,17 @@
     "@zendeskgarden/react-datepickers": "8.69.9",
     "@zendeskgarden/react-dropdowns.next": "8.69.9",
     "@zendeskgarden/react-forms": "8.69.9",
+    "@zendeskgarden/react-loaders": "8.69.9",
     "@zendeskgarden/react-notifications": "8.69.9",
     "@zendeskgarden/react-tags": "8.69.9",
     "@zendeskgarden/react-theming": "8.69.9",
+    "@zendeskgarden/react-tooltips": "8.69.9",
     "dompurify": "3.0.5",
     "eslint-plugin-check-file": "^2.6.2",
     "node-fetch": "2.6.9",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-dropzone": "^14.2.3",
     "react-is": "^17.0.2",
     "styled-components": "^5.3.11"
   },
@@ -59,6 +62,7 @@
     "eslint-plugin-jest": "^27.2.2",
     "eslint-plugin-prettier": "4.2.1",
     "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "8.0.2",
     "jest": "^29.6.1",
     "jest-environment-jsdom": "^29.6.1",

src/modules/new-request-form/NewRequestForm.tsx

@@ -12,6 +12,7 @@ import { Alert } from "@zendeskgarden/react-notifications";
 import { useSubmitHandler } from "./useSubmitHandler";
 import { Suspense, lazy, useState } from "react";
 import { usePrefilledTicketFields } from "./usePrefilledTicketFields";
+import { Attachments } from "./fields/attachments/Attachments";
 
 export interface NewRequestFormProps {
   ticketForms: TicketForm[];
@@ -130,6 +131,8 @@ export function NewRequestForm({
                 </Suspense>
               )
             );
+          case "attachments":
+            return <Attachments field={field} />;
           default:
             return <></>;
         }

src/modules/new-request-form/data-types/Field.ts

@@ -8,9 +8,16 @@ export interface Field {
   type: string;
   id: string;
   options: FieldOption[];
+  attachments?: Attachment[];
 }
 
 export interface FieldOption {
   name: string;
   value: string;
 }
+
+export interface Attachment {
+  id: string;
+  file_name: string;
+  url: string;
+}