Finalized Terms And Conditions screen
This commit is contained in:
Mochammad Adhi Buchori
@ -6,6 +6,7 @@ import {RootStackParamList} from '../../navigation/type';
|
||||
import {NativeStackNavigationProp} from '@react-navigation/native-stack';
|
||||
import {useNavigation} from '@react-navigation/native';
|
||||
import Colors from '../../../assets/styles/Colors';
|
||||
import FontFamily from '../../../assets/styles/FontFamily';
|
||||
|
||||
type TermsAndConditionsScreenNavigationProp = NativeStackNavigationProp<
|
||||
RootStackParamList,
|
||||
@ -35,90 +36,255 @@ function TermsAndConnditionsScreen() {
|
||||
Panduan pendaftaran dan informasi untuk mengajukan permohonan paspor
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.termsAndConditionsDetailWrapper}>
|
||||
<Text style={styles.heading}>
|
||||
1. Mohon persiapkan terlebih dahulu persyaratan permohonan paspor
|
||||
berikut:
|
||||
</Text>
|
||||
|
||||
<Text style={styles.subheading}>a. Permohonan paspor baru:</Text>
|
||||
<Text style={styles.bullet}>• KTP</Text>
|
||||
<Text style={styles.bullet}>• Kartu keluarga</Text>
|
||||
<Text style={styles.bullet}>
|
||||
• Akta kelahiran/ijazah/buku nikah/akte perkawinan/surat baptis
|
||||
</Text>
|
||||
<Text style={styles.bullet}>
|
||||
• Jika tidak ada, surat keterangan dari instansi
|
||||
</Text>
|
||||
|
||||
<Text style={styles.subheading}>
|
||||
b. Permohonan penggantian paspor:
|
||||
</Text>
|
||||
<Text style={styles.bullet}>• KTP</Text>
|
||||
<Text style={styles.bullet}>• Paspor lama</Text>
|
||||
|
||||
<Text style={styles.subheading}>
|
||||
c. Dokumen tambahan untuk paspor sesuai tujuan:
|
||||
</Text>
|
||||
<Text style={styles.bullet}>
|
||||
1. Haji/Umrah: Surat rekomendasi Kemenag
|
||||
</Text>
|
||||
<Text style={styles.bullet}>
|
||||
2. Belajar di luar negeri: Surat dari lembaga pendidikan
|
||||
</Text>
|
||||
<Text style={styles.bullet}>
|
||||
3. Magang/kerja: Surat rekomendasi Kemnaker
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>2. Pernyataan kesesuaian data</Text>
|
||||
<Text style={styles.paragraph}>
|
||||
Data yang ada pada seluruh dokumen harus sesuai dan dapat
|
||||
dipertanggungjawabkan kebenarannya.
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>
|
||||
3. Aplikasi ini hanya dapat melayani permohonan paspor baru dan
|
||||
penggantian
|
||||
</Text>
|
||||
<Text style={styles.paragraph}>
|
||||
Untuk penggantian karena rusak atau hilang, langsung datang ke
|
||||
Kantor Imigrasi.
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>4. Ketentuan pembayaran</Text>
|
||||
<Text style={styles.paragraph}>
|
||||
Pembayaran dilakukan terlebih dahulu sesuai pilihan jadwal dan
|
||||
kantor.
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>5. Perubahan jadwal</Text>
|
||||
<Text style={styles.paragraph}>
|
||||
Jadwal bisa diubah sebelum kedatangan, tapi tidak bisa dipastikan
|
||||
slot tersedia kembali.
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>
|
||||
6. Kehadiran dan pembatalan otomatis
|
||||
</Text>
|
||||
<Text style={styles.paragraph}>
|
||||
Tidak hadir tanpa konfirmasi akan dibatalkan otomatis dan tidak
|
||||
dapat digunakan kembali.
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>
|
||||
7. Permohonan paspor dapat ditolak dalam hal:
|
||||
</Text>
|
||||
<Text style={styles.bullet}>• Termasuk dalam daftar pencekalan</Text>
|
||||
<Text style={styles.bullet}>• Tersangkut kasus pidana</Text>
|
||||
<Text style={styles.bullet}>
|
||||
• Hal-hal lain yang dianggap oleh petugas
|
||||
</Text>
|
||||
|
||||
<Text style={styles.heading}>8. Tanggung jawab pemohon</Text>
|
||||
<Text style={styles.paragraph}>
|
||||
Kesalahan data menjadi tanggung jawab pemohon. Biaya yang telah
|
||||
dibayarkan tidak dapat dikembalikan.
|
||||
</Text>
|
||||
<View style={styles.termsAndConditionsDetailInfoContainer}>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>1.</Text>
|
||||
<Text style={styles.titleListDesc}>
|
||||
Mohon persiapkan terlebih dahulu persyaratan permohonan paspor,
|
||||
yaitu:
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.AlphabetListWrapper}>
|
||||
<View>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>a.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Permohonan paspor baru:
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.bulletListWrapper}>
|
||||
<View style={styles.firstBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>KTP</Text>
|
||||
</View>
|
||||
<View style={styles.firstBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>Kartu Keluarga</Text>
|
||||
</View>
|
||||
<View style={styles.firstBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>
|
||||
Akta kelahiran/ijazah/buku nikah/akta perkawinan/surat
|
||||
baptis yang memuat data nama, tempat dan tanggal lahir,
|
||||
dan nama orang tua
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>b.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Permohonan penggantian paspor:
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.bulletListWrapper}>
|
||||
<View style={styles.firstBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>KTP</Text>
|
||||
</View>
|
||||
<View style={styles.firstBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>Paspor Lama</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>c.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Dokumen tambahan persyaratan permohonan paspor sesuai tujuan
|
||||
permohonan paspor, yaitu:
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.numberListWrapper}>
|
||||
<View>
|
||||
<View style={styles.numberListContainer}>
|
||||
<Text style={styles.numberList}>1.</Text>
|
||||
<Text style={styles.numberListDesc}>Haji/Umrah</Text>
|
||||
</View>
|
||||
<View style={styles.bulletListWrapper}>
|
||||
<View style={styles.secondBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>
|
||||
Surat Rekomendasi dari Kementerian Agama
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.secondBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>
|
||||
Surat Rekomendasi dari Penyelenggara Ibadah Haji dan
|
||||
Umrah
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.numberListContainer}>
|
||||
<Text style={styles.numberList}>2.</Text>
|
||||
<Text style={styles.numberListDesc}>
|
||||
Bekerja di luar negeri
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.bulletListWrapper}>
|
||||
<View style={styles.secondBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>
|
||||
Surat Rekomendasi dari Dinas Tenaga Kerja
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.numberListContainer}>
|
||||
<Text style={styles.numberList}>3.</Text>
|
||||
<Text style={styles.numberListDesc}>
|
||||
Magang dan Program Bursa Kerja Khusus
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.bulletListWrapper}>
|
||||
<View style={styles.secondBulletListContainer}>
|
||||
<Text style={styles.bulletList}>•</Text>
|
||||
<Text style={styles.bulletListDesc}>
|
||||
Surat Rekomendasi dari Direktur Jenderal Pembinaan dan
|
||||
Pelatihan Produktivitas Kementerian Ketenagakerjaan
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>2.</Text>
|
||||
<Text style={styles.titleListDesc}>Pernyataan keaslian data</Text>
|
||||
</View>
|
||||
<View style={styles.bodyTextContainer}>
|
||||
<Text style={styles.bodyText}>
|
||||
Data yang ada pada seluruh dokumen{' '}
|
||||
<Text style={{...FontFamily.notoSansBold}}>
|
||||
persyaratan paspor sebagaimana dimaksud angka 1 harus sesuai
|
||||
dan dapat dipertanggungjawabkan kebenarannya.
|
||||
</Text>
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>3.</Text>
|
||||
<Text style={styles.titleListDesc}>
|
||||
Aplikasi ini hanya dapat melayani permohonan paspor baru dan
|
||||
penggantian
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.bodyTextContainer}>
|
||||
<Text style={styles.bodyText}>
|
||||
Untuk pelayanan penggantian paspor rusak atau hilang, silakan
|
||||
langsung datang ke Kantor Imigrasi terdekat. {'\n\n'}Untuk
|
||||
penggantian paspor hilang dilengkapi dengan Surat Kehilangan
|
||||
dari Kepolisian, dan untuk penggantian paspor rusak dilengkapi
|
||||
dengan paspor lama yang mengalami kerusakan (asli dan fotokopi
|
||||
dalam kertas A4).
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>4.</Text>
|
||||
<Text style={styles.titleListDesc}>Ketentuan pembayaran</Text>
|
||||
</View>
|
||||
<View style={styles.bodyTextContainer}>
|
||||
<Text style={styles.bodyText}>
|
||||
Pembayaran biaya PNBP permohonan paspor dilakukan terlebih
|
||||
dahulu sebelum Anda datang ke Kantor Imigrasi sesuai pilihan dan
|
||||
jadwal kedatangan.
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>5.</Text>
|
||||
<Text style={styles.titleListDesc}>Perubahan jadwal</Text>
|
||||
</View>
|
||||
<View style={styles.bodyTextContainer}>
|
||||
<Text style={styles.bodyText}>
|
||||
Anda dapat melakukan ubah jadwal kedatangan sebanyak{' '}
|
||||
<Text style={{...FontFamily.notoSansBold}}>satu kali</Text>{' '}
|
||||
sesuai dengan kuota tersedia, namun tidak dapat mengubah Kantor
|
||||
Imigrasi yang sudah anda pilih.
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>6.</Text>
|
||||
<Text style={styles.titleListDesc}>
|
||||
Kehadiran dan pembatalan otomatis
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.bodyTextContainer}>
|
||||
<Text style={styles.bodyText}>
|
||||
Apabila Anda tidak hadir sesuai jadwal kedatangan dan tidak
|
||||
melakukan ubah jadwal, maka permohonan paspor Anda dibatalkan
|
||||
dan pembayaran tidak dapat dibatalkan serta Anda harus melakukan
|
||||
pendaftaran ulang.
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>7.</Text>
|
||||
<Text style={styles.titleListDesc}>
|
||||
Permohonan paspor dapat ditolak dalam hal:
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.AlphabetListWrapper}>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>a.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Termasuk dalam daftar pencegahan dan penangkalan;
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>b.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Terindikasi Pekerja Migran Indonesia (PMI) Non Prosedural;
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>c.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Memberikan data tidak sah dan/atau keterangan tidak benar;
|
||||
</Text>
|
||||
</View>
|
||||
<View style={styles.AlphabetListContainer}>
|
||||
<Text style={styles.AlphabetList}>d.</Text>
|
||||
<Text style={styles.AlphabetListDesc}>
|
||||
Hal lain yang dianggap oleh petugas akan dipergunakan untuk
|
||||
tujuan melawan hukum.
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
<View>
|
||||
<View style={styles.titleListContainer}>
|
||||
<Text style={styles.titleListNumber}>8.</Text>
|
||||
<Text style={styles.titleListDesc}>Tanggung jawab pemohon</Text>
|
||||
</View>
|
||||
<View style={styles.bodyTextContainer}>
|
||||
<Text style={styles.bodyText}>
|
||||
Apabila terdapat kesalahan dari pihak pemohon paspor sebagaimana
|
||||
tersebut pada ketentuan di atas,{' '}
|
||||
<Text style={{...FontFamily.notoSansBold}}>
|
||||
PEMBAYARAN YANG TELAH DISETORKAN PADA KAS NEGARA TIDAK DAPAT
|
||||
DIKEMBALIKAN.
|
||||
</Text>
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
</View>
|
||||
</ScrollView>
|
||||
</View>
|
||||
|
||||
@ -28,36 +28,92 @@ const styles = StyleSheet.create({
|
||||
fontSize: 12,
|
||||
textAlign: 'justify',
|
||||
},
|
||||
termsAndConditionsDetailWrapper: {
|
||||
termsAndConditionsDetailInfoContainer: {
|
||||
marginTop: 24,
|
||||
marginBottom: 32,
|
||||
marginHorizontal: 16,
|
||||
marginVertical: 32,
|
||||
gap: 24,
|
||||
},
|
||||
content: {
|
||||
padding: 16,
|
||||
paddingBottom: 32,
|
||||
titleListContainer: {
|
||||
flexDirection: 'row',
|
||||
gap: 8,
|
||||
marginBottom: 16,
|
||||
},
|
||||
heading: {
|
||||
fontSize: 16,
|
||||
fontWeight: 'bold',
|
||||
marginBottom: 6,
|
||||
color: '#222',
|
||||
titleListNumber: {
|
||||
color: Colors.secondary30.color,
|
||||
...FontFamily.notoSansSemiBold,
|
||||
fontSize: 12,
|
||||
},
|
||||
subheading: {
|
||||
fontSize: 15,
|
||||
fontWeight: '600',
|
||||
marginTop: 10,
|
||||
color: '#444',
|
||||
titleListDesc: {
|
||||
color: Colors.secondary30.color,
|
||||
...FontFamily.notoSansSemiBold,
|
||||
flex: 1,
|
||||
fontSize: 12,
|
||||
},
|
||||
bullet: {
|
||||
fontSize: 14,
|
||||
marginLeft: 12,
|
||||
marginBottom: 4,
|
||||
color: '#333',
|
||||
AlphabetListWrapper: {
|
||||
gap: 8,
|
||||
},
|
||||
paragraph: {
|
||||
fontSize: 14,
|
||||
marginBottom: 8,
|
||||
color: '#333',
|
||||
AlphabetListContainer: {
|
||||
flexDirection: 'row',
|
||||
gap: 8,
|
||||
marginStart: 18,
|
||||
},
|
||||
AlphabetList: {
|
||||
...FontFamily.notoSansRegular,
|
||||
fontSize: 12,
|
||||
},
|
||||
AlphabetListDesc: {
|
||||
flex: 1,
|
||||
...FontFamily.notoSansRegular,
|
||||
fontSize: 12,
|
||||
},
|
||||
bodyTextContainer: {
|
||||
marginStart: 18,
|
||||
},
|
||||
bodyText: {
|
||||
fontSize: 12,
|
||||
...FontFamily.notoSansRegular,
|
||||
},
|
||||
bulletListWrapper: {
|
||||
marginTop: 8,
|
||||
gap: 8,
|
||||
},
|
||||
firstBulletListContainer: {
|
||||
flexDirection: 'row',
|
||||
gap: 8,
|
||||
marginStart: 36,
|
||||
},
|
||||
bulletList: {
|
||||
...FontFamily.notoSansRegular,
|
||||
fontSize: 12,
|
||||
},
|
||||
bulletListDesc: {
|
||||
...FontFamily.notoSansRegular,
|
||||
fontSize: 12,
|
||||
flex: 1,
|
||||
},
|
||||
numberListWrapper: {
|
||||
marginTop: 8,
|
||||
gap: 8,
|
||||
},
|
||||
numberListContainer: {
|
||||
flexDirection: 'row',
|
||||
gap: 8,
|
||||
marginStart: 32,
|
||||
},
|
||||
numberList: {
|
||||
fontSize: 12,
|
||||
...FontFamily.notoSansRegular,
|
||||
},
|
||||
numberListDesc: {
|
||||
fontSize: 12,
|
||||
...FontFamily.notoSansRegular,
|
||||
flex: 1,
|
||||
},
|
||||
secondBulletListContainer: {
|
||||
flexDirection: 'row',
|
||||
gap: 8,
|
||||
marginStart: 48,
|
||||
},
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user