update uploading file claim report client portal

frontend/client-portal/package.json

@@ -38,6 +38,7 @@
     ]
   },
   "dependencies": {
+    "@ajoelp/json-to-formdata": "^1.5.0",
     "@date-io/date-fns": "^2.16.0",
     "@emotion/cache": "^11.10.5",
     "@emotion/react": "^11.10.6",

frontend/client-portal/pnpm-lock.yaml

@@ -1,6 +1,13 @@
 lockfileVersion: '6.0'
 
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
 dependencies:
+  '@ajoelp/json-to-formdata':
+    specifier: ^1.5.0
+    version: 1.5.0
   '@date-io/date-fns':
     specifier: ^2.16.0
     version: 2.16.0(date-fns@2.29.3)
@@ -82,6 +89,9 @@ dependencies:
   numeral:
     specifier: ^2.0.6
     version: 2.0.6
+  pnpm:
+    specifier: ^8.6.9
+    version: 8.8.0
   pusher-js:
     specifier: ^8.0.2
     version: 8.0.2
@@ -228,6 +238,12 @@ devDependencies:
 
 packages:
 
+  /@ajoelp/json-to-formdata@1.5.0:
+    resolution: {integrity: sha512-nrlfeTSL0X0dtx5r2KpzPiqLSIQquiiJjUKsQAKzWaCmO2QoYZCyb5ENZwF3YoffKronOCJr25mxaD8JRJmK8w==}
+    dependencies:
+      lodash: 4.17.21
+    dev: false
+
   /@ampproject/remapping@2.2.0:
     resolution: {integrity: sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w==}
     engines: {node: '>=6.0.0'}
@@ -1676,6 +1692,7 @@ packages:
 
   /@emotion/memoize@0.7.4:
     resolution: {integrity: sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==}
+    requiresBuild: true
     dev: false
     optional: true
 
@@ -5102,6 +5119,12 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  /pnpm@8.8.0:
+    resolution: {integrity: sha512-eY5rMiZpzmPI2oVr1irR97bzb036oKwCWvK91wDQndXcqUPlytPtrF0bO668Syw/uA+7hTf5NnM8Mr4ux4BRRA==}
+    engines: {node: '>=16.14'}
+    hasBin: true
+    dev: false
+
   /popmotion@11.0.3:
     resolution: {integrity: sha512-Y55FLdj3UxkR7Vl3s7Qr4e9m0onSnP8W7d/xQLsoJM40vs6UKHFdygs6SWryasTZYqugMjm3BepCF4CWXDiHgA==}
     dependencies:

frontend/client-portal/src/sections/dashboard/DialogRequestLog.tsx

@@ -21,6 +21,7 @@ import axios from '../../utils/axios';
 import { enqueueSnackbar } from 'notistack';
 import { fPostFormat } from '../../utils/formatTime';
 import { fCurrency } from '../../utils/formatNumber';
+import { makeFormData } from '../../utils/jsonToFormData';
 
 /* ---------------------------------- types --------------------------------- */
 type DataContentType = {
@@ -113,12 +114,13 @@ const DialogRequestLog = ({ openDialog, setOpenDialog, data }: MuiDialogProps) =
   function submitRequest() {
     setSubmitLoading(true);
 
-    const formData = new FormData();
-    formData.append('member_id', data.id);
-    formData.append('result_files', fileHasilPenunjangs);
-    formData.append('diagnosa_files', fileDiagnosas);
-    formData.append('kondisi_files', fileKondisis);
-    formData.append('service_code', serviceCode);
+    const formData = makeFormData({
+      member_id: data.id,
+      result_files: fileHasilPenunjangs,
+      diagnosa_files: fileDiagnosas,
+      kondisi_files: fileKondisis,
+      service_code: serviceCode,
+    });
 
     axios
       .post('/claim-requests', formData)

frontend/client-portal/src/utils/jsonToFormData.ts

@@ -0,0 +1,6 @@
+import jsonToFormData from '@ajoelp/json-to-formdata';
+
+export function makeFormData(object: any) {
+    return jsonToFormData(object)
+}
+