BETA 0.20.0

Author: LeowWH

README.md

@@ -148,84 +148,107 @@ Parameter and meaning:
 
 ```
 var paymentDetails = {
-    // Mandatory String. A value more than '1.00'
-    'mp_amount': '1.1',
-    // Mandatory String. Values obtained from MOLPay
-    'mp_username': '',
-    'mp_password': '',
-    'mp_merchant_ID': '',
-    'mp_app_name': '',
-    'mp_verification_key': '',
-
-    // Mandatory String. Payment values
-    'mp_order_ID': '',
-    'mp_currency': 'MYR',
-    'mp_country': 'MY',
-
+    // Optional, REQUIRED when use online Sandbox environment and account credentials.
+    'mp_dev_mode': false,
+
+    // Mandatory String. Values obtained from MOLPay.
+    'mp_username' : 'username',
+    'mp_password' : 'password',
+    'mp_merchant_ID' : 'merchantid',
+    'mp_app_name' : 'appname',
+    'mp_verification_key' : 'vkey123', 
+
+    // Mandatory String. Payment values.
+    'mp_amount' : '1.10',, // Minimum 1.01
+    'mp_order_ID' : 'orderid123', 
+    'mp_currency' : 'MYR',
+    'mp_country' : 'MY',  
+    
     // Optional String.
-    'mp_channel': '', // Use 'multi' for all available channels option. For individual channel seletion, please refer to https://github.com/MOLPay/molpay-mobile-xdk-examples/blob/master/channel_list.tsv. 
-    'mp_bill_description': 'test payment',
-    'mp_bill_name': 'anyname',
-    'mp_bill_email': 'example@email.com',
-    'mp_bill_mobile': '0161111111',
-    'mp_channel_editing': false, // Option to allow channel selection.
-    'mp_editing_enabled': false, // Option to allow billing information editing.
-
-    // Optional for Escrow
-    'mp_is_escrow': '', // Optional for Escrow, put "1" to enable escrow
-
-    // Optional for credit card BIN restrictions
-    'mp_bin_lock': ['414170', '414171'], // Optional for credit card BIN restrictions
-    'mp_bin_lock_err_msg': 'Only UOB allowed', // Optional for credit card BIN restrictions
-
-    // For transaction request use only, do not use this on payment process
-    'mp_transaction_id': '', // Optional, provide a valid cash channel transaction id here will display a payment instruction screen.
-    'mp_request_type': '', // Optional, set 'Status' when doing a transactionRequest
-
-    // Optional, use this to customize the UI theme for the payment info screen, the original XDK custom.css file is provided at Example project source for reference and implementation. Required cordova-plugin-file to be installed
+    'mp_channel' : '', // Use 'multi' for all available channels option. For individual channel seletion, please refer to https://github.com/MOLPay/molpay-mobile-xdk-examples/blob/master/channel_list.tsv.
+    'mp_bill_description' : '',
+    'mp_bill_name' : '',
+    'mp_bill_email' : '',
+    'mp_bill_mobile' : '',
+    'mp_channel_editing' : false, // Option to allow channel selection.
+    'mp_editing_enabled' : false, // Option to allow billing information editing.
+    
+    // Optional, but required payment values. User input will be required when values not passed.
+    'mp_channel' : 'multi', // Use 'multi' for all available channels option. For individual channel seletion, please refer to https://github.com/MOLPay/molpay-mobile-xdk-examples/blob/master/channel_list.tsv.
+    'mp_bill_description' : 'billdesc',
+    'mp_bill_name' : 'billname',
+    'mp_bill_email' : 'email@domain.com',
+    'mp_bill_mobile' : '+1234567',
+
+    // Optional, allow channel selection. 
+    'mp_channel_editing' : false,
+
+    // Optional, allow billing information editing.
+    'mp_editing_enabled' : false,
+
+    // Optional, for Escrow.
+    'mp_is_escrow': '0', // Put "1" to enable escrow
+
+    // Optional, for credit card BIN restrictions and campaigns.
+    'mp_bin_lock' : ['414170', '414171'],   
+
+    // Optional, for mp_bin_lock alert error.
+    'mp_bin_lock_err_msg': 'Only UOB allowed',
+    
+    // WARNING! FOR TRANSACTION QUERY USE ONLY, DO NOT USE THIS ON PAYMENT PROCESS.
+    // Optional, provide a valid cash channel transaction id here will display a payment instruction screen. Required if mp_request_type is 'Receipt'.
+    'mp_transaction_id': '',
+    // Optional, use 'Receipt' for Cash channels, and 'Status' for transaction status query.
+    'mp_request_type': '',
+
+    // Optional, use this to customize the UI theme for the payment info screen, the original XDK custom.css file can be obtained at https://github.com/MOLPay/molpay-mobile-xdk-examples/blob/master/custom.css.
     'mp_custom_css_url': '',
 
-    // Optional, set the token id to nominate a preferred token as the default selection, set "new" to allow new card only
+    // Optional, set the token id to nominate a preferred token as the default selection, set "new" to allow new card only.
     'mp_preferred_token': '',
 
-    // Optional, credit card transaction type, set "AUTH" to authorize the transaction
+    // Optional, credit card transaction type, set "AUTH" to authorize the transaction.
     'mp_tcctype': '',
 
-    // Optional, set true to process this transaction through the recurring api, please refer the MOLPay Recurring API pdf  
+    // Optional, required valid credit card channel, set true to process this transaction through the recurring api, please refer the MOLPay Recurring API pdf. 
     'mp_is_recurring': false,
 
-    // Optional for channels restriction 
+    // Optional, show nominated channels.
     'mp_allowed_channels': ['credit', 'credit3'],
 
-    // Optional for sandboxed development environment, set boolean value to enable.
-    'mp_sandbox_mode': false,
+    // Optional, simulate offline payment, set boolean value to enable. 
+    'mp_sandbox_mode': true,
 
     // Optional, required a valid mp_channel value, this will skip the payment info page and go direct to the payment screen.
-    'mp_express_mode': false,
+    'mp_express_mode': true,
 
-    // Optional, enable this for extended email format validation based on W3C standards.
+    // Optional, extended email format validation based on W3C standards.
     'mp_advanced_email_validation_enabled': true,
-    
-    // Optional, enable this for extended phone format validation based on Google i18n standards.
-    'mp_advanced_phone_validation_enabled' : true,
 
-    // Optional, explicitly force disable billing name edit.
-    'mp_bill_name_edit_disabled': false,
+    // Optional, extended phone format validation based on Google i18n standards.
+    'mp_advanced_phone_validation_enabled': true,
 
-    // Optional, explicitly force disable billing email edit.
-    'mp_bill_email_edit_disabled': false,
+    // Optional, explicitly force disable user input.
+    'mp_bill_name_edit_disabled': true,
+    'mp_bill_email_edit_disabled': true,
+    'mp_bill_mobile_edit_disabled': true,
+    'mp_bill_description_edit_disabled': true,
 
-    // Optional, explicitly force disable billing mobile edit.
-    'mp_bill_mobile_edit_disabled': false,
+    // Optional, EN, MS, VI, TH, FIL, MY, KM, ID, ZH.
+    'mp_language': 'EN',
 
-    // Optional, explicitly force disable billing description edit.
-    'mp_bill_description_edit_disabled': false,
+    // Optional, Cash channel payment request expiration duration in hour.
+    'mp_cash_waittime': 48,
+    
+    // Optional, allow bypass of 3DS on some credit card channels.
+    'mp_non_3DS': true,
 
-    // Optional, EN, MS, VI, TH, FIL, MY, KM, ID, ZH.
-    'mp_language': "EN",
+    // Optional, disable card list option.
+    'mp_card_list_disabled': true,
 
-    // Optional, enable for online sandbox testing.
-    'mp_dev_mode': false
+    // Optional for channels restriction, this option has less priority than mp_allowed_channels.
+    'mp_disabled_channels': ['credit']  
+    
 };
 ```
 

