Feat: add verification capthca and form adjustment

app/components/content/resume/list.vue

@@ -16,6 +16,8 @@ import { getPatients, removePatient } from '~/services/patient.service'
 import DetailRow from '~/components/pub/my-ui/form/view/detail-row.vue'
 import Dialog from '~/components/pub/my-ui/modal/dialog.vue'
 import Confirmation from '~/components/pub/my-ui/confirmation/confirmation.vue'
+import type { ExposedForm } from '~/types/form'
+import { VerificationSchema } from '~/schemas/verification.schema'
 
 // #endregion
 
@@ -37,7 +39,7 @@ const refSearchNav: RefSearchNav = {
   },
 }
 
-const formType = ref<`a` | `b`>(`a`)
+const verificationInputForm = ref<ExposedForm<any> | null>(null)
 const isVerifyDialogOpen = ref(false)
 const isRecordConfirmationOpen = ref(false)
 const summaryLoading = ref(false)
@@ -45,6 +47,8 @@ const summaryLoading = ref(false)
 const recId = ref<number>(0)
 const recAction = ref<string>('')
 const recItem = ref<any>(null)
+const isCaptchaValid = ref(false)
+provide('isCaptchaValid', isCaptchaValid)
 
 const headerPrep: HeaderPrep = {
   title: "Resume",
@@ -168,9 +172,11 @@ watch([recId, recAction], () => {
     @page-change="handlePageChange"/>
 
   <Dialog v-model:open="isVerifyDialogOpen" title="Verifikasi">
-    <AppResumeVerifyDialog />
+    <AppResumeVerifyDialog
+      ref="verificationInputForm"
+      :schema="VerificationSchema" />
     <div class="flex justify-end">
-      <Action :enable-draft="false" @click="handleActionClick" />
+      <Action v-show="isCaptchaValid" :enable-draft="false" @click="handleActionClick" />
     </div>
   </Dialog>