( ! ) Warning: Declaration of Jetpack_IXR_Client::query() should be compatible with IXR_Client::query(...$args) in C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php on line 0 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.2309 | 9259848 | rest_get_server( ) | ...\rest-api.php:403 |
11 | 0.2309 | 9262784 | do_action( ) | ...\rest-api.php:577 |
12 | 0.2309 | 9263160 | WP_Hook->do_action( ) | ...\plugin.php:517 |
13 | 0.2309 | 9263160 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
14 | 0.2318 | 9302360 | Jetpack_Core_Json_Api_Endpoints::register_endpoints( ) | ...\class-wp-hook.php:308 |
15 | 0.2321 | 9310352 | Jetpack::load_xml_rpc_client( ) | ...\class.core-rest-api-endpoints.php:64 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3002 | 11050344 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:310 |
12 | 0.3002 | 11050672 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3016 | 11050288 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:311 |
12 | 0.3016 | 11050608 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3034 | 11050480 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:315 |
12 | 0.3034 | 11050848 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3046 | 11050368 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:323 |
12 | 0.3046 | 11050688 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3059 | 11050432 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:335 |
12 | 0.3059 | 11050800 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3069 | 11050480 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:359 |
12 | 0.3070 | 11050848 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3708 | 11369936 | WP_REST_Server->send_headers( ) | ...\class-wp-rest-server.php:475 |
12 | 0.3708 | 11369936 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:1774 |
13 | 0.3708 | 11370512 | header ( ) | ...\class-wp-rest-server.php:1762 |
( ! ) Warning: Cannot modify header information - headers already sent by (output started at C:\wamp64_2\www\docbase\wp-content\plugins\jetpack\class.jetpack-ixr-client.php:0) in C:\wamp64_2\www\docbase\wp-includes\rest-api\class-wp-rest-server.php on line 1762 | ||||
---|---|---|---|---|
Call Stack | ||||
# | Time | Memory | Function | Location |
1 | 0.0001 | 402504 | {main}( ) | ...\index.php:0 |
2 | 0.0001 | 402784 | require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' ) | ...\index.php:17 |
3 | 0.2303 | 9232088 | wp( ) | ...\wp-blog-header.php:16 |
4 | 0.2303 | 9232112 | WP->main( ) | ...\functions.php:1334 |
5 | 0.2303 | 9232112 | WP->parse_request( ) | ...\class-wp.php:780 |
6 | 0.2309 | 9258800 | do_action_ref_array( ) | ...\class-wp.php:399 |
7 | 0.2309 | 9258800 | WP_Hook->do_action( ) | ...\plugin.php:565 |
8 | 0.2309 | 9258800 | WP_Hook->apply_filters( ) | ...\class-wp-hook.php:332 |
9 | 0.2309 | 9259816 | rest_api_loaded( ) | ...\class-wp-hook.php:308 |
10 | 0.3000 | 11050688 | WP_REST_Server->serve_request( ) | ...\rest-api.php:410 |
11 | 0.3708 | 11369936 | WP_REST_Server->send_headers( ) | ...\class-wp-rest-server.php:475 |
12 | 0.3719 | 11369936 | WP_REST_Server->send_header( ) | ...\class-wp-rest-server.php:1774 |
13 | 0.3719 | 11370256 | header ( ) | ...\class-wp-rest-server.php:1762 |
<\/p>\n\n\n\n
This provides a way for the merchant ( channels: Regular or Value Financing ) to securely collect card details for customers paying with debit or credit card to complete the loan application on their channels. It enables the merchant to control the experience; look and feel (that is, the merchant is in complete control of their UI\/UX). <\/p>\n\n\n\n
The following fields are hosted securely in iframes which the merchant can embed in their checkout page;<\/p>\n\n\n\n
<\/p>\n\n\n\n
<\/p>\n\n\n\n
<body>\n <form id=\"cardForm\">\n <div class=\"panel\">\n <header class=\"panel__header\">\n <h2>Submit Card Details<\/h2>\n <\/header>\n <div class=\"panel__content\">\n <div class=\"textfield--float-label\">\n <label class=\"hosted-field--label\" for=\"card-pan\">\n <span class=\"icon\"> <\/span> Card Number\n <\/label>\n <div id=\"card-pan\" class=\"hosted-field\"><\/div>\n <\/div>\n <div class=\"textfield--float-label\">\n <label class=\"hosted-field--label\" for=\"expiration-date\">Expiration Date<\/label>\n <div id=\"expiration-date\" class=\"hosted-field\"><\/div>\n <\/div>\n <div class=\"textfield--float-label\">\n <label class=\"hosted-field--label\" for=\"card-cvv\"> CVV<\/label>\n <div id=\"card-cvv\" class=\"hosted-field\"><\/div>\n <\/div>\n <div class=\"textfield--float-label\">\n <label class=\"hosted-field--label\" for=\"card-pin\">Pin<\/label>\n <div id=\"card-pin\" class=\"hosted-field\"><\/div>\n <\/div>\n <div class=\"textfield--float-label\">\n <label class=\"hosted-field--label\" for=\"card-otp\">OTP<\/label>\n <div id=\"card-otp\" class=\"hosted-field\"><\/div>\n <\/div>\n <\/div>\n <footer class=\"panel__footer\">\n <button class=\"pay-button\" type=\"submit\">Submit<\/button>\n <\/footer>\n <\/div>\n <\/form>\n <script src='http:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js'><\/script>\n <script src=\"https:\/\/mufasa-qa.interswitchng.com\/p\/lending-service\/build.js\"><\/script>\n<\/body><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Load the SDK<\/h4>\n\n\n\n
Loading the SDK will make available global interswitch.hostedFields<\/strong> variable available. <\/p>\n\n\n\n<\/p>\n\n\n\n
<script src=\"https:\/\/ils-hosted-fields-channels.k8.isw.la\/build.js\"><\/script><\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Create Hosted Fields Instance<\/h4>\n\n\n\n
Create an instance of hosted Field by Calling the newInstance<\/strong> method on the interswitch.hostedFields <\/strong>variable , the method takes options and a callback. <\/p>\n\n\n\nThe create instance can be used to register events listeners and finally submit the customer’s request when the customer clicks on a the submit button. On submit this instance will return to the callback.<\/p>\n\n\n\n
<\/p>\n\n\n\n
interswitch.hostedFields.newInstance(options,\n function (err, hostedFieldInstance) {\n if (err) {\n \/\/ something is wrong,\n return;\n }\n function findLabel(field) {\n return $('.hosted-field--label[for=\"' + field.container.id + '\"]');\n }\n hostedFieldInstance.on('focus', function (event) {\n var field = event.fields[event.emittedBy];\n findLabel(field).addClass('label-float').removeClass('filled');\n })\n })<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
The options include authorization, accept offer (whether value financing or regular loans) request, fields and styles as shown below.
Please note that the accept offer request body varies depending on the type of loans your customers apply for.
Value Financing<\/strong>: merchantCode is required alongside others.
Regular Loans: <\/strong>creditMethod (the customers account number and the bank code) is required alongside others.<\/p>\n\n\n\nNOTE: <\/strong>channleCode, customerId, offerId, providerCode and transactionRef are always<\/strong> required for any loan type. <\/p>\n\n\n\n<\/p>\n\n\n\n
Available Options<\/h4>\n\n\n\n
<\/p>\n\n\n\n
var options = {\n authorization: \"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOlsiY2FyZGxlc3Mtc2VydmljZSIsImZpbmdlcnByaW50LWFwaSIsImlzdy1sZW5kaW5nLXNlcnZpY2UiLCJwYXNzcG9ydCIsInJlZmVycmFsLXNlcnZpY2UtYXBpIiwic2NwIl0sInNjb3BlIjpbInByb2ZpbGUiXSwianRpIjoiODcwYmZiNDAtNWQyMS00MDVkLTkzMTQtMWFmM2IwOGZmNjY0IiwiY2xpZW50X2lkIjoicG9zdG1hbiJ9.fXPGEz4nuo2FW0M9Qi1cIeZxm0xGsJKQRK5D4jdo8pMALU4JNbCSQGugB7xjpBNcGPR13_i7Y_0y0awljrOtsp-dIyrQ9cBSRGjuDCPDXXEkOX0xVBt0IGZa8DyGmFfNFLsv15R3ZUBLmg2OAJRtJ95DXoKAs16Kd07eKJsDCcWBLlk-sHg1HyXtcYm9XiAAbqWHJTWhCDueDZtz68tLoErxusLVbd_CL4Ec06CacJdJDUy9__HZMrHCiz9lSkx3PCg2GRNZhDw-u90sizpVzVNCE92cFcmSpXkF4j_vhlSvGqJN4Qi4_XQJ-3qFT5uP5Pg4jLdsvLzGGRm1T6lA8A\"\n request: {\n channelCode: \"QTUSSD\",\n customerId: \"2348030583962\",\n offerId: \"OFFER1529932588104\",\n providerCode: \"MKT\",\n transactionRef: \"ab1cfgkhfgvr2\",\n merchantCode: \"VNA\", \/\/ merchantCode is only required for Value Financing loans.\n creditMethod: {\n accountNumber: \"1234567890\",\n bankCode: \"056\"\n } \/\/ creditMethod is only required for Regular Nano Loans.\n },\n styles: {\n 'input': {\n 'font-size': '16px',\n 'font-family': 'roboto, verdana, sans-serif',\n 'color': 'black'\n },\n ':focus': {\n 'color': 'blue'\n },\n '.valid': {\n 'color': 'black'\n },\n '.invalid': {\n 'color': 'red'\n }\n },\n fields: {\n pan: {\n selector: '#card-pan',\n placeholder: '1111 1111 1111 1111'\n },\n cvv: {\n selector: '#card-cvv',\n placeholder: '111'\n },\n exp: {\n selector: '#expiration-date',\n placeholder: 'MM\/YY'\n },\n pin: {\n selector: '#card-pin',\n placeholder: 'PIN'\n },\n otp: {\n selector: '#card-otp',\n placeholder: 'OTP'\n }\n },\n onError: function (error) {\n alert(error.responseMessage);\n }\n}<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Submit Loan Application<\/strong><\/h4>\n\n\n\nWhen customer submits, a submit request is initiated on the hostedFieldInstance returned by the created hosted field instance<\/p>\n\n\n\n
<\/p>\n\n\n\n
var submit = document.querySelector('button[type=\"submit\"]');\nsubmit.addEventListener('click', function (evt) {\n evt.preventDefault();\n evt.stopPropagation();\n \n hostedFieldInstance.submit(function (err, payload) {\n if (err) {\n if (err.responseMessage) {\n alert(err.responseMessage);\n return;\n }\n else if (err.message.body) {\n alert(JSON.stringify(err.message.body.token ? err.message.body.token : err.message.body.errors[0]['message']));\n return;\n }\n else {\n alert(err.message);\n return;\n }\n }\n else if (payload) {\n console.log(payload);\n alert(JSON.stringify(payload.body));\n return;\n }\n });\n \n}, false)<\/code><\/pre>\n\n\n\n<\/p>\n\n\n\n
Hosted Fields Demo Interface<\/h3>\n\n\n\nThe loaded Hosted Fields Demo page<\/h4>\n\n\n\n<\/h4>\n\n\n\n