chore: apply expo plugin and secrets

Author: descorp

e2e-tests/helpers/driver.js

@@ -20,7 +20,13 @@ function getConfig() {
 
 async function createDriver() {
   const config = getConfig();
-  const { isAndroid, androidAppPackage, androidAppActivity, iosBundleId, iosUdid } = config;
+  const {
+    isAndroid,
+    androidAppPackage,
+    androidAppActivity,
+    iosBundleId,
+    iosUdid,
+  } = config;
 
   const connectionRetryTimeout = isAndroid ? 240000 : 600000;
   const connectionRetryCount = isAndroid ? 3 : 5;

e2e-tests/run-appium.js

@@ -6,7 +6,9 @@ const { testDropInButtonVisible } = require('./tests/dropin-visible.test');
   const { driver, config } = await createDriver();
   const { isAndroid } = config;
 
-  console.log(`\n==> [Test] Running tests on ${isAndroid ? 'Android' : 'iOS'}...`);
+  console.log(
+    `\n==> [Test] Running tests on ${isAndroid ? 'Android' : 'iOS'}...`
+  );
 
   try {
     await testDropInButtonVisible(driver, isAndroid);

e2e-tests/scripts/add-expo-plugin.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+
+set -euo pipefail
+
+echo "== Add @adyen/react-native plugin to app.json"
+
+# Add the plugin to the plugins array in app.json
+if grep -q '"plugins"' app.json; then
+  # If plugins array exists, add to it
+  sed -i.bak 's/"plugins": \[/"plugins": [\n    "@adyen\/react-native",/' app.json && rm -f app.json.bak
+else
+  # If plugins array doesn't exist, create it
+  sed -i.bak 's/"expo": {/"expo": {\n    "plugins": [\n      "@adyen\/react-native"\n    ],/' app.json && rm -f app.json.bak
+fi

e2e-tests/scripts/inject_secrets.sh

@@ -10,8 +10,20 @@ fi
 
 echo "== Injecting Secrets"
 
+# Determine the secrets file location based on project type
+if [ -f "secrets.js" ]; then
+  SECRETS_FILE="secrets.js"
+elif [ -f "app/(tabs)/secrets.js" ]; then
+  SECRETS_FILE="app/(tabs)/secrets.js"
+else
+  echo "Error: Could not find secrets.js"
+  exit 1
+fi
+
+echo "Injecting secrets into $SECRETS_FILE"
+
 # We use '#' as delimiter, so secrets can safely contain '|'.
 # Keys are expected to only contain [a-zA-Z0-9_|], so no extra escaping is needed.
 sed -e "s#__CLIENT_KEY__#${ADYEN_CLIENT_KEY}#g" \
     -e "s#__PUBLIC_KEY__#${ADYEN_PUBLIC_KEY}#g" \
-    App.tsx > App.tsx.tmp && mv App.tsx.tmp App.tsx
+    "$SECRETS_FILE" > "$SECRETS_FILE.tmp" && mv "$SECRETS_FILE.tmp" "$SECRETS_FILE"

e2e-tests/scripts/setup.sh

@@ -39,10 +39,14 @@ cp -r ../e2e-tests/helpers ./
 cp -r ../e2e-tests/tests ./
 cp ../e2e-tests/scripts/*.sh ./
 
-if ["$platform" == "Expo"]; then
+if [ "$platform" == "Expo" ]; then
   echo "== Add default index.tsx"
-  cp ../e2e-tests/template/App.tsx.template app/(tabs)/index.tsx
+  cp ../e2e-tests/template/App.tsx.template "app/(tabs)/index.tsx"
+  cp ../e2e-tests/template/secrets.js.template "app/(tabs)/secrets.js"
+  
+  bash ./add-expo-plugin.sh
 else
   echo "== Add default App.tsx"
   cp ../e2e-tests/template/App.tsx.template App.tsx
+  cp ../e2e-tests/template/secrets.js.template secrets.js
 fi

e2e-tests/template/App.tsx.template

@@ -17,11 +17,12 @@ import {
   useColorScheme,
   View,
 } from 'react-native';
+import { ADYEN_CLIENT_KEY, ADYEN_PUBLIC_KEY } from './secrets';
 
 const configuration: Configuration = {
   returnUrl: 'myapp://payment',
   environment: 'test',
-  clientKey: '__CLIENT_KEY__',
+  clientKey: ADYEN_CLIENT_KEY,
   card: {
     holderNameRequired: true,
   },
@@ -117,7 +118,7 @@ const MyCheckoutView = () => {
         onPress={async () => {
           let result = await AdyenCSE.encryptBin(
             '545454545454',
-            '__PUBLIC_KEY__'
+            ADYEN_PUBLIC_KEY
           );
           console.log(result);
         }}

e2e-tests/template/secrets.js.template

@@ -0,0 +1,2 @@
+export const ADYEN_CLIENT_KEY = '__CLIENT_KEY__';
+export const ADYEN_PUBLIC_KEY = '__PUBLIC_KEY__';