diff --git a/app/components/content/sep/list.vue b/app/components/content/sep/list.vue
index a416528f..09ab7750 100644
--- a/app/components/content/sep/list.vue
+++ b/app/components/content/sep/list.vue
@@ -49,7 +49,7 @@ provide('rec_item', recItem)
 provide('table_data_loader', isLoading)
 
 watch(
-  () => recAction.value,
+  [recId, recAction],
   () => {
     if (recAction.value === 'showConfirmDel') {
       open.value = true
@@ -147,7 +147,10 @@ onMounted(() => {
           <p><strong>Nama Pasien:</strong> {{ sepData.patientName }}</p>
         </div>
         <DialogFooter class="mt-6 flex justify-end gap-3">
-          <Button variant="outline" class="border-green-600 text-green-600 hover:bg-green-50" @click="handleRemove">
+          <Button variant="outline" class="border-green-600 text-green-600 hover:bg-green-50" @click="() => {
+            recId = 0
+            open = false
+          }">
             <X class="mr-1 h-4 w-4" />
             Tidak
           </Button>
diff --git a/app/handlers/integration-sep-list.handler.ts b/app/handlers/integration-sep-list.handler.ts
index 7e989061..a0f5bd9d 100644
--- a/app/handlers/integration-sep-list.handler.ts
+++ b/app/handlers/integration-sep-list.handler.ts
@@ -1,4 +1,4 @@
-import { ref, reactive, watch } from 'vue'
+import { ref, reactive } from 'vue'
 // Components
 import { toast } from '~/components/pub/ui/toast'
 // Types
@@ -220,7 +220,6 @@ export function useIntegrationSepList() {
   }
 
   const handlePageChange = (page: number) => {
-    // kept for compatibility
     console.log('pageChange', page)
   }
 
@@ -249,6 +248,7 @@ export function useIntegrationSepList() {
         variant: 'destructive',
       })
     } finally {
+      recId.value = 0
       open.value = false
     }
   }
diff --git a/server/api/[...req].ts b/server/api/[...req].ts
index 5948eda6..c58bf7d6 100644
--- a/server/api/[...req].ts
+++ b/server/api/[...req].ts
@@ -1,7 +1,7 @@
 import { defineEventHandler, getCookie, getRequestHeaders, getRequestURL, readBody } from 'h3'
 
 export default defineEventHandler(async (event) => {
-  const { method } = event.node.req
+  const { method } = event.node.req as any
   const headers = getRequestHeaders(event)
   const url = getRequestURL(event)
   const config = useRuntimeConfig()
@@ -36,7 +36,7 @@ export default defineEventHandler(async (event) => {
   }
 
   let body: any
-  if (['POST', 'PATCH'].includes(method!)) {
+  if (['POST', 'PATCH', 'PUT', 'DELETE'].includes(method)) {
     if (headers['content-type']?.includes('multipart/form-data')) {
       body = await readBody(event)
     } else {