feat: Implement VClaim SEP integration with new components and handlers for encounter entry and supporting documents.

app/components/app/encounter/list.cfg.ts

@@ -10,6 +10,7 @@ type SmallDetailDto = Encounter
 const action = defineAsyncComponent(() => import('./dropdown-action.vue'))
 const statusBadge = defineAsyncComponent(() => import('./status-badge.vue'))
 const vclaimSepInfo = defineAsyncComponent(() => import('./vclaim-sep-info.vue'))
+const vclaimSepNone = defineAsyncComponent(() => import('./vclaim-sep-none.vue'))
 
 export const defaultConfig: Config = {
   cols: [{}, {}, {}, { width: 160 }, {}, { width: 70 }, {}, { width: 50 }],
@@ -197,7 +198,10 @@ export const ambulatoryConfig: Config = {
   components: {
     sep(rec: any) {
       if (rec?.paymentMethod_code !== 'jkn') {
-        return {} as RecComponent
+        return {
+          rec: rec as object,
+          component: vclaimSepNone,
+        } as RecComponent
       }
       const res: RecComponent = {
         rec: rec as object,

app/components/app/encounter/vclaim-sep-none.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const props = defineProps<{
+  rec: any
+}>()
+</script>
+
+<template>
+  <div class="flex flex-col gap-2">
+    <span>Tidak ada</span>
+  </div>
+</template>