android/build.gradle

@@ -14,5 +14,5 @@ android {
 
 dependencies {
     compile 'com.facebook.react:react-native:+'
-    compile 'com.molpay:molpay-mobile-xdk-android:3.18.1'
+    compile 'com.molpay:molpay-mobile-xdk-android:3.20.0'
 }

android/src/main/java/com/molpayxdk/MOLPayReactPackage.java

@@ -20,6 +20,11 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
         return modules;
     }
 
+    // @Override
+    // public List<Class<? extends JavaScriptModule>> createJSModules() {
+    //     return Collections.emptyList();
+    // }
+
     @Override
     public List<NativeModule> createNativeModules(
             ReactApplicationContext reactContext) {

ios/MOLPayXDK.bundle/molpay-mobile-xdk-www/index.html

@@ -1 +1 @@
-<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <!-- <meta name="viewport" content="width=device-width"> --> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="format-detection" content="telephone=no"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="styles/vendor.34eb91d2.css"> <link rel="stylesheet" href="styles/main.88e23106.css"> </head> <body ng-app="molpayXsdkApp"> <div class="header"> </div> <div id="app-body" class="app-body container-fluid"> <div class="row"> <div class="hidden-xs col-sm-2 col-md-3 col-lg-4"></div> <div class="col-xs-12 col-sm-8 col-md-6 col-lg-4" ng-view=""></div> <div class="hidden-xs col-sm-2 col-md-3 col-lg-4"></div> </div> </div> <div ng-cloak ng-show="isStarting || isLoading" class="text-center"> <br> <p>{{label_preparing}}</p> <p>{{label_pleasewait}}</p> </div> <div class="footer"> </div> <div ng-cloak ng-show="isLoading || D7ARequeryActiveNow" class="loading text-center vertical-center"> <div class="loadingbackground"></div> <i class="fa fa-spinner fa-spin fa-3x"></i> <div class="loading-text">{{label_loading}}</div> </div> <script src="scripts/vendor.075c08e2.js"></script> <script src="scripts/scripts.e9651920.js"></script> </body> </html>
+<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <!-- <meta name="viewport" content="width=device-width"> --> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name="format-detection" content="telephone=no"> <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> <link rel="stylesheet" href="styles/vendor.34eb91d2.css"> <link rel="stylesheet" href="styles/main.9f3e4059.css"> </head> <body ng-app="molpayXsdkApp"> <div class="header"> </div> <div id="app-body" class="app-body container-fluid"> <div class="row"> <div class="hidden-xs col-sm-2 col-md-3 col-lg-4"></div> <div class="col-xs-12 col-sm-8 col-md-6 col-lg-4" ng-view=""></div> <div class="hidden-xs col-sm-2 col-md-3 col-lg-4"></div> </div> </div> <div ng-cloak ng-show="isStarting || isLoading" class="text-center"> <br> <p>{{label_preparing}}</p> <p>{{label_pleasewait}}</p> </div> <div class="footer"> </div> <div ng-cloak ng-show="isLoading || D7ARequeryActiveNow" class="loading text-center vertical-center"> <div class="loadingbackground"></div> <i class="fa fa-spinner fa-spin fa-3x"></i> <div class="loading-text">{{label_loading}}</div> </div> <script src="scripts/vendor.f927628e.js"></script> <script src="scripts/scripts.f3a92fea.js"></script> </body> </html>

ios/MOLPayXDK.bundle/molpay-mobile-xdk-www/scripts/scripts.e9651920.js

@@ -1,6 +1,6 @@
 {
   "name": "molpay-mobile-xdk-reactnative-beta",
-  "version": "0.18.4",
+  "version": "0.20.0",
   "description": "MOLPay mobile payment for React Native (BETA)",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"