From f4dadd67f872a76c8f6c0a3729b91b7c9d7dca4d Mon Sep 17 00:00:00 2001
From: Khafid Prayoga <khafidp@pm.me>
Date: Fri, 17 Oct 2025 16:23:51 +0700
Subject: [PATCH] feat(medical-action-src): add type code selection with strict
 typing

- Add medicalActionTypeCode constants and type definition
- Update MedicalActionSrc interface to use strict type for type_code
- Implement select dropdown for type code in entry form
- Enable type code validation in schema
---
 .../app/medical-action-src/entry-form.vue     | 25 +++++++++++++++++++
 app/lib/constants.ts                          | 10 ++++++++
 app/models/medical-action-src.ts              |  3 ++-
 app/schemas/medical-action-src.schema.ts      |  9 +++----
 4 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/app/components/app/medical-action-src/entry-form.vue b/app/components/app/medical-action-src/entry-form.vue
index 0a02ea85..f8bf87e4 100644
--- a/app/components/app/medical-action-src/entry-form.vue
+++ b/app/components/app/medical-action-src/entry-form.vue
@@ -5,14 +5,17 @@ import Cell from '~/components/pub/my-ui/doc-entry/cell.vue'
 import Field from '~/components/pub/my-ui/doc-entry/field.vue'
 import Label from '~/components/pub/my-ui/doc-entry/label.vue'
 import Button from '~/components/pub/ui/button/Button.vue'
+import Select from '~/components/pub/my-ui/form/select.vue'
 
 // Types
 import type { MedicalActionSrcFormData } from '~/schemas/medical-action-src.schema'
+import { medicalActionTypeCode } from '~/lib/constants'
 
 // Helpers
 import type z from 'zod'
 import { useForm } from 'vee-validate'
 import { toTypedSchema } from '@vee-validate/zod'
+import { mapToComboboxOptList } from '~/lib/utils'
 
 interface Props {
   schema: z.ZodSchema<any>
@@ -24,6 +27,8 @@ interface Props {
 const props = defineProps<Props>()
 const isLoading = props.isLoading !== undefined ? props.isLoading : false
 const isReadonly = props.isReadonly !== undefined ? props.isReadonly : false
+const medicalActionTypeOptions = mapToComboboxOptList(medicalActionTypeCode)
+
 const emit = defineEmits<{
   submit: [values: MedicalActionSrcFormData, resetForm: () => void]
   cancel: [resetForm: () => void]
@@ -34,26 +39,31 @@ const { defineField, errors, meta } = useForm({
   initialValues: {
     code: '',
     name: '',
+    type_code: '',
   } as Partial<MedicalActionSrcFormData>,
 })
 
 const [code, codeAttrs] = defineField('code')
 const [name, nameAttrs] = defineField('name')
+const [typeCode, typeCodeAttrs] = defineField('type_code')
 
 if (props.values) {
   if (props.values.code !== undefined) code.value = props.values.code
   if (props.values.name !== undefined) name.value = props.values.name
+  if (props.values.type_code !== undefined) typeCode.value = props.values.type_code
 }
 
 const resetForm = () => {
   code.value = ''
   name.value = ''
+  typeCode.value = ''
 }
 
 function onSubmitForm() {
   const formData: MedicalActionSrcFormData = {
     code: code.value || '',
     name: name.value || '',
+    type_code: typeCode.value || '',
   }
   emit('submit', formData, resetForm)
 }
@@ -95,6 +105,21 @@ function onCancelForm() {
           />
         </Field>
       </Cell>
+      <Cell>
+        <Label height="compact">Type Kode</Label>
+        <Field :errMessage="errors.name">
+          <Select
+            id="type_code"
+            :is-disabled="isLoading || isReadonly"
+            :items="medicalActionTypeOptions"
+            v-bind="typeCodeAttrs"
+            v-model="typeCode"
+            placeholder="Pilih medical action type"
+            :preserve-order="false"
+            class="text-sm transition-all duration-200 focus:outline-none focus:ring-1 focus:ring-black focus:ring-offset-0"
+          />
+        </Field>
+      </Cell>
     </Block>
     <div class="my-2 flex justify-end gap-2 py-2">
       <Button
diff --git a/app/lib/constants.ts b/app/lib/constants.ts
index 05213784..d1f4c25f 100644
--- a/app/lib/constants.ts
+++ b/app/lib/constants.ts
@@ -268,3 +268,13 @@ export const infraGroupCodesKeys: Record<string, string> = Object.keys(infraGrou
   },
   {} as Record<string, string>,
 )
+
+export const medicalActionTypeCode: Record<string, string> = {
+  chemo: 'Chemo',
+  hemo: 'Hemo',
+  thalasemia: 'Thalasemia',
+  echocardio: 'Echocardiography',
+  spirometry: 'Spirometry',
+} as const
+
+export type medicalActionTypeCodeKey = keyof typeof medicalActionTypeCode
diff --git a/app/models/medical-action-src.ts b/app/models/medical-action-src.ts
index c5a030c5..21d36c84 100644
--- a/app/models/medical-action-src.ts
+++ b/app/models/medical-action-src.ts
@@ -1,9 +1,10 @@
 import { type Base, genBase } from './_base'
+import type { medicalActionTypeCodeKey } from '~/lib/constants'
 
 export interface MedicalActionSrc extends Base {
   code: string
   name: string
-  type_code: string
+  type_code: medicalActionTypeCodeKey
   item_id: number
 }
 
diff --git a/app/schemas/medical-action-src.schema.ts b/app/schemas/medical-action-src.schema.ts
index a251749c..a1caaeeb 100644
--- a/app/schemas/medical-action-src.schema.ts
+++ b/app/schemas/medical-action-src.schema.ts
@@ -10,11 +10,10 @@ const MedicalActionSrcSchema = z.object({
     .string({ required_error: 'Nama harus diisi' })
     .min(1, 'Nama minimum 1 karakter')
     .max(2048, 'Nama maksimum 2048 karakter'),
-  // type_code: z
-  // .string({ required_error: 'Nama (ID) harus diisi' })
-  // .min(1, 'Nama (ID) minimum 1 karakter')
-  // .max(2048, 'Nama (ID) maksimum 2048 karakter'),
-  // item_id: z.number({ required_error: 'Item ID harus diisi' }).min(1, 'Item ID minimum 1 karakter'),
+  type_code: z
+    .string({ required_error: 'Nama (ID) harus diisi' })
+    .min(1, 'Nama (ID) minimum 1 karakter')
+    .max(2048, 'Nama (ID) maksimum 2048 karakter'),
 })
 
 type MedicalActionSrcFormData = z.infer<typeof MedicalActionSrcSchema> & Partial<MedicalActionSrc>