summaryrefslogtreecommitdiff
path: root/src/lib/pengajuan-tempo/component/Pengiriman.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/lib/pengajuan-tempo/component/Pengiriman.jsx')
-rw-r--r--src/lib/pengajuan-tempo/component/Pengiriman.jsx309
1 files changed, 184 insertions, 125 deletions
diff --git a/src/lib/pengajuan-tempo/component/Pengiriman.jsx b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
index 7b0a9455..8b8961c5 100644
--- a/src/lib/pengajuan-tempo/component/Pengiriman.jsx
+++ b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
@@ -39,7 +39,6 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
? formPengiriman.dokumenPengiriman.split(',').map(Number)
: []
);
- console.log('selectedIds', selectedIds);
const [selectedIdsDokumenInvoice, setSelectedIdsselectedIdsDokumenInvoice] =
useState(
formPengiriman.dokumenPengirimanInvoice
@@ -132,7 +131,6 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
validatePengiriman();
};
const handleRadioChange = (value) => {
- console.log('value', value);
setSelectedRadio(value);
if (value == 'everyWeekday') {
setEveryWeekday(!everyWeekday);
@@ -173,22 +171,22 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
setTukarInvoicePembayaran(!tukarInvoicePembayaran);
};
- useEffect(() => {
- updateFormPengiriman('everyWeekday', everyWeekday);
- updateFormPengiriman('everyWeek', everyWeek);
- updateFormPengiriman('tukarInvoice', tukarInvoice);
- updateFormPengiriman('everyWeekdayPembayaran', everyWeekdayPembayaran);
- updateFormPengiriman('everyWeekPembayaran', everyWeekPembayaran);
- updateFormPengiriman('tukarInvoicePembayaran', tukarInvoicePembayaran);
- validatePengiriman();
- }, [
- everyWeekday,
- everyWeek,
- tukarInvoice,
- everyWeekdayPembayaran,
- everyWeekPembayaran,
- tukarInvoicePembayaran,
- ]);
+ // useEffect(() => {
+ // updateFormPengiriman('everyWeekday', everyWeekday);
+ // updateFormPengiriman('everyWeek', everyWeek);
+ // updateFormPengiriman('tukarInvoice', tukarInvoice);
+ // updateFormPengiriman('everyWeekdayPembayaran', everyWeekdayPembayaran);
+ // updateFormPengiriman('everyWeekPembayaran', everyWeekPembayaran);
+ // updateFormPengiriman('tukarInvoicePembayaran', tukarInvoicePembayaran);
+ // validatePengiriman();
+ // }, [
+ // everyWeekday,
+ // everyWeek,
+ // tukarInvoice,
+ // everyWeekdayPembayaran,
+ // everyWeekPembayaran,
+ // tukarInvoicePembayaran,
+ // ]);
const isFormValid = useMemo(
() => Object.keys(errorsPengiriman).length === 0,
@@ -301,44 +299,55 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
}, [buttonSubmitClick, chekValid]);
useEffect(() => {
- validatePengiriman();
- if (formPengiriman.isSameAddrees) {
- const isSame = formPengiriman.isSameAddrees;
- if (isSame == 'true') {
- setSameAddress(true);
- } else {
- setSameAddress(false);
- }
+ if (formPengiriman.isSameAddreesStreet == 'true') {
+ setSameAddressStreet(true);
}
- if (formPengiriman.isSameAddreesStreet) {
- const isSame = formPengiriman.isSameAddreesStreet;
- if (isSame == 'true') {
- setSameAddressStreet(true);
- } else {
- setSameAddressStreet(false);
- }
- }
- validatePengiriman();
- }, [buttonSubmitClick]);
+ }, [formPengiriman.isSameAddreesStreet]);
useEffect(() => {
- if (formPengiriman.isSameAddrees) {
- const isSame = formPengiriman.isSameAddrees;
- if (isSame == 'true') {
- setSameAddress(true);
- } else {
- setSameAddress(false);
- }
+ if (formPengiriman.isSameAddrees == 'true') {
+ setSameAddress(true);
}
- if (formPengiriman.isSameAddreesStreet) {
- const isSame = formPengiriman.isSameAddreesStreet;
- if (isSame == 'true') {
- setSameAddressStreet(true);
- } else {
- setSameAddressStreet(false);
- }
- }
- validatePengiriman();
- }, [formPengiriman.isSameAddrees, formPengiriman.isSameAddreesStreet]);
+ }, [formPengiriman.isSameAddrees]);
+
+ // useEffect(() => {
+ // validatePengiriman();
+ // if (formPengiriman.isSameAddrees) {
+ // const isSame = formPengiriman.isSameAddrees;
+ // if (isSame == 'true') {
+ // setSameAddress(true);
+ // } else {
+ // setSameAddress(false);
+ // }
+ // }
+ // if (formPengiriman.isSameAddreesStreet) {
+ // const isSame = formPengiriman.isSameAddreesStreet;
+ // if (isSame == 'true') {
+ // setSameAddressStreet(true);
+ // } else {
+ // setSameAddressStreet(false);
+ // }
+ // }
+ // validatePengiriman();
+ // }, [buttonSubmitClick]);
+ // useEffect(() => {
+ // if (formPengiriman.isSameAddrees) {
+ // const isSame = formPengiriman.isSameAddrees;
+ // if (isSame == 'true') {
+ // setSameAddress(true);
+ // } else {
+ // setSameAddress(false);
+ // }
+ // }
+ // if (formPengiriman.isSameAddreesStreet) {
+ // const isSame = formPengiriman.isSameAddreesStreet;
+ // if (isSame == 'true') {
+ // setSameAddressStreet(true);
+ // } else {
+ // setSameAddressStreet(false);
+ // }
+ // }
+ // validatePengiriman();
+ // }, [formPengiriman.isSameAddrees, formPengiriman.isSameAddreesStreet]);
useEffect(() => {
if (sameAddress) {
updateFormPengiriman('streetInvoice', formPengiriman.streetPengiriman);
@@ -383,77 +392,75 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
return item;
};
- const cachedData = getFromLocalStorage('Pengiriman');
- useEffect(() => {
- if (cachedData) {
- setValue('cityPengiriman', parseInt(cachedData?.cityPengiriman));
- updateFormPengiriman('cityPengiriman', `${cachedData?.cityPengiriman}`);
- }
- if (cachedData?.statePengiriman) {
- setValue('statePengiriman', parseInt(cachedData?.statePengiriman));
- }
- if (cachedData?.stateInvoice) {
- setValue('stateInvoice', parseInt(cachedData?.stateInvoice));
- }
- if (cachedData?.cityInvoice) {
- setValue('cityInvoice', parseInt(cachedData?.cityInvoice));
- }
- if (cachedData?.isSameAddrees) {
- updateFormPengiriman('isSameAddrees', `${cachedData?.isSameAddrees}`);
- }
- validatePengiriman();
- }, [cachedData?.cityPengiriman]);
- useEffect(() => {
- if (cachedData?.everyWeek) {
- updateFormPengiriman('everyWeek', cachedData?.everyWeek);
- setEveryWeek(cachedData?.everyWeek);
- }
- if (cachedData?.everyWeekday) {
- updateFormPengiriman('everyWeekday', cachedData?.everyWeekday);
- setEveryWeekday(cachedData?.everyWeekday);
- }
- if (cachedData?.tukarInvoice) {
- updateFormPengiriman('tukarInvoice', cachedData?.tukarInvoice);
- setTukarInvoice(cachedData?.tukarInvoice);
- }
- if (cachedData?.everyWeekPembayaran) {
- updateFormPengiriman(
- 'everyWeekPembayaran',
- cachedData?.everyWeekPembayaran
- );
- setEveryWeekPembayaran(cachedData?.everyWeekPembayaran);
- }
- if (cachedData?.everyWeekdayPembayaran) {
- updateFormPengiriman(
- 'everyWeekdayPembayaran',
- cachedData?.everyWeekdayPembayaran
- );
- setEveryWeekdayPembayaran(cachedData?.everyWeekdayPembayaran);
- }
- if (cachedData?.tukarInvoicePembayaran) {
- updateFormPengiriman(
- 'tukarInvoicePembayaran',
- cachedData?.tukarInvoicePembayaran
- );
- setTukarInvoicePembayaran(cachedData?.tukarInvoicePembayaran);
- }
- validatePengiriman();
- }, [
- cachedData?.everyWeek,
- cachedData?.everyWeekday,
- cachedData?.tukarInvoice,
- cachedData?.everyWeekdayPembayaran,
- cachedData?.everyWeekPembayaran,
- cachedData?.tukarInvoicePembayaran,
- ]);
+ // const cachedData = getFromLocalStorage('Pengiriman');
+ // useEffect(() => {
+ // if (cachedData) {
+ // setValue('cityPengiriman', parseInt(cachedData?.cityPengiriman));
+ // updateFormPengiriman('cityPengiriman', `${cachedData?.cityPengiriman}`);
+ // }
+ // if (cachedData?.statePengiriman) {
+ // setValue('statePengiriman', parseInt(cachedData?.statePengiriman));
+ // }
+ // if (cachedData?.stateInvoice) {
+ // setValue('stateInvoice', parseInt(cachedData?.stateInvoice));
+ // }
+ // if (cachedData?.cityInvoice) {
+ // setValue('cityInvoice', parseInt(cachedData?.cityInvoice));
+ // }
+ // if (cachedData?.isSameAddrees) {
+ // updateFormPengiriman('isSameAddrees', `${cachedData?.isSameAddrees}`);
+ // }
+ // validatePengiriman();
+ // }, [cachedData?.cityPengiriman]);
+ // useEffect(() => {
+ // if (cachedData?.everyWeek) {
+ // updateFormPengiriman('everyWeek', cachedData?.everyWeek);
+ // setEveryWeek(cachedData?.everyWeek);
+ // }
+ // if (cachedData?.everyWeekday) {
+ // updateFormPengiriman('everyWeekday', cachedData?.everyWeekday);
+ // setEveryWeekday(cachedData?.everyWeekday);
+ // }
+ // if (cachedData?.tukarInvoice) {
+ // updateFormPengiriman('tukarInvoice', cachedData?.tukarInvoice);
+ // setTukarInvoice(cachedData?.tukarInvoice);
+ // }
+ // if (cachedData?.everyWeekPembayaran) {
+ // updateFormPengiriman(
+ // 'everyWeekPembayaran',
+ // cachedData?.everyWeekPembayaran
+ // );
+ // setEveryWeekPembayaran(cachedData?.everyWeekPembayaran);
+ // }
+ // if (cachedData?.everyWeekdayPembayaran) {
+ // updateFormPengiriman(
+ // 'everyWeekdayPembayaran',
+ // cachedData?.everyWeekdayPembayaran
+ // );
+ // setEveryWeekdayPembayaran(cachedData?.everyWeekdayPembayaran);
+ // }
+ // if (cachedData?.tukarInvoicePembayaran) {
+ // updateFormPengiriman(
+ // 'tukarInvoicePembayaran',
+ // cachedData?.tukarInvoicePembayaran
+ // );
+ // setTukarInvoicePembayaran(cachedData?.tukarInvoicePembayaran);
+ // }
+ // validatePengiriman();
+ // }, [
+ // cachedData?.everyWeek,
+ // cachedData?.everyWeekday,
+ // cachedData?.tukarInvoice,
+ // cachedData?.everyWeekdayPembayaran,
+ // cachedData?.everyWeekPembayaran,
+ // cachedData?.tukarInvoicePembayaran,
+ // ]);
const handleChangeSameAddress = () => {
setSameAddress(!sameAddress);
};
const handleChangeSameAddressStreet = () => {
setSameAddressStreet(!sameAddressStreet);
};
- console.log('formPengiriman', formPengiriman);
- console.log('errorsPengiriman', errorsPengiriman);
return (
<>
{isDesktop && (
@@ -479,6 +486,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
className='form-input'
aria-invalid={errorsPengiriman.PICName}
ref={PICNameRef}
+ aria-label='PICName'
onChange={handleInputChange}
/>
{chekValid && (
@@ -516,6 +524,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
id='streetPengiriman'
name='streetPengiriman'
ref={streetPengirimanRef}
+ aria-label='streetPengiriman'
placeholder='Masukkan alamat lengkap pengiriman barang'
type='text'
value={formPengiriman.streetPengiriman}
@@ -529,7 +538,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
)}
</div>
<div className='sub-alamat flex flex-row w-full gap-3'>
- <div className='w-2/5' ref={statePengirimanRef}>
+ <div
+ className='w-2/5'
+ ref={statePengirimanRef}
+ aria-label='statePengiriman'
+ >
<Controller
name='statePengiriman'
control={control}
@@ -550,6 +563,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div className='w-1/3' ref={cityPengirimanRef}>
<Controller
name='cityPengiriman'
+ aria-label='cityPengiriman'
control={control}
render={(props) => (
<HookFormSelect
@@ -569,6 +583,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div className='w-1/3'>
<input
id='zipPengiriman'
+ aria-label='zipPengiriman'
name='zipPengiriman'
ref={zipRef}
placeholder='Kode Pos'
@@ -600,6 +615,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
value={formPengiriman.invoicePic}
id='invoicePic'
name='invoicePic'
+ aria-label='invoicePic'
placeholder='Masukkan nama pic invoice disini'
type='text'
className='form-input'
@@ -643,6 +659,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<input
id='streetInvoice'
name='streetInvoice'
+ aria-label='streetInvoice'
ref={streetInvoiceRef}
placeholder='Masukkan alamat lengkap pengiriman invoice'
type='text'
@@ -657,7 +674,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
)}
</div>
<div className='sub-alamat flex flex-row w-full gap-3'>
- <div className='w-3/5' ref={stateInvoiceRef}>
+ <div
+ className='w-3/5'
+ ref={stateInvoiceRef}
+ aria-label='stateInvoice'
+ >
<Controller
name='stateInvoice'
control={control}
@@ -675,7 +696,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</div>
)}
</div>
- <div className='w-2/5' ref={cityInvoiceRef}>
+ <div
+ className='w-2/5'
+ ref={cityInvoiceRef}
+ aria-label='cityInvoice'
+ >
<Controller
name='cityInvoice'
control={control}
@@ -723,6 +748,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Radio>
<input
id='everyWeekdayInput'
+ aria-label='everyWeekdayInput'
name='everyWeekdayInput'
ref={everyWeekdayInputRef}
placeholder='Format: Senin, Selasa, Rabu, Kamis, Jumat, Sabtu, Minggu'
@@ -738,6 +764,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Radio>
<input
id='everyWeekInput'
+ aria-label='everyWeekInput'
name='everyWeekInput'
ref={everyWeekInputRef}
placeholder='Format: Minggu 1 & Minggu 2'
@@ -754,6 +781,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<textarea
id='tukarInvoiceInput'
name='tukarInvoiceInput'
+ aria-label='tukarInvoiceInput'
placeholder='Isi manual dokumen yang anda mau'
value={formPengiriman.tukarInvoiceInput}
className='form-input'
@@ -844,6 +872,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div
className='w-3/5 flex gap-3 flex-col'
ref={dokumenPengirimanRef}
+ aria-label='dokumenPengirimanInput'
>
<Checkbox
colorScheme='red'
@@ -890,6 +919,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<textarea
id='dokumenPengirimanInput'
name='dokumenPengirimanInput'
+ aria-label='dokumenPengirimanInput'
placeholder='isi manual dokumen yang anda mau'
type='textarea'
ref={dokumenPengirimanInputRef}
@@ -920,6 +950,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div
className='w-3/5 flex gap-3 flex-col'
ref={dokumenPengirimanInvoiceRef}
+ name='dokumenPengirimanInvoiceInput'
>
<Checkbox
colorScheme='red'
@@ -985,6 +1016,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Checkbox>
<textarea
id='dokumenPengirimanInvoiceInput'
+ aria-label='dokumenPengirimanInvoiceInput'
name='dokumenPengirimanInvoiceInput'
placeholder='isi manual dokumen yang anda mau'
type='textarea'
@@ -1026,6 +1058,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
value={formPengiriman.PICName}
id='PICName'
name='PICName'
+ aria-label='PICName'
placeholder='Masukkan nama pic pengiriman disini'
type='text'
className='form-input'
@@ -1048,6 +1081,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<input
id='streetPengiriman'
name='streetPengiriman'
+ aria-label='streetPengiriman'
ref={streetPengirimanRef}
placeholder='Masukkan alamat lengkap pengiriman barang'
type='text'
@@ -1062,7 +1096,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
)}
</div>
<div className='sub-alamat flex flex-row w-full gap-2'>
- <div className='w-2/5' ref={statePengirimanRef}>
+ <div
+ className='w-2/5'
+ ref={statePengirimanRef}
+ aria-label='statePengiriman'
+ >
<Controller
name='statePengiriman'
control={control}
@@ -1075,7 +1113,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
)}
/>
</div>
- <div className='w-1/3' ref={cityPengirimanRef}>
+ <div
+ className='w-1/3'
+ ref={cityPengirimanRef}
+ aria-label='cityPengiriman'
+ >
<Controller
name='cityPengiriman'
control={control}
@@ -1092,6 +1134,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div className='w-1/3'>
<input
id='zipPengiriman'
+ aria-label='zipPengiriman'
name='zipPengiriman'
ref={zipRef}
placeholder='Kode Pos'
@@ -1126,6 +1169,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<input
value={formPengiriman.invoicePic}
id='invoicePic'
+ aria-label='invoicePic'
name='invoicePic'
placeholder='Masukkan nama pic invoice disini'
type='text'
@@ -1160,6 +1204,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div className='w-full'>
<input
id='streetInvoice'
+ aria-label='streetInvoice'
name='streetInvoice'
ref={streetInvoiceRef}
placeholder='Masukkan alamat lengkap pengiriman invoice'
@@ -1175,7 +1220,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
)}
</div>
<div className='sub-alamat flex flex-row w-full gap-3'>
- <div className='w-3/5' ref={stateInvoiceRef}>
+ <div
+ className='w-3/5'
+ ref={stateInvoiceRef}
+ aria-label='stateInvoice'
+ >
<Controller
name='stateInvoice'
control={control}
@@ -1193,7 +1242,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</div>
)}
</div>
- <div className='w-2/5' ref={cityInvoiceRef}>
+ <div
+ className='w-2/5'
+ ref={cityInvoiceRef}
+ aria-label='cityInvoice'
+ >
<Controller
name='cityInvoice'
control={control}
@@ -1239,6 +1292,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Checkbox>
<input
id='everyWeekdayInput'
+ aria-label='everyWeekdayInput'
name='everyWeekdayInput'
ref={everyWeekdayInputRef}
placeholder='Format: Senin, Selasa, Rabu, Kamis, Jumat, Sabtu, Minggu'
@@ -1259,6 +1313,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Checkbox>
<input
id='everyWeekInput'
+ aria-label='everyWeekInput'
name='everyWeekInput'
ref={everyWeekInputRef}
placeholder='Format: Minggu 1 & Minggu 2'
@@ -1378,6 +1433,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div
className='w-full flex gap-2 flex-col'
ref={dokumenPengirimanRef}
+ aria-label='dokumenPengirimanInput'
>
<Checkbox
size='sm'
@@ -1428,6 +1484,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Checkbox>
<textarea
id='dokumenPengirimanInput'
+ aria-label='dokumenPengirimanInput'
name='dokumenPengirimanInput'
placeholder='isi manual dokumen yang anda mau'
type='textarea'
@@ -1457,6 +1514,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
<div
className='w-full flex gap-2 flex-col'
ref={dokumenPengirimanInvoiceRef}
+ aria-label='dokumenPengirimanInvoiceInput'
>
<Checkbox
size='sm'
@@ -1528,6 +1586,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
</Checkbox>
<textarea
id='dokumenPengirimanInvoiceInput'
+ aria-label='dokumenPengirimanInvoiceInput'
name='dokumenPengirimanInvoiceInput'
placeholder='isi manual dokumen yang anda mau'
type='textarea'
generated by cgit v1.2.3 (git 2.25.1) at 2026-05-25 01:24:14 +0000