( ! ) 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
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.33169304152rest_get_server( )...\rest-api.php:403
111.33169307088do_action( )...\rest-api.php:577
121.33169307464WP_Hook->do_action( )...\plugin.php:517
131.33169307464WP_Hook->apply_filters( )...\class-wp-hook.php:332
141.33289346664Jetpack_Core_Json_Api_Endpoints::register_endpoints( )...\class-wp-hook.php:308
151.33309354656Jetpack::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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.411011094648WP_REST_Server->send_header( )...\class-wp-rest-server.php:310
121.411011094976header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.412511094592WP_REST_Server->send_header( )...\class-wp-rest-server.php:311
121.412511094912header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.415011094784WP_REST_Server->send_header( )...\class-wp-rest-server.php:315
121.415011095152header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.416411094672WP_REST_Server->send_header( )...\class-wp-rest-server.php:323
121.416411094992header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.417911094736WP_REST_Server->send_header( )...\class-wp-rest-server.php:335
121.417911095104header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.421111094784WP_REST_Server->send_header( )...\class-wp-rest-server.php:359
121.421111095152header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.488811436264WP_REST_Server->send_headers( )...\class-wp-rest-server.php:459
121.488811436264WP_REST_Server->send_header( )...\class-wp-rest-server.php:1780
131.488811436840header ( )...\class-wp-rest-server.php:1768
( ! ) 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 1768
Call Stack
#TimeMemoryFunctionLocation
10.0002401504{main}( )...\index.php:0
20.0003401784require( 'C:\wamp64_2\www\docbase\wp-blog-header.php' )...\index.php:17
31.33089276392wp( )...\wp-blog-header.php:16
41.33089276416WP->main( )...\functions.php:1334
51.33089276416WP->parse_request( )...\class-wp.php:780
61.33169303104do_action_ref_array( )...\class-wp.php:399
71.33169303104WP_Hook->do_action( )...\plugin.php:565
81.33169303104WP_Hook->apply_filters( )...\class-wp-hook.php:332
91.33169304120rest_api_loaded( )...\class-wp-hook.php:308
101.410811094992WP_REST_Server->serve_request( )...\rest-api.php:410
111.488811436264WP_REST_Server->send_headers( )...\class-wp-rest-server.php:459
121.490511436264WP_REST_Server->send_header( )...\class-wp-rest-server.php:1780
131.490511436584header ( )...\class-wp-rest-server.php:1768
 {"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}]}}