@rnw-community/react-native-payments 0.79.0 → 0.80.0

package/app.plugin.js

@@ -0,0 +1 @@
+module.exports = require('./plugins/with-payments');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rnw-community/react-native-payments",
-    "version": "0.79.0",
+    "version": "0.80.0",
     "description": "React Native Payments",
     "keywords": [
         "react",
@@ -15,7 +15,9 @@
         "apple pay",
         "payment intents",
         "cross platform",
-        "react native payments"
+        "react native payments",
+        "expo",
+        "expo-plugin"
     ],
     "author": "Vitalii Yehorov <vitalyiegorov@gmail.com> (https://github.com/rnw-community/rnw-community/packages/react-native-payments)",
     "homepage": "https://github.com/rnw-community/rnw-community/tree/master/packages/react-native-payments",
@@ -29,6 +31,7 @@
             "import": "./dist/esm/index.js",
             "require": "./dist/cjs/index.js"
         },
+        "./app.plugin": "./app.plugin.js",
         "./package.json": "./package.json"
     },
     "react-native": "src/index.ts",
@@ -42,6 +45,8 @@
         "ios",
         "cpp",
         "*.podspec",
+        "plugins",
+        "app.plugin.js",
         "!ios/build",
         "!android/build",
         "!android/gradle",
@@ -74,9 +79,10 @@
         "build:android": "cd example/android && ./gradlew assembleDebug --no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a",
         "build:ios": "cd example/ios && xcodebuild -workspace PaymentsExample.xcworkspace -scheme PaymentsExample -configuration Debug -sdk iphonesimulator CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ GCC_OPTIMIZATION_LEVEL=0 GCC_PRECOMPILE_PREFIX_HEADER=YES ASSETCATALOG_COMPILER_OPTIMIZATION=time DEBUG_INFORMATION_FORMAT=dwarf COMPILER_INDEX_STORE_ENABLE=NO"
     },
-    "gitHead": "e5a79e08939b2cf89c33747302b0c41df0285aa9",
+    "gitHead": "dc054b67b89063f58a4ea7f4039c46b9bfb5e179",
     "dependencies": {
-        "@rnw-community/shared": "0.79.0",
+        "@expo/config-plugins": "8.0.10",
+        "@rnw-community/shared": "0.80.0",
         "react-native-uuid": "^2.0.1",
         "validator": "^13.9.0"
     },
@@ -86,6 +92,7 @@
         "react-native": "^0.76.1"
     },
     "peerDependencies": {
+        "expo": ">=48.0.0",
         "react": ">=17",
         "react-native": ">=0.64"
     },

package/plugins/with-apple-pay.js

@@ -0,0 +1,24 @@
+const { withDangerousMod } = require("@expo/config-plugins");
+const fs = require("fs");
+const path = require("path");
+
+const withApplePay = (config) =>
+  withDangerousMod(config, [
+    "ios",
+    async (config) => {
+      const filePath = path.join(
+        config.modRequest.platformProjectRoot,
+        config.modRequest.projectName,
+        "AppDelegate.h"
+      );
+
+      const content = fs.readFileSync(filePath, "utf-8");
+      if (!content.includes("#import <PassKit/PassKit.h>")) {
+        fs.writeFileSync(filePath, `#import <PassKit/PassKit.h>\n${content}`);
+      }
+
+      return config;
+    },
+  ]);
+
+module.exports = { withApplePay };

package/plugins/with-google-pay.js

@@ -0,0 +1,49 @@
+const { withAppBuildGradle, withAndroidManifest } = require("@expo/config-plugins");
+
+const withGooglePay = (config) => {
+  // Add Google Pay dependency to app/build.gradle
+  config = withAppBuildGradle(config, (config) => {
+    if (config.modResults.language === "groovy") {
+      config.modResults.contents = config.modResults.contents.replace(
+        /dependencies\s?{/,
+        `dependencies {
+    implementation 'com.google.android.gms:play-services-wallet:19.2.0'`,
+      );
+    } else {
+      throw new Error(
+        "Unable to add Google Pay dependency to build.gradle: Kotlin build files are not supported."
+      );
+    }
+    return config;
+  });
+
+  // Add meta-data to AndroidManifest.xml
+  config = withAndroidManifest(config, async (config) => {
+    const androidManifest = config.modResults;
+    const mainApplication = androidManifest.manifest.application[0];
+
+    // Check if the meta-data already exists
+    const existingMetaData = mainApplication["meta-data"]?.find(
+      (metadata) => metadata.$["android:name"] === "com.google.android.gms.wallet.api.enabled"
+    );
+
+    if (!existingMetaData) {
+      // Add the new meta-data
+      if (!mainApplication["meta-data"]) {
+        mainApplication["meta-data"] = [];
+      }
+      mainApplication["meta-data"].push({
+        $: {
+          "android:name": "com.google.android.gms.wallet.api.enabled",
+          "android:value": "true",
+        },
+      });
+    }
+
+    return config;
+  });
+
+  return config;
+};
+
+module.exports = { withGooglePay };

package/plugins/with-payments.js

@@ -0,0 +1,12 @@
+const { withPlugins } = require('@expo/config-plugins');
+const { withApplePay } = require('./with-apple-pay');
+const { withGooglePay } = require('./with-google-pay');
+
+const withPayments = (config) => {
+  return withPlugins(config, [
+    withApplePay,
+    withGooglePay
+  ]);
+};
+
+module.exports = withPayments;

package/readme.md

@@ -81,6 +81,33 @@ dependencies {
 
 - Your google account that are you using for testing should be added to [Google Pay API Test Cards Allowlist](https://groups.google.com/g/googlepay-test-mode-stub-data?pli=1)
 
+### Expo setup
+
+To integrate with Expo custom builds, you need to add the payment plugin from the package into your `app.config.js`:
+
+1. Update your `app.config.js` configuration:
+```js
+export default {
+  expo: {
+    ...
+    ios: {
+      ...
+      infoPlist: {
+        merchant_id: [your_merchant_id],
+      },
+      entitlements: {
+        "com.apple.developer.in-app-payments": [your_merchant_id],
+      },
+      ...
+    },
+    plugins: [
+      ...
+      "@rnw-community/react-native-payments",
+    ],
+  },
+};
+```
+
 ## Usage
 
 Detailed guide should be found at: