@jimrising/easymerchantsdk-react-native 1.7.0 → 1.7.2

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.7.0"
+  "@jimrising/easymerchantsdk-react-native": "^1.7.2"
 },
 ```
 
@@ -134,8 +134,12 @@ const { RNEasymerchantsdk, EasyMerchantSdk } = NativeModules;
 
 const App = () => {
   const [amount, setAmount] = useState('');
+  const [email, setEmail] = useState('');
+  const [environment, setEnvironment] = useState('sandbox');
+  const [isRecurring, setIsRecurring] = useState(false);
+  const [emailEditable, setEmailEditable] = useState(true); // Android only
+  const [isEmail, setIsEmail] = useState(true); // iOS only
   const [result, setResult] = useState('');
-  const [version, setVersion] = useState('');
   const [referenceToken, setReferenceToken] = useState('');
   const [loading, setLoading] = useState(false);
 
@@ -145,7 +149,7 @@ const App = () => {
         try {
           await EasyMerchantSdk.setViewController();
           await EasyMerchantSdk.configureEnvironment(
-            'staging',
+            environment,
             'apiKey',
             'secretKey'
           );
@@ -155,74 +159,67 @@ const App = () => {
       }
     };
     setupIOS();
-  }, []);
-
-  const getPlatformVersion = async () => {
-    try {
-      const ver =
-        Platform.OS === 'android'
-          ? await RNEasymerchantsdk.platformVersion()
-          : await EasyMerchantSdk.getPlatformVersion();
-      setVersion(ver);
-    } catch (err) {
-      setVersion('Error: Could not fetch version');
-      console.error('Platform version error:', err);
-    }
-  };
+  }, [environment]);
 
   const handlePayment = async () => {
     if (!amount || isNaN(parseFloat(amount)) || parseFloat(amount) <= 0) {
       return Alert.alert('Error', 'Please enter a valid amount');
     }
+    if (!email) {
+      return Alert.alert('Error', 'Please enter an email address');
+    }
 
     setLoading(true);
 
     if (Platform.OS === 'android') {
-        const config = {
+      const config = {
         amount,
-        apiKey: 'apiKey',  // replace with your apiKey
-        secretKey: 'secretKey', // replace with your secretKey
+        apiKey: 'apiKey',
+        secretKey: 'secretKey',
         jsonConfig: {
-          environment: 'sandbox',
+          environment,
           amount,
           tokenOnly: false,
           currency: 'usd',
           saveCard: true,
           saveAccount: true,
           authenticatedACH: true,
-          secureAuthentication: true,
+          secureAuthentication: false,
           showReceipt: true,
           showDonate: false,
           showTotal: true,
           showSubmitButton: true,
-          paymentMethod: ['card','ach'],
-          email: '',  add your email
-          name: '', add your name
+          paymentMethod: ['card', 'ach'],
+          emailEditable,
+          email,
+          name: 'Pavan',
           fields: {
-            visibility: { billing: false, additional: false },
+            visibility: { billing: true, 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: '' },
+              { name: 'address', required: true, value: 'New Address' },
+              { name: 'country', required: true, value: 'USA' },
+              { name: 'state', required: true, value: 'California' },
+              { name: 'city', required: true, value: 'California' },
+              { name: 'postal_code', required: true, value: '1432456' },
             ],
             additional: [
-              { name: 'name', required: true, value: '' },
-              { name: 'email_address', required: true, value: '' },
-              { name: 'phone_number', required: false, value: '' },
-              { name: 'description', required: true, value: '' },
+              { name: 'name', required: true, value: 'Test User 7' },
+              { name: 'email_address', required: true, value: 'usertest@gmail.com' },
+              { name: 'phone_number', required: false, value: '8978967895' },
+              { name: 'description', required: true, value: 'Hi This is description' },
             ],
           },
-          recurring: {
-            enableRecurring: true,
-            recurringData: {
-              allowCycles: 2,
-              intervals: ['Weekly', 'Monthly'],
-              recurringStartType: 'Custom',
-              recurringStartDate: '31/12/2026',
+          ...(isRecurring && {
+            recurring: {
+              enableRecurring: true,
+              recurringData: {
+                allowCycles: 2,
+                intervals: ['Weekly', 'Monthly'],
+                recurringStartType: 'Custom',
+                recurringStartDate: '31/12/2026',
+              },
             },
-          },
+          }),
           grailPayParams: {
             role: 'business',
             timeout: 10,
@@ -231,28 +228,29 @@ const App = () => {
             finderSubtitle: 'Search for your bank',
             searchPlaceholder: 'Enter bank name',
           },
-        appearanceSettings: {
-          theme: 'dark',
-          bodyBackgroundColor: '#121212',
-          containerBackgroundColor: '#1E1E1E',
-          primaryFontColor: '#FFFFFF',
-          secondaryFontColor: '#B0B0B0',
-          primaryButtonBackgroundColor: '#2563EB',
-          primaryButtonHoverColor: '#1D4ED8',
-          primaryButtonFontColor: '#FFFFFF',
-          secondaryButtonBackgroundColor: '#374151',
-          secondaryButtonHoverColor: '#4B5563',
-          secondaryButtonFontColor: '#E5E7EB',
-          borderRadius: '8',
-          fontSize: '14',
-          fontWeight: '500',
-          fontFamily: 'Inter, sans-serif'
-        }
+          appearanceSettings: {
+            theme: 'dark',
+            bodyBackgroundColor: '#121212',
+            containerBackgroundColor: '#1E1E1E',
+            primaryFontColor: '#FFFFFF',
+            secondaryFontColor: '#B0B0B0',
+            primaryButtonBackgroundColor: '#2563EB',
+            primaryButtonHoverColor: '#1D4ED8',
+            primaryButtonFontColor: '#FFFFFF',
+            secondaryButtonBackgroundColor: '#374151',
+            secondaryButtonHoverColor: '#4B5563',
+            secondaryButtonFontColor: '#E5E7EB',
+            borderRadius: '8',
+            fontSize: '14',
+            fontWeight: '500',
+            fontFamily: 'Inter, sans-serif'
+          }
         },
       };
 
       try {
         const response = await RNEasymerchantsdk.makePayment(config);
+        console.log('Full payment response:', response);
         setResult(response.response || JSON.stringify(response, null, 2));
       } catch (error) {
         setResult(`Error: ${error.message}`);
@@ -260,8 +258,7 @@ const App = () => {
       } finally {
         setLoading(false);
       }
-    }
-    else {
+    } else {
       handleBilling();
     }
   };
@@ -270,7 +267,7 @@ const App = () => {
     const billingInfo = {
       visibility: { billing: false, additional: false },
       billing: {
-        address: 'San Fran, Punjab',
+        address: 'San Fran',
         country: 'USA',
         state: 'California',
         city: 'Paris',
@@ -298,20 +295,20 @@ const App = () => {
     };
 
     const themeConfiguration = {
-      bodyBackgroundColor: '#121212',
-      containerBackgroundColor: '#1E1E1E',
-      primaryFontColor: '#FFFFFF',
-      secondaryFontColor: '#B0B0B0',
-      primaryButtonBackgroundColor: '#2563EB',
-      primaryButtonHoverColor: '#1D4ED8',
-      primaryButtonFontColor: '#FFFFFF',
-      secondaryButtonBackgroundColor: '#374151',
-      secondaryButtonHoverColor: '#4B5563',
-      secondaryButtonFontColor: '#E5E7EB',
-      borderRadius: '8',
-      fontSize: '14',
+      bodyBackgroundColor: "#121212",
+      containerBackgroundColor: "#1E1E1E",
+      primaryFontColor: "#FFFFFF",
+      secondaryFontColor: "#B0B0B0",
+      primaryButtonBackgroundColor: "#2563EB",
+      primaryButtonHoverColor: "#1D4ED8",
+      primaryButtonFontColor: "#FFFFFF",
+      secondaryButtonBackgroundColor: "#374151",
+      secondaryButtonHoverColor: "#4B5563",
+      secondaryButtonFontColor: "#E5E7EB",
+      borderRadius: "8",
+      fontSize: "14",
       fontWeight: 500,
-      fontFamily: 'Inter, sans-serif',
+      fontFamily: "\"Inter\", sans-serif"
     };
 
     const authConfig = {
@@ -330,28 +327,28 @@ const App = () => {
         billingInfo,
         ['card', 'bank'],
         themeConfiguration,
-        false, // tokenOnly
-        true, // saveCard
-        true, // saveAccount
-        true, // authenticatedACH
-        authConfig, // grailPayParams
+        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"
+        isRecurring,   // isRecurring
+        isRecurring ? 2 : 0,  // if isRecurring == true then numOfCycle required
+        isRecurring ? ['weekly', 'monthly'] : [],    //  if isRecurring == true then it is required
+        isRecurring ? 'custom' : '',  //  if isRecurring == true then it is required
+        isRecurring ? '07/08/2025' : '',   //  if isRecurring == true then it is required
+        true,  // secureAuthentication
+        true,   // showReceipt
+        true,  // showTotal
+        true,  // showSubmitButton
+        isEmail,
+        email,
+        "Pavan"
       );
 
       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);
@@ -359,19 +356,6 @@ const App = () => {
     }
   };
 
-  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');
@@ -383,8 +367,7 @@ const App = () => {
     }
     try {
       const result = await EasyMerchantSdk.paymentReference(referenceToken);
-      setResult(`✅ Payment Reference:
-${JSON.stringify(result, null, 2)}`);
+      setResult(`✅ Payment Reference:\n${JSON.stringify(result, null, 2)}`);
     } catch (error) {
       setResult(`❌ Payment Reference Error: ${error.message || JSON.stringify(error)}`);
     }
@@ -394,8 +377,7 @@ ${JSON.stringify(result, null, 2)}`);
     <View style={styles.container}>
       <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} disabled={loading} />
+
         <TextInput
           style={styles.input}
           placeholder="Enter amount (e.g., 10.00)"
@@ -403,11 +385,86 @@ ${JSON.stringify(result, null, 2)}`);
           value={amount}
           onChangeText={setAmount}
         />
+
+        <TextInput
+          style={styles.input}
+          placeholder="Enter email"
+          keyboardType="email-address"
+          value={email}
+          onChangeText={setEmail}
+        />
+
+        <View style={styles.pickerContainer}>
+          <Text style={styles.label}>Environment:</Text>
+          <View style={styles.buttonGroup}>
+            <Button
+              title="Sandbox"
+              onPress={() => setEnvironment('sandbox')}
+              color={environment === 'sandbox' ? '#2563EB' : '#ccc'}
+            />
+            <Button
+              title="Staging"
+              onPress={() => setEnvironment('staging')}
+              color={environment === 'staging' ? '#2563EB' : '#ccc'}
+            />
+          </View>
+        </View>
+
+        <View style={styles.pickerContainer}>
+          <Text style={styles.label}>Recurring Payment:</Text>
+          <View style={styles.buttonGroup}>
+            <Button
+              title="Yes"
+              onPress={() => setIsRecurring(true)}
+              color={isRecurring ? '#2563EB' : '#ccc'}
+            />
+            <Button
+              title="No"
+              onPress={() => setIsRecurring(false)}
+              color={!isRecurring ? '#2563EB' : '#ccc'}
+            />
+          </View>
+        </View>
+
+        {Platform.OS === 'android' ? (
+          <View style={styles.pickerContainer}>
+            <Text style={styles.label}>Email Editable (Android):</Text>
+            <View style={styles.buttonGroup}>
+              <Button
+                title="True"
+                onPress={() => setEmailEditable(true)}
+                color={emailEditable ? '#2563EB' : '#ccc'}
+              />
+              <Button
+                title="False"
+                onPress={() => setEmailEditable(false)}
+                color={!emailEditable ? '#2563EB' : '#ccc'}
+              />
+            </View>
+          </View>
+        ) : (
+          <View style={styles.pickerContainer}>
+            <Text style={styles.label}>Allow Email (iOS):</Text>
+            <View style={styles.buttonGroup}>
+              <Button
+                title="Yes"
+                onPress={() => setIsEmail(true)}
+                color={isEmail ? '#2563EB' : '#ccc'}
+              />
+              <Button
+                title="No"
+                onPress={() => setIsEmail(false)}
+                color={!isEmail ? '#2563EB' : '#ccc'}
+              />
+            </View>
+          </View>
+        )}
+
         <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} />
+          <Button title="Pay" onPress={handlePayment} />
+          <Button title="Payment Ref" onPress={handlePaymentReference} />
         </View>
+
         <Text selectable style={styles.result}>{result}</Text>
       </ScrollView>
     </View>
@@ -419,8 +476,13 @@ export default App;
 const styles = StyleSheet.create({
   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' },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginBottom: 16,
+    marginTop: 50,
+    textAlign: 'center',
+  },
   input: {
     height: 40,
     borderColor: '#ccc',
@@ -429,7 +491,20 @@ const styles = StyleSheet.create({
     paddingHorizontal: 10,
     marginBottom: 20,
   },
-  buttonGroup: { marginBottom: 20, gap: 10 },
+  pickerContainer: {
+    marginBottom: 20,
+  },
+  label: {
+    fontSize: 16,
+    marginBottom: 8,
+    fontWeight: '500',
+  },
+  buttonGroup: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginBottom: 20,
+    gap: 10,
+  },
   result: { fontSize: 14, fontFamily: 'monospace', color: '#333' },
 });
 

package/android/build.gradle

@@ -39,7 +39,7 @@ repositories {
 }
 
 dependencies {
-    implementation 'com.app:paysdk:1.3.3'
+    implementation 'com.app:paysdk:1.3.4'
     implementation 'com.hbb20:ccp:2.7.3'
     implementation 'com.github.bumptech.glide:glide:4.16.0'
     implementation "org.jetbrains.kotlinx:kotlinx-coroutines-core:1.7.1"

package/ios/Classes/EasyMerchantSdk.swift

@@ -227,9 +227,9 @@ public class EasyMerchantSdkPlugin: NSObject, RCTBridgeModule {
             showReceipt: showReceipt,
             showTotal: showTotal,
             showSubmitButton: showSubmitButton,
-        isEmail : isEmail,
             referenceID: enable3DS,
             referenceToken: nil,
+            isEmail : isEmail,
             email:email,
             name: name
         )