( ! ) 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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.2479	9257232	rest_get_server( )	...\rest-api.php:403
11	0.2480	9260168	do_action( )	...\rest-api.php:577
12	0.2480	9260544	WP_Hook->do_action( )	...\plugin.php:517
13	0.2480	9260544	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
14	0.2492	9299744	Jetpack_Core_Json_Api_Endpoints::register_endpoints( )	...\class-wp-hook.php:308
15	0.2495	9307736	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3124	11047728	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:310
12	0.3124	11048056	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3135	11047672	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:311
12	0.3135	11047992	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3147	11047864	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:315
12	0.3147	11048232	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3156	11047752	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:323
12	0.3157	11048072	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3165	11047816	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:335
12	0.3165	11048184	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3174	11047864	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:359
12	0.3174	11048232	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3737	11372280	WP_REST_Server->send_headers( )	...\class-wp-rest-server.php:475
12	0.3737	11372280	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:1774
13	0.3737	11372856	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	401504	{main}( )	...\index.php:0
2	0.0002	401784	require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )	...\index.php:17
3	0.2472	9229472	wp( )	...\wp-blog-header.php:16
4	0.2472	9229496	WP->main( )	...\functions.php:1334
5	0.2472	9229496	WP->parse_request( )	...\class-wp.php:780
6	0.2479	9256184	do_action_ref_array( )	...\class-wp.php:399
7	0.2479	9256184	WP_Hook->do_action( )	...\plugin.php:565
8	0.2479	9256184	WP_Hook->apply_filters( )	...\class-wp-hook.php:332
9	0.2479	9257200	rest_api_loaded( )	...\class-wp-hook.php:308
10	0.3123	11048072	WP_REST_Server->serve_request( )	...\rest-api.php:410
11	0.3737	11372280	WP_REST_Server->send_headers( )	...\class-wp-rest-server.php:475
12	0.3751	11372280	WP_REST_Server->send_header( )	...\class-wp-rest-server.php:1774
13	0.3751	11372600	header ( )	...\class-wp-rest-server.php:1762

This provides a way for merchant channels to securely collect card details for customers paying with credit on their channels. It enables the merchant to control the experience and look and feel. This is supposed to be used in conjunction with the Get Tenured Offers API and the target is web merchants<\/p>\n

The following fields are hosted securely in iframes which the merchant can embed in their checkout page;<\/p>\n

CVV<\/li>\n<\/ol>\n

Step-by-step guide<\/h2>\n

For the duration of this guide, we will be using the form below.<\/p>\n

Card form<\/b><\/div>\n
\n
<body>\r\n\u00a0\u00a0<form\u00a0id=\"cardForm\">\r\n\u00a0\u00a0\u00a0\u00a0<div\u00a0class=\"panel\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<header\u00a0class=\"panel__header\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<h2>Submit Card Details<\/h2>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/header>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0class=\"panel__content\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0class=\"textfield--float-label\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label\u00a0class=\"hosted-field--label\"\u00a0for=\"card-pan\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<span\u00a0class=\"icon\"> <\/span> Card Number\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/label>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0id=\"card-pan\"\u00a0class=\"hosted-field\"><\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0class=\"textfield--float-label\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label\u00a0class=\"hosted-field--label\"\u00a0for=\"expiration-date\">Expiration Date<\/label>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0id=\"expiration-date\"\u00a0class=\"hosted-field\"><\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0class=\"textfield--float-label\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label\u00a0class=\"hosted-field--label\"\u00a0for=\"card-cvv\"> CVV<\/label>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0id=\"card-cvv\"\u00a0class=\"hosted-field\"><\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0class=\"textfield--float-label\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label\u00a0class=\"hosted-field--label\"\u00a0for=\"card-pin\">Pin<\/label>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<div\u00a0id=\"card-pin\"\u00a0class=\"hosted-field\"><\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/div>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<footer\u00a0class=\"panel__footer\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<button\u00a0class=\"pay-button\"\u00a0type=\"submit\">Submit<\/button>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/footer>\r\n\u00a0\u00a0\u00a0\u00a0<\/div>\r\n\u00a0\u00a0<\/form>\r\n\u00a0\u00a0<script\u00a0src='http:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js'><\/script>\r\n\u00a0\u00a0<script\u00a0src=\"https:\/\/mufasa-qa.interswitchng.com\/p\/lending-service\/build.js\"><\/script>\r\n<\/body><\/pre>\n
<\/p>\n<\/div>\n
L<\/b>oad the SDK.<\/div>\n<\/div>\n
\n
\n
\n
Load javascript sdk<\/b><\/div>\n
\n
\n
\n\n\n\n
\n
\n
<<\/code>script<\/code>\u00a0src<\/code>=<\/code>\"https:\/\/mufasa-qa.interswitchng.com\/p\/lending-service\/build.js<\/a>\"<\/code>><\/<\/code>script<\/code>><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\nLoading the SDK will make available a global\u00a0interswitch.hostedFields<\/strong>\u00a0variable available.<\/li>\n Create a hosted field instance calling the\u00a0newInstance<\/strong>\u00a0method on the\u00a0interswitch.hostedFields\u00a0<\/strong>variable. The method takes options and a callback. An hosted field instance which can be used to register events listeners and finally submit the customer’s request when the customer clicks on a the submit button will be returned to the callback\n\nCreate Hosted Fields Instance<\/b><\/div>\n\n\n\n\n\n\n\n\ninterswitch.hostedFields.newInstance(options,<\/a><\/code><\/div>\n\u00a0\u00a0<\/code>function<\/code>\u00a0(err, hostedFieldInstance) {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>if<\/code>\u00a0(err) {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\/\/ something is wrong,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>return<\/code>;<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>function<\/code>\u00a0findLabel(field) {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>return<\/code>\u00a0$(<\/code>'.hosted-field--label[for=\"'<\/code>\u00a0+\u00a0field.container.id<\/a>\u00a0+\u00a0<\/code>'\"]'<\/code>);<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>hostedFieldInstance.on(<\/a><\/code>'focus'<\/code>,\u00a0<\/code>function<\/code>\u00a0(event) {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>var<\/code>\u00a0field =\u00a0event.fields[event.emittedBy];<\/a><\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>findLabel(field).addClass(<\/code>'label-float'<\/code>).removeClass(<\/code>'filled'<\/code>);<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>})<\/code><\/div>\n\u00a0\u00a0<\/code>})<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\nThe options include authorization, accept offer request, fields and styles as shown below.<\/p>\n \nAvailable Options<\/b><\/div>\n\n\n\n\n\n\n\n\nvar<\/code>\u00a0options = {<\/code><\/div>\n\u00a0\u00a0<\/code>authorization:\u00a0<\/code>\"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOlsiY2FyZGxlc3Mtc2VydmljZSIsImZpbmdlcnByaW50LWFwaSIsImlzdy1sZW5kaW5nLXNlcnZpY2UiLCJwYXNzcG9ydCIsInJlZmVycmFsLXNlcnZpY2UtYXBpIiwic2NwIl0sInNjb3BlIjpbInByb2ZpbGUiXSwianRpIjoiODcwYmZiNDAtNWQyMS00MDVkLTkzMTQtMWFmM2IwOGZmNjY0IiwiY2xpZW50X2lkIjoicG9zdG1hbiJ9.fXPGEz4nuo2FW0M9Qi1cIeZxm0xGsJKQRK5D4jdo8pMALU4JNbCSQGugB7xjpBNcGPR13_i7Y_0y0awljrOtsp-dIyrQ9cBSRGjuDCPDXXEkOX0xVBt0IGZa8DyGmFfNFLsv15R3ZUBLmg2OAJRtJ95DXoKAs16Kd07eKJsDCcWBLlk-sHg1HyXtcYm9XiAAbqWHJTWhCDueDZtz68tLoErxusLVbd_CL4Ec06CacJdJDUy9__HZMrHCiz9lSkx3PCg2GRNZhDw-u90sizpVzVNCE92cFcmSpXkF4j_vhlSvGqJN4Qi4_XQJ-3qFT5uP5Pg4jLdsvLzGGRm1T6lA8A<\/a>\"<\/code><\/div>\n\u00a0\u00a0<\/code>request: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>channelCode:\u00a0<\/code>\"QTUSSD\"<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>customerId:\u00a0<\/code>\"2348030583962\"<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>offerId:\u00a0<\/code>\"OFFER1529932588104\"<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>providerCode:\u00a0<\/code>\"MKT\"<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>merchantCode:\u00a0<\/code>\"VNA\"<\/code><\/div>\n\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0<\/code>styles: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>'input'<\/code>: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'font-size'<\/code>:\u00a0<\/code>'16px'<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'font-family'<\/code>:\u00a0<\/code>'roboto, verdana, sans-serif'<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'color'<\/code>:\u00a0<\/code>'black'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>':focus'<\/code>: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'color'<\/code>:\u00a0<\/code>'blue'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>'.valid'<\/code>: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'color'<\/code>:\u00a0<\/code>'black'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>'.invalid'<\/code>: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>'color'<\/code>:\u00a0<\/code>'red'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0<\/code>fields: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>pan: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>selector:\u00a0<\/code>'#card-pan'<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>placeholder:\u00a0<\/code>'1111 1111 1111 1111'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>cvv: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>selector:\u00a0<\/code>'#card-cvv'<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>placeholder:\u00a0<\/code>'111'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>exp: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>selector:\u00a0<\/code>'#expiration-date'<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>placeholder:\u00a0<\/code>'MM\/YY'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>},<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>pin: {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>selector:\u00a0<\/code>'#card-pin'<\/code>,<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>placeholder:\u00a0<\/code>'PIN'<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n\u00a0\u00a0<\/code>}<\/code><\/div>\n}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/li>\nAs soon as the customer submits, initiate a submit request on the hostedFieldInstance returned in 2.\n\nSubmit Loan Application<\/b><\/div>\n\n\n\n\n\n\n\n\nvar<\/code>\u00a0submit =\u00a0document.querySelector(<\/a><\/code>'button[type=\"submit\"]'<\/code>);<\/code><\/div>\nsubmit.addEventListener(<\/a><\/code>'click'<\/code>,\u00a0<\/code>function<\/code>\u00a0(evt) {<\/code><\/div>\n\u00a0\u00a0<\/code>evt.preventDefault();<\/a><\/code><\/div>\n\u00a0\u00a0<\/code>evt.stopPropagation();<\/a><\/code><\/div>\n<\/div>\n\u00a0\u00a0<\/code>hostedFieldInstance.submit(<\/a><\/code>function<\/code>\u00a0(err, payload) {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>if<\/code>\u00a0(err) {<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>alert(<\/code>\"Loan application failed\"<\/code>);<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>return<\/code>;<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>else<\/code>\u00a0{<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>console.log(payload);<\/a><\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>var<\/code>\u00a0payref =\u00a0payload.body.loanId;<\/a><\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>console.log(payref);<\/a><\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>alert(<\/code>\"Loan application was successful with loan Id of \"<\/code>\u00a0+ payref);<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>return<\/code>;<\/code><\/div>\n\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/div>\n\u00a0\u00a0<\/code>});<\/code><\/div>\n<\/div>\n},\u00a0<\/code>false<\/code>)<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/li>\n<\/ol>\n\n\n <\/p>\n<\/div>\n<\/div>\n<\/div>\n <\/div>\n","protected":false},"author":169,"featured_media":0,"parent":2944,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"spay_email":""},"doc_tag":[],"_links":{"self":[{"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs\/2949"}],"collection":[{"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/users\/169"}],"replies":[{"embeddable":true,"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/comments?post=2949"}],"version-history":[{"count":2,"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs\/2949\/revisions"}],"predecessor-version":[{"id":4348,"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs\/2949\/revisions\/4348"}],"up":[{"embeddable":true,"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs\/2944"}],"next":[{"title":"Tokenization Using Hosted Fields","link":"https:\/\/sandbox.interswitchng.com\/docbase\/docs\/ils\/value-financing\/tokenization-using-hosted-fields\/","href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs\/3006"}],"prev":[{"title":"Accept Tenured Offer","link":"https:\/\/sandbox.interswitchng.com\/docbase\/docs\/ils\/value-financing\/accept-tenured-offer\/","href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/docs\/2947"}],"wp:attachment":[{"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/media?parent=2949"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/sandbox.interswitchng.com\/docbase\/wp-json\/wp\/v2\/doc_tag?post=2949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}