app/(tabs)/rights.tsx

@@ -8,25 +8,12 @@ import ProRights from '@/components/owner/rights/proRights';
 import { createOrder, createPayment, getPAy, isOrderExpired, payFailure, payProcessing, paySuccess } from '@/components/owner/rights/utils';
 import { ThemedText } from '@/components/ThemedText';
 import { CreateOrder } from '@/types/personal-info';
+import { ErrorCode, getAvailablePurchases, getPurchaseHistories, ProductPurchase, useIAP } from 'expo-iap';
 import { useLocalSearchParams, useRouter } from "expo-router";
 import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { ActivityIndicator, Image, Platform, ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-
-// 根据平台动态导入 expo-iap
-let useIAP: any, requestPurchase: any, getPurchaseHistories: any;
-if (Platform.OS !== 'web') {
-    const iap = require('expo-iap');
-    useIAP = iap.useIAP;
-    requestPurchase = iap.requestPurchase;
-    getPurchaseHistories = iap.getPurchaseHistories;
-} else {
-    // 为 Web 端提供 mock 实现
-    useIAP = () => ({ connected: false });
-    requestPurchase = async () => { console.log('IAP is not available on web.'); };
-    getPurchaseHistories = async () => [];
-}
+import { ActivityIndicator, Image, ScrollView, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 export default function Rights() {
     const insets = useSafeAreaInsets();
@@ -34,19 +21,26 @@ export default function Rights() {
     const { t } = useTranslation();
     const {
         connected,
+        products,
+        subscriptions,
+        currentPurchase,
+        currentPurchaseError,
         requestProducts,
-        ErrorCode
+        requestPurchase,
+        finishTransaction,
+        validateReceipt,
     } = useIAP();
-    const { pro } = useLocalSearchParams<{
-        credit: string;
-        pro: string;
-    }>();
     // 用户勾选协议
     const [agree, setAgree] = useState<boolean>(false);
     // 用户选择购买的loading
     const [confirmLoading, setConfirmLoading] = useState<boolean>(false);
     // 选择购买方式
     const [payChoice, setPayChoice] = useState<'ApplePay'>('ApplePay');
+    // 获取路由参数
+    const { credit, pro } = useLocalSearchParams<{
+        credit: string;
+        pro: string;
+    }>();
     // 普通用户，会员
     const [userType, setUserType] = useState<'normal' | 'premium'>('normal');
 
@@ -72,19 +66,19 @@ export default function Rights() {
     };
 
     // 恢复购买
-    // const restorePurchases = async () => {
-    //     try {
-    //         const purchases = await getAvailablePurchases();
-    //         console.log('Available purchases:', purchases);
-    //         // Process and validate restored purchases
-    //         for (const purchase of purchases) {
-    //             await validateAndGrantPurchase(purchase);
-    //         }
-    //         alert(t('personal:rights.restoreSuccess'));
-    //     } catch (error) {
-    //         console.error('Restore failed:', error);
-    //     }
-    // };
+    const restorePurchases = async () => {
+        try {
+            const purchases = await getAvailablePurchases();
+            console.log('Available purchases:', purchases);
+            // Process and validate restored purchases
+            for (const purchase of purchases) {
+                await validateAndGrantPurchase(purchase);
+            }
+            alert(t('personal:rights.restoreSuccess'));
+        } catch (error) {
+            console.error('Restore failed:', error);
+        }
+    };
 
     // 处理购买
     const handlePurchase = async (sku: string, transaction_id: string) => {
@@ -94,13 +88,15 @@ export default function Rights() {
             const res = await requestPurchase({
                 request: {
                     ios: {
-                        sku: sku,
+                        sku: payType,
                         andDangerouslyFinishTransactionAutomaticallyIOS: false,
                     },
                 },
             });
-            // 支付成功
-            await paySuccess(transaction_id, res?.transaction_id || "")
+            console.log('Purchase success:', res);
+
+            // 支付成功          
+            await paySuccess(transaction_id, res?.transactionId || "")
         } catch (error: any) {
             console.log('Purchase failed:', error);
             // 支付失败
@@ -226,7 +222,7 @@ export default function Rights() {
                             </ThemedText>
                             <View style={styles.cardPoints}>
                                 <StarSvg />
-                                <ThemedText style={styles.cardPointsText}>{pro}</ThemedText>
+                                <ThemedText style={styles.cardPointsText}>{credit}</ThemedText>
                             </View>
                         </View>
                     </View>
@@ -252,7 +248,7 @@ export default function Rights() {
                     {/* 普通权益 */}
                     <Normal setUserType={setUserType} style={{ display: userType === 'normal' ? "flex" : "none" }} />
                     {/* 会员权益 */}
-                    <Premium setPayType={setPayType} setShowTerms={setShowTerms} payType={payType} premiumPay={premiumPay} loading={loading} style={{ display: userType === 'normal' ? "none" : "flex" }} />
+                    <Premium restorePurchases={restorePurchases} setPayType={setPayType} setShowTerms={setShowTerms} payType={payType} premiumPay={premiumPay} loading={loading} style={{ display: userType === 'normal' ? "none" : "flex" }} />
                 </View>
                 {/* 支付方式 */}
                 {/* <PayTypeModal setConfirmPay={setConfirmPay} modalVisible={showPayType} setModalVisible={setShowPayType} payChoice={payChoice} setPayChoice={setPayChoice} /> */}
@@ -310,7 +306,7 @@ export default function Rights() {
 
             </View>
             {/* 协议弹窗 */}
-            <PrivacyModal modalVisible={showTerms} setModalVisible={setShowTerms} type={"membership"} />
+            <PrivacyModal modalVisible={showTerms} setModalVisible={setShowTerms} type={"member"} />
         </View>
     );
 }
@@ -458,4 +454,7 @@ const styles = StyleSheet.create({
         color: '#4C320C',
         lineHeight: 32
     }
-});
+});
+function validateAndGrantPurchase(purchase: ProductPurchase) {
+    throw new Error('Function not implemented.');
+}

components/owner/rights/premium.tsx

@@ -11,6 +11,7 @@ interface Props {
     premiumPay: any;
     loading: boolean;
     setShowTerms: (visible: boolean) => void;
+    restorePurchases: () => void;
 }
 
 export interface PayItem {
@@ -30,7 +31,7 @@ export interface PayItem {
 
 }
 const Premium = (props: Props) => {
-    const { style, payType, setPayType, premiumPay, loading } = props;
+    const { style, payType, setPayType, premiumPay, loading, setShowTerms, restorePurchases } = props;
     const bestValue = maxDiscountProduct(premiumPay)?.product_code
     const { t } = useTranslation();
 
@@ -79,7 +80,7 @@ const Premium = (props: Props) => {
                     })
                 }
             </ScrollView>
-            {/* <View style={{ flexDirection: 'row', gap: 8, marginLeft: 4, marginTop: 8 }}>
+            <View style={{ flexDirection: 'row', gap: 8, marginLeft: 4, marginTop: 8 }}>
                 <ThemedText style={{ color: '#AC7E35', fontSize: 10 }}>
                     {t('personal:rights.restorePurchase')}
                 </ThemedText>
@@ -88,7 +89,7 @@ const Premium = (props: Props) => {
                         {t('personal:rights.restore')}
                     </ThemedText>
                 </TouchableOpacity>
-            </View> */}
+            </View>
         </View>
     );
 }