From bd4a269fad4b068e6bfc98d2f14191d5356c0dc3 Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Thu, 9 Oct 2025 20:21:06 +0700
Subject: [PATCH] feat(patient): add callback url support for patient creation

Add callback URL parameter to redirect after successful patient creation. The URL can be passed via 'return-path' query parameter and will include the created patient's ID. This enables seamless integration with external systems that need to handle post-creation flows.
---
 app/components/content/patient/entry.vue    | 26 ++++++++++++++++++---
 app/pages/(features)/client/patient/add.vue |  3 ++-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/app/components/content/patient/entry.vue b/app/components/content/patient/entry.vue
index 47fd92a0..85d65c3d 100644
--- a/app/components/content/patient/entry.vue
+++ b/app/components/content/patient/entry.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { PatientEntity, genPatientProps } from '~/models/patient'
 import type { ExposedForm } from '~/types/form'
+import type { PatientBase } from '~/models/patient'
 import Action from '~/components/pub/my-ui/nav-footer/ba-dr-su.vue'
 import { genPatient } from '~/models/patient'
 import { PatientSchema } from '~/schemas/patient.schema'
@@ -12,6 +13,9 @@ import { ResponsiblePersonSchema } from '~/schemas/person-relative.schema'
 import { postPatient } from '~/services/patient.service'
 
 // #region Props & Emits
+const props = defineProps<{
+  callbackUrl?: string
+}>()
 const payload = ref<PatientEntity>()
 
 // form related state
@@ -32,7 +36,11 @@ onMounted(() => {
   // Initial synchronization when forms are mounted and isSameAddress is true by default
   nextTick(() => {
     const isSameAddress = personAddressRelativeForm.value?.values?.isSameAddress
-    if ((isSameAddress === true || isSameAddress === '1') && personAddressForm.value?.values && personAddressRelativeForm.value) {
+    if (
+      (isSameAddress === true || isSameAddress === '1') &&
+      personAddressForm.value?.values &&
+      personAddressRelativeForm.value
+    ) {
       const currentAddressValues = personAddressForm.value.values
       if (Object.keys(currentAddressValues).length > 0) {
         personAddressRelativeForm.value.setValues(
@@ -91,8 +99,16 @@ async function submitAll() {
 
   try {
     const result = await postPatient(formData)
+    const patientData: PatientBase = result.body
     if (result.success) {
-      console.log('Patient created successfully:', result.body)
+      console.log('Patient created successfully:', patientData)
+
+      // If has callback provided redirect to callback with patientData
+      if (props.callbackUrl) {
+        await navigateTo(props.callbackUrl + '?patient-id=' + patientData.person_id)
+        return
+      }
+
       // Navigate to patient list or show success message
       await navigateTo('/client/patient')
     } else {
@@ -172,7 +188,11 @@ watch(
 watch(
   () => personAddressRelativeForm.value?.values?.isSameAddress,
   (isSameAddress) => {
-    if ((isSameAddress === true || isSameAddress === '1') && personAddressForm.value?.values && personAddressRelativeForm.value) {
+    if (
+      (isSameAddress === true || isSameAddress === '1') &&
+      personAddressForm.value?.values &&
+      personAddressRelativeForm.value
+    ) {
       // Ketika isSameAddress diubah menjadi true, copy alamat sekarang ke alamat KTP
       const currentAddressValues = personAddressForm.value.values
       personAddressRelativeForm.value.setValues(
diff --git a/app/pages/(features)/client/patient/add.vue b/app/pages/(features)/client/patient/add.vue
index 12df14ed..ca4615e2 100644
--- a/app/pages/(features)/client/patient/add.vue
+++ b/app/pages/(features)/client/patient/add.vue
@@ -28,12 +28,13 @@ if (!hasAccess) {
 
 // Define permission-based computed properties
 const canRead = hasReadAccess(roleAccess)
+const callbackUrl = route.query['return-path'] as string | undefined
 </script>
 
 <template>
   <div>
     <div v-if="canRead">
-      <ContentPatientEntry />
+      <ContentPatientEntry :callback-url="callbackUrl" />
     </div>
     <Error
       v-else