rifqiardian
Version:
component that always needed when create project
282 lines (275 loc) • 19 kB
JavaScript
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import { color } from '_styles';
const PaymentStep = (props) => {
const getStep = () => {
switch (props.bank) {
case 'VABCA':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Masukkan kartu ATM dan PIN BCA Anda</Text>
<Text style={styles.text}>• Pilih menu Transaksi Lainnya</Text>
<Text style={styles.text}>• Pilih menu Transfer</Text>
<Text style={styles.text}>• Pilih menu Ke Rek BCA Virtual Account</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>m-BCA</Text>
<Text style={styles.text}>• Login ke akun m-BCA Anda</Text>
<Text style={styles.text}>• Pilih menu m-Transfer</Text>
<Text style={styles.text}>• Pilih BCA Virtual Account</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Klik BCA</Text>
<Text style={styles.text}>• Login ke akun Klik BCA Anda</Text>
<Text style={styles.text}>• Pilih menu Transfer Dana</Text>
<Text style={styles.text}>• Pilih BCA Virtual Account</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
</>
)
case 'VABNI':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Masukkan kartu ATM dan PIN BNI Anda</Text>
<Text style={styles.text}>• Pilih Menu Lainnya</Text>
<Text style={styles.text}>• Pilih Transfer</Text>
<Text style={styles.text}>• Pilih Virtual Account Billing</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>BNI Mobile Banking</Text>
<Text style={styles.text}>• Login ke akun BNI Mobile Anda</Text>
<Text style={styles.text}>• Pilih Transfer</Text>
<Text style={styles.text}>• Pilih Virtual Account Billing</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>BNI iBank Personal</Text>
<Text style={styles.text}>• Login ke akun iBank Personal BNI Anda</Text>
<Text style={styles.text}>• Pilih Transfer</Text>
<Text style={styles.text}>• Pilih Virtual Account Billing</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
</>
)
case 'VABRI':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Masukkan kartu ATM dan PIN BRI Anda</Text>
<Text style={styles.text}>• Pilih menu Transaksi Lain lalu pilih Bank Lain</Text>
<Text style={styles.text}>• Pilih menu Pembayaran lalu pilih Bank Lain</Text>
<Text style={styles.text}>• Pilih menu Lainnya lalu pilih Bank Lain</Text>
<Text style={styles.text}>• Pilih BRIVA</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan nominal transfer</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>BRI Internet</Text>
<Text style={styles.text}>• Login ke akun BRI Internet Banking Anda</Text>
<Text style={styles.text}>• Pilih menu Pembayaran</Text>
<Text style={styles.text}>• Pilih BRIVA</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan nominal transfer</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>BRI Mobile</Text>
<Text style={styles.text}>• Login ke akun BRI Mobile Anda</Text>
<Text style={styles.text}>• Pilih menu BRIVA</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan nominal transfer</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
</>
)
case 'VAMANDIRI':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Masukkan kartu ATM dan PIN Mandiri Anda</Text>
<Text style={styles.text}>• Pilih menu Bayar/Beli</Text>
<Text style={styles.text}>• Pilih menu Multi Payment</Text> Silahkan masukkan kode
<Text style={styles.text}>• Silahkan masukkan kode 88908, lalu Pilih Benar</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan nominal transfer</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Mandiri Mobile Banking</Text>
<Text style={styles.text}>• Login ke akun Mandiri Mobile Banking Anda</Text>
<Text style={styles.text}>• Pilih menu Pembayaran</Text>
<Text style={styles.text}>• Pilih Multi Payment</Text>
<Text style={styles.text}>• Klik “Penyedia Jasa” atau “Service Provider”, kemudian masukan kode 88908</Text>
<Text style={styles.text}>• Pilih “No. Virtual”</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan nominal lalu pilih “Konfirmasi” dan “lanjut”</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Mandiri Internet Banking</Text>
<Text style={styles.text}>• Login ke akun Mandiri Internet Banking Anda</Text>
<Text style={styles.text}>• Pilih menu Pembayaran</Text>
<Text style={styles.text}>• Pilih menu Multi Payment</Text>
<Text style={styles.text}>• Pilih "No Rekening Anda"</Text>
<Text style={styles.text}>• Pilih Xendit 88908</Text>
<Text style={styles.text}>• Pilih Nomer Virtual Account</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masuk ke halaman konfirmasi 1</Text>
<Text style={styles.text}>• Apabila sudah sesuai, klik “Tagihan Total”, kemudian “Lanjutkan”</Text>
<Text style={styles.text}>• Masuk ke halaman konfirmasi 2</Text>
<Text style={styles.text}>• Masukkan Challenge Code yang dikirimkan ke Token Internet Banking Anda, kemudian “Kirim”</Text>
<Text style={styles.text}>• Anda akan masuk ke halaman konfirmasi jika pembayaran telah selesai</Text>
</View>
</>
)
case 'VAPERMATA':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Masukkan kartu ATM dan PIN Permata Anda</Text>
<Text style={styles.text}>• Pilih menu Pembayaran</Text>
<Text style={styles.text}>• Pilih menu Pembayaran Lainnya</Text>
<Text style={styles.text}>• Pilih menu Virtual Account Billing</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>PermataNet</Text>
<Text style={styles.text}>• Login ke akun PermataNet Anda</Text>
<Text style={styles.text}>• Pilih menu Pembayaran Tagihan</Text>
<Text style={styles.text}>• Pilih menu Virtual Account</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Ikuti instruksi untuk menyelesaikan transaksi</Text>
</View>
</>
)
case 'TRANSFERBCA':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Pilih Transfer > BCA</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran.</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>m-BCA</Text>
<Text style={styles.text}>• Pilih menu Transfer > Sesama BCA</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Klik BCA</Text>
<Text style={styles.text}>• Pilih menu Transfer > Sesama BCA</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran</Text>
</View>
</>
)
case 'TRANSFERBRI':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Pilih Transfer > BRI</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran.</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Internet Banking</Text>
<Text style={styles.text}>• Pilih menu Transfer > Sesama BRI</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Mobile Banking</Text>
<Text style={styles.text}>• Pilih menu Transfer > Sesama BRI</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran</Text>
</View>
</>
)
case 'TRANSFERBNI':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Pada ATM, Pilih opsi Transaksi Lainnya, lalu pilih opsi Transfer</Text>
<Text style={styles.text}>• Kemudian pilih Rekening Tabungan kemudian pilih Rekening BNI</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran.</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Internet Banking</Text>
<Text style={styles.text}>• Login ke iBanking BNI, pilih Transfer, lalu atur & tambah Rekening Tujuan</Text>
<Text style={styles.text}>• Masukkan {props.billNumber} dan kode Otentifikasi Token</Text>
<Text style={styles.text}>• Pilih Transfer Antar Rekening BNI, pilih Rek. Tujuan, dan pilih Rek. Debit</Text>
<Text style={styles.text}>• Masukkan nominal bayar, kode otentikasi token, dan selesaikan pembayaran</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Mobile Banking</Text>
<Text style={styles.text}>• Login ke Mobile banking BNI kemudian pilih Transfer</Text>
<Text style={styles.text}>• Pilih menu Antar Rekening BNI, kemudian menu Input Rekening Baru</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan Password, dan selesaikan pembayaran</Text>
</View>
</>
)
case 'TRANSFERMANDIRI':
return (
<>
<View style={{ padding: 10 }}>
<Text style={styles.title}>ATM</Text>
<Text style={styles.text}>• Pilih Bayar/Beli</Text>
<Text style={styles.text}>• Pilih Transfer > Pilih Ke Rekening Mandiri</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran.</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Internet Banking</Text>
<Text style={styles.text}>• Pilih Transfer > Rekening Mandiri</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Masukkan PIN token dan selesaikan pembayaran</Text>
</View>
<View style={{ padding: 10 }}>
<Text style={styles.title}>Mobile Banking</Text>
<Text style={styles.text}>• Pilih Transfer > Rekening Mandiri</Text>
<Text style={styles.text}>• Masukkan {props.billNumber}</Text>
<Text style={styles.text}>• Konfirmasi dan selesaikan pembayaran.</Text>
</View>
</>
)
default:
return <View />
}
}
return getStep()
}
const styles = StyleSheet.create({
text: {
color: color.g900
},
title: {
fontWeight: 'bold',
fontSize: 16,
marginBottom: 5
}
})
export default PaymentStep