@jimrising/easymerchantsdk-react-native 1.4.5 → 1.4.7

package/README.md

@@ -7,7 +7,7 @@ To add the path of sdk in your project. Open your `package.json` file and inside
 
 ```json
 "dependencies": {
-  "@jimrising/easymerchantsdk-react-native": "^1.4.5"
+  "@jimrising/easymerchantsdk-react-native": "^1.4.7"
 },
 ```
 
@@ -22,20 +22,23 @@ Now open your `android` folder and there is a `build.gradle` file. Open it and a
 ```gradle
 allprojects {
     repositories {
-                google()
-                mavenCentral()
-                maven { url 'https://jitpack.io' }
-                maven {
-                    url = uri("https://maven.pkg.github.com/EasyMerchant/em-MobileCheckoutSDK-Android")
-                    credentials {
-                        username = "EasyMerchant"
-                        password = "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"
-                    }
-                }
+        google()
+        mavenCentral()
+        maven { url 'https://jitpack.io' }
+        maven { url 'https://maven.microblink.com' }
+        maven {
+            url = uri("https://maven.pkg.github.com/EasyMerchant/em-MobileCheckoutSDK-Android")
+            credentials {
+                username = "EasyMerchant"
+                password = "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"
             }
+        }
     }
+}
 ```
 
+
+
 ## Changes in IOS side.
 Add below content inside the AppDelegate.swift File :-
 
