expo-iap 2.2.11 → 2.3.1-rc.1

package/android/build.gradle

@@ -41,8 +41,3 @@ android {
     abortOnError false
   }
 }
-
-dependencies {
-  implementation "com.android.billingclient:billing-ktx:7.0.0"
-  implementation "com.google.android.gms:play-services-base:18.1.0"
-}

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.2.11",
+  "version": "2.3.1-rc.1",
   "description": "In App Purchase module in Expo",
   "main": "build/index.js",
   "types": "build/index.d.ts",

package/plugin/build/withIAP.d.ts

@@ -1,6 +1,3 @@
 import { ConfigPlugin } from 'expo/config-plugins';
-export declare const modifyProjectBuildGradle: (buildGradle: string) => string;
-interface Props {
-}
-declare const _default: ConfigPlugin<Props | undefined>;
+declare const _default: ConfigPlugin<void>;
 export default _default;

package/plugin/build/withIAP.js

@@ -1,65 +1,66 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.modifyProjectBuildGradle = void 0;
 const config_plugins_1 = require("expo/config-plugins");
-const config_plugins_2 = require("expo/config-plugins");
 const pkg = require('../../package.json');
-const addToBuildGradle = (newLine, anchor, offset, buildGradle) => {
+const BILLING_PERMISSION = 'com.android.vending.BILLING';
+const BILLING_DEP = `    implementation "com.android.billingclient:billing-ktx:7.0.0"`;
+const GMS_DEP = `    implementation "com.google.android.gms:play-services-base:18.1.0"`;
+/**
+ * Injects implementation lines into app/build.gradle
+ */
+function modifyAppBuildGradle(buildGradle) {
     const lines = buildGradle.split('\n');
-    const lineIndex = lines.findIndex((line) => line.match(anchor));
-    if (lineIndex === -1) {
-        console.warn('Anchor "ext" not found in build.gradle, appending to end');
-        lines.push(newLine);
+    const anchor = /dependencies\s*{/;
+    const index = lines.findIndex((line) => anchor.test(line));
+    if (index !== -1) {
+        if (!buildGradle.includes(BILLING_DEP)) {
+            lines.splice(index + 1, 0, BILLING_DEP);
+        }
+        if (!buildGradle.includes(GMS_DEP)) {
+            lines.splice(index + 2, 0, GMS_DEP);
+        }
     }
     else {
-        lines.splice(lineIndex + offset, 0, newLine);
+        console.warn('Could not find dependencies block in app/build.gradle');
     }
     return lines.join('\n');
-};
-const modifyProjectBuildGradle = (buildGradle) => {
-    const supportLibVersion = `supportLibVersion = "28.0.0"`;
-    if (buildGradle.includes(supportLibVersion)) {
-        return buildGradle;
-    }
-    return addToBuildGradle(supportLibVersion, 'ext', 1, buildGradle);
-};
-exports.modifyProjectBuildGradle = modifyProjectBuildGradle;
+}
+/**
+ * Adds BILLING permission to AndroidManifest.xml
+ */
 const withIAPAndroid = (config) => {
-    config = (0, config_plugins_1.withProjectBuildGradle)(config, (config) => {
-        config.modResults.contents = (0, exports.modifyProjectBuildGradle)(config.modResults.contents);
+    config = (0, config_plugins_1.withAppBuildGradle)(config, (config) => {
+        config.modResults.contents = modifyAppBuildGradle(config.modResults.contents);
         return config;
     });
-    // Adding BILLING permission to AndroidManifest.xml
     config = (0, config_plugins_1.withAndroidManifest)(config, (config) => {
-        console.log('Modifying AndroidManifest.xml...');
         const manifest = config.modResults;
-        if (!manifest.manifest['uses-permission']) {
-            manifest.manifest['uses-permission'] = [];
-        }
-        const permissions = manifest.manifest['uses-permission'];
-        const billingPermission = {
-            $: { 'android:name': 'com.android.vending.BILLING' },
-        };
-        if (!permissions.some((perm) => perm.$['android:name'] === 'com.android.vending.BILLING')) {
-            permissions.push(billingPermission);
-            console.log('Added com.android.vending.BILLING to permissions');
+        const permissions = manifest.manifest['uses-permission'] ?? [];
+        const alreadyExists = permissions.some((p) => p.$['android:name'] === BILLING_PERMISSION);
+        if (!alreadyExists) {
+            permissions.push({ $: { 'android:name': BILLING_PERMISSION } });
+            manifest.manifest['uses-permission'] = permissions;
+            console.log(`✅ Added ${BILLING_PERMISSION} to AndroidManifest.xml`);
         }
         else {
-            console.log('com.android.vending.BILLING already exists in manifest');
+            console.log(`ℹ️ ${BILLING_PERMISSION} already exists in AndroidManifest.xml`);
         }
         return config;
     });
     return config;
 };
-const withIAP = (config, props) => {
+/**
+ * Main plugin entry
+ */
+const withIAP = (config, _props) => {
     try {
-        console.log('Applying expo-iap plugin...');
-        config = withIAPAndroid(config);
+        console.log('🛠️ Applying expo-iap plugin...');
+        return withIAPAndroid(config);
     }
     catch (error) {
-        config_plugins_1.WarningAggregator.addWarningAndroid('expo-iap', `There was a problem configuring expo-iap in your native Android project: ${error}`);
-        console.error('Error in expo-iap plugin:', error);
+        config_plugins_1.WarningAggregator.addWarningAndroid('expo-iap', `expo-iap plugin encountered an error: ${error}`);
+        console.error('expo-iap plugin error:', error);
+        return config;
     }
-    return config;
 };
-exports.default = (0, config_plugins_2.createRunOncePlugin)(withIAP, pkg.name, pkg.version);
+exports.default = (0, config_plugins_1.createRunOncePlugin)(withIAP, pkg.name, pkg.version);

package/plugin/src/withIAP.ts

@@ -1,67 +1,66 @@
 import {
+  ConfigPlugin,
   WarningAggregator,
   withAndroidManifest,
-  withProjectBuildGradle,
+  withAppBuildGradle,
+  createRunOncePlugin,
 } from 'expo/config-plugins';
-import {ConfigPlugin, createRunOncePlugin} from 'expo/config-plugins';
 
 const pkg = require('../../package.json');
 
-const addToBuildGradle = (
-  newLine: string,
-  anchor: RegExp | string,
-  offset: number,
-  buildGradle: string,
-) => {
+const BILLING_PERMISSION = 'com.android.vending.BILLING';
+const BILLING_DEP = `    implementation "com.android.billingclient:billing-ktx:7.0.0"`;
+const GMS_DEP = `    implementation "com.google.android.gms:play-services-base:18.1.0"`;
+
+/**
+ * Injects implementation lines into app/build.gradle
+ */
+function modifyAppBuildGradle(buildGradle: string): string {
   const lines = buildGradle.split('\n');
-  const lineIndex = lines.findIndex((line) => line.match(anchor));
-  if (lineIndex === -1) {
-    console.warn('Anchor "ext" not found in build.gradle, appending to end');
-    lines.push(newLine);
+  const anchor = /dependencies\s*{/;
+  const index = lines.findIndex((line) => anchor.test(line));
+
+  if (index !== -1) {
+    if (!buildGradle.includes(BILLING_DEP)) {
+      lines.splice(index + 1, 0, BILLING_DEP);
+    }
+    if (!buildGradle.includes(GMS_DEP)) {
+      lines.splice(index + 2, 0, GMS_DEP);
+    }
   } else {
-    lines.splice(lineIndex + offset, 0, newLine);
+    console.warn('Could not find dependencies block in app/build.gradle');
   }
-  return lines.join('\n');
-};
 
-export const modifyProjectBuildGradle = (buildGradle: string) => {
-  const supportLibVersion = `supportLibVersion = "28.0.0"`;
-  if (buildGradle.includes(supportLibVersion)) {
-    return buildGradle;
-  }
-  return addToBuildGradle(supportLibVersion, 'ext', 1, buildGradle);
-};
+  return lines.join('\n');
+}
 
+/**
+ * Adds BILLING permission to AndroidManifest.xml
+ */
 const withIAPAndroid: ConfigPlugin = (config) => {
-  config = withProjectBuildGradle(config, (config) => {
-    config.modResults.contents = modifyProjectBuildGradle(
+  config = withAppBuildGradle(config, (config) => {
+    config.modResults.contents = modifyAppBuildGradle(
       config.modResults.contents,
     );
     return config;
   });
 
-  // Adding BILLING permission to AndroidManifest.xml
   config = withAndroidManifest(config, (config) => {
-    console.log('Modifying AndroidManifest.xml...');
     const manifest = config.modResults;
+    const permissions = manifest.manifest['uses-permission'] ?? [];
 
-    if (!manifest.manifest['uses-permission']) {
-      manifest.manifest['uses-permission'] = [];
-    }
+    const alreadyExists = permissions.some(
+      (p) => p.$['android:name'] === BILLING_PERMISSION,
+    );
 
-    const permissions = manifest.manifest['uses-permission'];
-    const billingPermission = {
-      $: {'android:name': 'com.android.vending.BILLING'},
-    };
-    if (
-      !permissions.some(
-        (perm: any) => perm.$['android:name'] === 'com.android.vending.BILLING',
-      )
-    ) {
-      permissions.push(billingPermission);
-      console.log('Added com.android.vending.BILLING to permissions');
+    if (!alreadyExists) {
+      permissions.push({$: {'android:name': BILLING_PERMISSION}});
+      manifest.manifest['uses-permission'] = permissions;
+      console.log(`✅ Added ${BILLING_PERMISSION} to AndroidManifest.xml`);
     } else {
-      console.log('com.android.vending.BILLING already exists in manifest');
+      console.log(
+        `ℹ️ ${BILLING_PERMISSION} already exists in AndroidManifest.xml`,
+      );
     }
 
     return config;
@@ -70,20 +69,21 @@ const withIAPAndroid: ConfigPlugin = (config) => {
   return config;
 };
 
-interface Props {}
-
-const withIAP: ConfigPlugin<Props | undefined> = (config, props) => {
+/**
+ * Main plugin entry
+ */
+const withIAP: ConfigPlugin = (config, _props) => {
   try {
-    console.log('Applying expo-iap plugin...');
-    config = withIAPAndroid(config);
+    console.log('🛠️ Applying expo-iap plugin...');
+    return withIAPAndroid(config);
   } catch (error) {
     WarningAggregator.addWarningAndroid(
       'expo-iap',
-      `There was a problem configuring expo-iap in your native Android project: ${error}`,
+      `expo-iap plugin encountered an error: ${error}`,
     );
-    console.error('Error in expo-iap plugin:', error);
+    console.error('expo-iap plugin error:', error);
+    return config;
   }
-  return config;
 };
 
 export default createRunOncePlugin(withIAP, pkg.name, pkg.version);