From a5821ad81683c8160d707fe980a282df644c3c0b Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Thu, 29 Aug 2024 16:32:01 +0700
Subject: <iman> add sppkp field

---
 .../modules/register/components/FormBisnis.tsx        | 19 +++++++++++++++++++
 .../modules/register/stores/useRegisterStore.ts       |  2 ++
 2 files changed, 21 insertions(+)

(limited to 'src-migrate/modules')

diff --git a/src-migrate/modules/register/components/FormBisnis.tsx b/src-migrate/modules/register/components/FormBisnis.tsx
index e2e021b3..b976072c 100644
--- a/src-migrate/modules/register/components/FormBisnis.tsx
+++ b/src-migrate/modules/register/components/FormBisnis.tsx
@@ -343,6 +343,25 @@ const form: React.FC<FormProps> = ({ type, required, isPKP }) => {
         {!required && !!errors.npwp && <span className="form-msg-danger">{errors.npwp}</span>}
       </div>
 
+      <div>
+        <label htmlFor='sppkp' className="font-bold">Nomor SPPKP { !required && <span className='font-normal text-gray_r-11'>(opsional)</span>}</label>
+
+        <input
+          type='tel'
+          id='sppkp'
+          name='sppkp'
+          className={`form-input mt-3 ${required ? 'cursor-no-drop' : ''}`}
+          disabled={required}
+          contentEditable={required}
+          readOnly={required}
+          placeholder='000.000.000.0-000.000'
+          value={!required ? form.sppkp : ''}
+          aria-invalid={!required && !!errors.sppkp}
+        />
+
+        {!required && !!errors.sppkp && <span className="form-msg-danger">{errors.sppkp}</span>}
+      </div>
+
       <div>
         <label htmlFor="npwp_document" className="font-bold">Dokumen NPWP {!isPKP && !required && <span className='font-normal text-gray_r-11'>(opsional)</span>}</label>
 
diff --git a/src-migrate/modules/register/stores/useRegisterStore.ts b/src-migrate/modules/register/stores/useRegisterStore.ts
index 14288b6e..273472be 100644
--- a/src-migrate/modules/register/stores/useRegisterStore.ts
+++ b/src-migrate/modules/register/stores/useRegisterStore.ts
@@ -37,6 +37,7 @@ export const useRegisterStore = create<State & Action>((set, get) => ({
     npwp_document: '',
     industry_id: '',
     npwp: '',
+    sppkp: '',
     is_pkp: '',
     type_acc:'',
     is_terdaftar:'',
@@ -87,6 +88,7 @@ export const useRegisterStore = create<State & Action>((set, get) => ({
     npwp_document: '',
     industry_id: '',
     npwp: '',
+    sppkp: '',
     is_pkp: '',
     type_acc:'',
     is_terdaftar:'',
-- 
cgit v1.2.3