@jimrising/easymerchantsdk-react-native 1.1.3 → 1.1.4

package/README.md

@@ -8,15 +8,15 @@ To add the path of sdk in your project. Open your `package.json` file and inside
 ```json
 "dependencies": {
 ...
-   "@jimrising/easymerchantsdk-react-native": "^1.1.3"
+   "@jimrising/easymerchantsdk-react-native": "^1.1.4"
 },
 ```
+
 or using command
 ```cmd
 npm i easymerchantsdk-react-native
 ```
 
-
 ## Changes in android side.
 Now open your `android` folder and there is a `build.gradle` file. Open it and add the below code in it.
 ```gradle
@@ -172,6 +172,7 @@ you can call the sdk using below example:
 
 
 ```javascript
+
 import React, { useState, useEffect } from 'react';
 import { View, Text, Button, StyleSheet, NativeModules, Platform } from 'react-native';
 
@@ -197,6 +198,20 @@ const App = () => {
     }
   };
 
+  // Set the environment config for iOS
+  const configureEnvironment = async () => {
+    const apiKey = "mobilesdk1980IUuCzwWl";
+    const apiSecret = "mobilesdk1980LVHnN0Oh";
+    try {
+      if (Platform.OS === 'ios' && EasyMerchantSdk) {
+        await EasyMerchantSdk.configureEnvironment(apiKey, apiSecret);
+        console.log("EasyPay Environment Configured");
+      }
+    } catch (error) {
+      console.error("Error configuring environment:", error);
+    }
+  };
+
   // Handle billing (payment process)
   const handleBilling = async () => {
     const amount = '100';
@@ -225,8 +240,34 @@ const App = () => {
         const response = await RNEasymerchantsdk.billing(amount, jsonString, 'sandbox', 'apiKey', 'secretKey');
         setPaymentResponse(`Payment Success: ${response}`);
       } else if (Platform.OS === 'ios') {
-        // Calling iOS billing method with environment and keys
-        const result = await EasyMerchantSdk.billing(amount, jsonString, 'sandbox', 'apiKey', 'secretKey');
+        // Create payment request for iOS with additional info and theme
+        const themeConfiguration = {
+          bodyBackgroundColor: "#EEEFF2",
+          containerBackgroundColor: "#FFFF00",
+          primaryFontColor: "#000000",
+          secondaryFontColor: "#666666",
+          primaryButtonBackgroundColor: "#1757D9",
+          primaryButtonHoverColor: "#3A70DF",
+          primaryButtonFontColor: "#FFFFFF",
+          secondaryButtonBackgroundColor: "#FFFFFF",
+          secondaryButtonHoverColor: "#1757D9",
+          secondaryButtonFontColor: "#1757D9",
+          borderRadius: "8",
+          fontSize: "16"
+        };
+
+        const request = {
+          amount: 99,
+          billingInfoData: json,
+          paymentMethods: ['Card', 'Bank', 'Crypto'],
+          themeConfiguration: themeConfiguration,
+          tokenOnly: false,
+          saveCard: false,
+          saveAccount: false,
+          submitButtonText: "Submit"
+        };
+
+        const result = await EasyMerchantSdk.billing(request);
         setBillingResult(`Billing Success: ${result}`);
       }
     } catch (error) {
@@ -247,6 +288,7 @@ const App = () => {
             // Assuming you want to pass the current view controller
             await EasyMerchantSdk.setViewController();
             console.log('ViewController set successfully');
+            configureEnvironment(); // Configure environment after setting view controller
           } catch (error) {
             console.error('Error setting ViewController:', error.message || error);
           }
@@ -285,6 +327,7 @@ export default App;
 
 
 
+
 ```
 
 

package/ios/easymerchantsdk.podspec

@@ -1,5 +1,5 @@
 Pod::Spec.new do |s|
-  s.name             = 'easymerchantsdk'
+  s.name             = 'easymerchantsdk.podspec'
   s.version          = '0.0.1'
   s.summary          = 'A React Native SDK for Easy Merchant.'
   s.description      = <<-DESC

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimrising/easymerchantsdk-react-native",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "A React Native SDK for EasyMerchant",
   "main": "index.js",
   "scripts": {