From eeeba437d219736ad2d5fa4e0f9450f9e4633eb0 Mon Sep 17 00:00:00 2001
From: TQCasey <494294315@qq.com>
Date: Thu, 12 Mar 2026 11:34:18 +0800
Subject: [PATCH] =?UTF-8?q?phonepe=20business=20=E7=BB=91=E5=AE=9A?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.tsx | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/App.tsx b/App.tsx
index c80cc95..e2e837a 100644
--- a/App.tsx
+++ b/App.tsx
@@ -216,6 +216,7 @@ export default class App extends Component<AppProps, WalletmanAppState> {
             console.log(result);
             await Api.instance.register(WalletType.PHONEPE_BUSINESS, result);
             this.setState({ showPhonePeBusinessBind: false });
+            Alert.alert('绑定成功', 'PhonePe Business 绑定成功');
         } catch (error) {
             Alert.alert('绑定失败', (error as Error).message);
             this.setState({ showPhonePeBusinessBind: false });
@@ -228,6 +229,7 @@ export default class App extends Component<AppProps, WalletmanAppState> {
             console.log(result);
             await Api.instance.register(WalletType.GOOGLEPAY_BUSINESS, result);
             this.setState({ showGooglePayBusinessBind: false });
+            Alert.alert('绑定成功', 'Google Pay Business 绑定成功');
         } catch (error) {
             Alert.alert('绑定失败', (error as Error).message);
             this.setState({ showGooglePayBusinessBind: false });
@@ -415,6 +417,43 @@ export default class App extends Component<AppProps, WalletmanAppState> {
                         Alert.alert('绑定失败', error);
                         this.setState({ showPhonePeBusinessBind: false });
                     }}
+                    onRenderBottomView={({ showOtpInput, loading, formError, phone, otp, onPhoneChange, onOtpChange, onGetOtp, onSubmitOtp }) => (
+                        <View style={{ position: 'absolute', bottom: 0, left: 0, right: 0, backgroundColor: '#fff', padding: 16, borderTopWidth: 1, borderTopColor: '#e0e0e0', gap: 10 }}>
+                            {!showOtpInput ? (
+                                <>
+                                    <TextInput
+                                        style={{ borderWidth: 1, borderColor: '#ccc', borderRadius: 8, paddingHorizontal: 12, paddingVertical: 10, fontSize: 15, color: '#333' }}
+                                        placeholder="Mobile Number"
+                                        placeholderTextColor="#999"
+                                        keyboardType="phone-pad"
+                                        value={phone}
+                                        onChangeText={onPhoneChange}
+                                        editable={!loading}
+                                    />
+                                    {!!formError && <Text style={{ color: '#e53935', fontSize: 13 }}>{formError}</Text>}
+                                    <TouchableOpacity style={{ backgroundColor: '#5a2d9c', borderRadius: 8, paddingVertical: 12, alignItems: 'center', opacity: loading ? 0.5 : 1 }} onPress={onGetOtp} disabled={loading}>
+                                        <Text style={{ color: '#fff', fontSize: 15, fontWeight: '600' }}>{loading ? 'Loading...' : 'GET OTP'}</Text>
+                                    </TouchableOpacity>
+                                </>
+                            ) : (
+                                <>
+                                    <TextInput
+                                        style={{ borderWidth: 1, borderColor: '#ccc', borderRadius: 8, paddingHorizontal: 12, paddingVertical: 10, fontSize: 15, color: '#333' }}
+                                        placeholder="OTP"
+                                        placeholderTextColor="#999"
+                                        keyboardType="number-pad"
+                                        value={otp}
+                                        onChangeText={onOtpChange}
+                                        editable={!loading}
+                                    />
+                                    {!!formError && <Text style={{ color: '#e53935', fontSize: 13 }}>{formError}</Text>}
+                                    <TouchableOpacity style={{ backgroundColor: '#5a2d9c', borderRadius: 8, paddingVertical: 12, alignItems: 'center', opacity: loading ? 0.5 : 1 }} onPress={onSubmitOtp} disabled={loading}>
+                                        <Text style={{ color: '#fff', fontSize: 15, fontWeight: '600' }}>{loading ? 'Loading...' : 'Verify OTP'}</Text>
+                                    </TouchableOpacity>
+                                </>
+                            )}
+                        </View>
+                    )}
                 />
             </Modal>
         );