( ! ) 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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.03489277920rest_get_server( )...\rest-api.php:403
112.03499280856do_action( )...\rest-api.php:577
122.03499281232WP_Hook->do_action( )...\plugin.php:517
132.03499281232WP_Hook->apply_filters( )...\class-wp-hook.php:332
142.03589320432Jetpack_Core_Json_Api_Endpoints::register_endpoints( )...\class-wp-hook.php:308
152.03629393960Jetpack::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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.109111084800WP_REST_Server->send_header( )...\class-wp-rest-server.php:310
122.109111085128header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.110011084744WP_REST_Server->send_header( )...\class-wp-rest-server.php:311
122.110011085064header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.111211084936WP_REST_Server->send_header( )...\class-wp-rest-server.php:315
122.111211085304header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.112011084824WP_REST_Server->send_header( )...\class-wp-rest-server.php:323
122.112111085144header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.112811084888WP_REST_Server->send_header( )...\class-wp-rest-server.php:335
122.112811085256header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.113611084936WP_REST_Server->send_header( )...\class-wp-rest-server.php:359
122.113611085304header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.183111475952WP_REST_Server->send_headers( )...\class-wp-rest-server.php:475
122.183111475952WP_REST_Server->send_header( )...\class-wp-rest-server.php:1774
132.183111476528header ( )...\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
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
32.03419250160wp( )...\wp-blog-header.php:16
42.03419250184WP->main( )...\functions.php:1334
52.03419250184WP->parse_request( )...\class-wp.php:780
62.03489276872do_action_ref_array( )...\class-wp.php:399
72.03489276872WP_Hook->do_action( )...\plugin.php:565
82.03489276872WP_Hook->apply_filters( )...\class-wp-hook.php:332
92.03489277888rest_api_loaded( )...\class-wp-hook.php:308
102.109011085144WP_REST_Server->serve_request( )...\rest-api.php:410
112.183111475952WP_REST_Server->send_headers( )...\class-wp-rest-server.php:475
122.184211475952WP_REST_Server->send_header( )...\class-wp-rest-server.php:1774
132.184211476272header ( )...\class-wp-rest-server.php:1762
 {"id":2949,"date":"2018-07-19T13:46:56","date_gmt":"2018-07-19T13:46:56","guid":{"rendered":"http:\/\/sandbox.interswitchng.com\/docbase\/docs\/ils\/value-financing\/lending-service-hosted-fields\/"},"modified":"2018-07-31T07:58:57","modified_gmt":"2018-07-31T07:58:57","slug":"lending-service-hosted-fields","status":"publish","type":"docs","link":"https:\/\/sandbox.interswitchng.com\/docbase\/docs\/ils\/value-financing\/lending-service-hosted-fields\/","title":{"rendered":"Lending Service Hosted Fields"},"content":{"rendered":"
\n

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

    \n
  1. PAN<\/li>\n
  2. Expiry Date<\/li>\n
  3. PIN<\/li>\n
  4. 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

    \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
    1. \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>\n
      Loading the SDK will make available a global\u00a0interswitch.hostedFields<\/strong>\u00a0variable available.<\/li>\n
    2. 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
      \n
      Create Hosted Fields Instance<\/b><\/div>\n
      \n
      \n
      \n\n\n\n
      \n
      \n
      interswitch.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>\n
      The options include authorization, accept offer request, fields and styles as shown below.<\/p>\n
      \n
      Available Options<\/b><\/div>\n
      \n
      \n
      \n\n\n\n
      \n
      \n
      var<\/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>\n
    3. As soon as the customer submits, initiate a submit request on the hostedFieldInstance returned in 2.\n
      \n
      Submit Loan Application<\/b><\/div>\n
      \n
      \n
      \n\n\n\n
      \n
      \n
      var<\/code>\u00a0submit =\u00a0document.querySelector(<\/a><\/code>'button[type=\"submit\"]'<\/code>);<\/code><\/div>\n
      submit.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}]}}