@@ -112,42 +115,44 @@ you can call the sdk using below example:
 
 ```javascript
 
-import React, { useEffect, useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import {
-  View,
+  StyleSheet,
   Text,
+  View,
+  TextInput,
   Button,
-  StyleSheet,
+  Alert,
+  ScrollView,
   Platform,
   NativeModules,
-  ScrollView,
 } from 'react-native';
 
 const { RNEasymerchantsdk, EasyMerchantSdk } = NativeModules;
 
 const App = () => {
+  const [amount, setAmount] = useState('');
+  const [result, setResult] = useState('');
   const [version, setVersion] = useState('');
-  const [response, setResponse] = useState('');
   const [referenceToken, setReferenceToken] = useState('');
+  const [loading, setLoading] = useState(false);
 
   useEffect(() => {
-    const setup = async () => {
-      try {
-        if (Platform.OS === 'ios') {
+    const setupIOS = async () => {
+      if (Platform.OS === 'ios') {
+        try {
           await EasyMerchantSdk.setViewController();
           await EasyMerchantSdk.configureEnvironment(
             'staging',
-            'mobilesdk1980IUuCzwWl',
-            'mobilesdk1980LVHnN0Oh'
+            '13bcb1f54b894ddbbd75a86d5',
+            '94f7ebd5384f6985f23920c13'
           );
+        } catch (err) {
+          console.error('iOS Initialization Error:', err);
         }
-      } catch (err) {
-        console.error('Initialization Error:', err);
-        setResponse(`❌ Initialization Error: ${err.message || JSON.stringify(err)}`);
       }
     };
-
-    setup();
+    setupIOS();
   }, []);
 
   const getPlatformVersion = async () => {
@@ -163,15 +168,113 @@ const App = () => {
     }
   };
 
+  const handlePayment = async () => {
+    if (!amount || isNaN(parseFloat(amount)) || parseFloat(amount) <= 0) {
+      return Alert.alert('Error', 'Please enter a valid amount');
+    }
+
+    setLoading(true);
+
+    if (Platform.OS === 'android') {
+      const config = {
+        amount,
+        apiKey: '13bcb1f54b894ddbbd75a86d5',
+        secretKey: '94f7ebd5384f6985f23920c13',
+        jsonConfig: {
+          environment: 'STAGING',
+          amount,
+          tokenOnly: false,
+          currency: 'USD',
+          saveCard: true,
+          saveAccount: true,
+          authenticatedACH: true,
+          secureAuthentication: true,
+          showReceipt: true,
+          showDonate: false,
+          showTotal: true,
+          showSubmitButton: true,
+          paymentMethods: ['card', 'ach'],
+          email: 'pavan@hotmail.com',
+          name: 'Pavan',
+          fields: {
+            visibility: { billing: false, additional: false },
+            billing: [
+              { name: 'address', required: true, value: '' },
+              { name: 'country', required: false, value: 'India' },
+              { name: 'state', required: true, value: '' },
+              { name: 'city', required: true, value: '' },
+              { name: 'postal_code', required: true, value: '' },
+            ],
+            additional: [
+              { name: 'name', required: true, value: '' },
+              { name: 'email_address', required: true, value: '' },
+              { name: 'phone_number', required: false, value: '' },
+              { name: 'description', required: true, value: '' },
+            ],
+          },
+          recurring: {
+            enableRecurring: true,
+            recurringData: {
+              allowCycles: 2,
+              intervals: ['Weekly', 'Monthly'],
+              recurringStartType: 'Custom',
+              recurringStartDate: '2025-12-31',
+            },
+          },
+          grailPayParams: {
+            accessToken: '251|uTijpDGfrS88UR2V1cZNMQ8S4hUJA0sVzsnsoUZF',
+            vendorId: '251',
+            role: 'business',
+            timeout: 10,
+            isSandbox: true,
+            brandingName: 'Lyfecycle Payments',
+            finderSubtitle: 'Search for your bank',
+            searchPlaceholder: 'Enter bank name',
+          },
+          appearanceSettings: {
+            theme: 'light',
+            bodyBackgroundColor: '#eeeff2',
+            containerBackgroundColor: '#ffffff',
+            primaryFontColor: '#000000',
+            secondaryFontColor: '#666666',
+            primaryButtonBackgroundColor: '#1757d9',
+            primaryButtonHoverColor: '#3a70df',
+            primaryButtonFontColor: '#ffffff',
+            secondaryButtonBackgroundColor: '#ffffff',
+            secondaryButtonHoverColor: '#a3b1cc',
+            secondaryButtonFontColor: '#1757d9',
+            borderRadius: '8',
+            fontSize: '16',
+            fontWeight: '500',
+            fontFamily: 'Inter, sans-serif',
+          },
+        },
+      };
+
+      try {
+        const response = await RNEasymerchantsdk.makePayment(config);
+        setResult(response.response || JSON.stringify(response, null, 2));
+      } catch (error) {
+        setResult(`Error: ${error.message}`);
+        Alert.alert('Payment Error', error.message);
+      } finally {
+        setLoading(false);
+      }
+    }
+    else {
+      handleBilling();
+    }
+  };
+
   const handleBilling = async () => {
     const billingInfo = {
       visibility: { billing: false, additional: false },
       billing: {
-        address: 'Mohali, Punjab',
-        country: 'India',
-        state: 'Punjab',
-        city: 'Anandpur Sahib',
-        postal_code: '140118',
+        address: 'San Fran, Punjab',
+        country: 'USA',
+        state: 'California',
+        city: 'Paris',
+        postal_code: '234234',
       },
       billingRequired: {
         address: true,
@@ -183,7 +286,7 @@ const App = () => {
       additional: {
         name: 'Test User',
         email_address: 'test@gmail.com',
-        phone_number: '9465351125',
+        phone_number: '21408713290',
         description: 'Test',
       },
       additionalRequired: {
@@ -208,12 +311,10 @@ const App = () => {
       borderRadius: '8',
       fontSize: '14',
       fontWeight: 500,
-      fontFamily: '"Inter", sans-serif',
+      fontFamily: 'Inter, sans-serif',
     };
 
-const authConfig = {
-      accessToken: '251|uTijpDGfrS88UR2V1cZNMQ8S4hUJA0sVzsnsoUZF',
-      vendorId: '251',
+    const authConfig = {
       role: 'business',
       timeout: 10,
       isSandbox: true,
@@ -221,84 +322,71 @@ const authConfig = {
       finderSubtitle: 'Search for your bank',
       searchPlaceholder: 'Enter bank name',
     };
-    try {
-      if (Platform.OS === 'android') {
-        const result = await RNEasymerchantsdk.billing('72', null);
-        setResponse(`✅ Android Payment Success: ${result}`);
-      } else {
-        const result = await EasyMerchantSdk.billing(
-          '99',
-          'usd',
-          billingInfo,
-          ['card', 'bank'],
-          themeConfiguration,
-          false, // tokenOnly
-          true, // saveCard
-          true, // saveAccount
-          true, // authenticatedACH
-          authConfig, // grailPayParams
-          'Submit',
-          false, // isRecurring
-          2,   // if  isRecurring == true then numOfCycle required
-          ['weekly', 'monthly'],
-          'custom',
-          '07/07/2025',
-          true, // secureAuthentication
-          true, // showReceipt
-          true, // showTotal
-          true // showSubmitButton
-        );
-
-        console.log('Billing success (full response):', JSON.stringify(result, null, 2));
 
-        try {
-          const refToken = result?.additionalInfo?.threeDSecureStatus?.data?.ref_token;
-          if (refToken) {
-            setReferenceToken(refToken);
-            setResponse(`✅ Ref Token: ${refToken}\nFull Response:\n${JSON.stringify(result, null, 2)}`);
-          } else {
-            setResponse(`✅ iOS Payment Success (no ref_token):\n${JSON.stringify(result, null, 2)}`);
-          }
-        } catch (err) {
-          console.error('Error parsing ref_token:', err);
-          setResponse(`✅ iOS Payment Success (error parsing ref_token):\n${JSON.stringify(result, null, 2)}`);
-        }
-      }
+    try {
+      const result = await EasyMerchantSdk.billing(
+        amount,
+        'usd',
+        billingInfo,
+        ['card', 'bank'],
+        themeConfiguration,
+        false, // tokenOnly
+        true, // saveCard
+        true, // saveAccount
+        true, // authenticatedACH
+        authConfig, // grailPayParams
+        'Submit',
+        false, // isRecurring
+        2,   // if  isRecurring == true then numOfCycle required
+        ['weekly', 'monthly'],
+        'custom',
+        '07/07/2025',
+        true, // secureAuthentication
+        true, // showReceipt
+        true, // showTotal
+        true,// showSubmitButton
+        "davindersingh@gmail.com",
+        "Davinder Singh"
+      );
+
+      const refToken = result?.additionalInfo?.threeDSecureStatus?.data?.ref_token;
+      if (refToken) setReferenceToken(refToken);
+
+      setResult(JSON.stringify(result, null, 2));
     } catch (error) {
       console.error('Billing Error:', error);
-      let errorMessage = 'Unknown error';
-      if (error.code && error.message) {
-        errorMessage = `Code: ${error.code}, Message: ${error.message}`;
-      } else if (error.message) {
-        errorMessage = error.message;
-      }
-      setResponse(`❌ Billing Error: ${errorMessage}`);
+      setResult(`❌ Billing Error: ${error.message || JSON.stringify(error)}`);
+    }
+  };
+
+  const handleCheckStatus = async () => {
+    setLoading(true);
+    try {
+      const response = await RNEasymerchantsdk.checkPaymentStatus();
+      setResult(response.response || JSON.stringify(response, null, 2));
+    } catch (error) {
+      setResult(`Error: ${error.message}`);
+      Alert.alert('Status Check Error', error.message);
+    } finally {
+      setLoading(false);
     }
   };
 
   const handlePaymentReference = async () => {
+    if (Platform.OS === 'android') {
+      setResult('❌ Payment Reference not supported on Android');
+      return;
+    }
     if (!referenceToken) {
-      setResponse('❌ No reference token available from billing');
+      setResult('❌ No reference token available from billing');
       return;
     }
-
     try {
-      if (Platform.OS === 'android') {
-        setResponse('❌ Payment Reference not supported on Android');
-      } else {
-        const result = await EasyMerchantSdk.paymentReference(referenceToken);
-        console.log('Payment Reference success:', JSON.stringify(result, null, 2));
-        setResponse(`✅ iOS Payment Reference Success:\n${JSON.stringify(result, null, 2)}`);
-      }
+      const result = await EasyMerchantSdk.paymentReference(referenceToken);
+      setResult(`✅ Payment Reference:
+${JSON.stringify(result, null, 2)}`);
     } catch (error) {
-      console.error('Payment Reference Error:', error);
-      let errorMessage = 'Unknown error';
-      if (error.code && error.message) {
-        errorMessage = `Code: ${error.code}, Message: ${error.message}`;
-      } else if (error.message) {
-        errorMessage = error.message;
-      }
-      setResponse(`❌ Payment Reference Error: ${errorMessage}`);
+      setResult(`❌ Payment Reference Error: ${error.message || JSON.stringify(error)}`);
     }
   };
 
@@ -307,15 +395,20 @@ const authConfig = {
       <ScrollView contentContainerStyle={styles.scrollContent}>
         <Text style={styles.title}>EasyMerchant SDK</Text>
         <Text style={styles.version}>Platform Version: {version}</Text>
-
-        <Button title="Get Platform Version" onPress={getPlatformVersion} />
-        <View style={styles.space} />
-        <Button title="Start Billing" onPress={handleBilling} />
-        <View style={styles.space} />
-        <Button title="Start Payment Reference" onPress={handlePaymentReference} />
-        <View style={styles.space} />
-
-        <Text style={styles.response}>{response}</Text>
+        <Button title="Get Platform Version" onPress={getPlatformVersion} disabled={loading} />
+        <TextInput
+          style={styles.input}
+          placeholder="Enter amount (e.g., 10.00)"
+          keyboardType="decimal-pad"
+          value={amount}
+          onChangeText={setAmount}
+        />
+        <View style={styles.buttonGroup}>
+          <Button title="Pay" onPress={handlePayment} disabled={loading} />
+          <Button title="Check Status" onPress={handleCheckStatus} disabled={loading} />
+          <Button title="Payment Ref" onPress={handlePaymentReference} disabled={loading} />
+        </View>
+        <Text selectable style={styles.result}>{result}</Text>
       </ScrollView>
     </View>
   );
@@ -324,38 +417,22 @@ const authConfig = {
 export default App;
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#F9FAFB',
-  },
-  scrollContent: {
-    flexGrow: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 24,
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-    marginBottom: 16,
-  },
-  version: {
-    fontSize: 14,
-    marginBottom: 8,
-  },
-  response: {
-    marginTop: 20,
-    paddingHorizontal: 12,
-    textAlign: 'center',
-    fontSize: 14,
-    color: '#333',
-  },
-  space: {
-    height: 16,
+  container: { flex: 1, backgroundColor: '#F9FAFB' },
+  scrollContent: { flexGrow: 1, padding: 20 },
+  title: { fontSize: 24, fontWeight: 'bold', marginBottom: 16, textAlign: 'center' },
+  version: { fontSize: 14, marginBottom: 10, textAlign: 'center' },
+  input: {
+    height: 40,
+    borderColor: '#ccc',
+    borderWidth: 1,
+    borderRadius: 5,
+    paddingHorizontal: 10,
+    marginBottom: 20,
   },
+  buttonGroup: { marginBottom: 20, gap: 10 },
+  result: { fontSize: 14, fontFamily: 'monospace', color: '#333' },
 });
 
-
 ```
 
 You can send `null` if billing info not available.

package/android/build.gradle

@@ -39,7 +39,7 @@ repositories {
 }
 
 dependencies {
-    implementation 'com.app:paysdk:1.2.3'
+    implementation 'com.app:paysdk:1.2.7'
     implementation 'com.hbb20:ccp:2.7.3'
     implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.7.1"
     implementation "org.jetbrains.kotlinx:kotlinx-coroutines-android:1.7.1"