expo-iap 2.3.0 → 2.3.1-rc.2

package/iap.md

@@ -209,8 +209,8 @@ Transactions map to `Purchase` or `SubscriptionPurchase` with platform-specific
 Below is a simple example of fetching products and making a purchase with `expo-iap` in a managed workflow, updated to use the new `requestPurchase` signature:
 
 ```tsx
-import {useEffect, useState} from 'react';
-import {Button, Text, View} from 'react-native';
+import { useEffect, useState } from 'react';
+import { Button, Text, View } from 'react-native';
 import {
   initConnection,
   endConnection,
@@ -237,7 +237,7 @@ export default function SimpleIAP() {
 
     const purchaseListener = purchaseUpdatedListener(async (purchase) => {
       if (purchase) {
-        await finishTransaction({purchase, isConsumable: true});
+        await finishTransaction({ purchase, isConsumable: true });
         alert('Purchase completed!');
       }
     });
@@ -252,12 +252,12 @@ export default function SimpleIAP() {
   const buyItem = async () => {
     if (!product) return;
     await requestPurchase({
-      request: {skus: [product.id]}, // Android expects 'skus'; iOS would use 'sku'
+      request: { skus: [product.id] }, // Android expects 'skus'; iOS would use 'sku'
     });
   };
 
   return (
-    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
+    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       <Text>{isConnected ? 'Connected' : 'Connecting...'}</Text>
       {product ? (
         <>
@@ -277,7 +277,7 @@ export default function SimpleIAP() {
 The `useIAP` hook simplifies managing in-app purchases. Below is an example updated to use the new `requestPurchase` signature:
 
 ```tsx
-import {useEffect, useState} from 'react';
+import { useEffect, useState } from 'react';
 import {
   SafeAreaView,
   ScrollView,
@@ -289,20 +289,12 @@ import {
   InteractionManager,
   Alert,
 } from 'react-native';
-import {useIAP} from 'expo-iap';
-import type {ProductPurchase, SubscriptionProduct} from 'expo-iap';
+import { useIAP } from 'expo-iap';
+import type { ProductPurchase, SubscriptionProduct } from 'expo-iap';
 
 // Define SKUs
-const productSkus = [
-  'cpk.points.1000',
-  'cpk.points.5000',
-  'cpk.points.10000',
-  'cpk.points.30000',
-];
-const subscriptionSkus = [
-  'cpk.membership.monthly.bronze',
-  'cpk.membership.monthly.silver',
-];
+const productSkus = ['cpk.points.1000', 'cpk.points.5000', 'cpk.points.10000', 'cpk.points.30000'];
+const subscriptionSkus = ['cpk.membership.monthly.bronze', 'cpk.membership.monthly.silver'];
 
 // Define operations
 const operations = ['getProducts', 'getSubscriptions'] as const;
@@ -329,10 +321,7 @@ export default function IAPWithHook() {
 
     const initializeIAP = async () => {
       try {
-        await Promise.all([
-          getProducts(productSkus),
-          getSubscriptions(subscriptionSkus),
-        ]);
+        await Promise.all([getProducts(productSkus), getSubscriptions(subscriptionSkus)]);
         setIsReady(true);
       } catch (error) {
         console.error('Error initializing IAP:', error);
@@ -400,10 +389,7 @@ export default function IAPWithHook() {
       <View style={styles.buttons}>
         <ScrollView contentContainerStyle={styles.buttonsWrapper} horizontal>
           {operations.map((operation) => (
-            <Pressable
-              key={operation}
-              onPress={() => handleOperation(operation)}
-            >
+            <Pressable key={operation} onPress={() => handleOperation(operation)}>
               <View style={styles.buttonView}>
                 <Text>{operation}</Text>
               </View>
@@ -415,10 +401,10 @@ export default function IAPWithHook() {
         {!isReady ? (
           <Text>Loading...</Text>
         ) : (
-          <View style={{gap: 12}}>
-            <Text style={{fontSize: 20}}>Products</Text>
+          <View style={{ gap: 12 }}>
+            <Text style={{ fontSize: 20 }}>Products</Text>
             {products.map((item) => (
-              <View key={item.id} style={{gap: 12}}>
+              <View key={item.id} style={{ gap: 12 }}>
                 <Text>
                   {item.title} -{' '}
                   {item.platform === 'android'
@@ -429,24 +415,20 @@ export default function IAPWithHook() {
                   title="Buy"
                   onPress={() =>
                     requestPurchase({
-                      request:
-                        item.platform === 'android'
-                          ? {skus: [item.id]}
-                          : {sku: item.id},
+                      request: item.platform === 'android' ? { skus: [item.id] } : { sku: item.id },
                     })
                   }
                 />
               </View>
             ))}
 
-            <Text style={{fontSize: 20}}>Subscriptions</Text>
+            <Text style={{ fontSize: 20 }}>Subscriptions</Text>
             {subscriptions.map((item) => (
-              <View key={item.id} style={{gap: 12}}>
+              <View key={item.id} style={{ gap: 12 }}>
                 <Text>
                   {item.title || item.displayName} -{' '}
                   {item.platform === 'android' && item.subscriptionOfferDetails
-                    ? item.subscriptionOfferDetails[0]?.pricingPhases
-                        .pricingPhaseList[0].formattedPrice
+                    ? item.subscriptionOfferDetails[0]?.pricingPhases.pricingPhaseList[0].formattedPrice
                     : item.displayPrice}
                 </Text>
                 <Button
@@ -463,7 +445,7 @@ export default function IAPWithHook() {
                                   offerToken: offer.offerToken,
                                 })) || [],
                             }
-                          : {sku: item.id},
+                          : { sku: item.id },
                       type: 'subs',
                     })
                   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-iap",
-  "version": "2.3.0",
+  "version": "2.3.1-rc.2",
   "description": "In App Purchase module in Expo",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/plugin/build/withIAP.js

@@ -21,7 +21,11 @@ const modifyProjectBuildGradle = (gradle) => {
     if (!modified.includes(supportLib)) {
         modified = addLineToGradle(modified, /ext\s*{/, supportLib);
     }
-    // 2. billing library
+    return modified;
+};
+const modifyAppBuildGradle = (gradle) => {
+    let modified = gradle;
+    // Add billing library dependencies to app-level build.gradle
     const billingDep = `    implementation "com.android.billingclient:billing-ktx:7.0.0"`;
     const gmsDep = `    implementation "com.google.android.gms:play-services-base:18.1.0"`;
     if (!modified.includes(billingDep)) {
@@ -33,10 +37,16 @@ const modifyProjectBuildGradle = (gradle) => {
     return modified;
 };
 const withIAPAndroid = (config) => {
+    // Add supportLibVersion to project build.gradle
     config = (0, config_plugins_1.withProjectBuildGradle)(config, (config) => {
         config.modResults.contents = modifyProjectBuildGradle(config.modResults.contents);
         return config;
     });
+    // Add IAP dependencies to app build.gradle
+    config = (0, config_plugins_1.withAppBuildGradle)(config, (config) => {
+        config.modResults.contents = modifyAppBuildGradle(config.modResults.contents);
+        return config;
+    });
     config = (0, config_plugins_1.withAndroidManifest)(config, (config) => {
         const manifest = config.modResults;
         if (!manifest.manifest['uses-permission']) {

package/plugin/src/withIAP.ts

@@ -2,6 +2,7 @@ import {
   WarningAggregator,
   withAndroidManifest,
   withProjectBuildGradle,
+  withAppBuildGradle,
   ConfigPlugin,
   createRunOncePlugin,
 } from 'expo/config-plugins';
@@ -36,7 +37,13 @@ const modifyProjectBuildGradle = (gradle: string): string => {
     modified = addLineToGradle(modified, /ext\s*{/, supportLib);
   }
 
-  // 2. billing library
+  return modified;
+};
+
+const modifyAppBuildGradle = (gradle: string): string => {
+  let modified = gradle;
+
+  // Add billing library dependencies to app-level build.gradle
   const billingDep = `    implementation "com.android.billingclient:billing-ktx:7.0.0"`;
   const gmsDep = `    implementation "com.google.android.gms:play-services-base:18.1.0"`;
   if (!modified.includes(billingDep)) {
@@ -50,6 +57,7 @@ const modifyProjectBuildGradle = (gradle: string): string => {
 };
 
 const withIAPAndroid: ConfigPlugin = (config) => {
+  // Add supportLibVersion to project build.gradle
   config = withProjectBuildGradle(config, (config) => {
     config.modResults.contents = modifyProjectBuildGradle(
       config.modResults.contents,
@@ -57,6 +65,14 @@ const withIAPAndroid: ConfigPlugin = (config) => {
     return config;
   });
 
+  // Add IAP dependencies to app build.gradle
+  config = withAppBuildGradle(config, (config) => {
+    config.modResults.contents = modifyAppBuildGradle(
+      config.modResults.contents,
+    );
+    return config;
+  });
+
   config = withAndroidManifest(config, (config) => {
     const manifest = config.modResults;
     if (!manifest.manifest['uses-permission']) {