@paydock/client-sdk 1.11.13-beta → 1.77.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +760 -1018
- package/bundles/widget.umd.js +43 -44
- package/bundles/widget.umd.min.js +1 -1
- package/lib/api/api-base.d.ts +1 -1
- package/lib/api/api-base.js +2 -24
- package/lib/api/api-base.js.map +1 -1
- package/lib/canvas-3ds/services/standalone3ds-service.js +2 -2
- package/lib/canvas-3ds/services/standalone3ds-service.js.map +1 -1
- package/lib/checkout-button/checkout-button.js +1 -1
- package/lib/checkout-button/checkout-button.js.map +1 -1
- package/lib/checkout-button/index.d.ts +3 -1
- package/lib/checkout-button/index.js +3 -1
- package/lib/checkout-button/index.js.map +1 -1
- package/lib/checkout-button/runner.d.ts +1 -1
- package/lib/checkout-button/runner.js +2 -27
- package/lib/checkout-button/runner.js.map +1 -1
- package/lib/checkout-button/zipmoney.runner.d.ts +1 -1
- package/lib/checkout-button/zipmoney.runner.js +2 -27
- package/lib/checkout-button/zipmoney.runner.js.map +1 -1
- package/lib/components/dispatcher.d.ts +1 -1
- package/lib/components/dispatcher.js +2 -27
- package/lib/components/dispatcher.js.map +1 -1
- package/lib/components/http-core.js +2 -27
- package/lib/components/http-core.js.map +1 -1
- package/lib/components/link.d.ts +1 -1
- package/lib/components/link.js +2 -27
- package/lib/components/link.js.map +1 -1
- package/lib/components/param.d.ts +3 -1
- package/lib/components/param.js.map +1 -1
- package/lib/components/popup.js +1 -1
- package/lib/components/popup.js.map +1 -1
- package/lib/{components → configs/env}/env.d.ts +9 -0
- package/lib/configs/env/env.js +129 -0
- package/lib/configs/env/env.js.map +1 -0
- package/lib/payment-source-widget/payment-source-widget.d.ts +1 -1
- package/lib/payment-source-widget/payment-source-widget.js +1 -1
- package/lib/wallet-buttons/apple.wallet-service.js +2 -13
- package/lib/wallet-buttons/apple.wallet-service.js.map +1 -1
- package/lib/wallet-buttons/google.wallet-service.js +7 -5
- package/lib/wallet-buttons/google.wallet-service.js.map +1 -1
- package/lib/wallet-buttons/wallet-service.js +2 -2
- package/lib/wallet-buttons/wallet-service.js.map +1 -1
- package/lib/widget/configuration.d.ts +3 -1
- package/lib/widget/configuration.js +5 -28
- package/lib/widget/configuration.js.map +1 -1
- package/lib/widget/html-multi-widget.d.ts +2 -1
- package/lib/widget/html-multi-widget.js +2 -1
- package/lib/widget/html-multi-widget.js.map +1 -1
- package/lib/widget/html-widget.d.ts +3 -1
- package/lib/widget/html-widget.js +3 -1
- package/lib/widget/html-widget.js.map +1 -1
- package/lib/widget/index.d.ts +0 -7
- package/lib/widget/index.js +0 -7
- package/lib/widget/index.js.map +1 -1
- package/lib/widget/meta.d.ts +7 -0
- package/lib/widget/meta.js +8 -0
- package/lib/widget/meta.js.map +1 -0
- package/package.json +3 -1
- package/slate.md +17 -16
- package/lib/components/env.js +0 -77
- package/lib/components/env.js.map +0 -1
package/README.md
CHANGED
|
@@ -233,16 +233,16 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
233
233
|
## Classes
|
|
234
234
|
|
|
235
235
|
<dl>
|
|
236
|
-
<dt><a href="#w_HtmlWidget">HtmlWidget</a> ⇐ <code><a href="#w_HtmlMultiWidget">HtmlMultiWidget</a></code></dt>
|
|
236
|
+
<dt><a href="#user-content-w_HtmlWidget">HtmlWidget</a> ⇐ <code><a href="#user-content-w_HtmlMultiWidget">HtmlMultiWidget</a></code></dt>
|
|
237
237
|
<dd><p>Class Widget include method for working on html and include extended by HtmlMultiWidget methods</p>
|
|
238
238
|
</dd>
|
|
239
|
-
<dt><a href="#w_HtmlMultiWidget">HtmlMultiWidget</a> ⇐ <code><a href="#w_MultiWidget">MultiWidget</a></code></dt>
|
|
239
|
+
<dt><a href="#user-content-w_HtmlMultiWidget">HtmlMultiWidget</a> ⇐ <code><a href="#user-content-w_MultiWidget">MultiWidget</a></code></dt>
|
|
240
240
|
<dd><p>Class HtmlMultiWidget include method for working with html</p>
|
|
241
241
|
</dd>
|
|
242
|
-
<dt><a href="#w_Configuration">Configuration</a></dt>
|
|
242
|
+
<dt><a href="#user-content-w_Configuration">Configuration</a></dt>
|
|
243
243
|
<dd><p>Class Configuration include methods for creating configuration token</p>
|
|
244
244
|
</dd>
|
|
245
|
-
<dt><a href="#w_MultiWidget">MultiWidget</a></dt>
|
|
245
|
+
<dt><a href="#user-content-w_MultiWidget">MultiWidget</a></dt>
|
|
246
246
|
<dd><p>Class MultiWidget include method for for creating iframe url</p>
|
|
247
247
|
</dd>
|
|
248
248
|
</dl>
|
|
@@ -250,40 +250,40 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
250
250
|
## Constants
|
|
251
251
|
|
|
252
252
|
<dl>
|
|
253
|
-
<dt><a href="#w_EVENT">EVENT</a> : <code>object</code></dt>
|
|
253
|
+
<dt><a href="#user-content-w_EVENT">EVENT</a> : <code>object</code></dt>
|
|
254
254
|
<dd><p>List of available event's name</p>
|
|
255
255
|
</dd>
|
|
256
|
-
<dt><a href="#w_VAULT_DISPLAY_EVENT">VAULT_DISPLAY_EVENT</a> : <code>object</code></dt>
|
|
256
|
+
<dt><a href="#user-content-w_VAULT_DISPLAY_EVENT">VAULT_DISPLAY_EVENT</a> : <code>object</code></dt>
|
|
257
257
|
<dd><p>List of available event's name</p>
|
|
258
258
|
</dd>
|
|
259
|
-
<dt><a href="#w_PAYMENT_TYPE">PAYMENT_TYPE</a> : <code>object</code></dt>
|
|
259
|
+
<dt><a href="#user-content-w_PAYMENT_TYPE">PAYMENT_TYPE</a> : <code>object</code></dt>
|
|
260
260
|
<dd><p>List of available payment source types</p>
|
|
261
261
|
</dd>
|
|
262
|
-
<dt><a href="#w_PURPOSE">PURPOSE</a> : <code>object</code></dt>
|
|
262
|
+
<dt><a href="#user-content-w_PURPOSE">PURPOSE</a> : <code>object</code></dt>
|
|
263
263
|
<dd><p>Purposes</p>
|
|
264
264
|
</dd>
|
|
265
|
-
<dt><a href="#w_FORM_FIELD">FORM_FIELD</a> : <code>object</code></dt>
|
|
265
|
+
<dt><a href="#user-content-w_FORM_FIELD">FORM_FIELD</a> : <code>object</code></dt>
|
|
266
266
|
<dd><p>Current constant include available type of fields which can be included to widget</p>
|
|
267
267
|
</dd>
|
|
268
|
-
<dt><a href="#w_STYLE">STYLE</a> : <code>object</code></dt>
|
|
268
|
+
<dt><a href="#user-content-w_STYLE">STYLE</a> : <code>object</code></dt>
|
|
269
269
|
<dd><p>List of available style params for widget</p>
|
|
270
270
|
</dd>
|
|
271
|
-
<dt><a href="#w_TEXT">TEXT</a> : <code>object</code></dt>
|
|
271
|
+
<dt><a href="#user-content-w_TEXT">TEXT</a> : <code>object</code></dt>
|
|
272
272
|
<dd><p>List of available text item params for widget</p>
|
|
273
273
|
</dd>
|
|
274
|
-
<dt><a href="#w_ELEMENT">ELEMENT</a> : <code>object</code></dt>
|
|
274
|
+
<dt><a href="#user-content-w_ELEMENT">ELEMENT</a> : <code>object</code></dt>
|
|
275
275
|
<dd><p>List of available params for hide elements</p>
|
|
276
276
|
</dd>
|
|
277
|
-
<dt><a href="#w_SUPPORTED_CARD_TYPES">SUPPORTED_CARD_TYPES</a> : <code>object</code></dt>
|
|
277
|
+
<dt><a href="#user-content-w_SUPPORTED_CARD_TYPES">SUPPORTED_CARD_TYPES</a> : <code>object</code></dt>
|
|
278
278
|
<dd><p>The list of available parameters for showing card icons</p>
|
|
279
279
|
</dd>
|
|
280
|
-
<dt><a href="#w_STYLABLE_ELEMENT">STYLABLE_ELEMENT</a> : <code>object</code></dt>
|
|
280
|
+
<dt><a href="#user-content-w_STYLABLE_ELEMENT">STYLABLE_ELEMENT</a> : <code>object</code></dt>
|
|
281
281
|
<dd><p>Current constant include available type of element for styling</p>
|
|
282
282
|
</dd>
|
|
283
|
-
<dt><a href="#w_STYLABLE_ELEMENT_STATE">STYLABLE_ELEMENT_STATE</a> : <code>object</code></dt>
|
|
283
|
+
<dt><a href="#user-content-w_STYLABLE_ELEMENT_STATE">STYLABLE_ELEMENT_STATE</a> : <code>object</code></dt>
|
|
284
284
|
<dd><p>Current constant include available states of element for styling</p>
|
|
285
285
|
</dd>
|
|
286
|
-
<dt><a href="#w_TRIGGER">TRIGGER</a> : <code>object</code></dt>
|
|
286
|
+
<dt><a href="#user-content-w_TRIGGER">TRIGGER</a> : <code>object</code></dt>
|
|
287
287
|
<dd><p>List of available triggers</p>
|
|
288
288
|
</dd>
|
|
289
289
|
</dl>
|
|
@@ -291,51 +291,51 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
291
291
|
## Interfaces
|
|
292
292
|
|
|
293
293
|
<dl>
|
|
294
|
-
<dt><a href="#w_IFormValidation">IFormValidation</a></dt>
|
|
294
|
+
<dt><a href="#user-content-w_IFormValidation">IFormValidation</a></dt>
|
|
295
295
|
<dd><p>Interface of data from validation event.</p>
|
|
296
296
|
</dd>
|
|
297
|
-
<dt><a href="#w_IEventMetaData">IEventMetaData</a></dt>
|
|
297
|
+
<dt><a href="#user-content-w_IEventMetaData">IEventMetaData</a></dt>
|
|
298
298
|
<dd><p>Interface of data from event.</p>
|
|
299
299
|
</dd>
|
|
300
|
-
<dt><a href="#w_IEventAfterLoadData">IEventAfterLoadData</a></dt>
|
|
300
|
+
<dt><a href="#user-content-w_IEventAfterLoadData">IEventAfterLoadData</a></dt>
|
|
301
301
|
<dd><p>Interface of data from event.</p>
|
|
302
302
|
</dd>
|
|
303
|
-
<dt><a href="#w_IEventFinishData">IEventFinishData</a></dt>
|
|
303
|
+
<dt><a href="#user-content-w_IEventFinishData">IEventFinishData</a></dt>
|
|
304
304
|
<dd><p>Interface of data from event.</p>
|
|
305
305
|
</dd>
|
|
306
|
-
<dt><a href="#w_IPayPalMeta">IPayPalMeta</a></dt>
|
|
306
|
+
<dt><a href="#user-content-w_IPayPalMeta">IPayPalMeta</a></dt>
|
|
307
307
|
<dd><p>Interface for PayPal checkout meta information</p>
|
|
308
308
|
</dd>
|
|
309
|
-
<dt><a href="#
|
|
310
|
-
<dd><p>Interface for Bamboora meta information</p>
|
|
311
|
-
</dd>
|
|
312
|
-
<dt><a href="#w_IStyles">IStyles</a></dt>
|
|
309
|
+
<dt><a href="#user-content-w_IStyles">IStyles</a></dt>
|
|
313
310
|
<dd><p>Interface for classes that represent widget's styles.</p>
|
|
314
311
|
</dd>
|
|
315
|
-
<dt><a href="#w_ITexts">ITexts</a></dt>
|
|
312
|
+
<dt><a href="#user-content-w_ITexts">ITexts</a></dt>
|
|
316
313
|
<dd><p>Interface for classes that represent widget's text.</p>
|
|
317
314
|
</dd>
|
|
318
|
-
<dt><a href="#
|
|
315
|
+
<dt><a href="#user-content-w_IBamboraMeta">IBamboraMeta</a></dt>
|
|
316
|
+
<dd><p>Interface for Bamboora meta information</p>
|
|
317
|
+
</dd>
|
|
318
|
+
<dt><a href="#user-content-w_IElementStyleInput">IElementStyleInput</a></dt>
|
|
319
319
|
<dd><p>Interface for styling input element.</p>
|
|
320
320
|
</dd>
|
|
321
|
-
<dt><a href="#w_IElementStyleSubmitButton">IElementStyleSubmitButton</a></dt>
|
|
321
|
+
<dt><a href="#user-content-w_IElementStyleSubmitButton">IElementStyleSubmitButton</a></dt>
|
|
322
322
|
<dd><p>Interface for styling submit_button element.</p>
|
|
323
323
|
</dd>
|
|
324
|
-
<dt><a href="#w_IElementStyleLabel">IElementStyleLabel</a></dt>
|
|
324
|
+
<dt><a href="#user-content-w_IElementStyleLabel">IElementStyleLabel</a></dt>
|
|
325
325
|
<dd><p>Interface for styling label element.</p>
|
|
326
326
|
</dd>
|
|
327
|
-
<dt><a href="#w_IElementStyleTitle">IElementStyleTitle</a></dt>
|
|
327
|
+
<dt><a href="#user-content-w_IElementStyleTitle">IElementStyleTitle</a></dt>
|
|
328
328
|
<dd><p>Interface for styling title element.</p>
|
|
329
329
|
</dd>
|
|
330
|
-
<dt><a href="#w_IElementStyleTitleDescription">IElementStyleTitleDescription</a></dt>
|
|
330
|
+
<dt><a href="#user-content-w_IElementStyleTitleDescription">IElementStyleTitleDescription</a></dt>
|
|
331
331
|
<dd><p>Interface for styling title_description element.</p>
|
|
332
332
|
</dd>
|
|
333
|
-
<dt><a href="#w_ITriggerData">ITriggerData</a></dt>
|
|
333
|
+
<dt><a href="#user-content-w_ITriggerData">ITriggerData</a></dt>
|
|
334
334
|
<dd><p>Interface for classes that represent a trigger data.</p>
|
|
335
335
|
</dd>
|
|
336
336
|
</dl>
|
|
337
337
|
|
|
338
|
-
<a name="w_IFormValidation" id="w_IFormValidation"
|
|
338
|
+
<a name="w_IFormValidation" id="w_IFormValidation" href="#user-content-w_IFormValidation"> </a>
|
|
339
339
|
|
|
340
340
|
## IFormValidation
|
|
341
341
|
Interface of data from validation event.
|
|
@@ -353,7 +353,7 @@ Interface of data from validation event.
|
|
|
353
353
|
| [invalid_showed_fields] | <code>array</code> | List of fields on which the error is already displayed |
|
|
354
354
|
| [validators] | <code>array</code> | List of validators with fields |
|
|
355
355
|
|
|
356
|
-
<a name="w_IEventMetaData" id="w_IEventMetaData"
|
|
356
|
+
<a name="w_IEventMetaData" id="w_IEventMetaData" href="#user-content-w_IEventMetaData"> </a>
|
|
357
357
|
|
|
358
358
|
## IEventMetaData
|
|
359
359
|
Interface of data from event.
|
|
@@ -375,7 +375,7 @@ Interface of data from event.
|
|
|
375
375
|
| [account_name] | <code>string</code> | Bank account account name |
|
|
376
376
|
| [account_number] | <code>string</code> | Bank account account number |
|
|
377
377
|
|
|
378
|
-
<a name="w_IEventAfterLoadData" id="w_IEventAfterLoadData"
|
|
378
|
+
<a name="w_IEventAfterLoadData" id="w_IEventAfterLoadData" href="#user-content-w_IEventAfterLoadData"> </a>
|
|
379
379
|
|
|
380
380
|
## IEventAfterLoadData
|
|
381
381
|
Interface of data from event.
|
|
@@ -389,7 +389,7 @@ Interface of data from event.
|
|
|
389
389
|
| message_source | <code>string</code> | System variable. Event source |
|
|
390
390
|
| [ref_id] | <code>string</code> | Custom value for identify result of processed operation |
|
|
391
391
|
|
|
392
|
-
<a name="w_IEventFinishData" id="w_IEventFinishData"
|
|
392
|
+
<a name="w_IEventFinishData" id="w_IEventFinishData" href="#user-content-w_IEventFinishData"> </a>
|
|
393
393
|
|
|
394
394
|
## IEventFinishData
|
|
395
395
|
Interface of data from event.
|
|
@@ -404,7 +404,7 @@ Interface of data from event.
|
|
|
404
404
|
| [ref_id] | <code>string</code> | Custom value for identify result of processed operation |
|
|
405
405
|
| payment_source | <code>string</code> | One time token. Result from this endpoint [API docs](https://docs.paydock.com/#tokens) |
|
|
406
406
|
|
|
407
|
-
<a name="w_IPayPalMeta" id="w_IPayPalMeta"
|
|
407
|
+
<a name="w_IPayPalMeta" id="w_IPayPalMeta" href="#user-content-w_IPayPalMeta"> </a>
|
|
408
408
|
|
|
409
409
|
## IPayPalMeta
|
|
410
410
|
Interface for PayPal checkout meta information
|
|
@@ -431,19 +431,7 @@ Interface for PayPal checkout meta information
|
|
|
431
431
|
| [phone] | <code>string</code> | The consumer’s phone number in E.164 international notation (Example: +12345678901) |
|
|
432
432
|
| [hide_shipping_address] | <code>boolean</code> | Determines whether PayPal displays shipping address fields on the PayPal pages |
|
|
433
433
|
|
|
434
|
-
<a name="
|
|
435
|
-
|
|
436
|
-
## IBamboraMeta
|
|
437
|
-
Interface for Bamboora meta information
|
|
438
|
-
|
|
439
|
-
**Kind**: global interface
|
|
440
|
-
|
|
441
|
-
| Param | Type | Description |
|
|
442
|
-
| --- | --- | --- |
|
|
443
|
-
| [customer_storage_number] | <code>string</code> | Customer storage number |
|
|
444
|
-
| [tokenise_algorithm] | <code>number</code> | Tokenise algorithm |
|
|
445
|
-
|
|
446
|
-
<a name="w_IStyles" id="w_IStyles"></a>
|
|
434
|
+
<a name="w_IStyles" id="w_IStyles" href="#user-content-w_IStyles"> </a>
|
|
447
435
|
|
|
448
436
|
## IStyles
|
|
449
437
|
Interface for classes that represent widget's styles.
|
|
@@ -461,7 +449,7 @@ Interface for classes that represent widget's styles.
|
|
|
461
449
|
| [font_size] | <code>string</code> |
|
|
462
450
|
| [font_family] | <code>string</code> |
|
|
463
451
|
|
|
464
|
-
<a name="w_ITexts" id="w_ITexts"
|
|
452
|
+
<a name="w_ITexts" id="w_ITexts" href="#user-content-w_ITexts"> </a>
|
|
465
453
|
|
|
466
454
|
## ITexts
|
|
467
455
|
Interface for classes that represent widget's text.
|
|
@@ -482,7 +470,19 @@ Interface for classes that represent widget's text.
|
|
|
482
470
|
| [submit_button] | <code>string</code> |
|
|
483
471
|
| [submit_button_processing] | <code>string</code> |
|
|
484
472
|
|
|
485
|
-
<a name="
|
|
473
|
+
<a name="w_IBamboraMeta" id="w_IBamboraMeta" href="#user-content-w_IBamboraMeta"> </a>
|
|
474
|
+
|
|
475
|
+
## IBamboraMeta
|
|
476
|
+
Interface for Bamboora meta information
|
|
477
|
+
|
|
478
|
+
**Kind**: global interface
|
|
479
|
+
|
|
480
|
+
| Param | Type | Description |
|
|
481
|
+
| --- | --- | --- |
|
|
482
|
+
| [customer_storage_number] | <code>string</code> | Customer storage number |
|
|
483
|
+
| [tokenise_algorithm] | <code>number</code> | Tokenise algorithm |
|
|
484
|
+
|
|
485
|
+
<a name="w_IElementStyleInput" id="w_IElementStyleInput" href="#user-content-w_IElementStyleInput"> </a>
|
|
486
486
|
|
|
487
487
|
## IElementStyleInput
|
|
488
488
|
Interface for styling input element.
|
|
@@ -505,7 +505,7 @@ Interface for styling input element.
|
|
|
505
505
|
| [padding] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) |
|
|
506
506
|
| [margin] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/margin) |
|
|
507
507
|
|
|
508
|
-
<a name="w_IElementStyleSubmitButton" id="w_IElementStyleSubmitButton"
|
|
508
|
+
<a name="w_IElementStyleSubmitButton" id="w_IElementStyleSubmitButton" href="#user-content-w_IElementStyleSubmitButton"> </a>
|
|
509
509
|
|
|
510
510
|
## IElementStyleSubmitButton
|
|
511
511
|
Interface for styling submit_button element.
|
|
@@ -528,7 +528,7 @@ Interface for styling submit_button element.
|
|
|
528
528
|
| [font_weight] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) |
|
|
529
529
|
| [opacity] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) |
|
|
530
530
|
|
|
531
|
-
<a name="w_IElementStyleLabel" id="w_IElementStyleLabel"
|
|
531
|
+
<a name="w_IElementStyleLabel" id="w_IElementStyleLabel" href="#user-content-w_IElementStyleLabel"> </a>
|
|
532
532
|
|
|
533
533
|
## IElementStyleLabel
|
|
534
534
|
Interface for styling label element.
|
|
@@ -546,7 +546,7 @@ Interface for styling label element.
|
|
|
546
546
|
| [padding] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) |
|
|
547
547
|
| [margin] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/margin) |
|
|
548
548
|
|
|
549
|
-
<a name="w_IElementStyleTitle" id="w_IElementStyleTitle"
|
|
549
|
+
<a name="w_IElementStyleTitle" id="w_IElementStyleTitle" href="#user-content-w_IElementStyleTitle"> </a>
|
|
550
550
|
|
|
551
551
|
## IElementStyleTitle
|
|
552
552
|
Interface for styling title element.
|
|
@@ -565,7 +565,7 @@ Interface for styling title element.
|
|
|
565
565
|
| [margin] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/margin) |
|
|
566
566
|
| ['text-align',] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) |
|
|
567
567
|
|
|
568
|
-
<a name="w_IElementStyleTitleDescription" id="w_IElementStyleTitleDescription"
|
|
568
|
+
<a name="w_IElementStyleTitleDescription" id="w_IElementStyleTitleDescription" href="#user-content-w_IElementStyleTitleDescription"> </a>
|
|
569
569
|
|
|
570
570
|
## IElementStyleTitleDescription
|
|
571
571
|
Interface for styling title_description element.
|
|
@@ -584,7 +584,7 @@ Interface for styling title_description element.
|
|
|
584
584
|
| [margin] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/margin) |
|
|
585
585
|
| ['text-align',] | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/text-align) |
|
|
586
586
|
|
|
587
|
-
<a name="w_ITriggerData" id="w_ITriggerData"
|
|
587
|
+
<a name="w_ITriggerData" id="w_ITriggerData" href="#user-content-w_ITriggerData"> </a>
|
|
588
588
|
|
|
589
589
|
## ITriggerData
|
|
590
590
|
Interface for classes that represent a trigger data.
|
|
@@ -598,57 +598,57 @@ Interface for classes that represent a trigger data.
|
|
|
598
598
|
| [elements] | <code>string</code> |
|
|
599
599
|
| [form_values] | <code>string</code> |
|
|
600
600
|
|
|
601
|
-
<a name="w_HtmlWidget" id="w_HtmlWidget"
|
|
601
|
+
<a name="w_HtmlWidget" id="w_HtmlWidget" href="#user-content-w_HtmlWidget"> </a>
|
|
602
602
|
|
|
603
|
-
## HtmlWidget ⇐ [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
603
|
+
## HtmlWidget ⇐ [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
604
604
|
Class Widget include method for working on html and include extended by HtmlMultiWidget methods
|
|
605
605
|
|
|
606
606
|
**Kind**: global class
|
|
607
|
-
**Extends**: [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget), [<code>MultiWidget</code>](#w_MultiWidget)
|
|
608
|
-
|
|
609
|
-
* [HtmlWidget](#w_HtmlWidget) ⇐ [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
610
|
-
* [new exports.HtmlWidget(selector, publicKey, [gatewayID], [paymentType], [purpose])](#w_new_HtmlWidget_new)
|
|
611
|
-
* [.setWebHookDestination(url)](#w_HtmlWidget+setWebHookDestination)
|
|
612
|
-
* [.setSuccessRedirectUrl(url)](#w_HtmlWidget+setSuccessRedirectUrl)
|
|
613
|
-
* [.setErrorRedirectUrl(url)](#w_HtmlWidget+setErrorRedirectUrl)
|
|
614
|
-
* [.setFormFields(fields)](#w_HtmlWidget+setFormFields)
|
|
615
|
-
* [.setFormElements(elements)](#w_HtmlWidget+setFormElements)
|
|
616
|
-
* [.setMeta(object)](#w_HtmlWidget+setMeta)
|
|
617
|
-
* [.load()](#w_HtmlMultiWidget+load)
|
|
618
|
-
* [.on(eventName, [cb])](#w_HtmlMultiWidget+on) ⇒ <code>Promise.<(IEventData\|IEventMetaData\|IEventFinishData\|IFormValidation)></code> \| <code>void</code>
|
|
619
|
-
* [.trigger(triggers, data)](#w_HtmlMultiWidget+trigger)
|
|
620
|
-
* [.getValidationState()](#w_HtmlMultiWidget+getValidationState) ⇒ [<code>IFormValidation</code>](#w_IFormValidation)
|
|
621
|
-
* [.isValidForm()](#w_HtmlMultiWidget+isValidForm) ⇒ <code>boolean</code>
|
|
622
|
-
* [.isInvalidField(field)](#w_HtmlMultiWidget+isInvalidField) ⇒ <code>boolean</code>
|
|
623
|
-
* [.isFieldErrorShowed(field)](#w_HtmlMultiWidget+isFieldErrorShowed) ⇒ <code>boolean</code>
|
|
624
|
-
* [.isInvalidFieldByValidator(field, validator)](#w_HtmlMultiWidget+isInvalidFieldByValidator) ⇒ <code>boolean</code>
|
|
625
|
-
* [.hide([saveSize])](#w_HtmlMultiWidget+hide)
|
|
626
|
-
* [.show()](#w_HtmlMultiWidget+show)
|
|
627
|
-
* [.reload()](#w_HtmlMultiWidget+reload)
|
|
628
|
-
* [.hideElements(elements)](#w_HtmlMultiWidget+hideElements)
|
|
629
|
-
* [.showElements(elements)](#w_HtmlMultiWidget+showElements)
|
|
630
|
-
* [.updateFormValues(fieldValues)](#w_HtmlMultiWidget+updateFormValues)
|
|
631
|
-
* [.onFinishInsert(selector, dataType)](#w_HtmlMultiWidget+onFinishInsert)
|
|
632
|
-
* [.interceptSubmitForm(selector)](#w_HtmlMultiWidget+interceptSubmitForm)
|
|
633
|
-
* [.useCheckoutAutoSubmit()](#w_HtmlMultiWidget+useCheckoutAutoSubmit)
|
|
634
|
-
* [.useAutoResize()](#w_HtmlMultiWidget+useAutoResize)
|
|
635
|
-
* [.setStyles(fields)](#w_MultiWidget+setStyles)
|
|
636
|
-
* [.usePhoneCountryMask([options])](#w_MultiWidget+usePhoneCountryMask)
|
|
637
|
-
* [.setTexts(fields)](#w_MultiWidget+setTexts)
|
|
638
|
-
* [.setElementStyle(element, [state], styles)](#w_MultiWidget+setElementStyle)
|
|
639
|
-
* [.setFormValues(fieldValues)](#w_MultiWidget+setFormValues)
|
|
640
|
-
* [.setFormLabels(fieldLabels)](#w_MultiWidget+setFormLabels)
|
|
641
|
-
* [.setFormPlaceholders(fieldPlaceholders)](#w_MultiWidget+setFormPlaceholders)
|
|
642
|
-
* [.setIcons()](#w_MultiWidget+setIcons)
|
|
643
|
-
* [.setHiddenElements(elements)](#w_MultiWidget+setHiddenElements)
|
|
644
|
-
* [.setRefId(refId)](#w_MultiWidget+setRefId)
|
|
645
|
-
* [.useGatewayFieldValidation()](#w_MultiWidget+useGatewayFieldValidation)
|
|
646
|
-
* [.setSupportedCardIcons(elements, validateCardNumberInput)](#w_MultiWidget+setSupportedCardIcons)
|
|
647
|
-
* [.setEnv(env, [alias])](#w_MultiWidget+setEnv)
|
|
648
|
-
* [.loadIFrameUrl()](#w_MultiWidget+loadIFrameUrl)
|
|
649
|
-
* [.setLanguage(code)](#w_MultiWidget+setLanguage)
|
|
650
|
-
|
|
651
|
-
<a name="w_new_HtmlWidget_new" id="w_new_HtmlWidget_new"
|
|
607
|
+
**Extends**: [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget), [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
608
|
+
|
|
609
|
+
* [HtmlWidget](#user-content-w_HtmlWidget) ⇐ [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
610
|
+
* [new exports.HtmlWidget(selector, publicKey, [gatewayID], [paymentType], [purpose])](#user-content-w_new_HtmlWidget_new)
|
|
611
|
+
* [.setWebHookDestination(url)](#user-content-w_HtmlWidget+setWebHookDestination)
|
|
612
|
+
* [.setSuccessRedirectUrl(url)](#user-content-w_HtmlWidget+setSuccessRedirectUrl)
|
|
613
|
+
* [.setErrorRedirectUrl(url)](#user-content-w_HtmlWidget+setErrorRedirectUrl)
|
|
614
|
+
* [.setFormFields(fields)](#user-content-w_HtmlWidget+setFormFields)
|
|
615
|
+
* [.setFormElements(elements)](#user-content-w_HtmlWidget+setFormElements)
|
|
616
|
+
* [.setMeta(object)](#user-content-w_HtmlWidget+setMeta)
|
|
617
|
+
* [.load()](#user-content-w_HtmlMultiWidget+load)
|
|
618
|
+
* [.on(eventName, [cb])](#user-content-w_HtmlMultiWidget+on) ⇒ <code>Promise.<(IEventData\|IEventMetaData\|IEventFinishData\|IFormValidation)></code> \| <code>void</code>
|
|
619
|
+
* [.trigger(triggers, data)](#user-content-w_HtmlMultiWidget+trigger)
|
|
620
|
+
* [.getValidationState()](#user-content-w_HtmlMultiWidget+getValidationState) ⇒ [<code>IFormValidation</code>](#user-content-w_IFormValidation)
|
|
621
|
+
* [.isValidForm()](#user-content-w_HtmlMultiWidget+isValidForm) ⇒ <code>boolean</code>
|
|
622
|
+
* [.isInvalidField(field)](#user-content-w_HtmlMultiWidget+isInvalidField) ⇒ <code>boolean</code>
|
|
623
|
+
* [.isFieldErrorShowed(field)](#user-content-w_HtmlMultiWidget+isFieldErrorShowed) ⇒ <code>boolean</code>
|
|
624
|
+
* [.isInvalidFieldByValidator(field, validator)](#user-content-w_HtmlMultiWidget+isInvalidFieldByValidator) ⇒ <code>boolean</code>
|
|
625
|
+
* [.hide([saveSize])](#user-content-w_HtmlMultiWidget+hide)
|
|
626
|
+
* [.show()](#user-content-w_HtmlMultiWidget+show)
|
|
627
|
+
* [.reload()](#user-content-w_HtmlMultiWidget+reload)
|
|
628
|
+
* [.hideElements(elements)](#user-content-w_HtmlMultiWidget+hideElements)
|
|
629
|
+
* [.showElements(elements)](#user-content-w_HtmlMultiWidget+showElements)
|
|
630
|
+
* [.updateFormValues(fieldValues)](#user-content-w_HtmlMultiWidget+updateFormValues)
|
|
631
|
+
* [.onFinishInsert(selector, dataType)](#user-content-w_HtmlMultiWidget+onFinishInsert)
|
|
632
|
+
* [.interceptSubmitForm(selector)](#user-content-w_HtmlMultiWidget+interceptSubmitForm)
|
|
633
|
+
* [.useCheckoutAutoSubmit()](#user-content-w_HtmlMultiWidget+useCheckoutAutoSubmit)
|
|
634
|
+
* [.useAutoResize()](#user-content-w_HtmlMultiWidget+useAutoResize)
|
|
635
|
+
* [.setStyles(fields)](#user-content-w_MultiWidget+setStyles)
|
|
636
|
+
* [.usePhoneCountryMask([options])](#user-content-w_MultiWidget+usePhoneCountryMask)
|
|
637
|
+
* [.setTexts(fields)](#user-content-w_MultiWidget+setTexts)
|
|
638
|
+
* [.setElementStyle(element, [state], styles)](#user-content-w_MultiWidget+setElementStyle)
|
|
639
|
+
* [.setFormValues(fieldValues)](#user-content-w_MultiWidget+setFormValues)
|
|
640
|
+
* [.setFormLabels(fieldLabels)](#user-content-w_MultiWidget+setFormLabels)
|
|
641
|
+
* [.setFormPlaceholders(fieldPlaceholders)](#user-content-w_MultiWidget+setFormPlaceholders)
|
|
642
|
+
* [.setIcons()](#user-content-w_MultiWidget+setIcons)
|
|
643
|
+
* [.setHiddenElements(elements)](#user-content-w_MultiWidget+setHiddenElements)
|
|
644
|
+
* [.setRefId(refId)](#user-content-w_MultiWidget+setRefId)
|
|
645
|
+
* [.useGatewayFieldValidation()](#user-content-w_MultiWidget+useGatewayFieldValidation)
|
|
646
|
+
* [.setSupportedCardIcons(elements, validateCardNumberInput)](#user-content-w_MultiWidget+setSupportedCardIcons)
|
|
647
|
+
* [.setEnv(env, [alias])](#user-content-w_MultiWidget+setEnv)
|
|
648
|
+
* [.loadIFrameUrl()](#user-content-w_MultiWidget+loadIFrameUrl)
|
|
649
|
+
* [.setLanguage(code)](#user-content-w_MultiWidget+setLanguage)
|
|
650
|
+
|
|
651
|
+
<a name="w_new_HtmlWidget_new" id="w_new_HtmlWidget_new" href="#user-content-w_new_HtmlWidget_new"> </a>
|
|
652
652
|
|
|
653
653
|
### new exports.HtmlWidget(selector, publicKey, [gatewayID], [paymentType], [purpose])
|
|
654
654
|
|
|
@@ -656,7 +656,7 @@ Class Widget include method for working on html and include extended by HtmlMult
|
|
|
656
656
|
| --- | --- | --- | --- |
|
|
657
657
|
| selector | <code>string</code> | | Selector of html element. Container for widget |
|
|
658
658
|
| publicKey | <code>string</code> | | PayDock users public key |
|
|
659
|
-
| [gatewayID] | <code>string</code> | <code>"default"</code> | ID of a gateway connected to PayDock. By default or if put 'default', it will use the selected default gateway |
|
|
659
|
+
| [gatewayID] | <code>string</code> | <code>"default"</code> | ID of a gateway connected to PayDock. By default or if put 'default', it will use the selected default gateway. If put 'not_configured', it won’t use gateway to create downstream token. |
|
|
660
660
|
| [paymentType] | <code>string</code> | <code>"card"</code> | Type of payment source which shows in widget form. Available parameters : “card”, “bank_account”. |
|
|
661
661
|
| [purpose] | <code>string</code> | <code>"payment_source"</code> | Purpose of widget form. Available parameters: ‘payment_source’, ‘card_payment_source_with_cvv’, ‘card_payment_source_without_cvv’ |
|
|
662
662
|
|
|
@@ -666,14 +666,16 @@ Class Widget include method for working on html and include extended by HtmlMult
|
|
|
666
666
|
var widget = new HtmlWidget('#widget', 'publicKey', 'gatewayID'); // short
|
|
667
667
|
|
|
668
668
|
var widget = new HtmlWidget('#widget', 'publicKey', 'gatewayID', 'bank_account', 'payment_source'); // extend
|
|
669
|
+
|
|
670
|
+
var widget = new HtmlWidget('#widget', 'publicKey', 'not_configured'); // without gateway
|
|
669
671
|
```
|
|
670
|
-
<a name="w_HtmlWidget+setWebHookDestination" id="w_HtmlWidget+setWebHookDestination"
|
|
672
|
+
<a name="w_HtmlWidget+setWebHookDestination" id="w_HtmlWidget+setWebHookDestination" href="#user-content-w_HtmlWidget+setWebHookDestination"> </a>
|
|
671
673
|
|
|
672
674
|
### htmlWidget.setWebHookDestination(url)
|
|
673
675
|
Destination, where customer will receive all successful responses.
|
|
674
676
|
Response will contain “data” object with “payment_source” or other parameters, in depending on 'purpose'
|
|
675
677
|
|
|
676
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
678
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
677
679
|
|
|
678
680
|
| Param | Type | Description |
|
|
679
681
|
| --- | --- | --- |
|
|
@@ -684,12 +686,12 @@ Response will contain “data” object with “payment_source” or other param
|
|
|
684
686
|
```javascript
|
|
685
687
|
widget.setWebHookDestination('http://google.com');
|
|
686
688
|
```
|
|
687
|
-
<a name="w_HtmlWidget+setSuccessRedirectUrl" id="w_HtmlWidget+setSuccessRedirectUrl"
|
|
689
|
+
<a name="w_HtmlWidget+setSuccessRedirectUrl" id="w_HtmlWidget+setSuccessRedirectUrl" href="#user-content-w_HtmlWidget+setSuccessRedirectUrl"> </a>
|
|
688
690
|
|
|
689
691
|
### htmlWidget.setSuccessRedirectUrl(url)
|
|
690
692
|
URL to which the Customer will be redirected to after the success finish
|
|
691
693
|
|
|
692
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
694
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
693
695
|
|
|
694
696
|
| Param | Type |
|
|
695
697
|
| --- | --- |
|
|
@@ -700,12 +702,12 @@ URL to which the Customer will be redirected to after the success finish
|
|
|
700
702
|
```javascript
|
|
701
703
|
widget.setSuccessRedirectUrl('google.com/search?q=success');
|
|
702
704
|
```
|
|
703
|
-
<a name="w_HtmlWidget+setErrorRedirectUrl" id="w_HtmlWidget+setErrorRedirectUrl"
|
|
705
|
+
<a name="w_HtmlWidget+setErrorRedirectUrl" id="w_HtmlWidget+setErrorRedirectUrl" href="#user-content-w_HtmlWidget+setErrorRedirectUrl"> </a>
|
|
704
706
|
|
|
705
707
|
### htmlWidget.setErrorRedirectUrl(url)
|
|
706
708
|
URL to which the Customer will be redirected to if an error is triggered in the process of operation
|
|
707
709
|
|
|
708
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
710
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
709
711
|
|
|
710
712
|
| Param | Type |
|
|
711
713
|
| --- | --- |
|
|
@@ -716,35 +718,35 @@ URL to which the Customer will be redirected to if an error is triggered in the
|
|
|
716
718
|
```javascript
|
|
717
719
|
widget.setErrorRedirectUrl('google.com/search?q=error');
|
|
718
720
|
```
|
|
719
|
-
<a name="w_HtmlWidget+setFormFields" id="w_HtmlWidget+setFormFields"
|
|
721
|
+
<a name="w_HtmlWidget+setFormFields" id="w_HtmlWidget+setFormFields" href="#user-content-w_HtmlWidget+setFormFields"> </a>
|
|
720
722
|
|
|
721
723
|
### htmlWidget.setFormFields(fields)
|
|
722
724
|
Set list with widget form field, which will be shown in form. Also you can set the required validation for these fields
|
|
723
725
|
|
|
724
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
726
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
725
727
|
|
|
726
728
|
| Param | Type | Description |
|
|
727
729
|
| --- | --- | --- |
|
|
728
|
-
| fields | <code>[ 'Array' ].<string></code> | name of fields which can be shown in a widget. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD](#w_FORM_FIELD) |
|
|
730
|
+
| fields | <code>[ 'Array' ].<string></code> | name of fields which can be shown in a widget. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
729
731
|
|
|
730
732
|
**Example**
|
|
731
733
|
|
|
732
734
|
```javascript
|
|
733
735
|
widget.setFormFields(['phone', 'email', 'first_name*']);
|
|
734
736
|
```
|
|
735
|
-
<a name="w_HtmlWidget+setFormElements" id="w_HtmlWidget+setFormElements"
|
|
737
|
+
<a name="w_HtmlWidget+setFormElements" id="w_HtmlWidget+setFormElements" href="#user-content-w_HtmlWidget+setFormElements"> </a>
|
|
736
738
|
|
|
737
739
|
### htmlWidget.setFormElements(elements)
|
|
738
740
|
The method to set the full configuration for the all specific form elements (visibility, required, label, placeholder, value)
|
|
739
741
|
You can also use the other method for the partial configuration like: setFormFields, setFormValues, setFormPlaceholder, setFormLabel
|
|
740
742
|
|
|
741
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
742
|
-
**Overrides**: [<code>setFormElements</code>](#w_MultiWidget+setFormElements)
|
|
743
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
744
|
+
**Overrides**: [<code>setFormElements</code>](#user-content-w_MultiWidget+setFormElements)
|
|
743
745
|
|
|
744
746
|
| Param | Type | Description |
|
|
745
747
|
| --- | --- | --- |
|
|
746
748
|
| elements | <code>[ 'Array' ].<Object></code> | List of elements |
|
|
747
|
-
| elements[].field | <code>string</code> | Field name of element. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD](#w_FORM_FIELD) |
|
|
749
|
+
| elements[].field | <code>string</code> | Field name of element. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
748
750
|
| elements[].placeholder | <code>string</code> | Set custom placeholders in form fields |
|
|
749
751
|
| elements[].label | <code>string</code> | Set a custom labels near the form field |
|
|
750
752
|
| elements[].value | <code>string</code> | Set predefined values for the form field |
|
|
@@ -767,16 +769,16 @@ widget.setFormElements([
|
|
|
767
769
|
},
|
|
768
770
|
])
|
|
769
771
|
```
|
|
770
|
-
<a name="w_HtmlWidget+setMeta" id="w_HtmlWidget+setMeta"
|
|
772
|
+
<a name="w_HtmlWidget+setMeta" id="w_HtmlWidget+setMeta" href="#user-content-w_HtmlWidget+setMeta"> </a>
|
|
771
773
|
|
|
772
774
|
### htmlWidget.setMeta(object)
|
|
773
775
|
The method to set meta information for the checkout page
|
|
774
776
|
|
|
775
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
777
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
776
778
|
|
|
777
779
|
| Param | Type | Description |
|
|
778
780
|
| --- | --- | --- |
|
|
779
|
-
| object | [<code>IPayPalMeta</code>](#w_IPayPalMeta) \| [<code>IBamboraMeta</code>](#w_IBamboraMeta) | data which can be shown on checkout page [IPayPalMeta](#w_IPayPalMeta) [IBamboraMeta](#w_IBamboraMeta) |
|
|
781
|
+
| object | [<code>IPayPalMeta</code>](#user-content-w_IPayPalMeta) \| [<code>IBamboraMeta</code>](#user-content-w_IBamboraMeta) | data which can be shown on checkout page [IPayPalMeta](#user-content-w_IPayPalMeta) [IBamboraMeta](#user-content-w_IBamboraMeta) |
|
|
780
782
|
|
|
781
783
|
**Example**
|
|
782
784
|
|
|
@@ -787,22 +789,22 @@ config.setMeta({
|
|
|
787
789
|
email: 'wault@paydock.com'
|
|
788
790
|
});
|
|
789
791
|
```
|
|
790
|
-
<a name="w_HtmlMultiWidget+load" id="w_HtmlMultiWidget+load"
|
|
792
|
+
<a name="w_HtmlMultiWidget+load" id="w_HtmlMultiWidget+load" href="#user-content-w_HtmlMultiWidget+load"> </a>
|
|
791
793
|
|
|
792
794
|
### htmlWidget.load()
|
|
793
795
|
The final method to beginning, the load process of widget to html
|
|
794
796
|
|
|
795
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
796
|
-
<a name="w_HtmlMultiWidget+on" id="w_HtmlMultiWidget+on"
|
|
797
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
798
|
+
<a name="w_HtmlMultiWidget+on" id="w_HtmlMultiWidget+on" href="#user-content-w_HtmlMultiWidget+on"> </a>
|
|
797
799
|
|
|
798
800
|
### htmlWidget.on(eventName, [cb]) ⇒ <code>Promise.<(IEventData\|IEventMetaData\|IEventFinishData\|IFormValidation)></code> \| <code>void</code>
|
|
799
801
|
Listen to events of widget
|
|
800
802
|
|
|
801
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
803
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
802
804
|
|
|
803
805
|
| Param | Type | Description |
|
|
804
806
|
| --- | --- | --- |
|
|
805
|
-
| eventName | <code>string</code> | Available event names [EVENT](#w_EVENT) |
|
|
807
|
+
| eventName | <code>string</code> | Available event names [EVENT](#user-content-w_EVENT) |
|
|
806
808
|
| [cb] | <code>listener</code> | |
|
|
807
809
|
|
|
808
810
|
**Example**
|
|
@@ -816,62 +818,62 @@ widget.on('form_submit', function (data) {
|
|
|
816
818
|
console.log(data);
|
|
817
819
|
});
|
|
818
820
|
```
|
|
819
|
-
<a name="w_HtmlMultiWidget+trigger" id="w_HtmlMultiWidget+trigger"
|
|
821
|
+
<a name="w_HtmlMultiWidget+trigger" id="w_HtmlMultiWidget+trigger" href="#user-content-w_HtmlMultiWidget+trigger"> </a>
|
|
820
822
|
|
|
821
823
|
### htmlWidget.trigger(triggers, data)
|
|
822
824
|
This callback will be called for every trigger
|
|
823
825
|
|
|
824
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
826
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
825
827
|
|
|
826
828
|
| Param | Type | Description |
|
|
827
829
|
| --- | --- | --- |
|
|
828
830
|
| triggers | <code>triggerName</code> | submit_form, tab |
|
|
829
|
-
| data | [<code>ITriggerData</code>](#w_ITriggerData) | which will be sending to widget |
|
|
831
|
+
| data | [<code>ITriggerData</code>](#user-content-w_ITriggerData) | which will be sending to widget |
|
|
830
832
|
|
|
831
|
-
<a name="w_HtmlMultiWidget+getValidationState" id="w_HtmlMultiWidget+getValidationState"
|
|
833
|
+
<a name="w_HtmlMultiWidget+getValidationState" id="w_HtmlMultiWidget+getValidationState" href="#user-content-w_HtmlMultiWidget+getValidationState"> </a>
|
|
832
834
|
|
|
833
|
-
### htmlWidget.getValidationState() ⇒ [<code>IFormValidation</code>](#w_IFormValidation)
|
|
835
|
+
### htmlWidget.getValidationState() ⇒ [<code>IFormValidation</code>](#user-content-w_IFormValidation)
|
|
834
836
|
Using this method you can get validation state information
|
|
835
837
|
|
|
836
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
837
|
-
**Returns**: [<code>IFormValidation</code>](#w_IFormValidation) - Form validation object
|
|
838
|
-
<a name="w_HtmlMultiWidget+isValidForm" id="w_HtmlMultiWidget+isValidForm"
|
|
838
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
839
|
+
**Returns**: [<code>IFormValidation</code>](#user-content-w_IFormValidation) - Form validation object
|
|
840
|
+
<a name="w_HtmlMultiWidget+isValidForm" id="w_HtmlMultiWidget+isValidForm" href="#user-content-w_HtmlMultiWidget+isValidForm"> </a>
|
|
839
841
|
|
|
840
842
|
### htmlWidget.isValidForm() ⇒ <code>boolean</code>
|
|
841
843
|
Using this method you can check if the form is valid
|
|
842
844
|
|
|
843
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
845
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
844
846
|
**Returns**: <code>boolean</code> - Form is valid
|
|
845
|
-
<a name="w_HtmlMultiWidget+isInvalidField" id="w_HtmlMultiWidget+isInvalidField"
|
|
847
|
+
<a name="w_HtmlMultiWidget+isInvalidField" id="w_HtmlMultiWidget+isInvalidField" href="#user-content-w_HtmlMultiWidget+isInvalidField"> </a>
|
|
846
848
|
|
|
847
849
|
### htmlWidget.isInvalidField(field) ⇒ <code>boolean</code>
|
|
848
850
|
Using this method you can check if a specific form field is invalid
|
|
849
851
|
|
|
850
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
852
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
851
853
|
**Returns**: <code>boolean</code> - Field is invalid
|
|
852
854
|
|
|
853
855
|
| Param | Type | Description |
|
|
854
856
|
| --- | --- | --- |
|
|
855
857
|
| field | <code>string</code> | Field name |
|
|
856
858
|
|
|
857
|
-
<a name="w_HtmlMultiWidget+isFieldErrorShowed" id="w_HtmlMultiWidget+isFieldErrorShowed"
|
|
859
|
+
<a name="w_HtmlMultiWidget+isFieldErrorShowed" id="w_HtmlMultiWidget+isFieldErrorShowed" href="#user-content-w_HtmlMultiWidget+isFieldErrorShowed"> </a>
|
|
858
860
|
|
|
859
861
|
### htmlWidget.isFieldErrorShowed(field) ⇒ <code>boolean</code>
|
|
860
862
|
Using this method you can check if an error is displayed on a specific field
|
|
861
863
|
|
|
862
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
864
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
863
865
|
**Returns**: <code>boolean</code> - Error is showed on field
|
|
864
866
|
|
|
865
867
|
| Param | Type | Description |
|
|
866
868
|
| --- | --- | --- |
|
|
867
869
|
| field | <code>string</code> | Field name |
|
|
868
870
|
|
|
869
|
-
<a name="w_HtmlMultiWidget+isInvalidFieldByValidator" id="w_HtmlMultiWidget+isInvalidFieldByValidator"
|
|
871
|
+
<a name="w_HtmlMultiWidget+isInvalidFieldByValidator" id="w_HtmlMultiWidget+isInvalidFieldByValidator" href="#user-content-w_HtmlMultiWidget+isInvalidFieldByValidator"> </a>
|
|
870
872
|
|
|
871
873
|
### htmlWidget.isInvalidFieldByValidator(field, validator) ⇒ <code>boolean</code>
|
|
872
874
|
Using this method you can check if a specific field is invalid
|
|
873
875
|
|
|
874
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
876
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
875
877
|
**Returns**: <code>boolean</code> - Field is invalid by validator
|
|
876
878
|
|
|
877
879
|
| Param | Type | Description |
|
|
@@ -879,46 +881,46 @@ Using this method you can check if a specific field is invalid
|
|
|
879
881
|
| field | <code>string</code> | Field name |
|
|
880
882
|
| validator | <code>string</code> | Validator name. Available validators: `required, cardNumberValidator, expireDateValidation` |
|
|
881
883
|
|
|
882
|
-
<a name="w_HtmlMultiWidget+hide" id="w_HtmlMultiWidget+hide"
|
|
884
|
+
<a name="w_HtmlMultiWidget+hide" id="w_HtmlMultiWidget+hide" href="#user-content-w_HtmlMultiWidget+hide"> </a>
|
|
883
885
|
|
|
884
886
|
### htmlWidget.hide([saveSize])
|
|
885
887
|
Using this method you can hide widget after load
|
|
886
888
|
|
|
887
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
889
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
888
890
|
|
|
889
891
|
| Param | Type | Default | Description |
|
|
890
892
|
| --- | --- | --- | --- |
|
|
891
893
|
| [saveSize] | <code>boolean</code> | <code>false</code> | using this param you can save iframe's size |
|
|
892
894
|
|
|
893
|
-
<a name="w_HtmlMultiWidget+show" id="w_HtmlMultiWidget+show"
|
|
895
|
+
<a name="w_HtmlMultiWidget+show" id="w_HtmlMultiWidget+show" href="#user-content-w_HtmlMultiWidget+show"> </a>
|
|
894
896
|
|
|
895
897
|
### htmlWidget.show()
|
|
896
898
|
Using this method you can show widget after using hide method
|
|
897
899
|
|
|
898
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
899
|
-
<a name="w_HtmlMultiWidget+reload" id="w_HtmlMultiWidget+reload"
|
|
900
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
901
|
+
<a name="w_HtmlMultiWidget+reload" id="w_HtmlMultiWidget+reload" href="#user-content-w_HtmlMultiWidget+reload"> </a>
|
|
900
902
|
|
|
901
903
|
### htmlWidget.reload()
|
|
902
904
|
Using this method you can reload widget
|
|
903
905
|
|
|
904
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
905
|
-
<a name="w_HtmlMultiWidget+hideElements" id="w_HtmlMultiWidget+hideElements"
|
|
906
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
907
|
+
<a name="w_HtmlMultiWidget+hideElements" id="w_HtmlMultiWidget+hideElements" href="#user-content-w_HtmlMultiWidget+hideElements"> </a>
|
|
906
908
|
|
|
907
909
|
### htmlWidget.hideElements(elements)
|
|
908
910
|
Using this method you can hide any elements inside widget
|
|
909
911
|
|
|
910
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
912
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
911
913
|
|
|
912
914
|
| Param | Type | Description |
|
|
913
915
|
| --- | --- | --- |
|
|
914
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
916
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
915
917
|
|
|
916
918
|
**Example**
|
|
917
919
|
|
|
918
920
|
```javascript
|
|
919
921
|
widget.hideElements(['submit_button', 'email']);
|
|
920
922
|
```
|
|
921
|
-
<a name="w_HtmlMultiWidget+showElements" id="w_HtmlMultiWidget+showElements"
|
|
923
|
+
<a name="w_HtmlMultiWidget+showElements" id="w_HtmlMultiWidget+showElements" href="#user-content-w_HtmlMultiWidget+showElements"> </a>
|
|
922
924
|
|
|
923
925
|
### htmlWidget.showElements(elements)
|
|
924
926
|
Using this method you can show any elements inside widget
|
|
@@ -926,18 +928,18 @@ Using this method you can show any elements inside widget
|
|
|
926
928
|
* @example
|
|
927
929
|
widget.showElements(['submit_button', 'email']);
|
|
928
930
|
|
|
929
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
931
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
930
932
|
|
|
931
933
|
| Param | Type | Description |
|
|
932
934
|
| --- | --- | --- |
|
|
933
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be showed [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
935
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be showed [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
934
936
|
|
|
935
|
-
<a name="w_HtmlMultiWidget+updateFormValues" id="w_HtmlMultiWidget+updateFormValues"
|
|
937
|
+
<a name="w_HtmlMultiWidget+updateFormValues" id="w_HtmlMultiWidget+updateFormValues" href="#user-content-w_HtmlMultiWidget+updateFormValues"> </a>
|
|
936
938
|
|
|
937
939
|
### htmlWidget.updateFormValues(fieldValues)
|
|
938
940
|
Method for update values for form fields inside the widget
|
|
939
941
|
|
|
940
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
942
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
941
943
|
|
|
942
944
|
| Param | Type | Description |
|
|
943
945
|
| --- | --- | --- |
|
|
@@ -951,26 +953,26 @@ widget.updateFormValues({
|
|
|
951
953
|
card_name: 'Houston'
|
|
952
954
|
});
|
|
953
955
|
```
|
|
954
|
-
<a name="w_HtmlMultiWidget+onFinishInsert" id="w_HtmlMultiWidget+onFinishInsert"
|
|
956
|
+
<a name="w_HtmlMultiWidget+onFinishInsert" id="w_HtmlMultiWidget+onFinishInsert" href="#user-content-w_HtmlMultiWidget+onFinishInsert"> </a>
|
|
955
957
|
|
|
956
958
|
### htmlWidget.onFinishInsert(selector, dataType)
|
|
957
959
|
After finish event of widget, data (dataType) will be insert to input (selector)
|
|
958
960
|
|
|
959
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
961
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
960
962
|
|
|
961
963
|
| Param | Type | Description |
|
|
962
964
|
| --- | --- | --- |
|
|
963
965
|
| selector | <code>string</code> | css selector . [] # |
|
|
964
966
|
| dataType | <code>string</code> | data type of IEventData object. |
|
|
965
967
|
|
|
966
|
-
<a name="w_HtmlMultiWidget+interceptSubmitForm" id="w_HtmlMultiWidget+interceptSubmitForm"
|
|
968
|
+
<a name="w_HtmlMultiWidget+interceptSubmitForm" id="w_HtmlMultiWidget+interceptSubmitForm" href="#user-content-w_HtmlMultiWidget+interceptSubmitForm"> </a>
|
|
967
969
|
|
|
968
970
|
### htmlWidget.interceptSubmitForm(selector)
|
|
969
971
|
Widget will intercept submit of your form for processing widget
|
|
970
972
|
|
|
971
973
|
Process: click by submit button in your form --> submit widget ---> submit your form
|
|
972
974
|
|
|
973
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
975
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
974
976
|
**Note**: submit button in widget will be hidden.
|
|
975
977
|
|
|
976
978
|
| Param | Type | Description |
|
|
@@ -990,33 +992,33 @@ Process: click by submit button in your form --> submit widget ---> submit your
|
|
|
990
992
|
widget.interceptSubmitForm('#myForm');
|
|
991
993
|
</script>
|
|
992
994
|
```
|
|
993
|
-
<a name="w_HtmlMultiWidget+useCheckoutAutoSubmit" id="w_HtmlMultiWidget+useCheckoutAutoSubmit"
|
|
995
|
+
<a name="w_HtmlMultiWidget+useCheckoutAutoSubmit" id="w_HtmlMultiWidget+useCheckoutAutoSubmit" href="#user-content-w_HtmlMultiWidget+useCheckoutAutoSubmit"> </a>
|
|
994
996
|
|
|
995
997
|
### htmlWidget.useCheckoutAutoSubmit()
|
|
996
998
|
This method hides a submit button and automatically execute form submit
|
|
997
999
|
|
|
998
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
999
|
-
<a name="w_HtmlMultiWidget+useAutoResize" id="w_HtmlMultiWidget+useAutoResize"
|
|
1000
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1001
|
+
<a name="w_HtmlMultiWidget+useAutoResize" id="w_HtmlMultiWidget+useAutoResize" href="#user-content-w_HtmlMultiWidget+useAutoResize"> </a>
|
|
1000
1002
|
|
|
1001
1003
|
### htmlWidget.useAutoResize()
|
|
1002
1004
|
Use this method for resize iFrame according content height
|
|
1003
1005
|
|
|
1004
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1006
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1005
1007
|
**Example**
|
|
1006
1008
|
|
|
1007
1009
|
```javascript
|
|
1008
1010
|
widget.useAutoResize();
|
|
1009
1011
|
```
|
|
1010
|
-
<a name="w_MultiWidget+setStyles" id="w_MultiWidget+setStyles"
|
|
1012
|
+
<a name="w_MultiWidget+setStyles" id="w_MultiWidget+setStyles" href="#user-content-w_MultiWidget+setStyles"> </a>
|
|
1011
1013
|
|
|
1012
1014
|
### htmlWidget.setStyles(fields)
|
|
1013
1015
|
Object contain styles for widget
|
|
1014
1016
|
|
|
1015
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1017
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1016
1018
|
|
|
1017
1019
|
| Param | Type | Description |
|
|
1018
1020
|
| --- | --- | --- |
|
|
1019
|
-
| fields | [<code>IStyles</code>](#w_IStyles) | name of styles which can be shown in widget [STYLE](#w_STYLE) |
|
|
1021
|
+
| fields | [<code>IStyles</code>](#user-content-w_IStyles) | name of styles which can be shown in widget [STYLE](#user-content-w_STYLE) |
|
|
1020
1022
|
|
|
1021
1023
|
**Example**
|
|
1022
1024
|
|
|
@@ -1030,12 +1032,12 @@ widget.setStyles({
|
|
|
1030
1032
|
fort_family: 'fantasy'
|
|
1031
1033
|
});
|
|
1032
1034
|
```
|
|
1033
|
-
<a name="w_MultiWidget+usePhoneCountryMask" id="w_MultiWidget+usePhoneCountryMask"
|
|
1035
|
+
<a name="w_MultiWidget+usePhoneCountryMask" id="w_MultiWidget+usePhoneCountryMask" href="#user-content-w_MultiWidget+usePhoneCountryMask"> </a>
|
|
1034
1036
|
|
|
1035
1037
|
### htmlWidget.usePhoneCountryMask([options])
|
|
1036
1038
|
Method to set a country code mask for the phone input.
|
|
1037
1039
|
|
|
1038
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1040
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1039
1041
|
|
|
1040
1042
|
| Param | Type | Description |
|
|
1041
1043
|
| --- | --- | --- |
|
|
@@ -1058,16 +1060,16 @@ widget.usePhoneCountryMask({
|
|
|
1058
1060
|
only_countries: ['au', 'gb', 'us', 'ua']
|
|
1059
1061
|
});
|
|
1060
1062
|
```
|
|
1061
|
-
<a name="w_MultiWidget+setTexts" id="w_MultiWidget+setTexts"
|
|
1063
|
+
<a name="w_MultiWidget+setTexts" id="w_MultiWidget+setTexts" href="#user-content-w_MultiWidget+setTexts"> </a>
|
|
1062
1064
|
|
|
1063
1065
|
### htmlWidget.setTexts(fields)
|
|
1064
1066
|
Method for set different texts inside the widget
|
|
1065
1067
|
|
|
1066
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1068
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1067
1069
|
|
|
1068
1070
|
| Param | Type | Description |
|
|
1069
1071
|
| --- | --- | --- |
|
|
1070
|
-
| fields | [<code>ITexts</code>](#w_ITexts) | name of text items which can be shown in widget [TEXT](#w_TEXT) |
|
|
1072
|
+
| fields | [<code>ITexts</code>](#user-content-w_ITexts) | name of text items which can be shown in widget [TEXT](#user-content-w_TEXT) |
|
|
1071
1073
|
|
|
1072
1074
|
**Example**
|
|
1073
1075
|
|
|
@@ -1080,18 +1082,18 @@ widget.setTexts({
|
|
|
1080
1082
|
submit_button_processing: 'Load...',
|
|
1081
1083
|
});
|
|
1082
1084
|
```
|
|
1083
|
-
<a name="w_MultiWidget+setElementStyle" id="w_MultiWidget+setElementStyle"
|
|
1085
|
+
<a name="w_MultiWidget+setElementStyle" id="w_MultiWidget+setElementStyle" href="#user-content-w_MultiWidget+setElementStyle"> </a>
|
|
1084
1086
|
|
|
1085
1087
|
### htmlWidget.setElementStyle(element, [state], styles)
|
|
1086
1088
|
Method for set styles for different elements and states
|
|
1087
1089
|
|
|
1088
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1090
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1089
1091
|
|
|
1090
1092
|
| Param | Type | Description |
|
|
1091
1093
|
| --- | --- | --- |
|
|
1092
|
-
| element | <code>string</code> | type of element for styling. These elements are available [STYLABLE_ELEMENT](#w_STYLABLE_ELEMENT) |
|
|
1093
|
-
| [state] | <code>string</code> | state of element for styling. These states are available [STYLABLE_ELEMENT_STATE](#w_STYLABLE_ELEMENT_STATE) |
|
|
1094
|
-
| styles | [<code>IElementStyleInput</code>](#w_IElementStyleInput) \| [<code>IElementStyleSubmitButton</code>](#w_IElementStyleSubmitButton) \| [<code>IElementStyleLabel</code>](#w_IElementStyleLabel) \| [<code>IElementStyleTitle</code>](#w_IElementStyleTitle) \| [<code>IElementStyleTitleDescription</code>](#w_IElementStyleTitleDescription) | styles list |
|
|
1094
|
+
| element | <code>string</code> | type of element for styling. These elements are available [STYLABLE_ELEMENT](#user-content-w_STYLABLE_ELEMENT) |
|
|
1095
|
+
| [state] | <code>string</code> | state of element for styling. These states are available [STYLABLE_ELEMENT_STATE](#user-content-w_STYLABLE_ELEMENT_STATE) |
|
|
1096
|
+
| styles | [<code>IElementStyleInput</code>](#user-content-w_IElementStyleInput) \| [<code>IElementStyleSubmitButton</code>](#user-content-w_IElementStyleSubmitButton) \| [<code>IElementStyleLabel</code>](#user-content-w_IElementStyleLabel) \| [<code>IElementStyleTitle</code>](#user-content-w_IElementStyleTitle) \| [<code>IElementStyleTitleDescription</code>](#user-content-w_IElementStyleTitleDescription) | styles list |
|
|
1095
1097
|
|
|
1096
1098
|
**Example**
|
|
1097
1099
|
|
|
@@ -1108,16 +1110,16 @@ widget.setElementStyle('input', 'error', {
|
|
|
1108
1110
|
border: 'red solid 1px'
|
|
1109
1111
|
});
|
|
1110
1112
|
```
|
|
1111
|
-
<a name="w_MultiWidget+setFormValues" id="w_MultiWidget+setFormValues"
|
|
1113
|
+
<a name="w_MultiWidget+setFormValues" id="w_MultiWidget+setFormValues" href="#user-content-w_MultiWidget+setFormValues"> </a>
|
|
1112
1114
|
|
|
1113
1115
|
### htmlWidget.setFormValues(fieldValues)
|
|
1114
1116
|
The method to set the predefined values for the form fields inside the widget
|
|
1115
1117
|
|
|
1116
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1118
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1117
1119
|
|
|
1118
1120
|
| Param | Type | Description |
|
|
1119
1121
|
| --- | --- | --- |
|
|
1120
|
-
| fieldValues | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), The object value is what we are expecting |
|
|
1122
|
+
| fieldValues | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), The object value is what we are expecting |
|
|
1121
1123
|
|
|
1122
1124
|
**Example**
|
|
1123
1125
|
|
|
@@ -1127,16 +1129,16 @@ widget.setFormValues({
|
|
|
1127
1129
|
card_name: 'Houston'
|
|
1128
1130
|
});
|
|
1129
1131
|
```
|
|
1130
|
-
<a name="w_MultiWidget+setFormLabels" id="w_MultiWidget+setFormLabels"
|
|
1132
|
+
<a name="w_MultiWidget+setFormLabels" id="w_MultiWidget+setFormLabels" href="#user-content-w_MultiWidget+setFormLabels"> </a>
|
|
1131
1133
|
|
|
1132
1134
|
### htmlWidget.setFormLabels(fieldLabels)
|
|
1133
1135
|
The method to set custom form field labels
|
|
1134
1136
|
|
|
1135
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1137
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1136
1138
|
|
|
1137
1139
|
| Param | Type | Description |
|
|
1138
1140
|
| --- | --- | --- |
|
|
1139
|
-
| fieldLabels | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), The object value is what we are expecting |
|
|
1141
|
+
| fieldLabels | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), The object value is what we are expecting |
|
|
1140
1142
|
|
|
1141
1143
|
**Example**
|
|
1142
1144
|
|
|
@@ -1146,16 +1148,16 @@ widget.setFormPlaceholders({
|
|
|
1146
1148
|
email: 'Email For Receipt'
|
|
1147
1149
|
})
|
|
1148
1150
|
```
|
|
1149
|
-
<a name="w_MultiWidget+setFormPlaceholders" id="w_MultiWidget+setFormPlaceholders"
|
|
1151
|
+
<a name="w_MultiWidget+setFormPlaceholders" id="w_MultiWidget+setFormPlaceholders" href="#user-content-w_MultiWidget+setFormPlaceholders"> </a>
|
|
1150
1152
|
|
|
1151
1153
|
### htmlWidget.setFormPlaceholders(fieldPlaceholders)
|
|
1152
1154
|
The method to set custom form fields placeholders
|
|
1153
1155
|
|
|
1154
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1156
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1155
1157
|
|
|
1156
1158
|
| Param | Type | Description |
|
|
1157
1159
|
| --- | --- | --- |
|
|
1158
|
-
| fieldPlaceholders | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), Value of object is expected placeholder |
|
|
1160
|
+
| fieldPlaceholders | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), Value of object is expected placeholder |
|
|
1159
1161
|
|
|
1160
1162
|
**Example**
|
|
1161
1163
|
|
|
@@ -1165,38 +1167,38 @@ widget.setFormPlaceholders({
|
|
|
1165
1167
|
email: 'Input your email, like test@example.com'
|
|
1166
1168
|
})
|
|
1167
1169
|
```
|
|
1168
|
-
<a name="w_MultiWidget+setIcons" id="w_MultiWidget+setIcons"
|
|
1170
|
+
<a name="w_MultiWidget+setIcons" id="w_MultiWidget+setIcons" href="#user-content-w_MultiWidget+setIcons"> </a>
|
|
1169
1171
|
|
|
1170
1172
|
### htmlWidget.setIcons()
|
|
1171
1173
|
The method to change the widget icons
|
|
1172
1174
|
|
|
1173
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1175
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1174
1176
|
**Todo**
|
|
1175
1177
|
|
|
1176
1178
|
- [ ] DEPRECATED
|
|
1177
1179
|
|
|
1178
|
-
<a name="w_MultiWidget+setHiddenElements" id="w_MultiWidget+setHiddenElements"
|
|
1180
|
+
<a name="w_MultiWidget+setHiddenElements" id="w_MultiWidget+setHiddenElements" href="#user-content-w_MultiWidget+setHiddenElements"> </a>
|
|
1179
1181
|
|
|
1180
1182
|
### htmlWidget.setHiddenElements(elements)
|
|
1181
1183
|
Using this method you can set hidden elements inside widget
|
|
1182
1184
|
|
|
1183
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1185
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1184
1186
|
|
|
1185
1187
|
| Param | Type | Description |
|
|
1186
1188
|
| --- | --- | --- |
|
|
1187
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
1189
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
1188
1190
|
|
|
1189
1191
|
**Example**
|
|
1190
1192
|
|
|
1191
1193
|
```javascript
|
|
1192
1194
|
widget.setHiddenElements(['submit_button', 'email']);
|
|
1193
1195
|
```
|
|
1194
|
-
<a name="w_MultiWidget+setRefId" id="w_MultiWidget+setRefId"
|
|
1196
|
+
<a name="w_MultiWidget+setRefId" id="w_MultiWidget+setRefId" href="#user-content-w_MultiWidget+setRefId"> </a>
|
|
1195
1197
|
|
|
1196
1198
|
### htmlWidget.setRefId(refId)
|
|
1197
1199
|
Current method can set custom ID to identify the data in the future
|
|
1198
1200
|
|
|
1199
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1201
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1200
1202
|
|
|
1201
1203
|
| Param | Type | Description |
|
|
1202
1204
|
| --- | --- | --- |
|
|
@@ -1207,27 +1209,27 @@ Current method can set custom ID to identify the data in the future
|
|
|
1207
1209
|
```javascript
|
|
1208
1210
|
widget.setRefId('id');
|
|
1209
1211
|
```
|
|
1210
|
-
<a name="w_MultiWidget+useGatewayFieldValidation" id="w_MultiWidget+useGatewayFieldValidation"
|
|
1212
|
+
<a name="w_MultiWidget+useGatewayFieldValidation" id="w_MultiWidget+useGatewayFieldValidation" href="#user-content-w_MultiWidget+useGatewayFieldValidation"> </a>
|
|
1211
1213
|
|
|
1212
1214
|
### htmlWidget.useGatewayFieldValidation()
|
|
1213
1215
|
Current method can add visual validation from gateway to widget's form fields
|
|
1214
1216
|
|
|
1215
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1217
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1216
1218
|
**Example**
|
|
1217
1219
|
|
|
1218
1220
|
```javascript
|
|
1219
1221
|
widget.useGatewayFieldValidation();
|
|
1220
1222
|
```
|
|
1221
|
-
<a name="w_MultiWidget+setSupportedCardIcons" id="w_MultiWidget+setSupportedCardIcons"
|
|
1223
|
+
<a name="w_MultiWidget+setSupportedCardIcons" id="w_MultiWidget+setSupportedCardIcons" href="#user-content-w_MultiWidget+setSupportedCardIcons"> </a>
|
|
1222
1224
|
|
|
1223
1225
|
### htmlWidget.setSupportedCardIcons(elements, validateCardNumberInput)
|
|
1224
1226
|
Current method can set icons of supported card types
|
|
1225
1227
|
|
|
1226
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1228
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1227
1229
|
|
|
1228
1230
|
| Param | Type | Description |
|
|
1229
1231
|
| --- | --- | --- |
|
|
1230
|
-
| elements | <code>[ 'Array' ].<string></code> | [SUPPORTED_CARD_TYPES](#w_SUPPORTED_CARD_TYPES) |
|
|
1232
|
+
| elements | <code>[ 'Array' ].<string></code> | [SUPPORTED_CARD_TYPES](#user-content-w_SUPPORTED_CARD_TYPES) |
|
|
1231
1233
|
| validateCardNumberInput | <code>boolean</code> | [validateCardNumberInput=false] - using this param you allow validation for card number input on supported card types |
|
|
1232
1234
|
|
|
1233
1235
|
**Example**
|
|
@@ -1235,13 +1237,13 @@ Current method can set icons of supported card types
|
|
|
1235
1237
|
```javascript
|
|
1236
1238
|
widget.setSupportedCardIcons(['mastercard', 'visa'], validateCardNumberInput);
|
|
1237
1239
|
```
|
|
1238
|
-
<a name="w_MultiWidget+setEnv" id="w_MultiWidget+setEnv"
|
|
1240
|
+
<a name="w_MultiWidget+setEnv" id="w_MultiWidget+setEnv" href="#user-content-w_MultiWidget+setEnv"> </a>
|
|
1239
1241
|
|
|
1240
1242
|
### htmlWidget.setEnv(env, [alias])
|
|
1241
1243
|
Current method can change environment. By default environment = sandbox.
|
|
1242
1244
|
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
1243
1245
|
|
|
1244
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1246
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1245
1247
|
|
|
1246
1248
|
| Param | Type | Description |
|
|
1247
1249
|
| --- | --- | --- |
|
|
@@ -1253,12 +1255,12 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
1253
1255
|
```javascript
|
|
1254
1256
|
widget.setEnv('production', 'paydock.com');
|
|
1255
1257
|
```
|
|
1256
|
-
<a name="w_MultiWidget+loadIFrameUrl" id="w_MultiWidget+loadIFrameUrl"
|
|
1258
|
+
<a name="w_MultiWidget+loadIFrameUrl" id="w_MultiWidget+loadIFrameUrl" href="#user-content-w_MultiWidget+loadIFrameUrl"> </a>
|
|
1257
1259
|
|
|
1258
1260
|
### htmlWidget.loadIFrameUrl()
|
|
1259
1261
|
Method for creating iframe url
|
|
1260
1262
|
|
|
1261
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1263
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1262
1264
|
**Example**
|
|
1263
1265
|
|
|
1264
1266
|
```javascript
|
|
@@ -1268,12 +1270,12 @@ widget.loadIFrameUrl(function (url) {
|
|
|
1268
1270
|
console.log(errors);
|
|
1269
1271
|
});
|
|
1270
1272
|
```
|
|
1271
|
-
<a name="w_MultiWidget+setLanguage" id="w_MultiWidget+setLanguage"
|
|
1273
|
+
<a name="w_MultiWidget+setLanguage" id="w_MultiWidget+setLanguage" href="#user-content-w_MultiWidget+setLanguage"> </a>
|
|
1272
1274
|
|
|
1273
1275
|
### htmlWidget.setLanguage(code)
|
|
1274
1276
|
Method for setting a custom language code
|
|
1275
1277
|
|
|
1276
|
-
**Kind**: instance method of [<code>HtmlWidget</code>](#w_HtmlWidget)
|
|
1278
|
+
**Kind**: instance method of [<code>HtmlWidget</code>](#user-content-w_HtmlWidget)
|
|
1277
1279
|
|
|
1278
1280
|
| Param | Type | Description |
|
|
1279
1281
|
| --- | --- | --- |
|
|
@@ -1284,52 +1286,52 @@ Method for setting a custom language code
|
|
|
1284
1286
|
```javascript
|
|
1285
1287
|
config.setLanguage('en');
|
|
1286
1288
|
```
|
|
1287
|
-
<a name="w_HtmlMultiWidget" id="w_HtmlMultiWidget"
|
|
1289
|
+
<a name="w_HtmlMultiWidget" id="w_HtmlMultiWidget" href="#user-content-w_HtmlMultiWidget"> </a>
|
|
1288
1290
|
|
|
1289
|
-
## HtmlMultiWidget ⇐ [<code>MultiWidget</code>](#w_MultiWidget)
|
|
1291
|
+
## HtmlMultiWidget ⇐ [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
1290
1292
|
Class HtmlMultiWidget include method for working with html
|
|
1291
1293
|
|
|
1292
1294
|
**Kind**: global class
|
|
1293
|
-
**Extends**: [<code>MultiWidget</code>](#w_MultiWidget)
|
|
1294
|
-
|
|
1295
|
-
* [HtmlMultiWidget](#w_HtmlMultiWidget) ⇐ [<code>MultiWidget</code>](#w_MultiWidget)
|
|
1296
|
-
* [new exports.HtmlMultiWidget(selector, publicKey, conf)](#w_new_HtmlMultiWidget_new)
|
|
1297
|
-
* [.load()](#w_HtmlMultiWidget+load)
|
|
1298
|
-
* [.on(eventName, [cb])](#w_HtmlMultiWidget+on) ⇒ <code>Promise.<(IEventData\|IEventMetaData\|IEventFinishData\|IFormValidation)></code> \| <code>void</code>
|
|
1299
|
-
* [.trigger(triggers, data)](#w_HtmlMultiWidget+trigger)
|
|
1300
|
-
* [.getValidationState()](#w_HtmlMultiWidget+getValidationState) ⇒ [<code>IFormValidation</code>](#w_IFormValidation)
|
|
1301
|
-
* [.isValidForm()](#w_HtmlMultiWidget+isValidForm) ⇒ <code>boolean</code>
|
|
1302
|
-
* [.isInvalidField(field)](#w_HtmlMultiWidget+isInvalidField) ⇒ <code>boolean</code>
|
|
1303
|
-
* [.isFieldErrorShowed(field)](#w_HtmlMultiWidget+isFieldErrorShowed) ⇒ <code>boolean</code>
|
|
1304
|
-
* [.isInvalidFieldByValidator(field, validator)](#w_HtmlMultiWidget+isInvalidFieldByValidator) ⇒ <code>boolean</code>
|
|
1305
|
-
* [.hide([saveSize])](#w_HtmlMultiWidget+hide)
|
|
1306
|
-
* [.show()](#w_HtmlMultiWidget+show)
|
|
1307
|
-
* [.reload()](#w_HtmlMultiWidget+reload)
|
|
1308
|
-
* [.hideElements(elements)](#w_HtmlMultiWidget+hideElements)
|
|
1309
|
-
* [.showElements(elements)](#w_HtmlMultiWidget+showElements)
|
|
1310
|
-
* [.updateFormValues(fieldValues)](#w_HtmlMultiWidget+updateFormValues)
|
|
1311
|
-
* [.onFinishInsert(selector, dataType)](#w_HtmlMultiWidget+onFinishInsert)
|
|
1312
|
-
* [.interceptSubmitForm(selector)](#w_HtmlMultiWidget+interceptSubmitForm)
|
|
1313
|
-
* [.useCheckoutAutoSubmit()](#w_HtmlMultiWidget+useCheckoutAutoSubmit)
|
|
1314
|
-
* [.useAutoResize()](#w_HtmlMultiWidget+useAutoResize)
|
|
1315
|
-
* [.setStyles(fields)](#w_MultiWidget+setStyles)
|
|
1316
|
-
* [.usePhoneCountryMask([options])](#w_MultiWidget+usePhoneCountryMask)
|
|
1317
|
-
* [.setTexts(fields)](#w_MultiWidget+setTexts)
|
|
1318
|
-
* [.setElementStyle(element, [state], styles)](#w_MultiWidget+setElementStyle)
|
|
1319
|
-
* [.setFormValues(fieldValues)](#w_MultiWidget+setFormValues)
|
|
1320
|
-
* [.setFormLabels(fieldLabels)](#w_MultiWidget+setFormLabels)
|
|
1321
|
-
* [.setFormPlaceholders(fieldPlaceholders)](#w_MultiWidget+setFormPlaceholders)
|
|
1322
|
-
* [.setFormElements(elements)](#w_MultiWidget+setFormElements)
|
|
1323
|
-
* [.setIcons()](#w_MultiWidget+setIcons)
|
|
1324
|
-
* [.setHiddenElements(elements)](#w_MultiWidget+setHiddenElements)
|
|
1325
|
-
* [.setRefId(refId)](#w_MultiWidget+setRefId)
|
|
1326
|
-
* [.useGatewayFieldValidation()](#w_MultiWidget+useGatewayFieldValidation)
|
|
1327
|
-
* [.setSupportedCardIcons(elements, validateCardNumberInput)](#w_MultiWidget+setSupportedCardIcons)
|
|
1328
|
-
* [.setEnv(env, [alias])](#w_MultiWidget+setEnv)
|
|
1329
|
-
* [.loadIFrameUrl()](#w_MultiWidget+loadIFrameUrl)
|
|
1330
|
-
* [.setLanguage(code)](#w_MultiWidget+setLanguage)
|
|
1331
|
-
|
|
1332
|
-
<a name="w_new_HtmlMultiWidget_new" id="w_new_HtmlMultiWidget_new"
|
|
1295
|
+
**Extends**: [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
1296
|
+
|
|
1297
|
+
* [HtmlMultiWidget](#user-content-w_HtmlMultiWidget) ⇐ [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
1298
|
+
* [new exports.HtmlMultiWidget(selector, publicKey, conf)](#user-content-w_new_HtmlMultiWidget_new)
|
|
1299
|
+
* [.load()](#user-content-w_HtmlMultiWidget+load)
|
|
1300
|
+
* [.on(eventName, [cb])](#user-content-w_HtmlMultiWidget+on) ⇒ <code>Promise.<(IEventData\|IEventMetaData\|IEventFinishData\|IFormValidation)></code> \| <code>void</code>
|
|
1301
|
+
* [.trigger(triggers, data)](#user-content-w_HtmlMultiWidget+trigger)
|
|
1302
|
+
* [.getValidationState()](#user-content-w_HtmlMultiWidget+getValidationState) ⇒ [<code>IFormValidation</code>](#user-content-w_IFormValidation)
|
|
1303
|
+
* [.isValidForm()](#user-content-w_HtmlMultiWidget+isValidForm) ⇒ <code>boolean</code>
|
|
1304
|
+
* [.isInvalidField(field)](#user-content-w_HtmlMultiWidget+isInvalidField) ⇒ <code>boolean</code>
|
|
1305
|
+
* [.isFieldErrorShowed(field)](#user-content-w_HtmlMultiWidget+isFieldErrorShowed) ⇒ <code>boolean</code>
|
|
1306
|
+
* [.isInvalidFieldByValidator(field, validator)](#user-content-w_HtmlMultiWidget+isInvalidFieldByValidator) ⇒ <code>boolean</code>
|
|
1307
|
+
* [.hide([saveSize])](#user-content-w_HtmlMultiWidget+hide)
|
|
1308
|
+
* [.show()](#user-content-w_HtmlMultiWidget+show)
|
|
1309
|
+
* [.reload()](#user-content-w_HtmlMultiWidget+reload)
|
|
1310
|
+
* [.hideElements(elements)](#user-content-w_HtmlMultiWidget+hideElements)
|
|
1311
|
+
* [.showElements(elements)](#user-content-w_HtmlMultiWidget+showElements)
|
|
1312
|
+
* [.updateFormValues(fieldValues)](#user-content-w_HtmlMultiWidget+updateFormValues)
|
|
1313
|
+
* [.onFinishInsert(selector, dataType)](#user-content-w_HtmlMultiWidget+onFinishInsert)
|
|
1314
|
+
* [.interceptSubmitForm(selector)](#user-content-w_HtmlMultiWidget+interceptSubmitForm)
|
|
1315
|
+
* [.useCheckoutAutoSubmit()](#user-content-w_HtmlMultiWidget+useCheckoutAutoSubmit)
|
|
1316
|
+
* [.useAutoResize()](#user-content-w_HtmlMultiWidget+useAutoResize)
|
|
1317
|
+
* [.setStyles(fields)](#user-content-w_MultiWidget+setStyles)
|
|
1318
|
+
* [.usePhoneCountryMask([options])](#user-content-w_MultiWidget+usePhoneCountryMask)
|
|
1319
|
+
* [.setTexts(fields)](#user-content-w_MultiWidget+setTexts)
|
|
1320
|
+
* [.setElementStyle(element, [state], styles)](#user-content-w_MultiWidget+setElementStyle)
|
|
1321
|
+
* [.setFormValues(fieldValues)](#user-content-w_MultiWidget+setFormValues)
|
|
1322
|
+
* [.setFormLabels(fieldLabels)](#user-content-w_MultiWidget+setFormLabels)
|
|
1323
|
+
* [.setFormPlaceholders(fieldPlaceholders)](#user-content-w_MultiWidget+setFormPlaceholders)
|
|
1324
|
+
* [.setFormElements(elements)](#user-content-w_MultiWidget+setFormElements)
|
|
1325
|
+
* [.setIcons()](#user-content-w_MultiWidget+setIcons)
|
|
1326
|
+
* [.setHiddenElements(elements)](#user-content-w_MultiWidget+setHiddenElements)
|
|
1327
|
+
* [.setRefId(refId)](#user-content-w_MultiWidget+setRefId)
|
|
1328
|
+
* [.useGatewayFieldValidation()](#user-content-w_MultiWidget+useGatewayFieldValidation)
|
|
1329
|
+
* [.setSupportedCardIcons(elements, validateCardNumberInput)](#user-content-w_MultiWidget+setSupportedCardIcons)
|
|
1330
|
+
* [.setEnv(env, [alias])](#user-content-w_MultiWidget+setEnv)
|
|
1331
|
+
* [.loadIFrameUrl()](#user-content-w_MultiWidget+loadIFrameUrl)
|
|
1332
|
+
* [.setLanguage(code)](#user-content-w_MultiWidget+setLanguage)
|
|
1333
|
+
|
|
1334
|
+
<a name="w_new_HtmlMultiWidget_new" id="w_new_HtmlMultiWidget_new" href="#user-content-w_new_HtmlMultiWidget_new"> </a>
|
|
1333
1335
|
|
|
1334
1336
|
### new exports.HtmlMultiWidget(selector, publicKey, conf)
|
|
1335
1337
|
|
|
@@ -1337,7 +1339,7 @@ Class HtmlMultiWidget include method for working with html
|
|
|
1337
1339
|
| --- | --- | --- |
|
|
1338
1340
|
| selector | <code>string</code> | Selector of html element. Container for widget |
|
|
1339
1341
|
| publicKey | <code>string</code> | PayDock users public key |
|
|
1340
|
-
| conf | [<code>Configuration</code>](#w_Configuration) \| <code>string</code> \| [<code>Array.<Configuration></code>](#w_Configuration) \| <code>Array.<string></code> | exemplar[s] Configuration class OR configuration token |
|
|
1342
|
+
| conf | [<code>Configuration</code>](#user-content-w_Configuration) \| <code>string</code> \| [<code>Array.<Configuration></code>](#user-content-w_Configuration) \| <code>Array.<string></code> | exemplar[s] Configuration class OR configuration token |
|
|
1341
1343
|
|
|
1342
1344
|
**Example**
|
|
1343
1345
|
|
|
@@ -1349,27 +1351,28 @@ var widget = new MultiWidget('#widget', 'publicKey',['configurationToken', 'conf
|
|
|
1349
1351
|
var widget = new MultiWidget('#widget', 'publicKey', new Configuration('gatewayId')); With Configuration
|
|
1350
1352
|
|
|
1351
1353
|
var widget = new MultiWidget('#widget', 'publicKey',[ With Configurations
|
|
1352
|
-
Configuration() // default gateway_id,
|
|
1354
|
+
Configuration(), // default gateway_id,
|
|
1355
|
+
Configuration('not_configured'), // without gateway,
|
|
1353
1356
|
Configuration('gatewayId'),
|
|
1354
1357
|
Configuration('gatewayId', 'bank_account')
|
|
1355
1358
|
]);
|
|
1356
1359
|
```
|
|
1357
|
-
<a name="w_HtmlMultiWidget+load" id="w_HtmlMultiWidget+load"
|
|
1360
|
+
<a name="w_HtmlMultiWidget+load" id="w_HtmlMultiWidget+load" href="#user-content-w_HtmlMultiWidget+load"> </a>
|
|
1358
1361
|
|
|
1359
1362
|
### htmlMultiWidget.load()
|
|
1360
1363
|
The final method to beginning, the load process of widget to html
|
|
1361
1364
|
|
|
1362
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1363
|
-
<a name="w_HtmlMultiWidget+on" id="w_HtmlMultiWidget+on"
|
|
1365
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1366
|
+
<a name="w_HtmlMultiWidget+on" id="w_HtmlMultiWidget+on" href="#user-content-w_HtmlMultiWidget+on"> </a>
|
|
1364
1367
|
|
|
1365
1368
|
### htmlMultiWidget.on(eventName, [cb]) ⇒ <code>Promise.<(IEventData\|IEventMetaData\|IEventFinishData\|IFormValidation)></code> \| <code>void</code>
|
|
1366
1369
|
Listen to events of widget
|
|
1367
1370
|
|
|
1368
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1371
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1369
1372
|
|
|
1370
1373
|
| Param | Type | Description |
|
|
1371
1374
|
| --- | --- | --- |
|
|
1372
|
-
| eventName | <code>string</code> | Available event names [EVENT](#w_EVENT) |
|
|
1375
|
+
| eventName | <code>string</code> | Available event names [EVENT](#user-content-w_EVENT) |
|
|
1373
1376
|
| [cb] | <code>listener</code> | |
|
|
1374
1377
|
|
|
1375
1378
|
**Example**
|
|
@@ -1383,62 +1386,62 @@ widget.on('form_submit', function (data) {
|
|
|
1383
1386
|
console.log(data);
|
|
1384
1387
|
});
|
|
1385
1388
|
```
|
|
1386
|
-
<a name="w_HtmlMultiWidget+trigger" id="w_HtmlMultiWidget+trigger"
|
|
1389
|
+
<a name="w_HtmlMultiWidget+trigger" id="w_HtmlMultiWidget+trigger" href="#user-content-w_HtmlMultiWidget+trigger"> </a>
|
|
1387
1390
|
|
|
1388
1391
|
### htmlMultiWidget.trigger(triggers, data)
|
|
1389
1392
|
This callback will be called for every trigger
|
|
1390
1393
|
|
|
1391
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1394
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1392
1395
|
|
|
1393
1396
|
| Param | Type | Description |
|
|
1394
1397
|
| --- | --- | --- |
|
|
1395
1398
|
| triggers | <code>triggerName</code> | submit_form, tab |
|
|
1396
|
-
| data | [<code>ITriggerData</code>](#w_ITriggerData) | which will be sending to widget |
|
|
1399
|
+
| data | [<code>ITriggerData</code>](#user-content-w_ITriggerData) | which will be sending to widget |
|
|
1397
1400
|
|
|
1398
|
-
<a name="w_HtmlMultiWidget+getValidationState" id="w_HtmlMultiWidget+getValidationState"
|
|
1401
|
+
<a name="w_HtmlMultiWidget+getValidationState" id="w_HtmlMultiWidget+getValidationState" href="#user-content-w_HtmlMultiWidget+getValidationState"> </a>
|
|
1399
1402
|
|
|
1400
|
-
### htmlMultiWidget.getValidationState() ⇒ [<code>IFormValidation</code>](#w_IFormValidation)
|
|
1403
|
+
### htmlMultiWidget.getValidationState() ⇒ [<code>IFormValidation</code>](#user-content-w_IFormValidation)
|
|
1401
1404
|
Using this method you can get validation state information
|
|
1402
1405
|
|
|
1403
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1404
|
-
**Returns**: [<code>IFormValidation</code>](#w_IFormValidation) - Form validation object
|
|
1405
|
-
<a name="w_HtmlMultiWidget+isValidForm" id="w_HtmlMultiWidget+isValidForm"
|
|
1406
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1407
|
+
**Returns**: [<code>IFormValidation</code>](#user-content-w_IFormValidation) - Form validation object
|
|
1408
|
+
<a name="w_HtmlMultiWidget+isValidForm" id="w_HtmlMultiWidget+isValidForm" href="#user-content-w_HtmlMultiWidget+isValidForm"> </a>
|
|
1406
1409
|
|
|
1407
1410
|
### htmlMultiWidget.isValidForm() ⇒ <code>boolean</code>
|
|
1408
1411
|
Using this method you can check if the form is valid
|
|
1409
1412
|
|
|
1410
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1413
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1411
1414
|
**Returns**: <code>boolean</code> - Form is valid
|
|
1412
|
-
<a name="w_HtmlMultiWidget+isInvalidField" id="w_HtmlMultiWidget+isInvalidField"
|
|
1415
|
+
<a name="w_HtmlMultiWidget+isInvalidField" id="w_HtmlMultiWidget+isInvalidField" href="#user-content-w_HtmlMultiWidget+isInvalidField"> </a>
|
|
1413
1416
|
|
|
1414
1417
|
### htmlMultiWidget.isInvalidField(field) ⇒ <code>boolean</code>
|
|
1415
1418
|
Using this method you can check if a specific form field is invalid
|
|
1416
1419
|
|
|
1417
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1420
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1418
1421
|
**Returns**: <code>boolean</code> - Field is invalid
|
|
1419
1422
|
|
|
1420
1423
|
| Param | Type | Description |
|
|
1421
1424
|
| --- | --- | --- |
|
|
1422
1425
|
| field | <code>string</code> | Field name |
|
|
1423
1426
|
|
|
1424
|
-
<a name="w_HtmlMultiWidget+isFieldErrorShowed" id="w_HtmlMultiWidget+isFieldErrorShowed"
|
|
1427
|
+
<a name="w_HtmlMultiWidget+isFieldErrorShowed" id="w_HtmlMultiWidget+isFieldErrorShowed" href="#user-content-w_HtmlMultiWidget+isFieldErrorShowed"> </a>
|
|
1425
1428
|
|
|
1426
1429
|
### htmlMultiWidget.isFieldErrorShowed(field) ⇒ <code>boolean</code>
|
|
1427
1430
|
Using this method you can check if an error is displayed on a specific field
|
|
1428
1431
|
|
|
1429
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1432
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1430
1433
|
**Returns**: <code>boolean</code> - Error is showed on field
|
|
1431
1434
|
|
|
1432
1435
|
| Param | Type | Description |
|
|
1433
1436
|
| --- | --- | --- |
|
|
1434
1437
|
| field | <code>string</code> | Field name |
|
|
1435
1438
|
|
|
1436
|
-
<a name="w_HtmlMultiWidget+isInvalidFieldByValidator" id="w_HtmlMultiWidget+isInvalidFieldByValidator"
|
|
1439
|
+
<a name="w_HtmlMultiWidget+isInvalidFieldByValidator" id="w_HtmlMultiWidget+isInvalidFieldByValidator" href="#user-content-w_HtmlMultiWidget+isInvalidFieldByValidator"> </a>
|
|
1437
1440
|
|
|
1438
1441
|
### htmlMultiWidget.isInvalidFieldByValidator(field, validator) ⇒ <code>boolean</code>
|
|
1439
1442
|
Using this method you can check if a specific field is invalid
|
|
1440
1443
|
|
|
1441
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1444
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1442
1445
|
**Returns**: <code>boolean</code> - Field is invalid by validator
|
|
1443
1446
|
|
|
1444
1447
|
| Param | Type | Description |
|
|
@@ -1446,46 +1449,46 @@ Using this method you can check if a specific field is invalid
|
|
|
1446
1449
|
| field | <code>string</code> | Field name |
|
|
1447
1450
|
| validator | <code>string</code> | Validator name. Available validators: `required, cardNumberValidator, expireDateValidation` |
|
|
1448
1451
|
|
|
1449
|
-
<a name="w_HtmlMultiWidget+hide" id="w_HtmlMultiWidget+hide"
|
|
1452
|
+
<a name="w_HtmlMultiWidget+hide" id="w_HtmlMultiWidget+hide" href="#user-content-w_HtmlMultiWidget+hide"> </a>
|
|
1450
1453
|
|
|
1451
1454
|
### htmlMultiWidget.hide([saveSize])
|
|
1452
1455
|
Using this method you can hide widget after load
|
|
1453
1456
|
|
|
1454
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1457
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1455
1458
|
|
|
1456
1459
|
| Param | Type | Default | Description |
|
|
1457
1460
|
| --- | --- | --- | --- |
|
|
1458
1461
|
| [saveSize] | <code>boolean</code> | <code>false</code> | using this param you can save iframe's size |
|
|
1459
1462
|
|
|
1460
|
-
<a name="w_HtmlMultiWidget+show" id="w_HtmlMultiWidget+show"
|
|
1463
|
+
<a name="w_HtmlMultiWidget+show" id="w_HtmlMultiWidget+show" href="#user-content-w_HtmlMultiWidget+show"> </a>
|
|
1461
1464
|
|
|
1462
1465
|
### htmlMultiWidget.show()
|
|
1463
1466
|
Using this method you can show widget after using hide method
|
|
1464
1467
|
|
|
1465
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1466
|
-
<a name="w_HtmlMultiWidget+reload" id="w_HtmlMultiWidget+reload"
|
|
1468
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1469
|
+
<a name="w_HtmlMultiWidget+reload" id="w_HtmlMultiWidget+reload" href="#user-content-w_HtmlMultiWidget+reload"> </a>
|
|
1467
1470
|
|
|
1468
1471
|
### htmlMultiWidget.reload()
|
|
1469
1472
|
Using this method you can reload widget
|
|
1470
1473
|
|
|
1471
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1472
|
-
<a name="w_HtmlMultiWidget+hideElements" id="w_HtmlMultiWidget+hideElements"
|
|
1474
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1475
|
+
<a name="w_HtmlMultiWidget+hideElements" id="w_HtmlMultiWidget+hideElements" href="#user-content-w_HtmlMultiWidget+hideElements"> </a>
|
|
1473
1476
|
|
|
1474
1477
|
### htmlMultiWidget.hideElements(elements)
|
|
1475
1478
|
Using this method you can hide any elements inside widget
|
|
1476
1479
|
|
|
1477
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1480
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1478
1481
|
|
|
1479
1482
|
| Param | Type | Description |
|
|
1480
1483
|
| --- | --- | --- |
|
|
1481
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
1484
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
1482
1485
|
|
|
1483
1486
|
**Example**
|
|
1484
1487
|
|
|
1485
1488
|
```javascript
|
|
1486
1489
|
widget.hideElements(['submit_button', 'email']);
|
|
1487
1490
|
```
|
|
1488
|
-
<a name="w_HtmlMultiWidget+showElements" id="w_HtmlMultiWidget+showElements"
|
|
1491
|
+
<a name="w_HtmlMultiWidget+showElements" id="w_HtmlMultiWidget+showElements" href="#user-content-w_HtmlMultiWidget+showElements"> </a>
|
|
1489
1492
|
|
|
1490
1493
|
### htmlMultiWidget.showElements(elements)
|
|
1491
1494
|
Using this method you can show any elements inside widget
|
|
@@ -1493,18 +1496,18 @@ Using this method you can show any elements inside widget
|
|
|
1493
1496
|
* @example
|
|
1494
1497
|
widget.showElements(['submit_button', 'email']);
|
|
1495
1498
|
|
|
1496
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1499
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1497
1500
|
|
|
1498
1501
|
| Param | Type | Description |
|
|
1499
1502
|
| --- | --- | --- |
|
|
1500
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be showed [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
1503
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be showed [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
1501
1504
|
|
|
1502
|
-
<a name="w_HtmlMultiWidget+updateFormValues" id="w_HtmlMultiWidget+updateFormValues"
|
|
1505
|
+
<a name="w_HtmlMultiWidget+updateFormValues" id="w_HtmlMultiWidget+updateFormValues" href="#user-content-w_HtmlMultiWidget+updateFormValues"> </a>
|
|
1503
1506
|
|
|
1504
1507
|
### htmlMultiWidget.updateFormValues(fieldValues)
|
|
1505
1508
|
Method for update values for form fields inside the widget
|
|
1506
1509
|
|
|
1507
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1510
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1508
1511
|
|
|
1509
1512
|
| Param | Type | Description |
|
|
1510
1513
|
| --- | --- | --- |
|
|
@@ -1518,26 +1521,26 @@ widget.updateFormValues({
|
|
|
1518
1521
|
card_name: 'Houston'
|
|
1519
1522
|
});
|
|
1520
1523
|
```
|
|
1521
|
-
<a name="w_HtmlMultiWidget+onFinishInsert" id="w_HtmlMultiWidget+onFinishInsert"
|
|
1524
|
+
<a name="w_HtmlMultiWidget+onFinishInsert" id="w_HtmlMultiWidget+onFinishInsert" href="#user-content-w_HtmlMultiWidget+onFinishInsert"> </a>
|
|
1522
1525
|
|
|
1523
1526
|
### htmlMultiWidget.onFinishInsert(selector, dataType)
|
|
1524
1527
|
After finish event of widget, data (dataType) will be insert to input (selector)
|
|
1525
1528
|
|
|
1526
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1529
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1527
1530
|
|
|
1528
1531
|
| Param | Type | Description |
|
|
1529
1532
|
| --- | --- | --- |
|
|
1530
1533
|
| selector | <code>string</code> | css selector . [] # |
|
|
1531
1534
|
| dataType | <code>string</code> | data type of IEventData object. |
|
|
1532
1535
|
|
|
1533
|
-
<a name="w_HtmlMultiWidget+interceptSubmitForm" id="w_HtmlMultiWidget+interceptSubmitForm"
|
|
1536
|
+
<a name="w_HtmlMultiWidget+interceptSubmitForm" id="w_HtmlMultiWidget+interceptSubmitForm" href="#user-content-w_HtmlMultiWidget+interceptSubmitForm"> </a>
|
|
1534
1537
|
|
|
1535
1538
|
### htmlMultiWidget.interceptSubmitForm(selector)
|
|
1536
1539
|
Widget will intercept submit of your form for processing widget
|
|
1537
1540
|
|
|
1538
1541
|
Process: click by submit button in your form --> submit widget ---> submit your form
|
|
1539
1542
|
|
|
1540
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1543
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1541
1544
|
**Note**: submit button in widget will be hidden.
|
|
1542
1545
|
|
|
1543
1546
|
| Param | Type | Description |
|
|
@@ -1557,33 +1560,33 @@ Process: click by submit button in your form --> submit widget ---> submit your
|
|
|
1557
1560
|
widget.interceptSubmitForm('#myForm');
|
|
1558
1561
|
</script>
|
|
1559
1562
|
```
|
|
1560
|
-
<a name="w_HtmlMultiWidget+useCheckoutAutoSubmit" id="w_HtmlMultiWidget+useCheckoutAutoSubmit"
|
|
1563
|
+
<a name="w_HtmlMultiWidget+useCheckoutAutoSubmit" id="w_HtmlMultiWidget+useCheckoutAutoSubmit" href="#user-content-w_HtmlMultiWidget+useCheckoutAutoSubmit"> </a>
|
|
1561
1564
|
|
|
1562
1565
|
### htmlMultiWidget.useCheckoutAutoSubmit()
|
|
1563
1566
|
This method hides a submit button and automatically execute form submit
|
|
1564
1567
|
|
|
1565
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1566
|
-
<a name="w_HtmlMultiWidget+useAutoResize" id="w_HtmlMultiWidget+useAutoResize"
|
|
1568
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1569
|
+
<a name="w_HtmlMultiWidget+useAutoResize" id="w_HtmlMultiWidget+useAutoResize" href="#user-content-w_HtmlMultiWidget+useAutoResize"> </a>
|
|
1567
1570
|
|
|
1568
1571
|
### htmlMultiWidget.useAutoResize()
|
|
1569
1572
|
Use this method for resize iFrame according content height
|
|
1570
1573
|
|
|
1571
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1574
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1572
1575
|
**Example**
|
|
1573
1576
|
|
|
1574
1577
|
```javascript
|
|
1575
1578
|
widget.useAutoResize();
|
|
1576
1579
|
```
|
|
1577
|
-
<a name="w_MultiWidget+setStyles" id="w_MultiWidget+setStyles"
|
|
1580
|
+
<a name="w_MultiWidget+setStyles" id="w_MultiWidget+setStyles" href="#user-content-w_MultiWidget+setStyles"> </a>
|
|
1578
1581
|
|
|
1579
1582
|
### htmlMultiWidget.setStyles(fields)
|
|
1580
1583
|
Object contain styles for widget
|
|
1581
1584
|
|
|
1582
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1585
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1583
1586
|
|
|
1584
1587
|
| Param | Type | Description |
|
|
1585
1588
|
| --- | --- | --- |
|
|
1586
|
-
| fields | [<code>IStyles</code>](#w_IStyles) | name of styles which can be shown in widget [STYLE](#w_STYLE) |
|
|
1589
|
+
| fields | [<code>IStyles</code>](#user-content-w_IStyles) | name of styles which can be shown in widget [STYLE](#user-content-w_STYLE) |
|
|
1587
1590
|
|
|
1588
1591
|
**Example**
|
|
1589
1592
|
|
|
@@ -1597,12 +1600,12 @@ widget.setStyles({
|
|
|
1597
1600
|
fort_family: 'fantasy'
|
|
1598
1601
|
});
|
|
1599
1602
|
```
|
|
1600
|
-
<a name="w_MultiWidget+usePhoneCountryMask" id="w_MultiWidget+usePhoneCountryMask"
|
|
1603
|
+
<a name="w_MultiWidget+usePhoneCountryMask" id="w_MultiWidget+usePhoneCountryMask" href="#user-content-w_MultiWidget+usePhoneCountryMask"> </a>
|
|
1601
1604
|
|
|
1602
1605
|
### htmlMultiWidget.usePhoneCountryMask([options])
|
|
1603
1606
|
Method to set a country code mask for the phone input.
|
|
1604
1607
|
|
|
1605
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1608
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1606
1609
|
|
|
1607
1610
|
| Param | Type | Description |
|
|
1608
1611
|
| --- | --- | --- |
|
|
@@ -1625,16 +1628,16 @@ widget.usePhoneCountryMask({
|
|
|
1625
1628
|
only_countries: ['au', 'gb', 'us', 'ua']
|
|
1626
1629
|
});
|
|
1627
1630
|
```
|
|
1628
|
-
<a name="w_MultiWidget+setTexts" id="w_MultiWidget+setTexts"
|
|
1631
|
+
<a name="w_MultiWidget+setTexts" id="w_MultiWidget+setTexts" href="#user-content-w_MultiWidget+setTexts"> </a>
|
|
1629
1632
|
|
|
1630
1633
|
### htmlMultiWidget.setTexts(fields)
|
|
1631
1634
|
Method for set different texts inside the widget
|
|
1632
1635
|
|
|
1633
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1636
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1634
1637
|
|
|
1635
1638
|
| Param | Type | Description |
|
|
1636
1639
|
| --- | --- | --- |
|
|
1637
|
-
| fields | [<code>ITexts</code>](#w_ITexts) | name of text items which can be shown in widget [TEXT](#w_TEXT) |
|
|
1640
|
+
| fields | [<code>ITexts</code>](#user-content-w_ITexts) | name of text items which can be shown in widget [TEXT](#user-content-w_TEXT) |
|
|
1638
1641
|
|
|
1639
1642
|
**Example**
|
|
1640
1643
|
|
|
@@ -1647,18 +1650,18 @@ widget.setTexts({
|
|
|
1647
1650
|
submit_button_processing: 'Load...',
|
|
1648
1651
|
});
|
|
1649
1652
|
```
|
|
1650
|
-
<a name="w_MultiWidget+setElementStyle" id="w_MultiWidget+setElementStyle"
|
|
1653
|
+
<a name="w_MultiWidget+setElementStyle" id="w_MultiWidget+setElementStyle" href="#user-content-w_MultiWidget+setElementStyle"> </a>
|
|
1651
1654
|
|
|
1652
1655
|
### htmlMultiWidget.setElementStyle(element, [state], styles)
|
|
1653
1656
|
Method for set styles for different elements and states
|
|
1654
1657
|
|
|
1655
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1658
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1656
1659
|
|
|
1657
1660
|
| Param | Type | Description |
|
|
1658
1661
|
| --- | --- | --- |
|
|
1659
|
-
| element | <code>string</code> | type of element for styling. These elements are available [STYLABLE_ELEMENT](#w_STYLABLE_ELEMENT) |
|
|
1660
|
-
| [state] | <code>string</code> | state of element for styling. These states are available [STYLABLE_ELEMENT_STATE](#w_STYLABLE_ELEMENT_STATE) |
|
|
1661
|
-
| styles | [<code>IElementStyleInput</code>](#w_IElementStyleInput) \| [<code>IElementStyleSubmitButton</code>](#w_IElementStyleSubmitButton) \| [<code>IElementStyleLabel</code>](#w_IElementStyleLabel) \| [<code>IElementStyleTitle</code>](#w_IElementStyleTitle) \| [<code>IElementStyleTitleDescription</code>](#w_IElementStyleTitleDescription) | styles list |
|
|
1662
|
+
| element | <code>string</code> | type of element for styling. These elements are available [STYLABLE_ELEMENT](#user-content-w_STYLABLE_ELEMENT) |
|
|
1663
|
+
| [state] | <code>string</code> | state of element for styling. These states are available [STYLABLE_ELEMENT_STATE](#user-content-w_STYLABLE_ELEMENT_STATE) |
|
|
1664
|
+
| styles | [<code>IElementStyleInput</code>](#user-content-w_IElementStyleInput) \| [<code>IElementStyleSubmitButton</code>](#user-content-w_IElementStyleSubmitButton) \| [<code>IElementStyleLabel</code>](#user-content-w_IElementStyleLabel) \| [<code>IElementStyleTitle</code>](#user-content-w_IElementStyleTitle) \| [<code>IElementStyleTitleDescription</code>](#user-content-w_IElementStyleTitleDescription) | styles list |
|
|
1662
1665
|
|
|
1663
1666
|
**Example**
|
|
1664
1667
|
|
|
@@ -1675,16 +1678,16 @@ widget.setElementStyle('input', 'error', {
|
|
|
1675
1678
|
border: 'red solid 1px'
|
|
1676
1679
|
});
|
|
1677
1680
|
```
|
|
1678
|
-
<a name="w_MultiWidget+setFormValues" id="w_MultiWidget+setFormValues"
|
|
1681
|
+
<a name="w_MultiWidget+setFormValues" id="w_MultiWidget+setFormValues" href="#user-content-w_MultiWidget+setFormValues"> </a>
|
|
1679
1682
|
|
|
1680
1683
|
### htmlMultiWidget.setFormValues(fieldValues)
|
|
1681
1684
|
The method to set the predefined values for the form fields inside the widget
|
|
1682
1685
|
|
|
1683
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1686
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1684
1687
|
|
|
1685
1688
|
| Param | Type | Description |
|
|
1686
1689
|
| --- | --- | --- |
|
|
1687
|
-
| fieldValues | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), The object value is what we are expecting |
|
|
1690
|
+
| fieldValues | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), The object value is what we are expecting |
|
|
1688
1691
|
|
|
1689
1692
|
**Example**
|
|
1690
1693
|
|
|
@@ -1694,16 +1697,16 @@ widget.setFormValues({
|
|
|
1694
1697
|
card_name: 'Houston'
|
|
1695
1698
|
});
|
|
1696
1699
|
```
|
|
1697
|
-
<a name="w_MultiWidget+setFormLabels" id="w_MultiWidget+setFormLabels"
|
|
1700
|
+
<a name="w_MultiWidget+setFormLabels" id="w_MultiWidget+setFormLabels" href="#user-content-w_MultiWidget+setFormLabels"> </a>
|
|
1698
1701
|
|
|
1699
1702
|
### htmlMultiWidget.setFormLabels(fieldLabels)
|
|
1700
1703
|
The method to set custom form field labels
|
|
1701
1704
|
|
|
1702
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1705
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1703
1706
|
|
|
1704
1707
|
| Param | Type | Description |
|
|
1705
1708
|
| --- | --- | --- |
|
|
1706
|
-
| fieldLabels | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), The object value is what we are expecting |
|
|
1709
|
+
| fieldLabels | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), The object value is what we are expecting |
|
|
1707
1710
|
|
|
1708
1711
|
**Example**
|
|
1709
1712
|
|
|
@@ -1713,16 +1716,16 @@ widget.setFormPlaceholders({
|
|
|
1713
1716
|
email: 'Email For Receipt'
|
|
1714
1717
|
})
|
|
1715
1718
|
```
|
|
1716
|
-
<a name="w_MultiWidget+setFormPlaceholders" id="w_MultiWidget+setFormPlaceholders"
|
|
1719
|
+
<a name="w_MultiWidget+setFormPlaceholders" id="w_MultiWidget+setFormPlaceholders" href="#user-content-w_MultiWidget+setFormPlaceholders"> </a>
|
|
1717
1720
|
|
|
1718
1721
|
### htmlMultiWidget.setFormPlaceholders(fieldPlaceholders)
|
|
1719
1722
|
The method to set custom form fields placeholders
|
|
1720
1723
|
|
|
1721
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1724
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1722
1725
|
|
|
1723
1726
|
| Param | Type | Description |
|
|
1724
1727
|
| --- | --- | --- |
|
|
1725
|
-
| fieldPlaceholders | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), Value of object is expected placeholder |
|
|
1728
|
+
| fieldPlaceholders | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), Value of object is expected placeholder |
|
|
1726
1729
|
|
|
1727
1730
|
**Example**
|
|
1728
1731
|
|
|
@@ -1732,18 +1735,18 @@ widget.setFormPlaceholders({
|
|
|
1732
1735
|
email: 'Input your email, like test@example.com'
|
|
1733
1736
|
})
|
|
1734
1737
|
```
|
|
1735
|
-
<a name="w_MultiWidget+setFormElements" id="w_MultiWidget+setFormElements"
|
|
1738
|
+
<a name="w_MultiWidget+setFormElements" id="w_MultiWidget+setFormElements" href="#user-content-w_MultiWidget+setFormElements"> </a>
|
|
1736
1739
|
|
|
1737
1740
|
### htmlMultiWidget.setFormElements(elements)
|
|
1738
1741
|
The method to set the full configuration for the all specific form elements (label, placeholder, value)
|
|
1739
1742
|
You can also use the other method for the partial configuration like: setFormValues, setFormPlaceholder, setFormLabel
|
|
1740
1743
|
|
|
1741
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1744
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1742
1745
|
|
|
1743
1746
|
| Param | Type | Description |
|
|
1744
1747
|
| --- | --- | --- |
|
|
1745
1748
|
| elements | <code>string</code> | The list of elements |
|
|
1746
|
-
| elements[].field | <code>string</code> | Field name of the element [FORM_FIELD](#w_FORM_FIELD) |
|
|
1749
|
+
| elements[].field | <code>string</code> | Field name of the element [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
1747
1750
|
| elements[].placeholder | <code>string</code> | Set custom form field placeholder |
|
|
1748
1751
|
| elements[].label | <code>string</code> | Set custom labels near form field |
|
|
1749
1752
|
| elements[].value | <code>string</code> | Set predefined values for the form field |
|
|
@@ -1766,38 +1769,38 @@ widget.setFormElements([
|
|
|
1766
1769
|
},
|
|
1767
1770
|
])
|
|
1768
1771
|
```
|
|
1769
|
-
<a name="w_MultiWidget+setIcons" id="w_MultiWidget+setIcons"
|
|
1772
|
+
<a name="w_MultiWidget+setIcons" id="w_MultiWidget+setIcons" href="#user-content-w_MultiWidget+setIcons"> </a>
|
|
1770
1773
|
|
|
1771
1774
|
### htmlMultiWidget.setIcons()
|
|
1772
1775
|
The method to change the widget icons
|
|
1773
1776
|
|
|
1774
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1777
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1775
1778
|
**Todo**
|
|
1776
1779
|
|
|
1777
1780
|
- [ ] DEPRECATED
|
|
1778
1781
|
|
|
1779
|
-
<a name="w_MultiWidget+setHiddenElements" id="w_MultiWidget+setHiddenElements"
|
|
1782
|
+
<a name="w_MultiWidget+setHiddenElements" id="w_MultiWidget+setHiddenElements" href="#user-content-w_MultiWidget+setHiddenElements"> </a>
|
|
1780
1783
|
|
|
1781
1784
|
### htmlMultiWidget.setHiddenElements(elements)
|
|
1782
1785
|
Using this method you can set hidden elements inside widget
|
|
1783
1786
|
|
|
1784
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1787
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1785
1788
|
|
|
1786
1789
|
| Param | Type | Description |
|
|
1787
1790
|
| --- | --- | --- |
|
|
1788
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
1791
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
1789
1792
|
|
|
1790
1793
|
**Example**
|
|
1791
1794
|
|
|
1792
1795
|
```javascript
|
|
1793
1796
|
widget.setHiddenElements(['submit_button', 'email']);
|
|
1794
1797
|
```
|
|
1795
|
-
<a name="w_MultiWidget+setRefId" id="w_MultiWidget+setRefId"
|
|
1798
|
+
<a name="w_MultiWidget+setRefId" id="w_MultiWidget+setRefId" href="#user-content-w_MultiWidget+setRefId"> </a>
|
|
1796
1799
|
|
|
1797
1800
|
### htmlMultiWidget.setRefId(refId)
|
|
1798
1801
|
Current method can set custom ID to identify the data in the future
|
|
1799
1802
|
|
|
1800
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1803
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1801
1804
|
|
|
1802
1805
|
| Param | Type | Description |
|
|
1803
1806
|
| --- | --- | --- |
|
|
@@ -1808,27 +1811,27 @@ Current method can set custom ID to identify the data in the future
|
|
|
1808
1811
|
```javascript
|
|
1809
1812
|
widget.setRefId('id');
|
|
1810
1813
|
```
|
|
1811
|
-
<a name="w_MultiWidget+useGatewayFieldValidation" id="w_MultiWidget+useGatewayFieldValidation"
|
|
1814
|
+
<a name="w_MultiWidget+useGatewayFieldValidation" id="w_MultiWidget+useGatewayFieldValidation" href="#user-content-w_MultiWidget+useGatewayFieldValidation"> </a>
|
|
1812
1815
|
|
|
1813
1816
|
### htmlMultiWidget.useGatewayFieldValidation()
|
|
1814
1817
|
Current method can add visual validation from gateway to widget's form fields
|
|
1815
1818
|
|
|
1816
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1819
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1817
1820
|
**Example**
|
|
1818
1821
|
|
|
1819
1822
|
```javascript
|
|
1820
1823
|
widget.useGatewayFieldValidation();
|
|
1821
1824
|
```
|
|
1822
|
-
<a name="w_MultiWidget+setSupportedCardIcons" id="w_MultiWidget+setSupportedCardIcons"
|
|
1825
|
+
<a name="w_MultiWidget+setSupportedCardIcons" id="w_MultiWidget+setSupportedCardIcons" href="#user-content-w_MultiWidget+setSupportedCardIcons"> </a>
|
|
1823
1826
|
|
|
1824
1827
|
### htmlMultiWidget.setSupportedCardIcons(elements, validateCardNumberInput)
|
|
1825
1828
|
Current method can set icons of supported card types
|
|
1826
1829
|
|
|
1827
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1830
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1828
1831
|
|
|
1829
1832
|
| Param | Type | Description |
|
|
1830
1833
|
| --- | --- | --- |
|
|
1831
|
-
| elements | <code>[ 'Array' ].<string></code> | [SUPPORTED_CARD_TYPES](#w_SUPPORTED_CARD_TYPES) |
|
|
1834
|
+
| elements | <code>[ 'Array' ].<string></code> | [SUPPORTED_CARD_TYPES](#user-content-w_SUPPORTED_CARD_TYPES) |
|
|
1832
1835
|
| validateCardNumberInput | <code>boolean</code> | [validateCardNumberInput=false] - using this param you allow validation for card number input on supported card types |
|
|
1833
1836
|
|
|
1834
1837
|
**Example**
|
|
@@ -1836,13 +1839,13 @@ Current method can set icons of supported card types
|
|
|
1836
1839
|
```javascript
|
|
1837
1840
|
widget.setSupportedCardIcons(['mastercard', 'visa'], validateCardNumberInput);
|
|
1838
1841
|
```
|
|
1839
|
-
<a name="w_MultiWidget+setEnv" id="w_MultiWidget+setEnv"
|
|
1842
|
+
<a name="w_MultiWidget+setEnv" id="w_MultiWidget+setEnv" href="#user-content-w_MultiWidget+setEnv"> </a>
|
|
1840
1843
|
|
|
1841
1844
|
### htmlMultiWidget.setEnv(env, [alias])
|
|
1842
1845
|
Current method can change environment. By default environment = sandbox.
|
|
1843
1846
|
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
1844
1847
|
|
|
1845
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1848
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1846
1849
|
|
|
1847
1850
|
| Param | Type | Description |
|
|
1848
1851
|
| --- | --- | --- |
|
|
@@ -1854,12 +1857,12 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
1854
1857
|
```javascript
|
|
1855
1858
|
widget.setEnv('production', 'paydock.com');
|
|
1856
1859
|
```
|
|
1857
|
-
<a name="w_MultiWidget+loadIFrameUrl" id="w_MultiWidget+loadIFrameUrl"
|
|
1860
|
+
<a name="w_MultiWidget+loadIFrameUrl" id="w_MultiWidget+loadIFrameUrl" href="#user-content-w_MultiWidget+loadIFrameUrl"> </a>
|
|
1858
1861
|
|
|
1859
1862
|
### htmlMultiWidget.loadIFrameUrl()
|
|
1860
1863
|
Method for creating iframe url
|
|
1861
1864
|
|
|
1862
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1865
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1863
1866
|
**Example**
|
|
1864
1867
|
|
|
1865
1868
|
```javascript
|
|
@@ -1869,12 +1872,12 @@ widget.loadIFrameUrl(function (url) {
|
|
|
1869
1872
|
console.log(errors);
|
|
1870
1873
|
});
|
|
1871
1874
|
```
|
|
1872
|
-
<a name="w_MultiWidget+setLanguage" id="w_MultiWidget+setLanguage"
|
|
1875
|
+
<a name="w_MultiWidget+setLanguage" id="w_MultiWidget+setLanguage" href="#user-content-w_MultiWidget+setLanguage"> </a>
|
|
1873
1876
|
|
|
1874
1877
|
### htmlMultiWidget.setLanguage(code)
|
|
1875
1878
|
Method for setting a custom language code
|
|
1876
1879
|
|
|
1877
|
-
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#w_HtmlMultiWidget)
|
|
1880
|
+
**Kind**: instance method of [<code>HtmlMultiWidget</code>](#user-content-w_HtmlMultiWidget)
|
|
1878
1881
|
|
|
1879
1882
|
| Param | Type | Description |
|
|
1880
1883
|
| --- | --- | --- |
|
|
@@ -1885,33 +1888,33 @@ Method for setting a custom language code
|
|
|
1885
1888
|
```javascript
|
|
1886
1889
|
config.setLanguage('en');
|
|
1887
1890
|
```
|
|
1888
|
-
<a name="w_Configuration" id="w_Configuration"
|
|
1891
|
+
<a name="w_Configuration" id="w_Configuration" href="#user-content-w_Configuration"> </a>
|
|
1889
1892
|
|
|
1890
1893
|
## Configuration
|
|
1891
1894
|
Class Configuration include methods for creating configuration token
|
|
1892
1895
|
|
|
1893
1896
|
**Kind**: global class
|
|
1894
1897
|
|
|
1895
|
-
* [Configuration](#w_Configuration)
|
|
1896
|
-
* [new exports.Configuration([gatewayID], paymentType, purpose)](#w_new_Configuration_new)
|
|
1897
|
-
* [.setWebHookDestination(url)](#w_Configuration+setWebHookDestination)
|
|
1898
|
-
* [.setSuccessRedirectUrl(url)](#w_Configuration+setSuccessRedirectUrl)
|
|
1899
|
-
* [.setErrorRedirectUrl(url)](#w_Configuration+setErrorRedirectUrl)
|
|
1900
|
-
* [.setFormFields(fields)](#w_Configuration+setFormFields)
|
|
1901
|
-
* [.setMeta(object)](#w_Configuration+setMeta)
|
|
1902
|
-
* [.setEnv(env, [alias])](#w_Configuration+setEnv)
|
|
1903
|
-
* [.setLabel(label)](#w_Configuration+setLabel)
|
|
1904
|
-
* [.createToken(accessToken, cb, errorCb)](#w_Configuration+createToken)
|
|
1898
|
+
* [Configuration](#user-content-w_Configuration)
|
|
1899
|
+
* [new exports.Configuration([gatewayID], paymentType, purpose)](#user-content-w_new_Configuration_new)
|
|
1900
|
+
* [.setWebHookDestination(url)](#user-content-w_Configuration+setWebHookDestination)
|
|
1901
|
+
* [.setSuccessRedirectUrl(url)](#user-content-w_Configuration+setSuccessRedirectUrl)
|
|
1902
|
+
* [.setErrorRedirectUrl(url)](#user-content-w_Configuration+setErrorRedirectUrl)
|
|
1903
|
+
* [.setFormFields(fields)](#user-content-w_Configuration+setFormFields)
|
|
1904
|
+
* [.setMeta(object)](#user-content-w_Configuration+setMeta)
|
|
1905
|
+
* [.setEnv(env, [alias])](#user-content-w_Configuration+setEnv)
|
|
1906
|
+
* [.setLabel(label)](#user-content-w_Configuration+setLabel)
|
|
1907
|
+
* [.createToken(accessToken, cb, errorCb)](#user-content-w_Configuration+createToken)
|
|
1905
1908
|
|
|
1906
|
-
<a name="w_new_Configuration_new" id="w_new_Configuration_new"
|
|
1909
|
+
<a name="w_new_Configuration_new" id="w_new_Configuration_new" href="#user-content-w_new_Configuration_new"> </a>
|
|
1907
1910
|
|
|
1908
1911
|
### new exports.Configuration([gatewayID], paymentType, purpose)
|
|
1909
1912
|
|
|
1910
1913
|
| Param | Type | Default | Description |
|
|
1911
1914
|
| --- | --- | --- | --- |
|
|
1912
|
-
| [gatewayID] | <code>string</code> | <code>"default"</code> | gateway ID. By default or if put 'default', it will use the selected default gateway |
|
|
1913
|
-
| paymentType | <code>string</code> | | Type of payment source which shows in widget form. Available parameters [PAYMENT_TYPE](#w_PAYMENT_TYPE) |
|
|
1914
|
-
| purpose | <code>string</code> | | Param which describes payment purpose. By default uses Available parameters [PURPOSE](#w_PURPOSE) |
|
|
1915
|
+
| [gatewayID] | <code>string</code> | <code>"default"</code> | gateway ID. By default or if put 'default', it will use the selected default gateway. If put 'not_configured', it won’t use gateway to create downstream token. |
|
|
1916
|
+
| paymentType | <code>string</code> | | Type of payment source which shows in widget form. Available parameters [PAYMENT_TYPE](#user-content-w_PAYMENT_TYPE) |
|
|
1917
|
+
| purpose | <code>string</code> | | Param which describes payment purpose. By default uses Available parameters [PURPOSE](#user-content-w_PURPOSE) |
|
|
1915
1918
|
|
|
1916
1919
|
**Example**
|
|
1917
1920
|
|
|
@@ -1919,14 +1922,16 @@ Class Configuration include methods for creating configuration token
|
|
|
1919
1922
|
var config = new Configuration('gatewayId'); // short
|
|
1920
1923
|
|
|
1921
1924
|
var config = new Configuration('gatewayId', 'bank_account', 'paymentSource'); // extend
|
|
1925
|
+
|
|
1926
|
+
var config = new Configuration('not_configured'); // without gateway
|
|
1922
1927
|
```
|
|
1923
|
-
<a name="w_Configuration+setWebHookDestination" id="w_Configuration+setWebHookDestination"
|
|
1928
|
+
<a name="w_Configuration+setWebHookDestination" id="w_Configuration+setWebHookDestination" href="#user-content-w_Configuration+setWebHookDestination"> </a>
|
|
1924
1929
|
|
|
1925
1930
|
### configuration.setWebHookDestination(url)
|
|
1926
1931
|
Destination, where customer will receive all successful responses.
|
|
1927
1932
|
Response will contain “data” object with “payment_source” or other parameters, in depending on 'purpose'
|
|
1928
1933
|
|
|
1929
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
1934
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
1930
1935
|
|
|
1931
1936
|
| Param | Type | Description |
|
|
1932
1937
|
| --- | --- | --- |
|
|
@@ -1937,12 +1942,12 @@ Response will contain “data” object with “payment_source” or other param
|
|
|
1937
1942
|
```javascript
|
|
1938
1943
|
config.setWebHookDestination('http://google.com');
|
|
1939
1944
|
```
|
|
1940
|
-
<a name="w_Configuration+setSuccessRedirectUrl" id="w_Configuration+setSuccessRedirectUrl"
|
|
1945
|
+
<a name="w_Configuration+setSuccessRedirectUrl" id="w_Configuration+setSuccessRedirectUrl" href="#user-content-w_Configuration+setSuccessRedirectUrl"> </a>
|
|
1941
1946
|
|
|
1942
1947
|
### configuration.setSuccessRedirectUrl(url)
|
|
1943
1948
|
URL to which the Customer will be redirected to after the success finish
|
|
1944
1949
|
|
|
1945
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
1950
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
1946
1951
|
|
|
1947
1952
|
| Param | Type |
|
|
1948
1953
|
| --- | --- |
|
|
@@ -1953,12 +1958,12 @@ URL to which the Customer will be redirected to after the success finish
|
|
|
1953
1958
|
```javascript
|
|
1954
1959
|
config.setSuccessRedirectUrl('google.com/search?q=success');
|
|
1955
1960
|
```
|
|
1956
|
-
<a name="w_Configuration+setErrorRedirectUrl" id="w_Configuration+setErrorRedirectUrl"
|
|
1961
|
+
<a name="w_Configuration+setErrorRedirectUrl" id="w_Configuration+setErrorRedirectUrl" href="#user-content-w_Configuration+setErrorRedirectUrl"> </a>
|
|
1957
1962
|
|
|
1958
1963
|
### configuration.setErrorRedirectUrl(url)
|
|
1959
1964
|
URL to which the Customer will be redirected to if an error is triggered in the process of operation
|
|
1960
1965
|
|
|
1961
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
1966
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
1962
1967
|
|
|
1963
1968
|
| Param | Type |
|
|
1964
1969
|
| --- | --- |
|
|
@@ -1969,32 +1974,32 @@ URL to which the Customer will be redirected to if an error is triggered in the
|
|
|
1969
1974
|
```javascript
|
|
1970
1975
|
config.setErrorRedirectUrl('google.com/search?q=error');
|
|
1971
1976
|
```
|
|
1972
|
-
<a name="w_Configuration+setFormFields" id="w_Configuration+setFormFields"
|
|
1977
|
+
<a name="w_Configuration+setFormFields" id="w_Configuration+setFormFields" href="#user-content-w_Configuration+setFormFields"> </a>
|
|
1973
1978
|
|
|
1974
1979
|
### configuration.setFormFields(fields)
|
|
1975
1980
|
Set list with widget form field, which will be shown in form. Also you can set the required validation for these fields
|
|
1976
1981
|
|
|
1977
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
1982
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
1978
1983
|
|
|
1979
1984
|
| Param | Type | Description |
|
|
1980
1985
|
| --- | --- | --- |
|
|
1981
|
-
| fields | <code>[ 'Array' ].<string></code> | name of fields which can be shown in a widget. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD](#w_FORM_FIELD) |
|
|
1986
|
+
| fields | <code>[ 'Array' ].<string></code> | name of fields which can be shown in a widget. If after a name of a field, you put “*”, this field will be required on client-side. (For validation, you can specify any fields, even those that are shown by default: card_number, expiration, etc... ) [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
1982
1987
|
|
|
1983
1988
|
**Example**
|
|
1984
1989
|
|
|
1985
1990
|
```javascript
|
|
1986
1991
|
config.setFormFields(['phone', 'email', 'first_name*']);
|
|
1987
1992
|
```
|
|
1988
|
-
<a name="w_Configuration+setMeta" id="w_Configuration+setMeta"
|
|
1993
|
+
<a name="w_Configuration+setMeta" id="w_Configuration+setMeta" href="#user-content-w_Configuration+setMeta"> </a>
|
|
1989
1994
|
|
|
1990
1995
|
### configuration.setMeta(object)
|
|
1991
1996
|
Method for setting meta information for checkout page
|
|
1992
1997
|
|
|
1993
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
1998
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
1994
1999
|
|
|
1995
2000
|
| Param | Type | Description |
|
|
1996
2001
|
| --- | --- | --- |
|
|
1997
|
-
| object | [<code>IPayPalMeta</code>](#w_IPayPalMeta) \| <code>IZipmoneyMeta</code> \| <code>IAfterpayMeta</code> \| [<code>IBamboraMeta</code>](#w_IBamboraMeta) | data which can be shown on checkout page [IPayPalMeta](#w_IPayPalMeta) [IZipmoneyMeta](IZipmoneyMeta) [IAfterpayMeta](IAfterpayMeta) [IBamboraMeta](#w_IBamboraMeta) |
|
|
2002
|
+
| object | [<code>IPayPalMeta</code>](#user-content-w_IPayPalMeta) \| <code>IZipmoneyMeta</code> \| <code>IAfterpayMeta</code> \| [<code>IBamboraMeta</code>](#user-content-w_IBamboraMeta) | data which can be shown on checkout page [IPayPalMeta](#user-content-w_IPayPalMeta) [IZipmoneyMeta](IZipmoneyMeta) [IAfterpayMeta](IAfterpayMeta) [IBamboraMeta](#user-content-w_IBamboraMeta) |
|
|
1998
2003
|
|
|
1999
2004
|
**Example**
|
|
2000
2005
|
|
|
@@ -2005,13 +2010,13 @@ config.setMeta({
|
|
|
2005
2010
|
email: 'wault@paydock.com'
|
|
2006
2011
|
});
|
|
2007
2012
|
```
|
|
2008
|
-
<a name="w_Configuration+setEnv" id="w_Configuration+setEnv"
|
|
2013
|
+
<a name="w_Configuration+setEnv" id="w_Configuration+setEnv" href="#user-content-w_Configuration+setEnv"> </a>
|
|
2009
2014
|
|
|
2010
2015
|
### configuration.setEnv(env, [alias])
|
|
2011
2016
|
Current method can change environment. By default environment = sandbox.
|
|
2012
2017
|
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
2013
2018
|
|
|
2014
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
2019
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
2015
2020
|
|
|
2016
2021
|
| Param | Type | Description |
|
|
2017
2022
|
| --- | --- | --- |
|
|
@@ -2023,12 +2028,12 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
2023
2028
|
```javascript
|
|
2024
2029
|
config.setEnv('production');
|
|
2025
2030
|
```
|
|
2026
|
-
<a name="w_Configuration+setLabel" id="w_Configuration+setLabel"
|
|
2031
|
+
<a name="w_Configuration+setLabel" id="w_Configuration+setLabel" href="#user-content-w_Configuration+setLabel"> </a>
|
|
2027
2032
|
|
|
2028
2033
|
### configuration.setLabel(label)
|
|
2029
2034
|
Title for tab which can be set instead of default
|
|
2030
2035
|
|
|
2031
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
2036
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
2032
2037
|
|
|
2033
2038
|
| Param | Type | Description |
|
|
2034
2039
|
| --- | --- | --- |
|
|
@@ -2039,12 +2044,12 @@ Title for tab which can be set instead of default
|
|
|
2039
2044
|
```javascript
|
|
2040
2045
|
config.setLabel('custom label');
|
|
2041
2046
|
```
|
|
2042
|
-
<a name="w_Configuration+createToken" id="w_Configuration+createToken"
|
|
2047
|
+
<a name="w_Configuration+createToken" id="w_Configuration+createToken" href="#user-content-w_Configuration+createToken"> </a>
|
|
2043
2048
|
|
|
2044
2049
|
### configuration.createToken(accessToken, cb, errorCb)
|
|
2045
2050
|
createToken - method which exactly create payment one time token
|
|
2046
2051
|
|
|
2047
|
-
**Kind**: instance method of [<code>Configuration</code>](#w_Configuration)
|
|
2052
|
+
**Kind**: instance method of [<code>Configuration</code>](#user-content-w_Configuration)
|
|
2048
2053
|
|
|
2049
2054
|
| Param | Type | Description |
|
|
2050
2055
|
| --- | --- | --- |
|
|
@@ -2062,40 +2067,40 @@ config.createToken('582035346f65cdd57ee81192d6e5w65w4e5',
|
|
|
2062
2067
|
console.log(error);
|
|
2063
2068
|
});
|
|
2064
2069
|
```
|
|
2065
|
-
<a name="w_MultiWidget" id="w_MultiWidget"
|
|
2070
|
+
<a name="w_MultiWidget" id="w_MultiWidget" href="#user-content-w_MultiWidget"> </a>
|
|
2066
2071
|
|
|
2067
2072
|
## MultiWidget
|
|
2068
2073
|
Class MultiWidget include method for for creating iframe url
|
|
2069
2074
|
|
|
2070
2075
|
**Kind**: global class
|
|
2071
2076
|
|
|
2072
|
-
* [MultiWidget](#w_MultiWidget)
|
|
2073
|
-
* [new exports.MultiWidget(accessToken, conf)](#w_new_MultiWidget_new)
|
|
2074
|
-
* [.setStyles(fields)](#w_MultiWidget+setStyles)
|
|
2075
|
-
* [.usePhoneCountryMask([options])](#w_MultiWidget+usePhoneCountryMask)
|
|
2076
|
-
* [.setTexts(fields)](#w_MultiWidget+setTexts)
|
|
2077
|
-
* [.setElementStyle(element, [state], styles)](#w_MultiWidget+setElementStyle)
|
|
2078
|
-
* [.setFormValues(fieldValues)](#w_MultiWidget+setFormValues)
|
|
2079
|
-
* [.setFormLabels(fieldLabels)](#w_MultiWidget+setFormLabels)
|
|
2080
|
-
* [.setFormPlaceholders(fieldPlaceholders)](#w_MultiWidget+setFormPlaceholders)
|
|
2081
|
-
* [.setFormElements(elements)](#w_MultiWidget+setFormElements)
|
|
2082
|
-
* [.setIcons()](#w_MultiWidget+setIcons)
|
|
2083
|
-
* [.setHiddenElements(elements)](#w_MultiWidget+setHiddenElements)
|
|
2084
|
-
* [.setRefId(refId)](#w_MultiWidget+setRefId)
|
|
2085
|
-
* [.useGatewayFieldValidation()](#w_MultiWidget+useGatewayFieldValidation)
|
|
2086
|
-
* [.setSupportedCardIcons(elements, validateCardNumberInput)](#w_MultiWidget+setSupportedCardIcons)
|
|
2087
|
-
* [.setEnv(env, [alias])](#w_MultiWidget+setEnv)
|
|
2088
|
-
* [.loadIFrameUrl()](#w_MultiWidget+loadIFrameUrl)
|
|
2089
|
-
* [.setLanguage(code)](#w_MultiWidget+setLanguage)
|
|
2090
|
-
|
|
2091
|
-
<a name="w_new_MultiWidget_new" id="w_new_MultiWidget_new"
|
|
2077
|
+
* [MultiWidget](#user-content-w_MultiWidget)
|
|
2078
|
+
* [new exports.MultiWidget(accessToken, conf)](#user-content-w_new_MultiWidget_new)
|
|
2079
|
+
* [.setStyles(fields)](#user-content-w_MultiWidget+setStyles)
|
|
2080
|
+
* [.usePhoneCountryMask([options])](#user-content-w_MultiWidget+usePhoneCountryMask)
|
|
2081
|
+
* [.setTexts(fields)](#user-content-w_MultiWidget+setTexts)
|
|
2082
|
+
* [.setElementStyle(element, [state], styles)](#user-content-w_MultiWidget+setElementStyle)
|
|
2083
|
+
* [.setFormValues(fieldValues)](#user-content-w_MultiWidget+setFormValues)
|
|
2084
|
+
* [.setFormLabels(fieldLabels)](#user-content-w_MultiWidget+setFormLabels)
|
|
2085
|
+
* [.setFormPlaceholders(fieldPlaceholders)](#user-content-w_MultiWidget+setFormPlaceholders)
|
|
2086
|
+
* [.setFormElements(elements)](#user-content-w_MultiWidget+setFormElements)
|
|
2087
|
+
* [.setIcons()](#user-content-w_MultiWidget+setIcons)
|
|
2088
|
+
* [.setHiddenElements(elements)](#user-content-w_MultiWidget+setHiddenElements)
|
|
2089
|
+
* [.setRefId(refId)](#user-content-w_MultiWidget+setRefId)
|
|
2090
|
+
* [.useGatewayFieldValidation()](#user-content-w_MultiWidget+useGatewayFieldValidation)
|
|
2091
|
+
* [.setSupportedCardIcons(elements, validateCardNumberInput)](#user-content-w_MultiWidget+setSupportedCardIcons)
|
|
2092
|
+
* [.setEnv(env, [alias])](#user-content-w_MultiWidget+setEnv)
|
|
2093
|
+
* [.loadIFrameUrl()](#user-content-w_MultiWidget+loadIFrameUrl)
|
|
2094
|
+
* [.setLanguage(code)](#user-content-w_MultiWidget+setLanguage)
|
|
2095
|
+
|
|
2096
|
+
<a name="w_new_MultiWidget_new" id="w_new_MultiWidget_new" href="#user-content-w_new_MultiWidget_new"> </a>
|
|
2092
2097
|
|
|
2093
2098
|
### new exports.MultiWidget(accessToken, conf)
|
|
2094
2099
|
|
|
2095
2100
|
| Param | Type | Description |
|
|
2096
2101
|
| --- | --- | --- |
|
|
2097
2102
|
| accessToken | <code>string</code> | PayDock users access token or public key |
|
|
2098
|
-
| conf | [<code>Configuration</code>](#w_Configuration) \| <code>string</code> \| [<code>Array.<Configuration></code>](#w_Configuration) \| <code>Array.<string></code> | exemplar[s] Configuration class OR configuration token |
|
|
2103
|
+
| conf | [<code>Configuration</code>](#user-content-w_Configuration) \| <code>string</code> \| [<code>Array.<Configuration></code>](#user-content-w_Configuration) \| <code>Array.<string></code> | exemplar[s] Configuration class OR configuration token |
|
|
2099
2104
|
|
|
2100
2105
|
**Example**
|
|
2101
2106
|
|
|
@@ -2111,16 +2116,16 @@ var widget = new MultiWidget('accessToken',[ With Configurations
|
|
|
2111
2116
|
Configuration('gatewayId', 'bank_account')
|
|
2112
2117
|
]);
|
|
2113
2118
|
```
|
|
2114
|
-
<a name="w_MultiWidget+setStyles" id="w_MultiWidget+setStyles"
|
|
2119
|
+
<a name="w_MultiWidget+setStyles" id="w_MultiWidget+setStyles" href="#user-content-w_MultiWidget+setStyles"> </a>
|
|
2115
2120
|
|
|
2116
2121
|
### multiWidget.setStyles(fields)
|
|
2117
2122
|
Object contain styles for widget
|
|
2118
2123
|
|
|
2119
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2124
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2120
2125
|
|
|
2121
2126
|
| Param | Type | Description |
|
|
2122
2127
|
| --- | --- | --- |
|
|
2123
|
-
| fields | [<code>IStyles</code>](#w_IStyles) | name of styles which can be shown in widget [STYLE](#w_STYLE) |
|
|
2128
|
+
| fields | [<code>IStyles</code>](#user-content-w_IStyles) | name of styles which can be shown in widget [STYLE](#user-content-w_STYLE) |
|
|
2124
2129
|
|
|
2125
2130
|
**Example**
|
|
2126
2131
|
|
|
@@ -2134,12 +2139,12 @@ widget.setStyles({
|
|
|
2134
2139
|
fort_family: 'fantasy'
|
|
2135
2140
|
});
|
|
2136
2141
|
```
|
|
2137
|
-
<a name="w_MultiWidget+usePhoneCountryMask" id="w_MultiWidget+usePhoneCountryMask"
|
|
2142
|
+
<a name="w_MultiWidget+usePhoneCountryMask" id="w_MultiWidget+usePhoneCountryMask" href="#user-content-w_MultiWidget+usePhoneCountryMask"> </a>
|
|
2138
2143
|
|
|
2139
2144
|
### multiWidget.usePhoneCountryMask([options])
|
|
2140
2145
|
Method to set a country code mask for the phone input.
|
|
2141
2146
|
|
|
2142
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2147
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2143
2148
|
|
|
2144
2149
|
| Param | Type | Description |
|
|
2145
2150
|
| --- | --- | --- |
|
|
@@ -2162,16 +2167,16 @@ widget.usePhoneCountryMask({
|
|
|
2162
2167
|
only_countries: ['au', 'gb', 'us', 'ua']
|
|
2163
2168
|
});
|
|
2164
2169
|
```
|
|
2165
|
-
<a name="w_MultiWidget+setTexts" id="w_MultiWidget+setTexts"
|
|
2170
|
+
<a name="w_MultiWidget+setTexts" id="w_MultiWidget+setTexts" href="#user-content-w_MultiWidget+setTexts"> </a>
|
|
2166
2171
|
|
|
2167
2172
|
### multiWidget.setTexts(fields)
|
|
2168
2173
|
Method for set different texts inside the widget
|
|
2169
2174
|
|
|
2170
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2175
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2171
2176
|
|
|
2172
2177
|
| Param | Type | Description |
|
|
2173
2178
|
| --- | --- | --- |
|
|
2174
|
-
| fields | [<code>ITexts</code>](#w_ITexts) | name of text items which can be shown in widget [TEXT](#w_TEXT) |
|
|
2179
|
+
| fields | [<code>ITexts</code>](#user-content-w_ITexts) | name of text items which can be shown in widget [TEXT](#user-content-w_TEXT) |
|
|
2175
2180
|
|
|
2176
2181
|
**Example**
|
|
2177
2182
|
|
|
@@ -2184,18 +2189,18 @@ widget.setTexts({
|
|
|
2184
2189
|
submit_button_processing: 'Load...',
|
|
2185
2190
|
});
|
|
2186
2191
|
```
|
|
2187
|
-
<a name="w_MultiWidget+setElementStyle" id="w_MultiWidget+setElementStyle"
|
|
2192
|
+
<a name="w_MultiWidget+setElementStyle" id="w_MultiWidget+setElementStyle" href="#user-content-w_MultiWidget+setElementStyle"> </a>
|
|
2188
2193
|
|
|
2189
2194
|
### multiWidget.setElementStyle(element, [state], styles)
|
|
2190
2195
|
Method for set styles for different elements and states
|
|
2191
2196
|
|
|
2192
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2197
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2193
2198
|
|
|
2194
2199
|
| Param | Type | Description |
|
|
2195
2200
|
| --- | --- | --- |
|
|
2196
|
-
| element | <code>string</code> | type of element for styling. These elements are available [STYLABLE_ELEMENT](#w_STYLABLE_ELEMENT) |
|
|
2197
|
-
| [state] | <code>string</code> | state of element for styling. These states are available [STYLABLE_ELEMENT_STATE](#w_STYLABLE_ELEMENT_STATE) |
|
|
2198
|
-
| styles | [<code>IElementStyleInput</code>](#w_IElementStyleInput) \| [<code>IElementStyleSubmitButton</code>](#w_IElementStyleSubmitButton) \| [<code>IElementStyleLabel</code>](#w_IElementStyleLabel) \| [<code>IElementStyleTitle</code>](#w_IElementStyleTitle) \| [<code>IElementStyleTitleDescription</code>](#w_IElementStyleTitleDescription) | styles list |
|
|
2201
|
+
| element | <code>string</code> | type of element for styling. These elements are available [STYLABLE_ELEMENT](#user-content-w_STYLABLE_ELEMENT) |
|
|
2202
|
+
| [state] | <code>string</code> | state of element for styling. These states are available [STYLABLE_ELEMENT_STATE](#user-content-w_STYLABLE_ELEMENT_STATE) |
|
|
2203
|
+
| styles | [<code>IElementStyleInput</code>](#user-content-w_IElementStyleInput) \| [<code>IElementStyleSubmitButton</code>](#user-content-w_IElementStyleSubmitButton) \| [<code>IElementStyleLabel</code>](#user-content-w_IElementStyleLabel) \| [<code>IElementStyleTitle</code>](#user-content-w_IElementStyleTitle) \| [<code>IElementStyleTitleDescription</code>](#user-content-w_IElementStyleTitleDescription) | styles list |
|
|
2199
2204
|
|
|
2200
2205
|
**Example**
|
|
2201
2206
|
|
|
@@ -2212,16 +2217,16 @@ widget.setElementStyle('input', 'error', {
|
|
|
2212
2217
|
border: 'red solid 1px'
|
|
2213
2218
|
});
|
|
2214
2219
|
```
|
|
2215
|
-
<a name="w_MultiWidget+setFormValues" id="w_MultiWidget+setFormValues"
|
|
2220
|
+
<a name="w_MultiWidget+setFormValues" id="w_MultiWidget+setFormValues" href="#user-content-w_MultiWidget+setFormValues"> </a>
|
|
2216
2221
|
|
|
2217
2222
|
### multiWidget.setFormValues(fieldValues)
|
|
2218
2223
|
The method to set the predefined values for the form fields inside the widget
|
|
2219
2224
|
|
|
2220
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2225
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2221
2226
|
|
|
2222
2227
|
| Param | Type | Description |
|
|
2223
2228
|
| --- | --- | --- |
|
|
2224
|
-
| fieldValues | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), The object value is what we are expecting |
|
|
2229
|
+
| fieldValues | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), The object value is what we are expecting |
|
|
2225
2230
|
|
|
2226
2231
|
**Example**
|
|
2227
2232
|
|
|
@@ -2231,16 +2236,16 @@ widget.setFormValues({
|
|
|
2231
2236
|
card_name: 'Houston'
|
|
2232
2237
|
});
|
|
2233
2238
|
```
|
|
2234
|
-
<a name="w_MultiWidget+setFormLabels" id="w_MultiWidget+setFormLabels"
|
|
2239
|
+
<a name="w_MultiWidget+setFormLabels" id="w_MultiWidget+setFormLabels" href="#user-content-w_MultiWidget+setFormLabels"> </a>
|
|
2235
2240
|
|
|
2236
2241
|
### multiWidget.setFormLabels(fieldLabels)
|
|
2237
2242
|
The method to set custom form field labels
|
|
2238
2243
|
|
|
2239
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2244
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2240
2245
|
|
|
2241
2246
|
| Param | Type | Description |
|
|
2242
2247
|
| --- | --- | --- |
|
|
2243
|
-
| fieldLabels | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), The object value is what we are expecting |
|
|
2248
|
+
| fieldLabels | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), The object value is what we are expecting |
|
|
2244
2249
|
|
|
2245
2250
|
**Example**
|
|
2246
2251
|
|
|
@@ -2250,16 +2255,16 @@ widget.setFormPlaceholders({
|
|
|
2250
2255
|
email: 'Email For Receipt'
|
|
2251
2256
|
})
|
|
2252
2257
|
```
|
|
2253
|
-
<a name="w_MultiWidget+setFormPlaceholders" id="w_MultiWidget+setFormPlaceholders"
|
|
2258
|
+
<a name="w_MultiWidget+setFormPlaceholders" id="w_MultiWidget+setFormPlaceholders" href="#user-content-w_MultiWidget+setFormPlaceholders"> </a>
|
|
2254
2259
|
|
|
2255
2260
|
### multiWidget.setFormPlaceholders(fieldPlaceholders)
|
|
2256
2261
|
The method to set custom form fields placeholders
|
|
2257
2262
|
|
|
2258
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2263
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2259
2264
|
|
|
2260
2265
|
| Param | Type | Description |
|
|
2261
2266
|
| --- | --- | --- |
|
|
2262
|
-
| fieldPlaceholders | <code>Object</code> | Key of object is one of [FORM_FIELD](#w_FORM_FIELD), Value of object is expected placeholder |
|
|
2267
|
+
| fieldPlaceholders | <code>Object</code> | Key of object is one of [FORM_FIELD](#user-content-w_FORM_FIELD), Value of object is expected placeholder |
|
|
2263
2268
|
|
|
2264
2269
|
**Example**
|
|
2265
2270
|
|
|
@@ -2269,18 +2274,18 @@ widget.setFormPlaceholders({
|
|
|
2269
2274
|
email: 'Input your email, like test@example.com'
|
|
2270
2275
|
})
|
|
2271
2276
|
```
|
|
2272
|
-
<a name="w_MultiWidget+setFormElements" id="w_MultiWidget+setFormElements"
|
|
2277
|
+
<a name="w_MultiWidget+setFormElements" id="w_MultiWidget+setFormElements" href="#user-content-w_MultiWidget+setFormElements"> </a>
|
|
2273
2278
|
|
|
2274
2279
|
### multiWidget.setFormElements(elements)
|
|
2275
2280
|
The method to set the full configuration for the all specific form elements (label, placeholder, value)
|
|
2276
2281
|
You can also use the other method for the partial configuration like: setFormValues, setFormPlaceholder, setFormLabel
|
|
2277
2282
|
|
|
2278
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2283
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2279
2284
|
|
|
2280
2285
|
| Param | Type | Description |
|
|
2281
2286
|
| --- | --- | --- |
|
|
2282
2287
|
| elements | <code>string</code> | The list of elements |
|
|
2283
|
-
| elements[].field | <code>string</code> | Field name of the element [FORM_FIELD](#w_FORM_FIELD) |
|
|
2288
|
+
| elements[].field | <code>string</code> | Field name of the element [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
2284
2289
|
| elements[].placeholder | <code>string</code> | Set custom form field placeholder |
|
|
2285
2290
|
| elements[].label | <code>string</code> | Set custom labels near form field |
|
|
2286
2291
|
| elements[].value | <code>string</code> | Set predefined values for the form field |
|
|
@@ -2303,38 +2308,38 @@ widget.setFormElements([
|
|
|
2303
2308
|
},
|
|
2304
2309
|
])
|
|
2305
2310
|
```
|
|
2306
|
-
<a name="w_MultiWidget+setIcons" id="w_MultiWidget+setIcons"
|
|
2311
|
+
<a name="w_MultiWidget+setIcons" id="w_MultiWidget+setIcons" href="#user-content-w_MultiWidget+setIcons"> </a>
|
|
2307
2312
|
|
|
2308
2313
|
### multiWidget.setIcons()
|
|
2309
2314
|
The method to change the widget icons
|
|
2310
2315
|
|
|
2311
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2316
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2312
2317
|
**Todo**
|
|
2313
2318
|
|
|
2314
2319
|
- [ ] DEPRECATED
|
|
2315
2320
|
|
|
2316
|
-
<a name="w_MultiWidget+setHiddenElements" id="w_MultiWidget+setHiddenElements"
|
|
2321
|
+
<a name="w_MultiWidget+setHiddenElements" id="w_MultiWidget+setHiddenElements" href="#user-content-w_MultiWidget+setHiddenElements"> </a>
|
|
2317
2322
|
|
|
2318
2323
|
### multiWidget.setHiddenElements(elements)
|
|
2319
2324
|
Using this method you can set hidden elements inside widget
|
|
2320
2325
|
|
|
2321
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2326
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2322
2327
|
|
|
2323
2328
|
| Param | Type | Description |
|
|
2324
2329
|
| --- | --- | --- |
|
|
2325
|
-
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#w_ELEMENT) || [FORM_FIELD](#w_FORM_FIELD) |
|
|
2330
|
+
| elements | <code>[ 'Array' ].<string></code> | list of element which can be hidden [ELEMENT](#user-content-w_ELEMENT) || [FORM_FIELD](#user-content-w_FORM_FIELD) |
|
|
2326
2331
|
|
|
2327
2332
|
**Example**
|
|
2328
2333
|
|
|
2329
2334
|
```javascript
|
|
2330
2335
|
widget.setHiddenElements(['submit_button', 'email']);
|
|
2331
2336
|
```
|
|
2332
|
-
<a name="w_MultiWidget+setRefId" id="w_MultiWidget+setRefId"
|
|
2337
|
+
<a name="w_MultiWidget+setRefId" id="w_MultiWidget+setRefId" href="#user-content-w_MultiWidget+setRefId"> </a>
|
|
2333
2338
|
|
|
2334
2339
|
### multiWidget.setRefId(refId)
|
|
2335
2340
|
Current method can set custom ID to identify the data in the future
|
|
2336
2341
|
|
|
2337
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2342
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2338
2343
|
|
|
2339
2344
|
| Param | Type | Description |
|
|
2340
2345
|
| --- | --- | --- |
|
|
@@ -2345,27 +2350,27 @@ Current method can set custom ID to identify the data in the future
|
|
|
2345
2350
|
```javascript
|
|
2346
2351
|
widget.setRefId('id');
|
|
2347
2352
|
```
|
|
2348
|
-
<a name="w_MultiWidget+useGatewayFieldValidation" id="w_MultiWidget+useGatewayFieldValidation"
|
|
2353
|
+
<a name="w_MultiWidget+useGatewayFieldValidation" id="w_MultiWidget+useGatewayFieldValidation" href="#user-content-w_MultiWidget+useGatewayFieldValidation"> </a>
|
|
2349
2354
|
|
|
2350
2355
|
### multiWidget.useGatewayFieldValidation()
|
|
2351
2356
|
Current method can add visual validation from gateway to widget's form fields
|
|
2352
2357
|
|
|
2353
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2358
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2354
2359
|
**Example**
|
|
2355
2360
|
|
|
2356
2361
|
```javascript
|
|
2357
2362
|
widget.useGatewayFieldValidation();
|
|
2358
2363
|
```
|
|
2359
|
-
<a name="w_MultiWidget+setSupportedCardIcons" id="w_MultiWidget+setSupportedCardIcons"
|
|
2364
|
+
<a name="w_MultiWidget+setSupportedCardIcons" id="w_MultiWidget+setSupportedCardIcons" href="#user-content-w_MultiWidget+setSupportedCardIcons"> </a>
|
|
2360
2365
|
|
|
2361
2366
|
### multiWidget.setSupportedCardIcons(elements, validateCardNumberInput)
|
|
2362
2367
|
Current method can set icons of supported card types
|
|
2363
2368
|
|
|
2364
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2369
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2365
2370
|
|
|
2366
2371
|
| Param | Type | Description |
|
|
2367
2372
|
| --- | --- | --- |
|
|
2368
|
-
| elements | <code>[ 'Array' ].<string></code> | [SUPPORTED_CARD_TYPES](#w_SUPPORTED_CARD_TYPES) |
|
|
2373
|
+
| elements | <code>[ 'Array' ].<string></code> | [SUPPORTED_CARD_TYPES](#user-content-w_SUPPORTED_CARD_TYPES) |
|
|
2369
2374
|
| validateCardNumberInput | <code>boolean</code> | [validateCardNumberInput=false] - using this param you allow validation for card number input on supported card types |
|
|
2370
2375
|
|
|
2371
2376
|
**Example**
|
|
@@ -2373,13 +2378,13 @@ Current method can set icons of supported card types
|
|
|
2373
2378
|
```javascript
|
|
2374
2379
|
widget.setSupportedCardIcons(['mastercard', 'visa'], validateCardNumberInput);
|
|
2375
2380
|
```
|
|
2376
|
-
<a name="w_MultiWidget+setEnv" id="w_MultiWidget+setEnv"
|
|
2381
|
+
<a name="w_MultiWidget+setEnv" id="w_MultiWidget+setEnv" href="#user-content-w_MultiWidget+setEnv"> </a>
|
|
2377
2382
|
|
|
2378
2383
|
### multiWidget.setEnv(env, [alias])
|
|
2379
2384
|
Current method can change environment. By default environment = sandbox.
|
|
2380
2385
|
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
2381
2386
|
|
|
2382
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2387
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2383
2388
|
|
|
2384
2389
|
| Param | Type | Description |
|
|
2385
2390
|
| --- | --- | --- |
|
|
@@ -2391,12 +2396,12 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
2391
2396
|
```javascript
|
|
2392
2397
|
widget.setEnv('production', 'paydock.com');
|
|
2393
2398
|
```
|
|
2394
|
-
<a name="w_MultiWidget+loadIFrameUrl" id="w_MultiWidget+loadIFrameUrl"
|
|
2399
|
+
<a name="w_MultiWidget+loadIFrameUrl" id="w_MultiWidget+loadIFrameUrl" href="#user-content-w_MultiWidget+loadIFrameUrl"> </a>
|
|
2395
2400
|
|
|
2396
2401
|
### multiWidget.loadIFrameUrl()
|
|
2397
2402
|
Method for creating iframe url
|
|
2398
2403
|
|
|
2399
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2404
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2400
2405
|
**Example**
|
|
2401
2406
|
|
|
2402
2407
|
```javascript
|
|
@@ -2406,12 +2411,12 @@ widget.loadIFrameUrl(function (url) {
|
|
|
2406
2411
|
console.log(errors);
|
|
2407
2412
|
});
|
|
2408
2413
|
```
|
|
2409
|
-
<a name="w_MultiWidget+setLanguage" id="w_MultiWidget+setLanguage"
|
|
2414
|
+
<a name="w_MultiWidget+setLanguage" id="w_MultiWidget+setLanguage" href="#user-content-w_MultiWidget+setLanguage"> </a>
|
|
2410
2415
|
|
|
2411
2416
|
### multiWidget.setLanguage(code)
|
|
2412
2417
|
Method for setting a custom language code
|
|
2413
2418
|
|
|
2414
|
-
**Kind**: instance method of [<code>MultiWidget</code>](#w_MultiWidget)
|
|
2419
|
+
**Kind**: instance method of [<code>MultiWidget</code>](#user-content-w_MultiWidget)
|
|
2415
2420
|
|
|
2416
2421
|
| Param | Type | Description |
|
|
2417
2422
|
| --- | --- | --- |
|
|
@@ -2422,7 +2427,7 @@ Method for setting a custom language code
|
|
|
2422
2427
|
```javascript
|
|
2423
2428
|
config.setLanguage('en');
|
|
2424
2429
|
```
|
|
2425
|
-
<a name="w_EVENT" id="w_EVENT"
|
|
2430
|
+
<a name="w_EVENT" id="w_EVENT" href="#user-content-w_EVENT"> </a>
|
|
2426
2431
|
|
|
2427
2432
|
## EVENT : <code>object</code>
|
|
2428
2433
|
List of available event's name
|
|
@@ -2440,7 +2445,7 @@ List of available event's name
|
|
|
2440
2445
|
| META_CHANGE | <code>string</code> | <code>"metaChange"</code> |
|
|
2441
2446
|
| RESIZE | <code>string</code> | <code>"resize"</code> |
|
|
2442
2447
|
|
|
2443
|
-
<a name="w_VAULT_DISPLAY_EVENT" id="w_VAULT_DISPLAY_EVENT"
|
|
2448
|
+
<a name="w_VAULT_DISPLAY_EVENT" id="w_VAULT_DISPLAY_EVENT" href="#user-content-w_VAULT_DISPLAY_EVENT"> </a>
|
|
2444
2449
|
|
|
2445
2450
|
## VAULT\_DISPLAY\_EVENT : <code>object</code>
|
|
2446
2451
|
List of available event's name
|
|
@@ -2458,7 +2463,7 @@ List of available event's name
|
|
|
2458
2463
|
| SYSTEM_ERROR | <code>string</code> | <code>"session_expired"</code> |
|
|
2459
2464
|
| OPERATION_FORBIDDEN | <code>string</code> | <code>"operation_forbidden"</code> |
|
|
2460
2465
|
|
|
2461
|
-
<a name="w_PAYMENT_TYPE" id="w_PAYMENT_TYPE"
|
|
2466
|
+
<a name="w_PAYMENT_TYPE" id="w_PAYMENT_TYPE" href="#user-content-w_PAYMENT_TYPE"> </a>
|
|
2462
2467
|
|
|
2463
2468
|
## PAYMENT\_TYPE : <code>object</code>
|
|
2464
2469
|
List of available payment source types
|
|
@@ -2471,7 +2476,7 @@ List of available payment source types
|
|
|
2471
2476
|
| BANK_ACCOUNT | <code>string</code> | <code>"bank_account"</code> |
|
|
2472
2477
|
| CHECKOUT | <code>string</code> | <code>"checkout"</code> |
|
|
2473
2478
|
|
|
2474
|
-
<a name="w_PURPOSE" id="w_PURPOSE"
|
|
2479
|
+
<a name="w_PURPOSE" id="w_PURPOSE" href="#user-content-w_PURPOSE"> </a>
|
|
2475
2480
|
|
|
2476
2481
|
## PURPOSE : <code>object</code>
|
|
2477
2482
|
Purposes
|
|
@@ -2484,7 +2489,7 @@ Purposes
|
|
|
2484
2489
|
| CARD_PAYMENT_SOURCE_WITH_CVV | <code>string</code> | <code>"card_payment_source_with_cvv"</code> |
|
|
2485
2490
|
| CARD_PAYMENT_SOURCE_WITHOUT_CVV | <code>string</code> | <code>"card_payment_source_without_cvv"</code> |
|
|
2486
2491
|
|
|
2487
|
-
<a name="w_FORM_FIELD" id="w_FORM_FIELD"
|
|
2492
|
+
<a name="w_FORM_FIELD" id="w_FORM_FIELD" href="#user-content-w_FORM_FIELD"> </a>
|
|
2488
2493
|
|
|
2489
2494
|
## FORM\_FIELD : <code>object</code>
|
|
2490
2495
|
Current constant include available type of fields which can be included to widget
|
|
@@ -2518,7 +2523,7 @@ Current constant include available type of fields which can be included to widge
|
|
|
2518
2523
|
| ADDRESS_POSTCODE | <code>string</code> | <code>"address_postcode"</code> |
|
|
2519
2524
|
| ADDRESS_COMPANY | <code>string</code> | <code>"address_company"</code> |
|
|
2520
2525
|
|
|
2521
|
-
<a name="w_STYLE" id="w_STYLE"
|
|
2526
|
+
<a name="w_STYLE" id="w_STYLE" href="#user-content-w_STYLE"> </a>
|
|
2522
2527
|
|
|
2523
2528
|
## STYLE : <code>object</code>
|
|
2524
2529
|
List of available style params for widget
|
|
@@ -2536,7 +2541,7 @@ List of available style params for widget
|
|
|
2536
2541
|
| FONT_SIZE | <code>string</code> | <code>"font_size"</code> |
|
|
2537
2542
|
| FONT_FAMILY | <code>string</code> | <code>"font_family"</code> |
|
|
2538
2543
|
|
|
2539
|
-
<a name="w_TEXT" id="w_TEXT"
|
|
2544
|
+
<a name="w_TEXT" id="w_TEXT" href="#user-content-w_TEXT"> </a>
|
|
2540
2545
|
|
|
2541
2546
|
## TEXT : <code>object</code>
|
|
2542
2547
|
List of available text item params for widget
|
|
@@ -2548,7 +2553,7 @@ List of available text item params for widget
|
|
|
2548
2553
|
| TITLE | <code>string</code> | <code>"title"</code> |
|
|
2549
2554
|
| FINISH | <code>string</code> | <code>"finish_text"</code> |
|
|
2550
2555
|
|
|
2551
|
-
<a name="w_ELEMENT" id="w_ELEMENT"
|
|
2556
|
+
<a name="w_ELEMENT" id="w_ELEMENT" href="#user-content-w_ELEMENT"> </a>
|
|
2552
2557
|
|
|
2553
2558
|
## ELEMENT : <code>object</code>
|
|
2554
2559
|
List of available params for hide elements
|
|
@@ -2560,7 +2565,7 @@ List of available params for hide elements
|
|
|
2560
2565
|
| SUBMIT_BUTTON | <code>string</code> | <code>"submit_button"</code> |
|
|
2561
2566
|
| TABS | <code>string</code> | <code>"tabs"</code> |
|
|
2562
2567
|
|
|
2563
|
-
<a name="w_SUPPORTED_CARD_TYPES" id="w_SUPPORTED_CARD_TYPES"
|
|
2568
|
+
<a name="w_SUPPORTED_CARD_TYPES" id="w_SUPPORTED_CARD_TYPES" href="#user-content-w_SUPPORTED_CARD_TYPES"> </a>
|
|
2564
2569
|
|
|
2565
2570
|
## SUPPORTED\_CARD\_TYPES : <code>object</code>
|
|
2566
2571
|
The list of available parameters for showing card icons
|
|
@@ -2580,7 +2585,7 @@ The list of available parameters for showing card icons
|
|
|
2580
2585
|
| VISA | <code>string</code> | <code>"visa"</code> |
|
|
2581
2586
|
| VISA_WHITE | <code>string</code> | <code>"visa_white"</code> |
|
|
2582
2587
|
|
|
2583
|
-
<a name="w_STYLABLE_ELEMENT" id="w_STYLABLE_ELEMENT"
|
|
2588
|
+
<a name="w_STYLABLE_ELEMENT" id="w_STYLABLE_ELEMENT" href="#user-content-w_STYLABLE_ELEMENT"> </a>
|
|
2584
2589
|
|
|
2585
2590
|
## STYLABLE\_ELEMENT : <code>object</code>
|
|
2586
2591
|
Current constant include available type of element for styling
|
|
@@ -2589,13 +2594,13 @@ Current constant include available type of element for styling
|
|
|
2589
2594
|
|
|
2590
2595
|
| Param | Type | Default | Description |
|
|
2591
2596
|
| --- | --- | --- | --- |
|
|
2592
|
-
| INPUT | <code>string</code> | <code>"input."</code> | These states are available: [STYLABLE_ELEMENT_STATE.ERROR](#w_STYLABLE_ELEMENT_STATE), [STYLABLE_ELEMENT_STATE.FOCUS](#w_STYLABLE_ELEMENT_STATE). These styles are available [IElementStyleInput](#w_IElementStyleInput) |
|
|
2593
|
-
| SUBMIT_BUTTON | <code>string</code> | <code>"submit_button"</code> | These states are available: [STYLABLE_ELEMENT_STATE.HOVER](#w_STYLABLE_ELEMENT_STATE). These styles are available [IElementStyleSubmitButton](#w_IElementStyleSubmitButton) |
|
|
2594
|
-
| LABEL | <code>string</code> | <code>"label."</code> | These styles are available [IElementStyleLabel](#w_IElementStyleLabel) |
|
|
2595
|
-
| TITLE | <code>string</code> | <code>"title."</code> | These styles are available [IElementStyleTitle](#w_IElementStyleTitle) |
|
|
2596
|
-
| TITLE_DESCRIPTION | <code>string</code> | <code>"title_description."</code> | These styles are available [IElementStyleTitleDescription](#w_IElementStyleTitleDescription) |
|
|
2597
|
+
| INPUT | <code>string</code> | <code>"input."</code> | These states are available: [STYLABLE_ELEMENT_STATE.ERROR](#user-content-w_STYLABLE_ELEMENT_STATE), [STYLABLE_ELEMENT_STATE.FOCUS](#user-content-w_STYLABLE_ELEMENT_STATE). These styles are available [IElementStyleInput](#user-content-w_IElementStyleInput) |
|
|
2598
|
+
| SUBMIT_BUTTON | <code>string</code> | <code>"submit_button"</code> | These states are available: [STYLABLE_ELEMENT_STATE.HOVER](#user-content-w_STYLABLE_ELEMENT_STATE). These styles are available [IElementStyleSubmitButton](#user-content-w_IElementStyleSubmitButton) |
|
|
2599
|
+
| LABEL | <code>string</code> | <code>"label."</code> | These styles are available [IElementStyleLabel](#user-content-w_IElementStyleLabel) |
|
|
2600
|
+
| TITLE | <code>string</code> | <code>"title."</code> | These styles are available [IElementStyleTitle](#user-content-w_IElementStyleTitle) |
|
|
2601
|
+
| TITLE_DESCRIPTION | <code>string</code> | <code>"title_description."</code> | These styles are available [IElementStyleTitleDescription](#user-content-w_IElementStyleTitleDescription) |
|
|
2597
2602
|
|
|
2598
|
-
<a name="w_STYLABLE_ELEMENT_STATE" id="w_STYLABLE_ELEMENT_STATE"
|
|
2603
|
+
<a name="w_STYLABLE_ELEMENT_STATE" id="w_STYLABLE_ELEMENT_STATE" href="#user-content-w_STYLABLE_ELEMENT_STATE"> </a>
|
|
2599
2604
|
|
|
2600
2605
|
## STYLABLE\_ELEMENT\_STATE : <code>object</code>
|
|
2601
2606
|
Current constant include available states of element for styling
|
|
@@ -2608,7 +2613,7 @@ Current constant include available states of element for styling
|
|
|
2608
2613
|
| FOCUS | <code>string</code> | <code>"focus"</code> | focus. This state applies to: input |
|
|
2609
2614
|
| HOVER | <code>string</code> | <code>"hover"</code> | focus. This state applies to: submit_button |
|
|
2610
2615
|
|
|
2611
|
-
<a name="w_TRIGGER" id="w_TRIGGER"
|
|
2616
|
+
<a name="w_TRIGGER" id="w_TRIGGER" href="#user-content-w_TRIGGER"> </a>
|
|
2612
2617
|
|
|
2613
2618
|
## TRIGGER : <code>object</code>
|
|
2614
2619
|
List of available triggers
|
|
@@ -2759,10 +2764,10 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
2759
2764
|
## Classes
|
|
2760
2765
|
|
|
2761
2766
|
<dl>
|
|
2762
|
-
<dt><a href="#psw_HtmlPaymentSourceWidget">HtmlPaymentSourceWidget</a> ⇐ <code><a href="#psw_PaymentSourceWidget">PaymentSourceWidget</a></code></dt>
|
|
2767
|
+
<dt><a href="#user-content-psw_HtmlPaymentSourceWidget">HtmlPaymentSourceWidget</a> ⇐ <code><a href="#user-content-psw_PaymentSourceWidget">PaymentSourceWidget</a></code></dt>
|
|
2763
2768
|
<dd><p>Class HtmlPaymentSourceWidget include method for working on html</p>
|
|
2764
2769
|
</dd>
|
|
2765
|
-
<dt><a href="#psw_PaymentSourceWidget">PaymentSourceWidget</a></dt>
|
|
2770
|
+
<dt><a href="#user-content-psw_PaymentSourceWidget">PaymentSourceWidget</a></dt>
|
|
2766
2771
|
<dd><p>Class PaymentSourceWidget include method for for creating iframe url</p>
|
|
2767
2772
|
</dd>
|
|
2768
2773
|
</dl>
|
|
@@ -2770,13 +2775,13 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
2770
2775
|
## Constants
|
|
2771
2776
|
|
|
2772
2777
|
<dl>
|
|
2773
|
-
<dt><a href="#psw_EVENT">EVENT</a> : <code>object</code></dt>
|
|
2778
|
+
<dt><a href="#user-content-psw_EVENT">EVENT</a> : <code>object</code></dt>
|
|
2774
2779
|
<dd><p>List of available event's name</p>
|
|
2775
2780
|
</dd>
|
|
2776
|
-
<dt><a href="#psw_STYLE">STYLE</a> : <code>object</code></dt>
|
|
2781
|
+
<dt><a href="#user-content-psw_STYLE">STYLE</a> : <code>object</code></dt>
|
|
2777
2782
|
<dd><p>List of available style params for widget</p>
|
|
2778
2783
|
</dd>
|
|
2779
|
-
<dt><a href="#psw_PAYMENT_SOURCE_TYPE">PAYMENT_SOURCE_TYPE</a> : <code>object</code></dt>
|
|
2784
|
+
<dt><a href="#user-content-psw_PAYMENT_SOURCE_TYPE">PAYMENT_SOURCE_TYPE</a> : <code>object</code></dt>
|
|
2780
2785
|
<dd><p>List of available payment source types</p>
|
|
2781
2786
|
</dd>
|
|
2782
2787
|
</dl>
|
|
@@ -2784,7 +2789,7 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
2784
2789
|
## Typedefs
|
|
2785
2790
|
|
|
2786
2791
|
<dl>
|
|
2787
|
-
<dt><a href="#psw_listener--PaymentSourceWidget">listener--PaymentSourceWidget</a> : <code>function</code></dt>
|
|
2792
|
+
<dt><a href="#user-content-psw_listener--PaymentSourceWidget">listener--PaymentSourceWidget</a> : <code>function</code></dt>
|
|
2788
2793
|
<dd><p>This callback will be called for each event in payment source widget</p>
|
|
2789
2794
|
</dd>
|
|
2790
2795
|
</dl>
|
|
@@ -2792,27 +2797,27 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
2792
2797
|
## Interfaces
|
|
2793
2798
|
|
|
2794
2799
|
<dl>
|
|
2795
|
-
<dt><a href="#psw_IEventSelectData">IEventSelectData</a></dt>
|
|
2800
|
+
<dt><a href="#user-content-psw_IEventSelectData">IEventSelectData</a></dt>
|
|
2796
2801
|
<dd><p>Interface of data from event.</p>
|
|
2797
2802
|
</dd>
|
|
2798
|
-
<dt><a href="#psw_IEventPaginationData">IEventPaginationData</a></dt>
|
|
2803
|
+
<dt><a href="#user-content-psw_IEventPaginationData">IEventPaginationData</a></dt>
|
|
2799
2804
|
<dd><p>Interface of data from event.</p>
|
|
2800
2805
|
</dd>
|
|
2801
|
-
<dt><a href="#psw_IEventAfterLoadData">IEventAfterLoadData</a></dt>
|
|
2806
|
+
<dt><a href="#user-content-psw_IEventAfterLoadData">IEventAfterLoadData</a></dt>
|
|
2802
2807
|
<dd><p>Interface of data from event.</p>
|
|
2803
2808
|
</dd>
|
|
2804
|
-
<dt><a href="#psw_IEventFinishData">IEventFinishData</a></dt>
|
|
2809
|
+
<dt><a href="#user-content-psw_IEventFinishData">IEventFinishData</a></dt>
|
|
2805
2810
|
<dd><p>Interface of data from event.</p>
|
|
2806
2811
|
</dd>
|
|
2807
|
-
<dt><a href="#psw_IEventSizeData">IEventSizeData</a></dt>
|
|
2812
|
+
<dt><a href="#user-content-psw_IEventSizeData">IEventSizeData</a></dt>
|
|
2808
2813
|
<dd><p>Interface of data from event.</p>
|
|
2809
2814
|
</dd>
|
|
2810
|
-
<dt><a href="#psw_IStyles">IStyles</a></dt>
|
|
2815
|
+
<dt><a href="#user-content-psw_IStyles">IStyles</a></dt>
|
|
2811
2816
|
<dd><p>Interface for classes that represent widget's styles.</p>
|
|
2812
2817
|
</dd>
|
|
2813
2818
|
</dl>
|
|
2814
2819
|
|
|
2815
|
-
<a name="psw_IEventSelectData" id="psw_IEventSelectData"
|
|
2820
|
+
<a name="psw_IEventSelectData" id="psw_IEventSelectData" href="#user-content-psw_IEventSelectData"> </a>
|
|
2816
2821
|
|
|
2817
2822
|
## IEventSelectData
|
|
2818
2823
|
Interface of data from event.
|
|
@@ -2838,7 +2843,7 @@ Interface of data from event.
|
|
|
2838
2843
|
| [account_name] | <code>string</code> |
|
|
2839
2844
|
| [account_number] | <code>string</code> |
|
|
2840
2845
|
|
|
2841
|
-
<a name="psw_IEventPaginationData" id="psw_IEventPaginationData"
|
|
2846
|
+
<a name="psw_IEventPaginationData" id="psw_IEventPaginationData" href="#user-content-psw_IEventPaginationData"> </a>
|
|
2842
2847
|
|
|
2843
2848
|
## IEventPaginationData
|
|
2844
2849
|
Interface of data from event.
|
|
@@ -2855,7 +2860,7 @@ Interface of data from event.
|
|
|
2855
2860
|
| skip | <code>number</code> |
|
|
2856
2861
|
| limit | <code>number</code> |
|
|
2857
2862
|
|
|
2858
|
-
<a name="psw_IEventAfterLoadData" id="psw_IEventAfterLoadData"
|
|
2863
|
+
<a name="psw_IEventAfterLoadData" id="psw_IEventAfterLoadData" href="#user-content-psw_IEventAfterLoadData"> </a>
|
|
2859
2864
|
|
|
2860
2865
|
## IEventAfterLoadData
|
|
2861
2866
|
Interface of data from event.
|
|
@@ -2872,7 +2877,7 @@ Interface of data from event.
|
|
|
2872
2877
|
| skip | <code>number</code> | Pagination param. Skip items from first item |
|
|
2873
2878
|
| limit | <code>number</code> | Pagination param. Query limit |
|
|
2874
2879
|
|
|
2875
|
-
<a name="psw_IEventFinishData" id="psw_IEventFinishData"
|
|
2880
|
+
<a name="psw_IEventFinishData" id="psw_IEventFinishData" href="#user-content-psw_IEventFinishData"> </a>
|
|
2876
2881
|
|
|
2877
2882
|
## IEventFinishData
|
|
2878
2883
|
Interface of data from event.
|
|
@@ -2886,7 +2891,7 @@ Interface of data from event.
|
|
|
2886
2891
|
| message_source | <code>string</code> | System variable. Event source |
|
|
2887
2892
|
| [ref_id] | <code>string</code> | Custom value for identify result of processed operation |
|
|
2888
2893
|
|
|
2889
|
-
<a name="psw_IEventSizeData" id="psw_IEventSizeData"
|
|
2894
|
+
<a name="psw_IEventSizeData" id="psw_IEventSizeData" href="#user-content-psw_IEventSizeData"> </a>
|
|
2890
2895
|
|
|
2891
2896
|
## IEventSizeData
|
|
2892
2897
|
Interface of data from event.
|
|
@@ -2902,7 +2907,7 @@ Interface of data from event.
|
|
|
2902
2907
|
| height | <code>number</code> | Height of iFrame |
|
|
2903
2908
|
| width | <code>number</code> | Width of iFrame |
|
|
2904
2909
|
|
|
2905
|
-
<a name="psw_IStyles" id="psw_IStyles"
|
|
2910
|
+
<a name="psw_IStyles" id="psw_IStyles" href="#user-content-psw_IStyles"> </a>
|
|
2906
2911
|
|
|
2907
2912
|
## IStyles
|
|
2908
2913
|
Interface for classes that represent widget's styles.
|
|
@@ -2918,32 +2923,32 @@ Interface for classes that represent widget's styles.
|
|
|
2918
2923
|
| [font_size] | <code>string</code> |
|
|
2919
2924
|
| [icon_size] | <code>string</code> |
|
|
2920
2925
|
|
|
2921
|
-
<a name="psw_HtmlPaymentSourceWidget" id="psw_HtmlPaymentSourceWidget"
|
|
2926
|
+
<a name="psw_HtmlPaymentSourceWidget" id="psw_HtmlPaymentSourceWidget" href="#user-content-psw_HtmlPaymentSourceWidget"> </a>
|
|
2922
2927
|
|
|
2923
|
-
## HtmlPaymentSourceWidget ⇐ [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
2928
|
+
## HtmlPaymentSourceWidget ⇐ [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
2924
2929
|
Class HtmlPaymentSourceWidget include method for working on html
|
|
2925
2930
|
|
|
2926
2931
|
**Kind**: global class
|
|
2927
|
-
**Extends**: [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
2928
|
-
|
|
2929
|
-
* [HtmlPaymentSourceWidget](#psw_HtmlPaymentSourceWidget) ⇐ [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
2930
|
-
* [new exports.HtmlPaymentSourceWidget(selector, publicKey, queryToken)](#psw_new_HtmlPaymentSourceWidget_new)
|
|
2931
|
-
* [.load()](#psw_HtmlPaymentSourceWidget+load)
|
|
2932
|
-
* [.on(eventName, cb)](#psw_HtmlPaymentSourceWidget+on)
|
|
2933
|
-
* [.hide([saveSize])](#psw_HtmlPaymentSourceWidget+hide)
|
|
2934
|
-
* [.show()](#psw_HtmlPaymentSourceWidget+show)
|
|
2935
|
-
* [.reload()](#psw_HtmlPaymentSourceWidget+reload)
|
|
2936
|
-
* [.onSelectInsert(selector, dataType)](#psw_HtmlPaymentSourceWidget+onSelectInsert)
|
|
2937
|
-
* [.setStyles(fields)](#psw_PaymentSourceWidget+setStyles)
|
|
2938
|
-
* [.setRefId(refId)](#psw_PaymentSourceWidget+setRefId)
|
|
2939
|
-
* [.setLimit(count)](#psw_PaymentSourceWidget+setLimit)
|
|
2940
|
-
* [.setEnv(env, [alias])](#psw_PaymentSourceWidget+setEnv)
|
|
2941
|
-
* [.getIFrameUrl()](#psw_PaymentSourceWidget+getIFrameUrl)
|
|
2942
|
-
* [.filterByGatewayIds(ids)](#psw_PaymentSourceWidget+filterByGatewayIds)
|
|
2943
|
-
* [.filterByTypes(types)](#psw_PaymentSourceWidget+filterByTypes)
|
|
2944
|
-
* [.setLanguage(code)](#psw_PaymentSourceWidget+setLanguage)
|
|
2945
|
-
|
|
2946
|
-
<a name="psw_new_HtmlPaymentSourceWidget_new" id="psw_new_HtmlPaymentSourceWidget_new"
|
|
2932
|
+
**Extends**: [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
2933
|
+
|
|
2934
|
+
* [HtmlPaymentSourceWidget](#user-content-psw_HtmlPaymentSourceWidget) ⇐ [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
2935
|
+
* [new exports.HtmlPaymentSourceWidget(selector, publicKey, queryToken)](#user-content-psw_new_HtmlPaymentSourceWidget_new)
|
|
2936
|
+
* [.load()](#user-content-psw_HtmlPaymentSourceWidget+load)
|
|
2937
|
+
* [.on(eventName, cb)](#user-content-psw_HtmlPaymentSourceWidget+on)
|
|
2938
|
+
* [.hide([saveSize])](#user-content-psw_HtmlPaymentSourceWidget+hide)
|
|
2939
|
+
* [.show()](#user-content-psw_HtmlPaymentSourceWidget+show)
|
|
2940
|
+
* [.reload()](#user-content-psw_HtmlPaymentSourceWidget+reload)
|
|
2941
|
+
* [.onSelectInsert(selector, dataType)](#user-content-psw_HtmlPaymentSourceWidget+onSelectInsert)
|
|
2942
|
+
* [.setStyles(fields)](#user-content-psw_PaymentSourceWidget+setStyles)
|
|
2943
|
+
* [.setRefId(refId)](#user-content-psw_PaymentSourceWidget+setRefId)
|
|
2944
|
+
* [.setLimit(count)](#user-content-psw_PaymentSourceWidget+setLimit)
|
|
2945
|
+
* [.setEnv(env, [alias])](#user-content-psw_PaymentSourceWidget+setEnv)
|
|
2946
|
+
* [.getIFrameUrl()](#user-content-psw_PaymentSourceWidget+getIFrameUrl)
|
|
2947
|
+
* [.filterByGatewayIds(ids)](#user-content-psw_PaymentSourceWidget+filterByGatewayIds)
|
|
2948
|
+
* [.filterByTypes(types)](#user-content-psw_PaymentSourceWidget+filterByTypes)
|
|
2949
|
+
* [.setLanguage(code)](#user-content-psw_PaymentSourceWidget+setLanguage)
|
|
2950
|
+
|
|
2951
|
+
<a name="psw_new_HtmlPaymentSourceWidget_new" id="psw_new_HtmlPaymentSourceWidget_new" href="#user-content-psw_new_HtmlPaymentSourceWidget_new"> </a>
|
|
2947
2952
|
|
|
2948
2953
|
### new exports.HtmlPaymentSourceWidget(selector, publicKey, queryToken)
|
|
2949
2954
|
|
|
@@ -2958,23 +2963,23 @@ Class HtmlPaymentSourceWidget include method for working on html
|
|
|
2958
2963
|
```javascript
|
|
2959
2964
|
* var widget = new HtmlPaymentSourceWidget('#widget', 'publicKey','queryToken');
|
|
2960
2965
|
```
|
|
2961
|
-
<a name="psw_HtmlPaymentSourceWidget+load" id="psw_HtmlPaymentSourceWidget+load"
|
|
2966
|
+
<a name="psw_HtmlPaymentSourceWidget+load" id="psw_HtmlPaymentSourceWidget+load" href="#user-content-psw_HtmlPaymentSourceWidget+load"> </a>
|
|
2962
2967
|
|
|
2963
2968
|
### htmlPaymentSourceWidget.load()
|
|
2964
2969
|
The final method to beginning, the load process of widget to html
|
|
2965
2970
|
|
|
2966
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
2967
|
-
<a name="psw_HtmlPaymentSourceWidget+on" id="psw_HtmlPaymentSourceWidget+on"
|
|
2971
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
2972
|
+
<a name="psw_HtmlPaymentSourceWidget+on" id="psw_HtmlPaymentSourceWidget+on" href="#user-content-psw_HtmlPaymentSourceWidget+on"> </a>
|
|
2968
2973
|
|
|
2969
2974
|
### htmlPaymentSourceWidget.on(eventName, cb)
|
|
2970
2975
|
Listen to events of widget
|
|
2971
2976
|
|
|
2972
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
2977
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
2973
2978
|
|
|
2974
2979
|
| Param | Type | Description |
|
|
2975
2980
|
| --- | --- | --- |
|
|
2976
|
-
| eventName | <code>string</code> | Available event names [EVENT](#psw_EVENT) |
|
|
2977
|
-
| cb | [<code>listener--PaymentSourceWidget</code>](#psw_listener--PaymentSourceWidget) | |
|
|
2981
|
+
| eventName | <code>string</code> | Available event names [EVENT](#user-content-psw_EVENT) |
|
|
2982
|
+
| cb | [<code>listener--PaymentSourceWidget</code>](#user-content-psw_listener--PaymentSourceWidget) | |
|
|
2978
2983
|
|
|
2979
2984
|
**Example**
|
|
2980
2985
|
|
|
@@ -2983,51 +2988,51 @@ widget.on('select', function (data) {
|
|
|
2983
2988
|
console.log(data);
|
|
2984
2989
|
});
|
|
2985
2990
|
```
|
|
2986
|
-
<a name="psw_HtmlPaymentSourceWidget+hide" id="psw_HtmlPaymentSourceWidget+hide"
|
|
2991
|
+
<a name="psw_HtmlPaymentSourceWidget+hide" id="psw_HtmlPaymentSourceWidget+hide" href="#user-content-psw_HtmlPaymentSourceWidget+hide"> </a>
|
|
2987
2992
|
|
|
2988
2993
|
### htmlPaymentSourceWidget.hide([saveSize])
|
|
2989
2994
|
Using this method you can hide widget after load
|
|
2990
2995
|
|
|
2991
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
2996
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
2992
2997
|
|
|
2993
2998
|
| Param | Type | Default | Description |
|
|
2994
2999
|
| --- | --- | --- | --- |
|
|
2995
3000
|
| [saveSize] | <code>boolean</code> | <code>false</code> | using this param you can save iframe's size |
|
|
2996
3001
|
|
|
2997
|
-
<a name="psw_HtmlPaymentSourceWidget+show" id="psw_HtmlPaymentSourceWidget+show"
|
|
3002
|
+
<a name="psw_HtmlPaymentSourceWidget+show" id="psw_HtmlPaymentSourceWidget+show" href="#user-content-psw_HtmlPaymentSourceWidget+show"> </a>
|
|
2998
3003
|
|
|
2999
3004
|
### htmlPaymentSourceWidget.show()
|
|
3000
3005
|
Using this method you can show widget after using hide method
|
|
3001
3006
|
|
|
3002
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3003
|
-
<a name="psw_HtmlPaymentSourceWidget+reload" id="psw_HtmlPaymentSourceWidget+reload"
|
|
3007
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3008
|
+
<a name="psw_HtmlPaymentSourceWidget+reload" id="psw_HtmlPaymentSourceWidget+reload" href="#user-content-psw_HtmlPaymentSourceWidget+reload"> </a>
|
|
3004
3009
|
|
|
3005
3010
|
### htmlPaymentSourceWidget.reload()
|
|
3006
3011
|
Using this method you can reload widget
|
|
3007
3012
|
|
|
3008
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3009
|
-
<a name="psw_HtmlPaymentSourceWidget+onSelectInsert" id="psw_HtmlPaymentSourceWidget+onSelectInsert"
|
|
3013
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3014
|
+
<a name="psw_HtmlPaymentSourceWidget+onSelectInsert" id="psw_HtmlPaymentSourceWidget+onSelectInsert" href="#user-content-psw_HtmlPaymentSourceWidget+onSelectInsert"> </a>
|
|
3010
3015
|
|
|
3011
3016
|
### htmlPaymentSourceWidget.onSelectInsert(selector, dataType)
|
|
3012
3017
|
After select event of widget, data (dataType) will be insert to input (selector)
|
|
3013
3018
|
|
|
3014
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3019
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3015
3020
|
|
|
3016
3021
|
| Param | Type | Description |
|
|
3017
3022
|
| --- | --- | --- |
|
|
3018
3023
|
| selector | <code>string</code> | css selector . [] # |
|
|
3019
|
-
| dataType | <code>string</code> | data type of [IEventSelectData](#psw_IEventSelectData). |
|
|
3024
|
+
| dataType | <code>string</code> | data type of [IEventSelectData](#user-content-psw_IEventSelectData). |
|
|
3020
3025
|
|
|
3021
|
-
<a name="psw_PaymentSourceWidget+setStyles" id="psw_PaymentSourceWidget+setStyles"
|
|
3026
|
+
<a name="psw_PaymentSourceWidget+setStyles" id="psw_PaymentSourceWidget+setStyles" href="#user-content-psw_PaymentSourceWidget+setStyles"> </a>
|
|
3022
3027
|
|
|
3023
3028
|
### htmlPaymentSourceWidget.setStyles(fields)
|
|
3024
3029
|
Object contain styles for widget
|
|
3025
3030
|
|
|
3026
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3031
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3027
3032
|
|
|
3028
3033
|
| Param | Type | Description |
|
|
3029
3034
|
| --- | --- | --- |
|
|
3030
|
-
| fields | [<code>IStyles</code>](#psw_IStyles) | name of styles which can be shown in widget [STYLE](#psw_STYLE) |
|
|
3035
|
+
| fields | [<code>IStyles</code>](#user-content-psw_IStyles) | name of styles which can be shown in widget [STYLE](#user-content-psw_STYLE) |
|
|
3031
3036
|
|
|
3032
3037
|
**Example**
|
|
3033
3038
|
|
|
@@ -3040,12 +3045,12 @@ widget.setStyles({
|
|
|
3040
3045
|
font_size: '20px'
|
|
3041
3046
|
});
|
|
3042
3047
|
```
|
|
3043
|
-
<a name="psw_PaymentSourceWidget+setRefId" id="psw_PaymentSourceWidget+setRefId"
|
|
3048
|
+
<a name="psw_PaymentSourceWidget+setRefId" id="psw_PaymentSourceWidget+setRefId" href="#user-content-psw_PaymentSourceWidget+setRefId"> </a>
|
|
3044
3049
|
|
|
3045
3050
|
### htmlPaymentSourceWidget.setRefId(refId)
|
|
3046
3051
|
Current method can set custom ID to identify the data in the future
|
|
3047
3052
|
|
|
3048
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3053
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3049
3054
|
|
|
3050
3055
|
| Param | Type | Description |
|
|
3051
3056
|
| --- | --- | --- |
|
|
@@ -3056,24 +3061,24 @@ Current method can set custom ID to identify the data in the future
|
|
|
3056
3061
|
```javascript
|
|
3057
3062
|
widget.setRefId('id');
|
|
3058
3063
|
```
|
|
3059
|
-
<a name="psw_PaymentSourceWidget+setLimit" id="psw_PaymentSourceWidget+setLimit"
|
|
3064
|
+
<a name="psw_PaymentSourceWidget+setLimit" id="psw_PaymentSourceWidget+setLimit" href="#user-content-psw_PaymentSourceWidget+setLimit"> </a>
|
|
3060
3065
|
|
|
3061
3066
|
### htmlPaymentSourceWidget.setLimit(count)
|
|
3062
3067
|
Current method can set limit for payment sources count. In case when limit sets less then general count will be shown pagination buttons prev and next.
|
|
3063
3068
|
|
|
3064
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3069
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3065
3070
|
|
|
3066
3071
|
| Param | Type | Description |
|
|
3067
3072
|
| --- | --- | --- |
|
|
3068
3073
|
| count | <code>string</code> | payment source count |
|
|
3069
3074
|
|
|
3070
|
-
<a name="psw_PaymentSourceWidget+setEnv" id="psw_PaymentSourceWidget+setEnv"
|
|
3075
|
+
<a name="psw_PaymentSourceWidget+setEnv" id="psw_PaymentSourceWidget+setEnv" href="#user-content-psw_PaymentSourceWidget+setEnv"> </a>
|
|
3071
3076
|
|
|
3072
3077
|
### htmlPaymentSourceWidget.setEnv(env, [alias])
|
|
3073
3078
|
Current method can change environment. By default environment = sandbox
|
|
3074
3079
|
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
3075
3080
|
|
|
3076
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3081
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3077
3082
|
|
|
3078
3083
|
| Param | Type | Description |
|
|
3079
3084
|
| --- | --- | --- |
|
|
@@ -3085,40 +3090,40 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
3085
3090
|
```javascript
|
|
3086
3091
|
widget.setEnv('production');
|
|
3087
3092
|
```
|
|
3088
|
-
<a name="psw_PaymentSourceWidget+getIFrameUrl" id="psw_PaymentSourceWidget+getIFrameUrl"
|
|
3093
|
+
<a name="psw_PaymentSourceWidget+getIFrameUrl" id="psw_PaymentSourceWidget+getIFrameUrl" href="#user-content-psw_PaymentSourceWidget+getIFrameUrl"> </a>
|
|
3089
3094
|
|
|
3090
3095
|
### htmlPaymentSourceWidget.getIFrameUrl()
|
|
3091
3096
|
Method for getting iframe's url
|
|
3092
3097
|
|
|
3093
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3094
|
-
<a name="psw_PaymentSourceWidget+filterByGatewayIds" id="psw_PaymentSourceWidget+filterByGatewayIds"
|
|
3098
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3099
|
+
<a name="psw_PaymentSourceWidget+filterByGatewayIds" id="psw_PaymentSourceWidget+filterByGatewayIds" href="#user-content-psw_PaymentSourceWidget+filterByGatewayIds"> </a>
|
|
3095
3100
|
|
|
3096
3101
|
### htmlPaymentSourceWidget.filterByGatewayIds(ids)
|
|
3097
3102
|
Show payment source inside widget only with requested gateway ids
|
|
3098
3103
|
|
|
3099
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3104
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3100
3105
|
|
|
3101
3106
|
| Param | Type | Description |
|
|
3102
3107
|
| --- | --- | --- |
|
|
3103
|
-
| ids | <code>[ 'Array' ].<string></code> | List of
|
|
3108
|
+
| ids | <code>[ 'Array' ].<string></code> | List of gateway_id |
|
|
3104
3109
|
|
|
3105
|
-
<a name="psw_PaymentSourceWidget+filterByTypes" id="psw_PaymentSourceWidget+filterByTypes"
|
|
3110
|
+
<a name="psw_PaymentSourceWidget+filterByTypes" id="psw_PaymentSourceWidget+filterByTypes" href="#user-content-psw_PaymentSourceWidget+filterByTypes"> </a>
|
|
3106
3111
|
|
|
3107
3112
|
### htmlPaymentSourceWidget.filterByTypes(types)
|
|
3108
3113
|
Show payment source inside widget only with requested payment source types
|
|
3109
3114
|
|
|
3110
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3115
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3111
3116
|
|
|
3112
3117
|
| Param | Description |
|
|
3113
3118
|
| --- | --- |
|
|
3114
3119
|
| types | List of payment source types. Available parameters [PAYMENT_TYPE](PAYMENT_TYPE) |
|
|
3115
3120
|
|
|
3116
|
-
<a name="psw_PaymentSourceWidget+setLanguage" id="psw_PaymentSourceWidget+setLanguage"
|
|
3121
|
+
<a name="psw_PaymentSourceWidget+setLanguage" id="psw_PaymentSourceWidget+setLanguage" href="#user-content-psw_PaymentSourceWidget+setLanguage"> </a>
|
|
3117
3122
|
|
|
3118
3123
|
### htmlPaymentSourceWidget.setLanguage(code)
|
|
3119
3124
|
Method for setting a custom language code
|
|
3120
3125
|
|
|
3121
|
-
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#psw_HtmlPaymentSourceWidget)
|
|
3126
|
+
**Kind**: instance method of [<code>HtmlPaymentSourceWidget</code>](#user-content-psw_HtmlPaymentSourceWidget)
|
|
3122
3127
|
|
|
3123
3128
|
| Param | Type | Description |
|
|
3124
3129
|
| --- | --- | --- |
|
|
@@ -3129,25 +3134,25 @@ Method for setting a custom language code
|
|
|
3129
3134
|
```javascript
|
|
3130
3135
|
config.setLanguage('en');
|
|
3131
3136
|
```
|
|
3132
|
-
<a name="psw_PaymentSourceWidget" id="psw_PaymentSourceWidget"
|
|
3137
|
+
<a name="psw_PaymentSourceWidget" id="psw_PaymentSourceWidget" href="#user-content-psw_PaymentSourceWidget"> </a>
|
|
3133
3138
|
|
|
3134
3139
|
## PaymentSourceWidget
|
|
3135
3140
|
Class PaymentSourceWidget include method for for creating iframe url
|
|
3136
3141
|
|
|
3137
3142
|
**Kind**: global class
|
|
3138
3143
|
|
|
3139
|
-
* [PaymentSourceWidget](#psw_PaymentSourceWidget)
|
|
3140
|
-
* [new exports.PaymentSourceWidget(publicKey, customer, [useReference])](#psw_new_PaymentSourceWidget_new)
|
|
3141
|
-
* [.setStyles(fields)](#psw_PaymentSourceWidget+setStyles)
|
|
3142
|
-
* [.setRefId(refId)](#psw_PaymentSourceWidget+setRefId)
|
|
3143
|
-
* [.setLimit(count)](#psw_PaymentSourceWidget+setLimit)
|
|
3144
|
-
* [.setEnv(env, [alias])](#psw_PaymentSourceWidget+setEnv)
|
|
3145
|
-
* [.getIFrameUrl()](#psw_PaymentSourceWidget+getIFrameUrl)
|
|
3146
|
-
* [.filterByGatewayIds(ids)](#psw_PaymentSourceWidget+filterByGatewayIds)
|
|
3147
|
-
* [.filterByTypes(types)](#psw_PaymentSourceWidget+filterByTypes)
|
|
3148
|
-
* [.setLanguage(code)](#psw_PaymentSourceWidget+setLanguage)
|
|
3144
|
+
* [PaymentSourceWidget](#user-content-psw_PaymentSourceWidget)
|
|
3145
|
+
* [new exports.PaymentSourceWidget(publicKey, customer, [useReference])](#user-content-psw_new_PaymentSourceWidget_new)
|
|
3146
|
+
* [.setStyles(fields)](#user-content-psw_PaymentSourceWidget+setStyles)
|
|
3147
|
+
* [.setRefId(refId)](#user-content-psw_PaymentSourceWidget+setRefId)
|
|
3148
|
+
* [.setLimit(count)](#user-content-psw_PaymentSourceWidget+setLimit)
|
|
3149
|
+
* [.setEnv(env, [alias])](#user-content-psw_PaymentSourceWidget+setEnv)
|
|
3150
|
+
* [.getIFrameUrl()](#user-content-psw_PaymentSourceWidget+getIFrameUrl)
|
|
3151
|
+
* [.filterByGatewayIds(ids)](#user-content-psw_PaymentSourceWidget+filterByGatewayIds)
|
|
3152
|
+
* [.filterByTypes(types)](#user-content-psw_PaymentSourceWidget+filterByTypes)
|
|
3153
|
+
* [.setLanguage(code)](#user-content-psw_PaymentSourceWidget+setLanguage)
|
|
3149
3154
|
|
|
3150
|
-
<a name="psw_new_PaymentSourceWidget_new" id="psw_new_PaymentSourceWidget_new"
|
|
3155
|
+
<a name="psw_new_PaymentSourceWidget_new" id="psw_new_PaymentSourceWidget_new" href="#user-content-psw_new_PaymentSourceWidget_new"> </a>
|
|
3151
3156
|
|
|
3152
3157
|
### new exports.PaymentSourceWidget(publicKey, customer, [useReference])
|
|
3153
3158
|
|
|
@@ -3164,16 +3169,16 @@ var widget = new PaymentSourceWidget('publicKey','customerId');
|
|
|
3164
3169
|
// or
|
|
3165
3170
|
var widget = new PaymentSourceWidget('publicKey', customerReference, true);
|
|
3166
3171
|
```
|
|
3167
|
-
<a name="psw_PaymentSourceWidget+setStyles" id="psw_PaymentSourceWidget+setStyles"
|
|
3172
|
+
<a name="psw_PaymentSourceWidget+setStyles" id="psw_PaymentSourceWidget+setStyles" href="#user-content-psw_PaymentSourceWidget+setStyles"> </a>
|
|
3168
3173
|
|
|
3169
3174
|
### paymentSourceWidget.setStyles(fields)
|
|
3170
3175
|
Object contain styles for widget
|
|
3171
3176
|
|
|
3172
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3177
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3173
3178
|
|
|
3174
3179
|
| Param | Type | Description |
|
|
3175
3180
|
| --- | --- | --- |
|
|
3176
|
-
| fields | [<code>IStyles</code>](#psw_IStyles) | name of styles which can be shown in widget [STYLE](#psw_STYLE) |
|
|
3181
|
+
| fields | [<code>IStyles</code>](#user-content-psw_IStyles) | name of styles which can be shown in widget [STYLE](#user-content-psw_STYLE) |
|
|
3177
3182
|
|
|
3178
3183
|
**Example**
|
|
3179
3184
|
|
|
@@ -3186,12 +3191,12 @@ widget.setStyles({
|
|
|
3186
3191
|
font_size: '20px'
|
|
3187
3192
|
});
|
|
3188
3193
|
```
|
|
3189
|
-
<a name="psw_PaymentSourceWidget+setRefId" id="psw_PaymentSourceWidget+setRefId"
|
|
3194
|
+
<a name="psw_PaymentSourceWidget+setRefId" id="psw_PaymentSourceWidget+setRefId" href="#user-content-psw_PaymentSourceWidget+setRefId"> </a>
|
|
3190
3195
|
|
|
3191
3196
|
### paymentSourceWidget.setRefId(refId)
|
|
3192
3197
|
Current method can set custom ID to identify the data in the future
|
|
3193
3198
|
|
|
3194
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3199
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3195
3200
|
|
|
3196
3201
|
| Param | Type | Description |
|
|
3197
3202
|
| --- | --- | --- |
|
|
@@ -3202,24 +3207,24 @@ Current method can set custom ID to identify the data in the future
|
|
|
3202
3207
|
```javascript
|
|
3203
3208
|
widget.setRefId('id');
|
|
3204
3209
|
```
|
|
3205
|
-
<a name="psw_PaymentSourceWidget+setLimit" id="psw_PaymentSourceWidget+setLimit"
|
|
3210
|
+
<a name="psw_PaymentSourceWidget+setLimit" id="psw_PaymentSourceWidget+setLimit" href="#user-content-psw_PaymentSourceWidget+setLimit"> </a>
|
|
3206
3211
|
|
|
3207
3212
|
### paymentSourceWidget.setLimit(count)
|
|
3208
3213
|
Current method can set limit for payment sources count. In case when limit sets less then general count will be shown pagination buttons prev and next.
|
|
3209
3214
|
|
|
3210
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3215
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3211
3216
|
|
|
3212
3217
|
| Param | Type | Description |
|
|
3213
3218
|
| --- | --- | --- |
|
|
3214
3219
|
| count | <code>string</code> | payment source count |
|
|
3215
3220
|
|
|
3216
|
-
<a name="psw_PaymentSourceWidget+setEnv" id="psw_PaymentSourceWidget+setEnv"
|
|
3221
|
+
<a name="psw_PaymentSourceWidget+setEnv" id="psw_PaymentSourceWidget+setEnv" href="#user-content-psw_PaymentSourceWidget+setEnv"> </a>
|
|
3217
3222
|
|
|
3218
3223
|
### paymentSourceWidget.setEnv(env, [alias])
|
|
3219
3224
|
Current method can change environment. By default environment = sandbox
|
|
3220
3225
|
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
3221
3226
|
|
|
3222
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3227
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3223
3228
|
|
|
3224
3229
|
| Param | Type | Description |
|
|
3225
3230
|
| --- | --- | --- |
|
|
@@ -3231,40 +3236,40 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
3231
3236
|
```javascript
|
|
3232
3237
|
widget.setEnv('production');
|
|
3233
3238
|
```
|
|
3234
|
-
<a name="psw_PaymentSourceWidget+getIFrameUrl" id="psw_PaymentSourceWidget+getIFrameUrl"
|
|
3239
|
+
<a name="psw_PaymentSourceWidget+getIFrameUrl" id="psw_PaymentSourceWidget+getIFrameUrl" href="#user-content-psw_PaymentSourceWidget+getIFrameUrl"> </a>
|
|
3235
3240
|
|
|
3236
3241
|
### paymentSourceWidget.getIFrameUrl()
|
|
3237
3242
|
Method for getting iframe's url
|
|
3238
3243
|
|
|
3239
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3240
|
-
<a name="psw_PaymentSourceWidget+filterByGatewayIds" id="psw_PaymentSourceWidget+filterByGatewayIds"
|
|
3244
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3245
|
+
<a name="psw_PaymentSourceWidget+filterByGatewayIds" id="psw_PaymentSourceWidget+filterByGatewayIds" href="#user-content-psw_PaymentSourceWidget+filterByGatewayIds"> </a>
|
|
3241
3246
|
|
|
3242
3247
|
### paymentSourceWidget.filterByGatewayIds(ids)
|
|
3243
3248
|
Show payment source inside widget only with requested gateway ids
|
|
3244
3249
|
|
|
3245
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3250
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3246
3251
|
|
|
3247
3252
|
| Param | Type | Description |
|
|
3248
3253
|
| --- | --- | --- |
|
|
3249
|
-
| ids | <code>[ 'Array' ].<string></code> | List of
|
|
3254
|
+
| ids | <code>[ 'Array' ].<string></code> | List of gateway_id |
|
|
3250
3255
|
|
|
3251
|
-
<a name="psw_PaymentSourceWidget+filterByTypes" id="psw_PaymentSourceWidget+filterByTypes"
|
|
3256
|
+
<a name="psw_PaymentSourceWidget+filterByTypes" id="psw_PaymentSourceWidget+filterByTypes" href="#user-content-psw_PaymentSourceWidget+filterByTypes"> </a>
|
|
3252
3257
|
|
|
3253
3258
|
### paymentSourceWidget.filterByTypes(types)
|
|
3254
3259
|
Show payment source inside widget only with requested payment source types
|
|
3255
3260
|
|
|
3256
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3261
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3257
3262
|
|
|
3258
3263
|
| Param | Description |
|
|
3259
3264
|
| --- | --- |
|
|
3260
3265
|
| types | List of payment source types. Available parameters [PAYMENT_TYPE](PAYMENT_TYPE) |
|
|
3261
3266
|
|
|
3262
|
-
<a name="psw_PaymentSourceWidget+setLanguage" id="psw_PaymentSourceWidget+setLanguage"
|
|
3267
|
+
<a name="psw_PaymentSourceWidget+setLanguage" id="psw_PaymentSourceWidget+setLanguage" href="#user-content-psw_PaymentSourceWidget+setLanguage"> </a>
|
|
3263
3268
|
|
|
3264
3269
|
### paymentSourceWidget.setLanguage(code)
|
|
3265
3270
|
Method for setting a custom language code
|
|
3266
3271
|
|
|
3267
|
-
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#psw_PaymentSourceWidget)
|
|
3272
|
+
**Kind**: instance method of [<code>PaymentSourceWidget</code>](#user-content-psw_PaymentSourceWidget)
|
|
3268
3273
|
|
|
3269
3274
|
| Param | Type | Description |
|
|
3270
3275
|
| --- | --- | --- |
|
|
@@ -3275,7 +3280,7 @@ Method for setting a custom language code
|
|
|
3275
3280
|
```javascript
|
|
3276
3281
|
config.setLanguage('en');
|
|
3277
3282
|
```
|
|
3278
|
-
<a name="psw_EVENT" id="psw_EVENT"
|
|
3283
|
+
<a name="psw_EVENT" id="psw_EVENT" href="#user-content-psw_EVENT"> </a>
|
|
3279
3284
|
|
|
3280
3285
|
## EVENT : <code>object</code>
|
|
3281
3286
|
List of available event's name
|
|
@@ -3293,7 +3298,7 @@ List of available event's name
|
|
|
3293
3298
|
| META_CHANGE | <code>string</code> | <code>"metaChange"</code> |
|
|
3294
3299
|
| RESIZE | <code>string</code> | <code>"resize"</code> |
|
|
3295
3300
|
|
|
3296
|
-
<a name="psw_STYLE" id="psw_STYLE"
|
|
3301
|
+
<a name="psw_STYLE" id="psw_STYLE" href="#user-content-psw_STYLE"> </a>
|
|
3297
3302
|
|
|
3298
3303
|
## STYLE : <code>object</code>
|
|
3299
3304
|
List of available style params for widget
|
|
@@ -3309,7 +3314,7 @@ List of available style params for widget
|
|
|
3309
3314
|
| ICON_SIZE | <code>string</code> | <code>"icon_size"</code> |
|
|
3310
3315
|
| FONT_SIZE | <code>string</code> | <code>"font_size"</code> |
|
|
3311
3316
|
|
|
3312
|
-
<a name="psw_PAYMENT_SOURCE_TYPE" id="psw_PAYMENT_SOURCE_TYPE"
|
|
3317
|
+
<a name="psw_PAYMENT_SOURCE_TYPE" id="psw_PAYMENT_SOURCE_TYPE" href="#user-content-psw_PAYMENT_SOURCE_TYPE"> </a>
|
|
3313
3318
|
|
|
3314
3319
|
## PAYMENT\_SOURCE\_TYPE : <code>object</code>
|
|
3315
3320
|
List of available payment source types
|
|
@@ -3322,7 +3327,7 @@ List of available payment source types
|
|
|
3322
3327
|
| BANK_ACCOUNT | <code>string</code> | <code>"bank_account"</code> |
|
|
3323
3328
|
| CHECKOUT | <code>string</code> | <code>"checkout"</code> |
|
|
3324
3329
|
|
|
3325
|
-
<a name="psw_listener--PaymentSourceWidget" id="psw_listener--PaymentSourceWidget"
|
|
3330
|
+
<a name="psw_listener--PaymentSourceWidget" id="psw_listener--PaymentSourceWidget" href="#user-content-psw_listener--PaymentSourceWidget"> </a>
|
|
3326
3331
|
|
|
3327
3332
|
## listener--PaymentSourceWidget : <code>function</code>
|
|
3328
3333
|
This callback will be called for each event in payment source widget
|
|
@@ -3331,7 +3336,7 @@ This callback will be called for each event in payment source widget
|
|
|
3331
3336
|
|
|
3332
3337
|
| Param | Type |
|
|
3333
3338
|
| --- | --- |
|
|
3334
|
-
| response | <code>IEventData</code> \| [<code>IEventSelectData</code>](#psw_IEventSelectData) \| [<code>IEventPaginationData</code>](#psw_IEventPaginationData) \| [<code>IEventAfterLoadData</code>](#psw_IEventAfterLoadData) |
|
|
3339
|
+
| response | <code>IEventData</code> \| [<code>IEventSelectData</code>](#user-content-psw_IEventSelectData) \| [<code>IEventPaginationData</code>](#user-content-psw_IEventPaginationData) \| [<code>IEventAfterLoadData</code>](#user-content-psw_IEventAfterLoadData) |
|
|
3335
3340
|
|
|
3336
3341
|
|
|
3337
3342
|
## Checkout button
|
|
@@ -3346,7 +3351,7 @@ As a result, you will be able to receive a one-time token for charges, subscript
|
|
|
3346
3351
|
|
|
3347
3352
|
|
|
3348
3353
|
## Checkout button simple example
|
|
3349
|
-
|
|
3354
|
+
|
|
3350
3355
|
### Container
|
|
3351
3356
|
|
|
3352
3357
|
```html
|
|
@@ -3366,14 +3371,14 @@ var button = new paydock.PaypalCheckoutButton('#button', 'publicKey', 'gatewayId
|
|
|
3366
3371
|
```javascript--es2015
|
|
3367
3372
|
// ES2015 | TypeScript
|
|
3368
3373
|
|
|
3369
|
-
|
|
3374
|
+
|
|
3370
3375
|
var button = new PaypalCheckoutButton('#button', 'publicKey');
|
|
3371
3376
|
```
|
|
3372
3377
|
|
|
3373
3378
|
Then write only need 1 line of code in js to initialize widget
|
|
3374
3379
|
|
|
3375
3380
|
|
|
3376
|
-
### Full example
|
|
3381
|
+
### Full example
|
|
3377
3382
|
|
|
3378
3383
|
```html
|
|
3379
3384
|
<!DOCTYPE html>
|
|
@@ -3414,7 +3419,7 @@ button.on('finish', function (data) { // Add handler of event
|
|
|
3414
3419
|
|
|
3415
3420
|
This example shows how you can use a lot of other methods to settings your button
|
|
3416
3421
|
|
|
3417
|
-
### Full Paypal example
|
|
3422
|
+
### Full Paypal example
|
|
3418
3423
|
|
|
3419
3424
|
```html
|
|
3420
3425
|
<!DOCTYPE html>
|
|
@@ -3441,16 +3446,16 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3441
3446
|
reference: '15',
|
|
3442
3447
|
first_name: 'Joshua',
|
|
3443
3448
|
last_name: 'Wood',
|
|
3444
|
-
phone: '0231049872'});
|
|
3445
|
-
|
|
3446
|
-
button.on('finish', function (data) {
|
|
3449
|
+
phone: '0231049872'});
|
|
3450
|
+
|
|
3451
|
+
button.on('finish', function (data) {
|
|
3447
3452
|
console.log('on:finish', data);
|
|
3448
3453
|
});
|
|
3449
3454
|
</script>
|
|
3450
3455
|
</body>
|
|
3451
3456
|
</html>
|
|
3452
3457
|
```
|
|
3453
|
-
### Full ZipMoney example
|
|
3458
|
+
### Full ZipMoney example
|
|
3454
3459
|
|
|
3455
3460
|
```html
|
|
3456
3461
|
<!DOCTYPE html>
|
|
@@ -3480,6 +3485,7 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3480
3485
|
"charge": {
|
|
3481
3486
|
"amount": "4",
|
|
3482
3487
|
"currency":"AUD",
|
|
3488
|
+
"shipping_type": "delivery",
|
|
3483
3489
|
"shipping_address": {
|
|
3484
3490
|
"first_name": "Joshua",
|
|
3485
3491
|
"last_name": "Wood",
|
|
@@ -3515,7 +3521,7 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3515
3521
|
}
|
|
3516
3522
|
]
|
|
3517
3523
|
},
|
|
3518
|
-
|
|
3524
|
+
|
|
3519
3525
|
"statistics": {
|
|
3520
3526
|
"account_created": "2017-05-05",
|
|
3521
3527
|
"sales_total_number": "5",
|
|
@@ -3526,9 +3532,9 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3526
3532
|
"previous_chargeback": "true",
|
|
3527
3533
|
"currency": "AUD",
|
|
3528
3534
|
"last_login": "2017-06-01"
|
|
3529
|
-
});
|
|
3530
|
-
|
|
3531
|
-
button.on('finish', function (data) {
|
|
3535
|
+
});
|
|
3536
|
+
|
|
3537
|
+
button.on('finish', function (data) {
|
|
3532
3538
|
console.log('on:finish', data);
|
|
3533
3539
|
});
|
|
3534
3540
|
</script>
|
|
@@ -3536,7 +3542,7 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3536
3542
|
</html>
|
|
3537
3543
|
```
|
|
3538
3544
|
|
|
3539
|
-
### Full Aftepay example
|
|
3545
|
+
### Full Aftepay example
|
|
3540
3546
|
|
|
3541
3547
|
```html
|
|
3542
3548
|
<!DOCTYPE html>
|
|
@@ -3555,7 +3561,7 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3555
3561
|
<script src="https://widget.paydock.com/sdk/latest/widget.umd.js" ></script>
|
|
3556
3562
|
<script>
|
|
3557
3563
|
var button = new paydock.AfterpayCheckoutButton('#button', 'publicKey', 'gatewayId');
|
|
3558
|
-
|
|
3564
|
+
|
|
3559
3565
|
button.onFinishInsert('input[name="pst"]', 'payment_source_token');
|
|
3560
3566
|
button.showEnhancedTrackingProtectionPopup(true);
|
|
3561
3567
|
button.setMeta({
|
|
@@ -3573,8 +3579,8 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3573
3579
|
address_country: 'Australia',
|
|
3574
3580
|
phone: '0412345678',
|
|
3575
3581
|
});
|
|
3576
|
-
|
|
3577
|
-
button.on('finish', function (data) {
|
|
3582
|
+
|
|
3583
|
+
button.on('finish', function (data) {
|
|
3578
3584
|
console.log('on:finish', data);
|
|
3579
3585
|
});
|
|
3580
3586
|
</script>
|
|
@@ -3585,16 +3591,16 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3585
3591
|
## Classes
|
|
3586
3592
|
|
|
3587
3593
|
<dl>
|
|
3588
|
-
<dt><a href="#cb_CheckoutButton">CheckoutButton</a></dt>
|
|
3594
|
+
<dt><a href="#user-content-cb_CheckoutButton">CheckoutButton</a></dt>
|
|
3589
3595
|
<dd><p>Class CheckoutButton transform usual button into checkout</p>
|
|
3590
3596
|
</dd>
|
|
3591
|
-
<dt><a href="#cb_ZipmoneyCheckoutButton">ZipmoneyCheckoutButton</a> ⇐ <code><a href="#cb_CheckoutButton">CheckoutButton</a></code></dt>
|
|
3597
|
+
<dt><a href="#user-content-cb_ZipmoneyCheckoutButton">ZipmoneyCheckoutButton</a> ⇐ <code><a href="#user-content-cb_CheckoutButton">CheckoutButton</a></code></dt>
|
|
3592
3598
|
<dd><p>Class ZipmoneyCheckoutButton is wrapper of CheckoutButton transform usual button into checkout</p>
|
|
3593
3599
|
</dd>
|
|
3594
|
-
<dt><a href="#cb_PaypalCheckoutButton">PaypalCheckoutButton</a> ⇐ <code><a href="#cb_CheckoutButton">CheckoutButton</a></code></dt>
|
|
3600
|
+
<dt><a href="#user-content-cb_PaypalCheckoutButton">PaypalCheckoutButton</a> ⇐ <code><a href="#user-content-cb_CheckoutButton">CheckoutButton</a></code></dt>
|
|
3595
3601
|
<dd><p>Class PaypalCheckoutButton is wrapper of CheckoutButton transform usual button into checkout</p>
|
|
3596
3602
|
</dd>
|
|
3597
|
-
<dt><a href="#cb_AfterpayCheckoutButton">AfterpayCheckoutButton</a> ⇐ <code><a href="#cb_CheckoutButton">CheckoutButton</a></code></dt>
|
|
3603
|
+
<dt><a href="#user-content-cb_AfterpayCheckoutButton">AfterpayCheckoutButton</a> ⇐ <code><a href="#user-content-cb_CheckoutButton">CheckoutButton</a></code></dt>
|
|
3598
3604
|
<dd><p>Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button into checkout</p>
|
|
3599
3605
|
</dd>
|
|
3600
3606
|
</dl>
|
|
@@ -3602,14 +3608,14 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3602
3608
|
## Constants
|
|
3603
3609
|
|
|
3604
3610
|
<dl>
|
|
3605
|
-
<dt><a href="#cb_CHECKOUT_BUTTON_EVENT">CHECKOUT_BUTTON_EVENT</a> : <code>object</code></dt>
|
|
3611
|
+
<dt><a href="#user-content-cb_CHECKOUT_BUTTON_EVENT">CHECKOUT_BUTTON_EVENT</a> : <code>object</code></dt>
|
|
3606
3612
|
<dd></dd>
|
|
3607
3613
|
</dl>
|
|
3608
3614
|
|
|
3609
3615
|
## Typedefs
|
|
3610
3616
|
|
|
3611
3617
|
<dl>
|
|
3612
|
-
<dt><a href="#cb_listener">listener</a> : <code>function</code></dt>
|
|
3618
|
+
<dt><a href="#user-content-cb_listener">listener</a> : <code>function</code></dt>
|
|
3613
3619
|
<dd><p>This callback will be called for each event in payment source widget</p>
|
|
3614
3620
|
</dd>
|
|
3615
3621
|
</dl>
|
|
@@ -3617,20 +3623,20 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3617
3623
|
## Interfaces
|
|
3618
3624
|
|
|
3619
3625
|
<dl>
|
|
3620
|
-
<dt><a href="#cb_IEventCheckoutFinishData">IEventCheckoutFinishData</a></dt>
|
|
3626
|
+
<dt><a href="#user-content-cb_IEventCheckoutFinishData">IEventCheckoutFinishData</a></dt>
|
|
3621
3627
|
<dd></dd>
|
|
3622
|
-
<dt><a href="#cb_IPayPalMeta">IPayPalMeta</a></dt>
|
|
3628
|
+
<dt><a href="#user-content-cb_IPayPalMeta">IPayPalMeta</a></dt>
|
|
3623
3629
|
<dd><p>Interface for PayPal checkout meta information</p>
|
|
3624
3630
|
</dd>
|
|
3625
|
-
<dt><a href="#cb_IZipmoneyMeta">IZipmoneyMeta</a></dt>
|
|
3631
|
+
<dt><a href="#user-content-cb_IZipmoneyMeta">IZipmoneyMeta</a></dt>
|
|
3626
3632
|
<dd><p>Interface for ZipMoney checkout meta information</p>
|
|
3627
3633
|
</dd>
|
|
3628
|
-
<dt><a href="#cb_IAfterpayMeta">IAfterpayMeta</a></dt>
|
|
3634
|
+
<dt><a href="#user-content-cb_IAfterpayMeta">IAfterpayMeta</a></dt>
|
|
3629
3635
|
<dd><p>Interface for Afterpay checkout meta information</p>
|
|
3630
3636
|
</dd>
|
|
3631
3637
|
</dl>
|
|
3632
3638
|
|
|
3633
|
-
<a name="cb_IEventCheckoutFinishData" id="cb_IEventCheckoutFinishData"
|
|
3639
|
+
<a name="cb_IEventCheckoutFinishData" id="cb_IEventCheckoutFinishData" href="#user-content-cb_IEventCheckoutFinishData"> </a>
|
|
3634
3640
|
|
|
3635
3641
|
## IEventCheckoutFinishData
|
|
3636
3642
|
**Kind**: global interface
|
|
@@ -3639,7 +3645,7 @@ This example shows how you can use a lot of other methods to settings your butto
|
|
|
3639
3645
|
| --- | --- |
|
|
3640
3646
|
| [payment_source_token] | <code>string</code> |
|
|
3641
3647
|
|
|
3642
|
-
<a name="cb_IPayPalMeta" id="cb_IPayPalMeta"
|
|
3648
|
+
<a name="cb_IPayPalMeta" id="cb_IPayPalMeta" href="#user-content-cb_IPayPalMeta"> </a>
|
|
3643
3649
|
|
|
3644
3650
|
## IPayPalMeta
|
|
3645
3651
|
Interface for PayPal checkout meta information
|
|
@@ -3666,7 +3672,7 @@ Interface for PayPal checkout meta information
|
|
|
3666
3672
|
| [phone] | <code>string</code> | The consumer’s phone number in E.164 international notation (Example: +12345678901) |
|
|
3667
3673
|
| [hide_shipping_address] | <code>boolean</code> | Determines whether PayPal displays shipping address fields on the PayPal pages |
|
|
3668
3674
|
|
|
3669
|
-
<a name="cb_IZipmoneyMeta" id="cb_IZipmoneyMeta"
|
|
3675
|
+
<a name="cb_IZipmoneyMeta" id="cb_IZipmoneyMeta" href="#user-content-cb_IZipmoneyMeta"> </a>
|
|
3670
3676
|
|
|
3671
3677
|
## IZipmoneyMeta
|
|
3672
3678
|
Interface for ZipMoney checkout meta information
|
|
@@ -3684,6 +3690,7 @@ Interface for ZipMoney checkout meta information
|
|
|
3684
3690
|
| [date_of_birth] | <code>string</code> | Date of birth name for the customer |
|
|
3685
3691
|
| charge.amount | <code>number</code> | Amount to be paid |
|
|
3686
3692
|
| [charge.currency] | <code>string</code> | Currency code |
|
|
3693
|
+
| [charge.reference] | <code>string</code> | Reference |
|
|
3687
3694
|
| charge.items | <code>array</code> | Collections of orders |
|
|
3688
3695
|
| charge.items[].name | <code>string</code> | Name of the item |
|
|
3689
3696
|
| charge.items[].amount | <code>number</code> | Amount of the item |
|
|
@@ -3692,7 +3699,8 @@ Interface for ZipMoney checkout meta information
|
|
|
3692
3699
|
| [charge.items[].reference] | <code>string</code> | reference of the item |
|
|
3693
3700
|
| [charge.items[].item_uri] | <code>string</code> | url of the item in your store |
|
|
3694
3701
|
| [charge.items[].image_url] | <code>string</code> | url of the image in your store |
|
|
3695
|
-
| charge.
|
|
3702
|
+
| [charge.shipping_type] | <code>string</code> | Shipping type, values can be: ‘pickup’, ‘delivery’, defaults to ‘delivery’ |
|
|
3703
|
+
| [charge.shipping_address] | <code>string</code> | Object with shipping address details |
|
|
3696
3704
|
| [charge.shipping_address.first_name] | <code>string</code> | Shipping first name |
|
|
3697
3705
|
| [charge.shipping_address.last_name] | <code>string</code> | Shipping last name |
|
|
3698
3706
|
| charge.shipping_address.line1 | <code>string</code> | Shipping address line 1 |
|
|
@@ -3711,7 +3719,7 @@ Interface for ZipMoney checkout meta information
|
|
|
3711
3719
|
| charge.billing_address.postcode | <code>string</code> | Billing postcode |
|
|
3712
3720
|
| charge.billing_address.country | <code>string</code> | Billing country |
|
|
3713
3721
|
|
|
3714
|
-
<a name="cb_IAfterpayMeta" id="cb_IAfterpayMeta"
|
|
3722
|
+
<a name="cb_IAfterpayMeta" id="cb_IAfterpayMeta" href="#user-content-cb_IAfterpayMeta"> </a>
|
|
3715
3723
|
|
|
3716
3724
|
## IAfterpayMeta
|
|
3717
3725
|
Interface for Afterpay checkout meta information
|
|
@@ -3733,25 +3741,25 @@ Interface for Afterpay checkout meta information
|
|
|
3733
3741
|
| [address_country] | <code>string</code> |
|
|
3734
3742
|
| [phone] | <code>string</code> |
|
|
3735
3743
|
|
|
3736
|
-
<a name="cb_CheckoutButton" id="cb_CheckoutButton"
|
|
3744
|
+
<a name="cb_CheckoutButton" id="cb_CheckoutButton" href="#user-content-cb_CheckoutButton"> </a>
|
|
3737
3745
|
|
|
3738
3746
|
## CheckoutButton
|
|
3739
3747
|
Class CheckoutButton transform usual button into checkout
|
|
3740
3748
|
|
|
3741
3749
|
**Kind**: global class
|
|
3742
3750
|
|
|
3743
|
-
* [CheckoutButton](#cb_CheckoutButton)
|
|
3744
|
-
* [new exports.CheckoutButton(selector, aceessToken, [gatewayId], [type])](#cb_new_CheckoutButton_new)
|
|
3745
|
-
* [.on(eventName, cb)](#cb_CheckoutButton+on)
|
|
3746
|
-
* [.close()](#cb_CheckoutButton+close)
|
|
3747
|
-
* [.onFinishInsert(selector, dataType)](#cb_CheckoutButton+onFinishInsert)
|
|
3748
|
-
* [.setMeta(meta)](#cb_CheckoutButton+setMeta)
|
|
3749
|
-
* [.setBackdropDescription(text)](#cb_CheckoutButton+setBackdropDescription)
|
|
3750
|
-
* [.setBackdropTitle(string)](#cb_CheckoutButton+setBackdropTitle)
|
|
3751
|
-
* [.setSuspendedRedirectUri(string)](#cb_CheckoutButton+setSuspendedRedirectUri)
|
|
3752
|
-
* [.turnOffBackdrop()](#cb_CheckoutButton+turnOffBackdrop)
|
|
3751
|
+
* [CheckoutButton](#user-content-cb_CheckoutButton)
|
|
3752
|
+
* [new exports.CheckoutButton(selector, aceessToken, [gatewayId], [type])](#user-content-cb_new_CheckoutButton_new)
|
|
3753
|
+
* [.on(eventName, cb)](#user-content-cb_CheckoutButton+on)
|
|
3754
|
+
* [.close()](#user-content-cb_CheckoutButton+close)
|
|
3755
|
+
* [.onFinishInsert(selector, dataType)](#user-content-cb_CheckoutButton+onFinishInsert)
|
|
3756
|
+
* [.setMeta(meta)](#user-content-cb_CheckoutButton+setMeta)
|
|
3757
|
+
* [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
|
|
3758
|
+
* [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
|
|
3759
|
+
* [.setSuspendedRedirectUri(string)](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
|
|
3760
|
+
* [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
|
|
3753
3761
|
|
|
3754
|
-
<a name="cb_new_CheckoutButton_new" id="cb_new_CheckoutButton_new"
|
|
3762
|
+
<a name="cb_new_CheckoutButton_new" id="cb_new_CheckoutButton_new" href="#user-content-cb_new_CheckoutButton_new"> </a>
|
|
3755
3763
|
|
|
3756
3764
|
### new exports.CheckoutButton(selector, aceessToken, [gatewayId], [type])
|
|
3757
3765
|
|
|
@@ -3767,17 +3775,17 @@ Class CheckoutButton transform usual button into checkout
|
|
|
3767
3775
|
```javascript
|
|
3768
3776
|
var widget = new CheckoutButton('#button', 'aceessToken','gatewayId');
|
|
3769
3777
|
```
|
|
3770
|
-
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on"
|
|
3778
|
+
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on" href="#user-content-cb_CheckoutButton+on"> </a>
|
|
3771
3779
|
|
|
3772
3780
|
### checkoutButton.on(eventName, cb)
|
|
3773
3781
|
Listen to events of widget
|
|
3774
3782
|
|
|
3775
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3783
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3776
3784
|
|
|
3777
3785
|
| Param | Type | Description |
|
|
3778
3786
|
| --- | --- | --- |
|
|
3779
|
-
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#cb_CHECKOUT_BUTTON_EVENT) |
|
|
3780
|
-
| cb | [<code>listener</code>](#cb_listener) | |
|
|
3787
|
+
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#user-content-cb_CHECKOUT_BUTTON_EVENT) |
|
|
3788
|
+
| cb | [<code>listener</code>](#user-content-cb_listener) | |
|
|
3781
3789
|
|
|
3782
3790
|
**Example**
|
|
3783
3791
|
|
|
@@ -3786,34 +3794,34 @@ widget.on('click', function () {
|
|
|
3786
3794
|
|
|
3787
3795
|
});
|
|
3788
3796
|
```
|
|
3789
|
-
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close"
|
|
3797
|
+
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close"> </a>
|
|
3790
3798
|
|
|
3791
3799
|
### checkoutButton.close()
|
|
3792
3800
|
Close popup window forcibly
|
|
3793
3801
|
|
|
3794
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3795
|
-
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert"
|
|
3802
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3803
|
+
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert"> </a>
|
|
3796
3804
|
|
|
3797
3805
|
### checkoutButton.onFinishInsert(selector, dataType)
|
|
3798
3806
|
After finish event of checkout button, data (dataType) will be insert to input (selector)
|
|
3799
3807
|
|
|
3800
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3808
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3801
3809
|
|
|
3802
3810
|
| Param | Type | Description |
|
|
3803
3811
|
| --- | --- | --- |
|
|
3804
3812
|
| selector | <code>string</code> | css selector . [] # |
|
|
3805
|
-
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#cb_IEventCheckoutFinishData). |
|
|
3813
|
+
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#user-content-cb_IEventCheckoutFinishData). |
|
|
3806
3814
|
|
|
3807
|
-
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta"
|
|
3815
|
+
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta" href="#user-content-cb_CheckoutButton+setMeta"> </a>
|
|
3808
3816
|
|
|
3809
3817
|
### checkoutButton.setMeta(meta)
|
|
3810
3818
|
Method for setting meta information for checkout page
|
|
3811
3819
|
|
|
3812
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3820
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3813
3821
|
|
|
3814
3822
|
| Param | Type | Description |
|
|
3815
3823
|
| --- | --- | --- |
|
|
3816
|
-
| meta | [<code>IPayPalMeta</code>](#cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#cb_IPayPalMeta) [IZipmoneyMeta](#cb_IZipmoneyMeta) [IAfterpayMeta](#cb_IAfterpayMeta) |
|
|
3824
|
+
| meta | [<code>IPayPalMeta</code>](#user-content-cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#user-content-cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#user-content-cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#user-content-cb_IPayPalMeta) [IZipmoneyMeta](#user-content-cb_IZipmoneyMeta) [IAfterpayMeta](#user-content-cb_IAfterpayMeta) |
|
|
3817
3825
|
|
|
3818
3826
|
**Example**
|
|
3819
3827
|
|
|
@@ -3824,12 +3832,12 @@ button.setMeta({
|
|
|
3824
3832
|
email: 'wault@paydock.com'
|
|
3825
3833
|
});
|
|
3826
3834
|
```
|
|
3827
|
-
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription"
|
|
3835
|
+
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription"> </a>
|
|
3828
3836
|
|
|
3829
3837
|
### checkoutButton.setBackdropDescription(text)
|
|
3830
3838
|
Method for setting backdrop description
|
|
3831
3839
|
|
|
3832
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3840
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3833
3841
|
|
|
3834
3842
|
| Param | Type | Description |
|
|
3835
3843
|
| --- | --- | --- |
|
|
@@ -3840,12 +3848,12 @@ Method for setting backdrop description
|
|
|
3840
3848
|
```javascript
|
|
3841
3849
|
button.setBackdropDescription('Custom description');
|
|
3842
3850
|
```
|
|
3843
|
-
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle"
|
|
3851
|
+
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle"> </a>
|
|
3844
3852
|
|
|
3845
3853
|
### checkoutButton.setBackdropTitle(string)
|
|
3846
3854
|
Method for setting backdrop title
|
|
3847
3855
|
|
|
3848
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3856
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3849
3857
|
|
|
3850
3858
|
| Param | Type | Description |
|
|
3851
3859
|
| --- | --- | --- |
|
|
@@ -3856,48 +3864,48 @@ Method for setting backdrop title
|
|
|
3856
3864
|
```javascript
|
|
3857
3865
|
button.setBackdropTitle('Custom title');
|
|
3858
3866
|
```
|
|
3859
|
-
<a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri"
|
|
3867
|
+
<a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_CheckoutButton+setSuspendedRedirectUri"> </a>
|
|
3860
3868
|
|
|
3861
3869
|
### checkoutButton.setSuspendedRedirectUri(string)
|
|
3862
3870
|
Method for setting suspended redirect uri. Redirect after referred checkout
|
|
3863
3871
|
|
|
3864
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3872
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3865
3873
|
|
|
3866
3874
|
| Param | Type | Description |
|
|
3867
3875
|
| --- | --- | --- |
|
|
3868
3876
|
| string | <code>uri</code> | uri for redirect (by default) |
|
|
3869
3877
|
|
|
3870
|
-
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop"
|
|
3878
|
+
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop"> </a>
|
|
3871
3879
|
|
|
3872
3880
|
### checkoutButton.turnOffBackdrop()
|
|
3873
3881
|
Method for disable backdrop on the page.
|
|
3874
3882
|
|
|
3875
|
-
**Kind**: instance method of [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3883
|
+
**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3876
3884
|
**Example**
|
|
3877
3885
|
|
|
3878
3886
|
```javascript
|
|
3879
3887
|
button.turnOffBackdrop();
|
|
3880
3888
|
```
|
|
3881
|
-
<a name="cb_ZipmoneyCheckoutButton" id="cb_ZipmoneyCheckoutButton"
|
|
3889
|
+
<a name="cb_ZipmoneyCheckoutButton" id="cb_ZipmoneyCheckoutButton" href="#user-content-cb_ZipmoneyCheckoutButton"> </a>
|
|
3882
3890
|
|
|
3883
|
-
## ZipmoneyCheckoutButton ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3891
|
+
## ZipmoneyCheckoutButton ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3884
3892
|
Class ZipmoneyCheckoutButton is wrapper of CheckoutButton transform usual button into checkout
|
|
3885
3893
|
|
|
3886
3894
|
**Kind**: global class
|
|
3887
|
-
**Extends**: [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3895
|
+
**Extends**: [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3888
3896
|
|
|
3889
|
-
* [ZipmoneyCheckoutButton](#cb_ZipmoneyCheckoutButton) ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
3890
|
-
* [new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId])](#cb_new_ZipmoneyCheckoutButton_new)
|
|
3891
|
-
* [.setSuspendedRedirectUri(string)](#cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri)
|
|
3892
|
-
* [.on(eventName, cb)](#cb_CheckoutButton+on)
|
|
3893
|
-
* [.close()](#cb_CheckoutButton+close)
|
|
3894
|
-
* [.onFinishInsert(selector, dataType)](#cb_CheckoutButton+onFinishInsert)
|
|
3895
|
-
* [.setMeta(meta)](#cb_CheckoutButton+setMeta)
|
|
3896
|
-
* [.setBackdropDescription(text)](#cb_CheckoutButton+setBackdropDescription)
|
|
3897
|
-
* [.setBackdropTitle(string)](#cb_CheckoutButton+setBackdropTitle)
|
|
3898
|
-
* [.turnOffBackdrop()](#cb_CheckoutButton+turnOffBackdrop)
|
|
3897
|
+
* [ZipmoneyCheckoutButton](#user-content-cb_ZipmoneyCheckoutButton) ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
3898
|
+
* [new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId])](#user-content-cb_new_ZipmoneyCheckoutButton_new)
|
|
3899
|
+
* [.setSuspendedRedirectUri(string)](#user-content-cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri)
|
|
3900
|
+
* [.on(eventName, cb)](#user-content-cb_CheckoutButton+on)
|
|
3901
|
+
* [.close()](#user-content-cb_CheckoutButton+close)
|
|
3902
|
+
* [.onFinishInsert(selector, dataType)](#user-content-cb_CheckoutButton+onFinishInsert)
|
|
3903
|
+
* [.setMeta(meta)](#user-content-cb_CheckoutButton+setMeta)
|
|
3904
|
+
* [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
|
|
3905
|
+
* [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
|
|
3906
|
+
* [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
|
|
3899
3907
|
|
|
3900
|
-
<a name="cb_new_ZipmoneyCheckoutButton_new" id="cb_new_ZipmoneyCheckoutButton_new"
|
|
3908
|
+
<a name="cb_new_ZipmoneyCheckoutButton_new" id="cb_new_ZipmoneyCheckoutButton_new" href="#user-content-cb_new_ZipmoneyCheckoutButton_new"> </a>
|
|
3901
3909
|
|
|
3902
3910
|
### new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId])
|
|
3903
3911
|
|
|
@@ -3912,7 +3920,7 @@ Class ZipmoneyCheckoutButton is wrapper of CheckoutButton transform usual button
|
|
|
3912
3920
|
```javascript
|
|
3913
3921
|
var widget = new ZipmoneyCheckoutButton('#button', 'publicKey','gatewayId');
|
|
3914
3922
|
```
|
|
3915
|
-
<a name="cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri" id="cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri"
|
|
3923
|
+
<a name="cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri" id="cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri"> </a>
|
|
3916
3924
|
|
|
3917
3925
|
### zipmoneyCheckoutButton.setSuspendedRedirectUri(string)
|
|
3918
3926
|
Method for setting suspended redirect uri. Redirect after referred checkout
|
|
@@ -3921,24 +3929,24 @@ The URI is used for a redirect after the checkout is complete.
|
|
|
3921
3929
|
This can be provided, even if using in-context checkout (sdk). By default, the standard styled page will be used.
|
|
3922
3930
|
If using in-context (sdk) we will not automatically redirect to this URI.
|
|
3923
3931
|
|
|
3924
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
3925
|
-
**Overrides**: [<code>setSuspendedRedirectUri</code>](#cb_CheckoutButton+setSuspendedRedirectUri)
|
|
3932
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
3933
|
+
**Overrides**: [<code>setSuspendedRedirectUri</code>](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
|
|
3926
3934
|
|
|
3927
3935
|
| Param | Type | Description |
|
|
3928
3936
|
| --- | --- | --- |
|
|
3929
3937
|
| string | <code>uri</code> | uri for redirect (by default) |
|
|
3930
3938
|
|
|
3931
|
-
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on"
|
|
3939
|
+
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on" href="#user-content-cb_CheckoutButton+on"> </a>
|
|
3932
3940
|
|
|
3933
3941
|
### zipmoneyCheckoutButton.on(eventName, cb)
|
|
3934
3942
|
Listen to events of widget
|
|
3935
3943
|
|
|
3936
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
3944
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
3937
3945
|
|
|
3938
3946
|
| Param | Type | Description |
|
|
3939
3947
|
| --- | --- | --- |
|
|
3940
|
-
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#cb_CHECKOUT_BUTTON_EVENT) |
|
|
3941
|
-
| cb | [<code>listener</code>](#cb_listener) | |
|
|
3948
|
+
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#user-content-cb_CHECKOUT_BUTTON_EVENT) |
|
|
3949
|
+
| cb | [<code>listener</code>](#user-content-cb_listener) | |
|
|
3942
3950
|
|
|
3943
3951
|
**Example**
|
|
3944
3952
|
|
|
@@ -3947,34 +3955,34 @@ widget.on('click', function () {
|
|
|
3947
3955
|
|
|
3948
3956
|
});
|
|
3949
3957
|
```
|
|
3950
|
-
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close"
|
|
3958
|
+
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close"> </a>
|
|
3951
3959
|
|
|
3952
3960
|
### zipmoneyCheckoutButton.close()
|
|
3953
3961
|
Close popup window forcibly
|
|
3954
3962
|
|
|
3955
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
3956
|
-
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert"
|
|
3963
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
3964
|
+
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert"> </a>
|
|
3957
3965
|
|
|
3958
3966
|
### zipmoneyCheckoutButton.onFinishInsert(selector, dataType)
|
|
3959
3967
|
After finish event of checkout button, data (dataType) will be insert to input (selector)
|
|
3960
3968
|
|
|
3961
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
3969
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
3962
3970
|
|
|
3963
3971
|
| Param | Type | Description |
|
|
3964
3972
|
| --- | --- | --- |
|
|
3965
3973
|
| selector | <code>string</code> | css selector . [] # |
|
|
3966
|
-
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#cb_IEventCheckoutFinishData). |
|
|
3974
|
+
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#user-content-cb_IEventCheckoutFinishData). |
|
|
3967
3975
|
|
|
3968
|
-
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta"
|
|
3976
|
+
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta" href="#user-content-cb_CheckoutButton+setMeta"> </a>
|
|
3969
3977
|
|
|
3970
3978
|
### zipmoneyCheckoutButton.setMeta(meta)
|
|
3971
3979
|
Method for setting meta information for checkout page
|
|
3972
3980
|
|
|
3973
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
3981
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
3974
3982
|
|
|
3975
3983
|
| Param | Type | Description |
|
|
3976
3984
|
| --- | --- | --- |
|
|
3977
|
-
| meta | [<code>IPayPalMeta</code>](#cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#cb_IPayPalMeta) [IZipmoneyMeta](#cb_IZipmoneyMeta) [IAfterpayMeta](#cb_IAfterpayMeta) |
|
|
3985
|
+
| meta | [<code>IPayPalMeta</code>](#user-content-cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#user-content-cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#user-content-cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#user-content-cb_IPayPalMeta) [IZipmoneyMeta](#user-content-cb_IZipmoneyMeta) [IAfterpayMeta](#user-content-cb_IAfterpayMeta) |
|
|
3978
3986
|
|
|
3979
3987
|
**Example**
|
|
3980
3988
|
|
|
@@ -3985,12 +3993,12 @@ button.setMeta({
|
|
|
3985
3993
|
email: 'wault@paydock.com'
|
|
3986
3994
|
});
|
|
3987
3995
|
```
|
|
3988
|
-
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription"
|
|
3996
|
+
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription"> </a>
|
|
3989
3997
|
|
|
3990
3998
|
### zipmoneyCheckoutButton.setBackdropDescription(text)
|
|
3991
3999
|
Method for setting backdrop description
|
|
3992
4000
|
|
|
3993
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
4001
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
3994
4002
|
|
|
3995
4003
|
| Param | Type | Description |
|
|
3996
4004
|
| --- | --- | --- |
|
|
@@ -4001,12 +4009,12 @@ Method for setting backdrop description
|
|
|
4001
4009
|
```javascript
|
|
4002
4010
|
button.setBackdropDescription('Custom description');
|
|
4003
4011
|
```
|
|
4004
|
-
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle"
|
|
4012
|
+
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle"> </a>
|
|
4005
4013
|
|
|
4006
4014
|
### zipmoneyCheckoutButton.setBackdropTitle(string)
|
|
4007
4015
|
Method for setting backdrop title
|
|
4008
4016
|
|
|
4009
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
4017
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
4010
4018
|
|
|
4011
4019
|
| Param | Type | Description |
|
|
4012
4020
|
| --- | --- | --- |
|
|
@@ -4017,37 +4025,37 @@ Method for setting backdrop title
|
|
|
4017
4025
|
```javascript
|
|
4018
4026
|
button.setBackdropTitle('Custom title');
|
|
4019
4027
|
```
|
|
4020
|
-
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop"
|
|
4028
|
+
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop"> </a>
|
|
4021
4029
|
|
|
4022
4030
|
### zipmoneyCheckoutButton.turnOffBackdrop()
|
|
4023
4031
|
Method for disable backdrop on the page.
|
|
4024
4032
|
|
|
4025
|
-
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#cb_ZipmoneyCheckoutButton)
|
|
4033
|
+
**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)
|
|
4026
4034
|
**Example**
|
|
4027
4035
|
|
|
4028
4036
|
```javascript
|
|
4029
4037
|
button.turnOffBackdrop();
|
|
4030
4038
|
```
|
|
4031
|
-
<a name="cb_PaypalCheckoutButton" id="cb_PaypalCheckoutButton"
|
|
4039
|
+
<a name="cb_PaypalCheckoutButton" id="cb_PaypalCheckoutButton" href="#user-content-cb_PaypalCheckoutButton"> </a>
|
|
4032
4040
|
|
|
4033
|
-
## PaypalCheckoutButton ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
4041
|
+
## PaypalCheckoutButton ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
4034
4042
|
Class PaypalCheckoutButton is wrapper of CheckoutButton transform usual button into checkout
|
|
4035
4043
|
|
|
4036
4044
|
**Kind**: global class
|
|
4037
|
-
**Extends**: [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
4045
|
+
**Extends**: [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
4038
4046
|
|
|
4039
|
-
* [PaypalCheckoutButton](#cb_PaypalCheckoutButton) ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
4040
|
-
* [new exports.PaypalCheckoutButton(selector, publicKey, [gatewayId])](#cb_new_PaypalCheckoutButton_new)
|
|
4041
|
-
* [.on(eventName, cb)](#cb_CheckoutButton+on)
|
|
4042
|
-
* [.close()](#cb_CheckoutButton+close)
|
|
4043
|
-
* [.onFinishInsert(selector, dataType)](#cb_CheckoutButton+onFinishInsert)
|
|
4044
|
-
* [.setMeta(meta)](#cb_CheckoutButton+setMeta)
|
|
4045
|
-
* [.setBackdropDescription(text)](#cb_CheckoutButton+setBackdropDescription)
|
|
4046
|
-
* [.setBackdropTitle(string)](#cb_CheckoutButton+setBackdropTitle)
|
|
4047
|
-
* [.setSuspendedRedirectUri(string)](#cb_CheckoutButton+setSuspendedRedirectUri)
|
|
4048
|
-
* [.turnOffBackdrop()](#cb_CheckoutButton+turnOffBackdrop)
|
|
4047
|
+
* [PaypalCheckoutButton](#user-content-cb_PaypalCheckoutButton) ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
4048
|
+
* [new exports.PaypalCheckoutButton(selector, publicKey, [gatewayId])](#user-content-cb_new_PaypalCheckoutButton_new)
|
|
4049
|
+
* [.on(eventName, cb)](#user-content-cb_CheckoutButton+on)
|
|
4050
|
+
* [.close()](#user-content-cb_CheckoutButton+close)
|
|
4051
|
+
* [.onFinishInsert(selector, dataType)](#user-content-cb_CheckoutButton+onFinishInsert)
|
|
4052
|
+
* [.setMeta(meta)](#user-content-cb_CheckoutButton+setMeta)
|
|
4053
|
+
* [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
|
|
4054
|
+
* [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
|
|
4055
|
+
* [.setSuspendedRedirectUri(string)](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
|
|
4056
|
+
* [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
|
|
4049
4057
|
|
|
4050
|
-
<a name="cb_new_PaypalCheckoutButton_new" id="cb_new_PaypalCheckoutButton_new"
|
|
4058
|
+
<a name="cb_new_PaypalCheckoutButton_new" id="cb_new_PaypalCheckoutButton_new" href="#user-content-cb_new_PaypalCheckoutButton_new"> </a>
|
|
4051
4059
|
|
|
4052
4060
|
### new exports.PaypalCheckoutButton(selector, publicKey, [gatewayId])
|
|
4053
4061
|
|
|
@@ -4062,17 +4070,17 @@ Class PaypalCheckoutButton is wrapper of CheckoutButton transform usual button i
|
|
|
4062
4070
|
```javascript
|
|
4063
4071
|
var widget = new PaypalCheckoutButton('#button', 'publicKey','gatewayId');
|
|
4064
4072
|
```
|
|
4065
|
-
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on"
|
|
4073
|
+
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on" href="#user-content-cb_CheckoutButton+on"> </a>
|
|
4066
4074
|
|
|
4067
4075
|
### paypalCheckoutButton.on(eventName, cb)
|
|
4068
4076
|
Listen to events of widget
|
|
4069
4077
|
|
|
4070
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4078
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4071
4079
|
|
|
4072
4080
|
| Param | Type | Description |
|
|
4073
4081
|
| --- | --- | --- |
|
|
4074
|
-
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#cb_CHECKOUT_BUTTON_EVENT) |
|
|
4075
|
-
| cb | [<code>listener</code>](#cb_listener) | |
|
|
4082
|
+
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#user-content-cb_CHECKOUT_BUTTON_EVENT) |
|
|
4083
|
+
| cb | [<code>listener</code>](#user-content-cb_listener) | |
|
|
4076
4084
|
|
|
4077
4085
|
**Example**
|
|
4078
4086
|
|
|
@@ -4081,34 +4089,34 @@ widget.on('click', function () {
|
|
|
4081
4089
|
|
|
4082
4090
|
});
|
|
4083
4091
|
```
|
|
4084
|
-
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close"
|
|
4092
|
+
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close"> </a>
|
|
4085
4093
|
|
|
4086
4094
|
### paypalCheckoutButton.close()
|
|
4087
4095
|
Close popup window forcibly
|
|
4088
4096
|
|
|
4089
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4090
|
-
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert"
|
|
4097
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4098
|
+
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert"> </a>
|
|
4091
4099
|
|
|
4092
4100
|
### paypalCheckoutButton.onFinishInsert(selector, dataType)
|
|
4093
4101
|
After finish event of checkout button, data (dataType) will be insert to input (selector)
|
|
4094
4102
|
|
|
4095
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4103
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4096
4104
|
|
|
4097
4105
|
| Param | Type | Description |
|
|
4098
4106
|
| --- | --- | --- |
|
|
4099
4107
|
| selector | <code>string</code> | css selector . [] # |
|
|
4100
|
-
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#cb_IEventCheckoutFinishData). |
|
|
4108
|
+
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#user-content-cb_IEventCheckoutFinishData). |
|
|
4101
4109
|
|
|
4102
|
-
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta"
|
|
4110
|
+
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta" href="#user-content-cb_CheckoutButton+setMeta"> </a>
|
|
4103
4111
|
|
|
4104
4112
|
### paypalCheckoutButton.setMeta(meta)
|
|
4105
4113
|
Method for setting meta information for checkout page
|
|
4106
4114
|
|
|
4107
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4115
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4108
4116
|
|
|
4109
4117
|
| Param | Type | Description |
|
|
4110
4118
|
| --- | --- | --- |
|
|
4111
|
-
| meta | [<code>IPayPalMeta</code>](#cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#cb_IPayPalMeta) [IZipmoneyMeta](#cb_IZipmoneyMeta) [IAfterpayMeta](#cb_IAfterpayMeta) |
|
|
4119
|
+
| meta | [<code>IPayPalMeta</code>](#user-content-cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#user-content-cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#user-content-cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#user-content-cb_IPayPalMeta) [IZipmoneyMeta](#user-content-cb_IZipmoneyMeta) [IAfterpayMeta](#user-content-cb_IAfterpayMeta) |
|
|
4112
4120
|
|
|
4113
4121
|
**Example**
|
|
4114
4122
|
|
|
@@ -4119,12 +4127,12 @@ button.setMeta({
|
|
|
4119
4127
|
email: 'wault@paydock.com'
|
|
4120
4128
|
});
|
|
4121
4129
|
```
|
|
4122
|
-
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription"
|
|
4130
|
+
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription"> </a>
|
|
4123
4131
|
|
|
4124
4132
|
### paypalCheckoutButton.setBackdropDescription(text)
|
|
4125
4133
|
Method for setting backdrop description
|
|
4126
4134
|
|
|
4127
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4135
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4128
4136
|
|
|
4129
4137
|
| Param | Type | Description |
|
|
4130
4138
|
| --- | --- | --- |
|
|
@@ -4135,12 +4143,12 @@ Method for setting backdrop description
|
|
|
4135
4143
|
```javascript
|
|
4136
4144
|
button.setBackdropDescription('Custom description');
|
|
4137
4145
|
```
|
|
4138
|
-
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle"
|
|
4146
|
+
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle"> </a>
|
|
4139
4147
|
|
|
4140
4148
|
### paypalCheckoutButton.setBackdropTitle(string)
|
|
4141
4149
|
Method for setting backdrop title
|
|
4142
4150
|
|
|
4143
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4151
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4144
4152
|
|
|
4145
4153
|
| Param | Type | Description |
|
|
4146
4154
|
| --- | --- | --- |
|
|
@@ -4151,49 +4159,49 @@ Method for setting backdrop title
|
|
|
4151
4159
|
```javascript
|
|
4152
4160
|
button.setBackdropTitle('Custom title');
|
|
4153
4161
|
```
|
|
4154
|
-
<a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri"
|
|
4162
|
+
<a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_CheckoutButton+setSuspendedRedirectUri"> </a>
|
|
4155
4163
|
|
|
4156
4164
|
### paypalCheckoutButton.setSuspendedRedirectUri(string)
|
|
4157
4165
|
Method for setting suspended redirect uri. Redirect after referred checkout
|
|
4158
4166
|
|
|
4159
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4167
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4160
4168
|
|
|
4161
4169
|
| Param | Type | Description |
|
|
4162
4170
|
| --- | --- | --- |
|
|
4163
4171
|
| string | <code>uri</code> | uri for redirect (by default) |
|
|
4164
4172
|
|
|
4165
|
-
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop"
|
|
4173
|
+
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop"> </a>
|
|
4166
4174
|
|
|
4167
4175
|
### paypalCheckoutButton.turnOffBackdrop()
|
|
4168
4176
|
Method for disable backdrop on the page.
|
|
4169
4177
|
|
|
4170
|
-
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#cb_PaypalCheckoutButton)
|
|
4178
|
+
**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)
|
|
4171
4179
|
**Example**
|
|
4172
4180
|
|
|
4173
4181
|
```javascript
|
|
4174
4182
|
button.turnOffBackdrop();
|
|
4175
4183
|
```
|
|
4176
|
-
<a name="cb_AfterpayCheckoutButton" id="cb_AfterpayCheckoutButton"
|
|
4184
|
+
<a name="cb_AfterpayCheckoutButton" id="cb_AfterpayCheckoutButton" href="#user-content-cb_AfterpayCheckoutButton"> </a>
|
|
4177
4185
|
|
|
4178
|
-
## AfterpayCheckoutButton ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
4186
|
+
## AfterpayCheckoutButton ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
4179
4187
|
Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button into checkout
|
|
4180
4188
|
|
|
4181
4189
|
**Kind**: global class
|
|
4182
|
-
**Extends**: [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
4183
|
-
|
|
4184
|
-
* [AfterpayCheckoutButton](#cb_AfterpayCheckoutButton) ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
|
|
4185
|
-
* [new exports.AfterpayCheckoutButton(selector, accessToken, [gatewayId])](#cb_new_AfterpayCheckoutButton_new)
|
|
4186
|
-
* [.showEnhancedTrackingProtectionPopup(boolean)](#cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup)
|
|
4187
|
-
* [.on(eventName, cb)](#cb_CheckoutButton+on)
|
|
4188
|
-
* [.close()](#cb_CheckoutButton+close)
|
|
4189
|
-
* [.onFinishInsert(selector, dataType)](#cb_CheckoutButton+onFinishInsert)
|
|
4190
|
-
* [.setMeta(meta)](#cb_CheckoutButton+setMeta)
|
|
4191
|
-
* [.setBackdropDescription(text)](#cb_CheckoutButton+setBackdropDescription)
|
|
4192
|
-
* [.setBackdropTitle(string)](#cb_CheckoutButton+setBackdropTitle)
|
|
4193
|
-
* [.setSuspendedRedirectUri(string)](#cb_CheckoutButton+setSuspendedRedirectUri)
|
|
4194
|
-
* [.turnOffBackdrop()](#cb_CheckoutButton+turnOffBackdrop)
|
|
4195
|
-
|
|
4196
|
-
<a name="cb_new_AfterpayCheckoutButton_new" id="cb_new_AfterpayCheckoutButton_new"
|
|
4190
|
+
**Extends**: [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
4191
|
+
|
|
4192
|
+
* [AfterpayCheckoutButton](#user-content-cb_AfterpayCheckoutButton) ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
|
|
4193
|
+
* [new exports.AfterpayCheckoutButton(selector, accessToken, [gatewayId])](#user-content-cb_new_AfterpayCheckoutButton_new)
|
|
4194
|
+
* [.showEnhancedTrackingProtectionPopup(boolean)](#user-content-cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup)
|
|
4195
|
+
* [.on(eventName, cb)](#user-content-cb_CheckoutButton+on)
|
|
4196
|
+
* [.close()](#user-content-cb_CheckoutButton+close)
|
|
4197
|
+
* [.onFinishInsert(selector, dataType)](#user-content-cb_CheckoutButton+onFinishInsert)
|
|
4198
|
+
* [.setMeta(meta)](#user-content-cb_CheckoutButton+setMeta)
|
|
4199
|
+
* [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
|
|
4200
|
+
* [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
|
|
4201
|
+
* [.setSuspendedRedirectUri(string)](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
|
|
4202
|
+
* [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
|
|
4203
|
+
|
|
4204
|
+
<a name="cb_new_AfterpayCheckoutButton_new" id="cb_new_AfterpayCheckoutButton_new" href="#user-content-cb_new_AfterpayCheckoutButton_new"> </a>
|
|
4197
4205
|
|
|
4198
4206
|
### new exports.AfterpayCheckoutButton(selector, accessToken, [gatewayId])
|
|
4199
4207
|
|
|
@@ -4208,7 +4216,7 @@ Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button
|
|
|
4208
4216
|
```javascript
|
|
4209
4217
|
var widget = new AfterpayCheckoutButton('#button', 'access-token','gatewayId');
|
|
4210
4218
|
```
|
|
4211
|
-
<a name="cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup" id="cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup"
|
|
4219
|
+
<a name="cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup" id="cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup" href="#user-content-cb_AfterpayCheckoutButton+showEnhancedTrackingProtectionPopup"> </a>
|
|
4212
4220
|
|
|
4213
4221
|
### afterpayCheckoutButton.showEnhancedTrackingProtectionPopup(boolean)
|
|
4214
4222
|
Method which toggles the "Enhanced Tracking Protection" warning popup to 'on' mode.
|
|
@@ -4219,23 +4227,23 @@ would be shown in the Mozilla Firefox browser version 100+
|
|
|
4219
4227
|
By default, the popup would not be shown, until
|
|
4220
4228
|
the flag would be set to `true`
|
|
4221
4229
|
|
|
4222
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4230
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4223
4231
|
|
|
4224
4232
|
| Param | Type | Description |
|
|
4225
4233
|
| --- | --- | --- |
|
|
4226
4234
|
| boolean | <code>doShow</code> | flag which toggle the popup visibility |
|
|
4227
4235
|
|
|
4228
|
-
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on"
|
|
4236
|
+
<a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on" href="#user-content-cb_CheckoutButton+on"> </a>
|
|
4229
4237
|
|
|
4230
4238
|
### afterpayCheckoutButton.on(eventName, cb)
|
|
4231
4239
|
Listen to events of widget
|
|
4232
4240
|
|
|
4233
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4241
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4234
4242
|
|
|
4235
4243
|
| Param | Type | Description |
|
|
4236
4244
|
| --- | --- | --- |
|
|
4237
|
-
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#cb_CHECKOUT_BUTTON_EVENT) |
|
|
4238
|
-
| cb | [<code>listener</code>](#cb_listener) | |
|
|
4245
|
+
| eventName | <code>string</code> | Available event names [CHECKOUT_BUTTON_EVENT](#user-content-cb_CHECKOUT_BUTTON_EVENT) |
|
|
4246
|
+
| cb | [<code>listener</code>](#user-content-cb_listener) | |
|
|
4239
4247
|
|
|
4240
4248
|
**Example**
|
|
4241
4249
|
|
|
@@ -4244,34 +4252,34 @@ widget.on('click', function () {
|
|
|
4244
4252
|
|
|
4245
4253
|
});
|
|
4246
4254
|
```
|
|
4247
|
-
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close"
|
|
4255
|
+
<a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close"> </a>
|
|
4248
4256
|
|
|
4249
4257
|
### afterpayCheckoutButton.close()
|
|
4250
4258
|
Close popup window forcibly
|
|
4251
4259
|
|
|
4252
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4253
|
-
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert"
|
|
4260
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4261
|
+
<a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert"> </a>
|
|
4254
4262
|
|
|
4255
4263
|
### afterpayCheckoutButton.onFinishInsert(selector, dataType)
|
|
4256
4264
|
After finish event of checkout button, data (dataType) will be insert to input (selector)
|
|
4257
4265
|
|
|
4258
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4266
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4259
4267
|
|
|
4260
4268
|
| Param | Type | Description |
|
|
4261
4269
|
| --- | --- | --- |
|
|
4262
4270
|
| selector | <code>string</code> | css selector . [] # |
|
|
4263
|
-
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#cb_IEventCheckoutFinishData). |
|
|
4271
|
+
| dataType | <code>string</code> | data type of IEventCheckoutFinishData [IEventCheckoutFinishData](#user-content-cb_IEventCheckoutFinishData). |
|
|
4264
4272
|
|
|
4265
|
-
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta"
|
|
4273
|
+
<a name="cb_CheckoutButton+setMeta" id="cb_CheckoutButton+setMeta" href="#user-content-cb_CheckoutButton+setMeta"> </a>
|
|
4266
4274
|
|
|
4267
4275
|
### afterpayCheckoutButton.setMeta(meta)
|
|
4268
4276
|
Method for setting meta information for checkout page
|
|
4269
4277
|
|
|
4270
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4278
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4271
4279
|
|
|
4272
4280
|
| Param | Type | Description |
|
|
4273
4281
|
| --- | --- | --- |
|
|
4274
|
-
| meta | [<code>IPayPalMeta</code>](#cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#cb_IPayPalMeta) [IZipmoneyMeta](#cb_IZipmoneyMeta) [IAfterpayMeta](#cb_IAfterpayMeta) |
|
|
4282
|
+
| meta | [<code>IPayPalMeta</code>](#user-content-cb_IPayPalMeta) \| [<code>IAfterpayMeta</code>](#user-content-cb_IAfterpayMeta) \| [<code>IZipmoneyMeta</code>](#user-content-cb_IZipmoneyMeta) | Data which can be shown on checkout page [IPayPalMeta](#user-content-cb_IPayPalMeta) [IZipmoneyMeta](#user-content-cb_IZipmoneyMeta) [IAfterpayMeta](#user-content-cb_IAfterpayMeta) |
|
|
4275
4283
|
|
|
4276
4284
|
**Example**
|
|
4277
4285
|
|
|
@@ -4282,12 +4290,12 @@ button.setMeta({
|
|
|
4282
4290
|
email: 'wault@paydock.com'
|
|
4283
4291
|
});
|
|
4284
4292
|
```
|
|
4285
|
-
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription"
|
|
4293
|
+
<a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription"> </a>
|
|
4286
4294
|
|
|
4287
4295
|
### afterpayCheckoutButton.setBackdropDescription(text)
|
|
4288
4296
|
Method for setting backdrop description
|
|
4289
4297
|
|
|
4290
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4298
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4291
4299
|
|
|
4292
4300
|
| Param | Type | Description |
|
|
4293
4301
|
| --- | --- | --- |
|
|
@@ -4298,12 +4306,12 @@ Method for setting backdrop description
|
|
|
4298
4306
|
```javascript
|
|
4299
4307
|
button.setBackdropDescription('Custom description');
|
|
4300
4308
|
```
|
|
4301
|
-
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle"
|
|
4309
|
+
<a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle"> </a>
|
|
4302
4310
|
|
|
4303
4311
|
### afterpayCheckoutButton.setBackdropTitle(string)
|
|
4304
4312
|
Method for setting backdrop title
|
|
4305
4313
|
|
|
4306
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4314
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4307
4315
|
|
|
4308
4316
|
| Param | Type | Description |
|
|
4309
4317
|
| --- | --- | --- |
|
|
@@ -4314,29 +4322,29 @@ Method for setting backdrop title
|
|
|
4314
4322
|
```javascript
|
|
4315
4323
|
button.setBackdropTitle('Custom title');
|
|
4316
4324
|
```
|
|
4317
|
-
<a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri"
|
|
4325
|
+
<a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_CheckoutButton+setSuspendedRedirectUri"> </a>
|
|
4318
4326
|
|
|
4319
4327
|
### afterpayCheckoutButton.setSuspendedRedirectUri(string)
|
|
4320
4328
|
Method for setting suspended redirect uri. Redirect after referred checkout
|
|
4321
4329
|
|
|
4322
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4330
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4323
4331
|
|
|
4324
4332
|
| Param | Type | Description |
|
|
4325
4333
|
| --- | --- | --- |
|
|
4326
4334
|
| string | <code>uri</code> | uri for redirect (by default) |
|
|
4327
4335
|
|
|
4328
|
-
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop"
|
|
4336
|
+
<a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop"> </a>
|
|
4329
4337
|
|
|
4330
4338
|
### afterpayCheckoutButton.turnOffBackdrop()
|
|
4331
4339
|
Method for disable backdrop on the page.
|
|
4332
4340
|
|
|
4333
|
-
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#cb_AfterpayCheckoutButton)
|
|
4341
|
+
**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)
|
|
4334
4342
|
**Example**
|
|
4335
4343
|
|
|
4336
4344
|
```javascript
|
|
4337
4345
|
button.turnOffBackdrop();
|
|
4338
4346
|
```
|
|
4339
|
-
<a name="cb_CHECKOUT_BUTTON_EVENT" id="cb_CHECKOUT_BUTTON_EVENT"
|
|
4347
|
+
<a name="cb_CHECKOUT_BUTTON_EVENT" id="cb_CHECKOUT_BUTTON_EVENT" href="#user-content-cb_CHECKOUT_BUTTON_EVENT"> </a>
|
|
4340
4348
|
|
|
4341
4349
|
## CHECKOUT\_BUTTON\_EVENT : <code>object</code>
|
|
4342
4350
|
**Kind**: global constant
|
|
@@ -4350,7 +4358,7 @@ button.turnOffBackdrop();
|
|
|
4350
4358
|
| FINISH | <code>string</code> | <code>"finish"</code> |
|
|
4351
4359
|
| CLOSE | <code>string</code> | <code>"close"</code> |
|
|
4352
4360
|
|
|
4353
|
-
<a name="cb_listener" id="cb_listener"
|
|
4361
|
+
<a name="cb_listener" id="cb_listener" href="#user-content-cb_listener"> </a>
|
|
4354
4362
|
|
|
4355
4363
|
## listener : <code>function</code>
|
|
4356
4364
|
This callback will be called for each event in payment source widget
|
|
@@ -4792,7 +4800,7 @@ This example shows how you can use a lot of other methods to settings your form
|
|
|
4792
4800
|
</html>
|
|
4793
4801
|
```
|
|
4794
4802
|
|
|
4795
|
-
<a name="VaultDisplayWidget" id="VaultDisplayWidget"
|
|
4803
|
+
<a name="VaultDisplayWidget" id="VaultDisplayWidget" href="#VaultDisplayWidget"> </a>
|
|
4796
4804
|
|
|
4797
4805
|
## VaultDisplayWidget
|
|
4798
4806
|
Class VaultDisplayWidget include method for working on html
|
|
@@ -4806,7 +4814,7 @@ Class VaultDisplayWidget include method for working on html
|
|
|
4806
4814
|
* [.setStyles(fields)](#VaultDisplayWidget+setStyles)
|
|
4807
4815
|
* [.load()](#VaultDisplayWidget+load)
|
|
4808
4816
|
|
|
4809
|
-
<a name="new_VaultDisplayWidget_new" id="new_VaultDisplayWidget_new"
|
|
4817
|
+
<a name="new_VaultDisplayWidget_new" id="new_VaultDisplayWidget_new" href="#new_VaultDisplayWidget_new"> </a>
|
|
4810
4818
|
|
|
4811
4819
|
### new exports.VaultDisplayWidget(selector, token)
|
|
4812
4820
|
|
|
@@ -4819,7 +4827,7 @@ Class VaultDisplayWidget include method for working on html
|
|
|
4819
4827
|
```js
|
|
4820
4828
|
var widget = new VaultDisplayWidget('#widget', 'token');
|
|
4821
4829
|
```
|
|
4822
|
-
<a name="VaultDisplayWidget+setEnv" id="VaultDisplayWidget+setEnv"
|
|
4830
|
+
<a name="VaultDisplayWidget+setEnv" id="VaultDisplayWidget+setEnv" href="#VaultDisplayWidget+setEnv"> </a>
|
|
4823
4831
|
|
|
4824
4832
|
### vaultDisplayWidget.setEnv(env, [alias])
|
|
4825
4833
|
Current method can change environment. By default environment = sandbox.
|
|
@@ -4836,7 +4844,7 @@ Also we can change domain alias for this environment. By default domain_alias =
|
|
|
4836
4844
|
```js
|
|
4837
4845
|
widget.setEnv('production', 'paydock.com');
|
|
4838
4846
|
```
|
|
4839
|
-
<a name="VaultDisplayWidget+on" id="VaultDisplayWidget+on"
|
|
4847
|
+
<a name="VaultDisplayWidget+on" id="VaultDisplayWidget+on" href="#VaultDisplayWidget+on"> </a>
|
|
4840
4848
|
|
|
4841
4849
|
### vaultDisplayWidget.on(eventName, [cb]) ⇒ <code>[ 'Promise' ].<(IEventData\|void)></code>
|
|
4842
4850
|
Listen to events of widget
|
|
@@ -4858,7 +4866,7 @@ widget.on('after_load', function (data) {
|
|
|
4858
4866
|
console.log(data);
|
|
4859
4867
|
});
|
|
4860
4868
|
```
|
|
4861
|
-
<a name="VaultDisplayWidget+setStyles" id="VaultDisplayWidget+setStyles"
|
|
4869
|
+
<a name="VaultDisplayWidget+setStyles" id="VaultDisplayWidget+setStyles" href="#VaultDisplayWidget+setStyles"> </a>
|
|
4862
4870
|
|
|
4863
4871
|
### vaultDisplayWidget.setStyles(fields)
|
|
4864
4872
|
Object contain styles for widget
|
|
@@ -4880,7 +4888,7 @@ widget.setStyles({
|
|
|
4880
4888
|
fort_family: 'fantasy'
|
|
4881
4889
|
});
|
|
4882
4890
|
```
|
|
4883
|
-
<a name="VaultDisplayWidget+load" id="VaultDisplayWidget+load"
|
|
4891
|
+
<a name="VaultDisplayWidget+load" id="VaultDisplayWidget+load" href="#VaultDisplayWidget+load"> </a>
|
|
4884
4892
|
|
|
4885
4893
|
### vaultDisplayWidget.load()
|
|
4886
4894
|
The final method to beginning, the load process of widget to html
|
|
@@ -5352,7 +5360,7 @@ Also, for **ApplePay via MPGS** you can initialize the `ApplePayPaymentRequest`
|
|
|
5352
5360
|
</dd>
|
|
5353
5361
|
</dl>
|
|
5354
5362
|
|
|
5355
|
-
<a name="IWalletMeta" id="IWalletMeta"
|
|
5363
|
+
<a name="IWalletMeta" id="IWalletMeta" href="#IWalletMeta"> </a>
|
|
5356
5364
|
|
|
5357
5365
|
## IWalletMeta : <code>object</code>
|
|
5358
5366
|
Interface of data used by the wallet checkout and payment proccess.
|
|
@@ -5376,7 +5384,7 @@ Interface of data used by the wallet checkout and payment proccess.
|
|
|
5376
5384
|
| [style.button_type] | <code>object</code> | Used to select ApplePay button type (e.g: 'buy','donate', etc), check possible values at https://developer.apple.com/documentation/apple_pay_on_the_web/displaying_apple_pay_buttons_using_css. Optional for [ApplePay]. N/A for other wallets. |
|
|
5377
5385
|
| [wallets] | <code>array</code> | By default if this is not sent or empty, we will try to show either Apple Pay or Google Pay buttons. This can be limited sending the following array in this field: ['apple','google]. Optional for [Stripe, ApplePay, GooglePay]. N/A for other wallets. |
|
|
5378
5386
|
|
|
5379
|
-
<a name="IApplePayShippingOption" id="IApplePayShippingOption"
|
|
5387
|
+
<a name="IApplePayShippingOption" id="IApplePayShippingOption" href="#IApplePayShippingOption"> </a>
|
|
5380
5388
|
|
|
5381
5389
|
## IApplePayShippingOption : <code>object</code>
|
|
5382
5390
|
Interface of Shipping Options for ApplePay
|
|
@@ -5391,7 +5399,7 @@ Interface of Shipping Options for ApplePay
|
|
|
5391
5399
|
| [detail] | <code>string</code> | Details of the Shipping Option. Required. |
|
|
5392
5400
|
| [type] | <code>string</code> | Type of the Shipping Option. Values can be 'ELECTRONIC', 'GROUND', 'NOT_SHIPPED', 'OVERNIGHT', 'PICKUP', 'PRIORITY', 'SAME_DAY'. Optional. |
|
|
5393
5401
|
|
|
5394
|
-
<a name="IGooglePayShippingOption" id="IGooglePayShippingOption"
|
|
5402
|
+
<a name="IGooglePayShippingOption" id="IGooglePayShippingOption" href="#IGooglePayShippingOption"> </a>
|
|
5395
5403
|
|
|
5396
5404
|
## IGooglePayShippingOption : <code>object</code>
|
|
5397
5405
|
Interface of Shipping Options for GooglePay
|
|
@@ -5405,7 +5413,7 @@ Interface of Shipping Options for GooglePay
|
|
|
5405
5413
|
| [detail] | <code>string</code> | Details of the Shipping Option. Optional. |
|
|
5406
5414
|
| [type] | <code>string</code> | Type of the Shipping Option. Values can be 'ELECTRONIC', 'GROUND', 'NOT_SHIPPED', 'OVERNIGHT', 'PICKUP', 'PRIORITY', 'SAME_DAY'. Optional. |
|
|
5407
5415
|
|
|
5408
|
-
<a name="IPayPalShippingOption" id="IPayPalShippingOption"
|
|
5416
|
+
<a name="IPayPalShippingOption" id="IPayPalShippingOption" href="#IPayPalShippingOption"> </a>
|
|
5409
5417
|
|
|
5410
5418
|
## IPayPalShippingOption : <code>object</code>
|
|
5411
5419
|
Interface of Shipping Options for PayPal
|
|
@@ -5420,7 +5428,7 @@ Interface of Shipping Options for PayPal
|
|
|
5420
5428
|
| [currency] | <code>string</code> | Currency of the Shipping Option. Required. |
|
|
5421
5429
|
| [type] | <code>string</code> | Type of the Shipping Option. Values can be 'SHIPPING' or 'PICKUP'. Required. |
|
|
5422
5430
|
|
|
5423
|
-
<a name="WalletButtons" id="WalletButtons"
|
|
5431
|
+
<a name="WalletButtons" id="WalletButtons" href="#WalletButtons"> </a>
|
|
5424
5432
|
|
|
5425
5433
|
## WalletButtons
|
|
5426
5434
|
Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay™ and Apple Pay via Stripe, Flypay, Paypal)
|
|
@@ -5440,7 +5448,7 @@ Class WalletButtons to work with different E-Wallets within html (currently supp
|
|
|
5440
5448
|
* [.onPaymentInReview([handler])](#WalletButtons+onPaymentInReview)
|
|
5441
5449
|
* [.onPaymentError([handler])](#WalletButtons+onPaymentError)
|
|
5442
5450
|
|
|
5443
|
-
<a name="new_WalletButtons_new" id="new_WalletButtons_new"
|
|
5451
|
+
<a name="new_WalletButtons_new" id="new_WalletButtons_new" href="#new_WalletButtons_new"> </a>
|
|
5444
5452
|
|
|
5445
5453
|
### new exports.WalletButtons(selector, chargeToken, object)
|
|
5446
5454
|
|
|
@@ -5454,7 +5462,7 @@ Class WalletButtons to work with different E-Wallets within html (currently supp
|
|
|
5454
5462
|
```js
|
|
5455
5463
|
var button = new WalletButtons('#wallet-buttons', 'charge-token', { amount_label: 'Total', country: 'us' });
|
|
5456
5464
|
```
|
|
5457
|
-
<a name="WalletButtons+load" id="WalletButtons+load"
|
|
5465
|
+
<a name="WalletButtons+load" id="WalletButtons+load" href="#WalletButtons+load"> </a>
|
|
5458
5466
|
|
|
5459
5467
|
### walletButtons.load()
|
|
5460
5468
|
Initializes the availability checks and inserts the button if possible.
|
|
@@ -5473,7 +5481,7 @@ var button = new WalletButtons(
|
|
|
5473
5481
|
);
|
|
5474
5482
|
button.load();
|
|
5475
5483
|
```
|
|
5476
|
-
<a name="WalletButtons+update" id="WalletButtons+update"
|
|
5484
|
+
<a name="WalletButtons+update" id="WalletButtons+update" href="#WalletButtons+update"> </a>
|
|
5477
5485
|
|
|
5478
5486
|
### walletButtons.update()
|
|
5479
5487
|
Triggers the update process of the wallet, if available.
|
|
@@ -5531,7 +5539,7 @@ var button = new WalletButtons(
|
|
|
5531
5539
|
});
|
|
5532
5540
|
});
|
|
5533
5541
|
```
|
|
5534
|
-
<a name="WalletButtons+setEnv" id="WalletButtons+setEnv"
|
|
5542
|
+
<a name="WalletButtons+setEnv" id="WalletButtons+setEnv" href="#WalletButtons+setEnv"> </a>
|
|
5535
5543
|
|
|
5536
5544
|
### walletButtons.setEnv(env, [alias])
|
|
5537
5545
|
Current method can change environment. By default environment = sandbox.
|
|
@@ -5549,7 +5557,7 @@ Bear in mind that you must set an environment before calling `button.load()`.
|
|
|
5549
5557
|
```js
|
|
5550
5558
|
button.setEnv('production', 'paydock.com');
|
|
5551
5559
|
```
|
|
5552
|
-
<a name="WalletButtons+close" id="WalletButtons+close"
|
|
5560
|
+
<a name="WalletButtons+close" id="WalletButtons+close" href="#WalletButtons+close"> </a>
|
|
5553
5561
|
|
|
5554
5562
|
### walletButtons.close()
|
|
5555
5563
|
Closes the checkout forcibly. Currently supported in Flypay wallet.
|
|
@@ -5559,7 +5567,7 @@ Closes the checkout forcibly. Currently supported in Flypay wallet.
|
|
|
5559
5567
|
```js
|
|
5560
5568
|
button.close();
|
|
5561
5569
|
```
|
|
5562
|
-
<a name="WalletButtons+on" id="WalletButtons+on"
|
|
5570
|
+
<a name="WalletButtons+on" id="WalletButtons+on" href="#WalletButtons+on"> </a>
|
|
5563
5571
|
|
|
5564
5572
|
### walletButtons.on(eventName, [cb]) ⇒ <code>Promise.<IEventData></code> \| <code>void</code>
|
|
5565
5573
|
Listen to events of button. `unavailable` returns no data, `paymentSuccessful` returns IWalletPaymentSuccessful
|
|
@@ -5584,7 +5592,7 @@ button.on('unavailable').then(function () {
|
|
|
5584
5592
|
console.log('No button is available);
|
|
5585
5593
|
});
|
|
5586
5594
|
```
|
|
5587
|
-
<a name="WalletButtons+onUnavailable" id="WalletButtons+onUnavailable"
|
|
5595
|
+
<a name="WalletButtons+onUnavailable" id="WalletButtons+onUnavailable" href="#WalletButtons+onUnavailable"> </a>
|
|
5588
5596
|
|
|
5589
5597
|
### walletButtons.onUnavailable([handler])
|
|
5590
5598
|
User to subscribe to the no button available event. This method is used after loading when the button is not available.
|
|
@@ -5611,7 +5619,7 @@ button.onUnavailable().then(() => console.log('No wallet buttons available'));
|
|
|
5611
5619
|
```js
|
|
5612
5620
|
button.onUnavailable(function (data) {console.log('data.wallet :: ', data.wallet)});
|
|
5613
5621
|
```
|
|
5614
|
-
<a name="WalletButtons+onUpdate" id="WalletButtons+onUpdate"
|
|
5622
|
+
<a name="WalletButtons+onUpdate" id="WalletButtons+onUpdate" href="#WalletButtons+onUpdate"> </a>
|
|
5615
5623
|
|
|
5616
5624
|
### walletButtons.onUpdate([handler])
|
|
5617
5625
|
If the wallet performs some update in the checkout process, the function passed as parameter will be called.
|
|
@@ -5634,7 +5642,7 @@ button.onUpdate((data) => {
|
|
|
5634
5642
|
```js
|
|
5635
5643
|
button.onUpdate().then((data) => throw new Error());
|
|
5636
5644
|
```
|
|
5637
|
-
<a name="WalletButtons+onPaymentSuccessful" id="WalletButtons+onPaymentSuccessful"
|
|
5645
|
+
<a name="WalletButtons+onPaymentSuccessful" id="WalletButtons+onPaymentSuccessful" href="#WalletButtons+onPaymentSuccessful"> </a>
|
|
5638
5646
|
|
|
5639
5647
|
### walletButtons.onPaymentSuccessful([handler])
|
|
5640
5648
|
If the payment was successful, the function passed as parameter will be called.
|
|
@@ -5656,7 +5664,7 @@ button.onPaymentSuccessful((data) => {
|
|
|
5656
5664
|
```js
|
|
5657
5665
|
button.onPaymentSuccessful().then((data) => console.log('Payment successful!'));
|
|
5658
5666
|
```
|
|
5659
|
-
<a name="WalletButtons+onPaymentInReview" id="WalletButtons+onPaymentInReview"
|
|
5667
|
+
<a name="WalletButtons+onPaymentInReview" id="WalletButtons+onPaymentInReview" href="#WalletButtons+onPaymentInReview"> </a>
|
|
5660
5668
|
|
|
5661
5669
|
### walletButtons.onPaymentInReview([handler])
|
|
5662
5670
|
If the payment was left in fraud review, the function passed as parameter will be called.
|
|
@@ -5678,7 +5686,7 @@ button.onPaymentInReview((data) => {
|
|
|
5678
5686
|
```js
|
|
5679
5687
|
button.onPaymentInReview().then((data) => console.log('Payment in fraud review'));
|
|
5680
5688
|
```
|
|
5681
|
-
<a name="WalletButtons+onPaymentError" id="WalletButtons+onPaymentError"
|
|
5689
|
+
<a name="WalletButtons+onPaymentError" id="WalletButtons+onPaymentError" href="#WalletButtons+onPaymentError"> </a>
|
|
5682
5690
|
|
|
5683
5691
|
### walletButtons.onPaymentError([handler])
|
|
5684
5692
|
If the payment was not successful, the function passed as parameter will be called.
|
|
@@ -5700,7 +5708,7 @@ button.onPaymentError((err) => {
|
|
|
5700
5708
|
```js
|
|
5701
5709
|
button.onPaymentError().then((err) => console.log('Payment not successful'));
|
|
5702
5710
|
```
|
|
5703
|
-
<a name="EVENT" id="EVENT"
|
|
5711
|
+
<a name="EVENT" id="EVENT" href="#EVENT"> </a>
|
|
5704
5712
|
|
|
5705
5713
|
## EVENT : <code>object</code>
|
|
5706
5714
|
List of available event's name in the wallet button lifecycle
|
|
@@ -5974,271 +5982,5 @@ button.setStyles({"primary_color":"#a83232","button_text_color":"#171e9c","font_
|
|
|
5974
5982
|
| font_family | <code>string</code> | Look more [mozilla.org/color](https://developer.mozilla.org/en-US/docs/Web/CSS/font-family)|
|
|
5975
5983
|
| card_schemes | <code>[string] - array of string</code> | Possible values "visa", "mastercard", "amex" and "discover" - Default show all logos
|
|
5976
5984
|
|
|
5977
|
-
## Classes
|
|
5978
|
-
|
|
5979
|
-
<dl>
|
|
5980
|
-
<dt><a href="#SRC">SRC</a></dt>
|
|
5981
|
-
<dd><p>Class SRC include methods for interacting with different secure remote commerce options such as Visa SRC</p>
|
|
5982
|
-
</dd>
|
|
5983
|
-
</dl>
|
|
5984
|
-
|
|
5985
|
-
## Interfaces
|
|
5986
|
-
|
|
5987
|
-
<dl>
|
|
5988
|
-
<dt><a href="#IVisaSRCMeta">IVisaSRCMeta</a> : <code>object</code></dt>
|
|
5989
|
-
<dd><p>Interface of data used for the Visa Checkout.</p>
|
|
5990
|
-
</dd>
|
|
5991
|
-
</dl>
|
|
5992
|
-
|
|
5993
|
-
<a name="IVisaSRCMeta" id="IVisaSRCMeta"></a>
|
|
5994
|
-
|
|
5995
|
-
## IVisaSRCMeta : <code>object</code>
|
|
5996
|
-
Interface of data used for the Visa Checkout.
|
|
5997
|
-
|
|
5998
|
-
**Kind**: global interface
|
|
5999
|
-
|
|
6000
|
-
| Param | Type | Description |
|
|
6001
|
-
| --- | --- | --- |
|
|
6002
|
-
| [srci_transaction_id] | <code>string</code> | Used to identify the SRC Id. |
|
|
6003
|
-
| [dpa_data] | <code>object</code> | Object where the DPA creation data is stored. |
|
|
6004
|
-
| [dpa_data.dpa_presentation_name] | <code>string</code> | Name in which the DPA is presented in. |
|
|
6005
|
-
| [dpa_data.dpa_uri] | <code>string</code> | Used for indicating the DPA URI. |
|
|
6006
|
-
| [dpa_transaction_options] | <code>object</code> | Object that stores options for creating a trasaction with DPA. |
|
|
6007
|
-
| [dpa_transaction_options.dpa_locale] | <code>string</code> | DPA’s preferred locale, example en_US. |
|
|
6008
|
-
| [dpa_transaction_options.dpa_accepted_billing_countries] | <code>Array</code> | Used to indicate list of accepted billing countries for DPA. |
|
|
6009
|
-
| [dpa_transaction_options.dpa_accepted_shipping_countries] | <code>Array</code> | Used to indicate list of accepted shipping countries for DPA. |
|
|
6010
|
-
| [dpa_transaction_options.dpa_billing_preference] | <code>string</code> | Used for listing the enumeration for billing preferences for DPA. Options are 'ALL', 'POSTAL_COUNTRY' and 'NONE'. |
|
|
6011
|
-
| [dpa_transaction_options.dpa_shipping_preference] | <code>string</code> | Used for listing the enumeration for shipping preferences for DPA. Options are 'ALL', 'POSTAL_COUNTRY' and 'NONE'. |
|
|
6012
|
-
| [dpa_transaction_options.consumer_name_requested] | <code>boolean</code> | Used to check if the name of the consumer is needed. |
|
|
6013
|
-
| [dpa_transaction_options.consumer_email_address_requested] | <code>boolean</code> | Used to check if the email of the consumer is needed. |
|
|
6014
|
-
| [dpa_transaction_options.consumer_phone_number_requested] | <code>boolean</code> | Used to check if the phone number of the consumer is needed. |
|
|
6015
|
-
| [dpa_transaction_options.payment_options] | <code>object</code> | Object used to check the payment options that are included. |
|
|
6016
|
-
| [dpa_transaction_options.payment_options.dpa_dynamic_data_ttl_minutes] | <code>number</code> | The minimum requested validity period for the transaction credentials. |
|
|
6017
|
-
| [dpa_transaction_options.payment_options.dynamic_data_type] | <code>string</code> | Used for listing the enumeration for dynamic data types. Options are 'TAVV' and 'DTVV'. |
|
|
6018
|
-
| [dpa_transaction_options.payment_options.dpa_pan_requested] | <code>boolean</code> | Used to check if PAN number was requested. |
|
|
6019
|
-
| [dpa_transaction_options.review_action] | <code>string</code> | Used for listing the enumeration of review actions. Options are 'pay' and 'continue'. |
|
|
6020
|
-
| [dpa_transaction_options.checkout_description] | <code>string</code> | Used for indicating the description of the checkout. |
|
|
6021
|
-
| [dpa_transaction_options.transaction_type] | <code>string</code> | Used for listing the enumeration of the type of the transaction. 'PURCHASE', 'BILL_PAYMENT' and 'MONEY_TRANSFER' |
|
|
6022
|
-
| [dpa_transaction_options.order_type] | <code>string</code> | Used for listing the enumeration of the type of the order. Options are 'REAUTHORIZATION', 'RECURRING' and 'INSTALLMENT'. |
|
|
6023
|
-
| [dpa_transaction_options.transaction_amount] | <code>object</code> | Object used to describe the details of the transaction. |
|
|
6024
|
-
| [dpa_transaction_options.transaction_amount.transaction_amount] | <code>number</code> | Used to indicate the amount of the transaction. |
|
|
6025
|
-
| [dpa_transaction_options.transaction_amount.transaction_currency_code] | <code>string</code> | Used to indicate the currency code of the transaction. 3 letter ISO code format. |
|
|
6026
|
-
| [dpa_transaction_options.merchant_order_id] | <code>string</code> | Used to indicate the merchants order Id. |
|
|
6027
|
-
| [dpa_transaction_options.merchant_category_code] | <code>string</code> | Used to indicate the merchants category code. |
|
|
6028
|
-
| [dpa_transaction_options.merchant_country_code] | <code>string</code> | Used to indicate the merchants country code. 2 letter ISO code format. |
|
|
6029
|
-
| [customer] | <code>object</code> | Object where the customer data is stored to prefill in the checkout. |
|
|
6030
|
-
| [customer.email] | <code>string</code> | Customer email. |
|
|
6031
|
-
| [customer.first_name] | <code>string</code> | Customer first name. |
|
|
6032
|
-
| [customer.last_name] | <code>string</code> | Customer last name. |
|
|
6033
|
-
| [customer.phone] | <code>object</code> | Object where the customer phone is stored. |
|
|
6034
|
-
| [customer.phone.country_code] | <code>string</code> | Customer phone country code (example "1" for US). |
|
|
6035
|
-
| [customer.phone.phone] | <code>string</code> | Customer phone number. |
|
|
6036
|
-
| [customer.payment_source] | <code>object</code> | Object where the customer billing address data is stored. |
|
|
6037
|
-
| [customer.payment_source.address_line1] | <code>string</code> | Customer billing address line 1. |
|
|
6038
|
-
| [customer.payment_source.address_line2] | <code>string</code> | Customer billing address line 2. |
|
|
6039
|
-
| [customer.payment_source.address_city] | <code>string</code> | Customer billing address city. |
|
|
6040
|
-
| [customer.payment_source.address_postcode] | <code>string</code> | Customer billing address postcode. |
|
|
6041
|
-
| [customer.payment_source.address_state] | <code>string</code> | Customer billing address state code (if applicable for the country, example "FL" for Florida). |
|
|
6042
|
-
| [customer.payment_source.address_country] | <code>string</code> | Customer billing address country code (example "US"). |
|
|
6043
|
-
|
|
6044
|
-
<a name="SRC" id="SRC"></a>
|
|
6045
|
-
|
|
6046
|
-
## SRC
|
|
6047
|
-
Class SRC include methods for interacting with different secure remote commerce options such as Visa SRC
|
|
6048
|
-
|
|
6049
|
-
**Kind**: global class
|
|
6050
|
-
|
|
6051
|
-
* [SRC](#SRC)
|
|
6052
|
-
* [new exports.SRC(button_selector, iframe_selector, service_id, public_key_or_access_token, meta)](#new_SRC_new)
|
|
6053
|
-
* [.setStyles(fields)](#SRC+setStyles)
|
|
6054
|
-
* [.load()](#SRC+load)
|
|
6055
|
-
* [.setEnv(env, [alias])](#SRC+setEnv)
|
|
6056
|
-
* [.getEnv()](#SRC+getEnv)
|
|
6057
|
-
* [.on(eventName, [cb])](#SRC+on) ⇒ <code>Promise.<any></code> \| <code>void</code>
|
|
6058
|
-
* [.hideButton([saveSize])](#SRC+hideButton)
|
|
6059
|
-
* [.showButton()](#SRC+showButton)
|
|
6060
|
-
* [.hideCheckout([saveSize])](#SRC+hideCheckout)
|
|
6061
|
-
* [.showCheckout()](#SRC+showCheckout)
|
|
6062
|
-
* [.reload()](#SRC+reload)
|
|
6063
|
-
* [.useAutoResize()](#SRC+useAutoResize)
|
|
6064
|
-
|
|
6065
|
-
<a name="new_SRC_new" id="new_SRC_new"></a>
|
|
6066
|
-
|
|
6067
|
-
### new exports.SRC(button_selector, iframe_selector, service_id, public_key_or_access_token, meta)
|
|
6068
|
-
|
|
6069
|
-
| Param | Type | Description |
|
|
6070
|
-
| --- | --- | --- |
|
|
6071
|
-
| button_selector | <code>string</code> | Selector of html element. Container for SRC checkout button. |
|
|
6072
|
-
| iframe_selector | <code>string</code> | Selector of html element. Container for SRC checkout iFrame. |
|
|
6073
|
-
| service_id | <code>string</code> | Card Scheme Service ID |
|
|
6074
|
-
| public_key_or_access_token | <code>string</code> | Paydock public key or Access Token |
|
|
6075
|
-
| meta | [<code>IVisaSRCMeta</code>](#IVisaSRCMeta) | Data that configures the SRC checkout |
|
|
6076
|
-
|
|
6077
|
-
**Example**
|
|
6078
|
-
```js
|
|
6079
|
-
var SRC = new SRC('#checkoutButton', '#checkoutIframe', 'service_id', 'public_key', {});
|
|
6080
|
-
```
|
|
6081
|
-
<a name="SRC+setStyles" id="SRC+setStyles"></a>
|
|
6082
|
-
|
|
6083
|
-
### srC.setStyles(fields)
|
|
6084
|
-
Object contain styles for widget - call before `.load()`.
|
|
6085
|
-
|
|
6086
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6087
|
-
|
|
6088
|
-
| Param | Type | Description |
|
|
6089
|
-
| --- | --- | --- |
|
|
6090
|
-
| fields | <code>IStyles</code> | name of styles which can be shown in widget [STYLE](STYLE) |
|
|
6091
|
-
|
|
6092
|
-
**Example**
|
|
6093
|
-
```js
|
|
6094
|
-
widget.setStyles({
|
|
6095
|
-
button_text_color: '#32a852',
|
|
6096
|
-
primary_color: '#32a852',
|
|
6097
|
-
font_family: 'sans-serif',
|
|
6098
|
-
card_schemes: ['visa']
|
|
6099
|
-
});
|
|
6100
|
-
```
|
|
6101
|
-
<a name="SRC+load" id="SRC+load"></a>
|
|
6102
|
-
|
|
6103
|
-
### srC.load()
|
|
6104
|
-
The final method after configuring the SRC to start the load process of SRC checkout
|
|
6105
|
-
|
|
6106
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6107
|
-
<a name="SRC+setEnv" id="SRC+setEnv"></a>
|
|
6108
|
-
|
|
6109
|
-
### srC.setEnv(env, [alias])
|
|
6110
|
-
Current method can change environment. By default environment = sandbox.
|
|
6111
|
-
Also we can change domain alias for this environment. By default domain_alias = paydock.com
|
|
6112
|
-
|
|
6113
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6114
|
-
|
|
6115
|
-
| Param | Type | Description |
|
|
6116
|
-
| --- | --- | --- |
|
|
6117
|
-
| env | <code>string</code> | sandbox, production |
|
|
6118
|
-
| [alias] | <code>string</code> | Own domain alias |
|
|
6119
|
-
|
|
6120
|
-
**Example**
|
|
6121
|
-
```js
|
|
6122
|
-
SRC.setEnv('production');
|
|
6123
|
-
```
|
|
6124
|
-
<a name="SRC+getEnv" id="SRC+getEnv"></a>
|
|
6125
|
-
|
|
6126
|
-
### srC.getEnv()
|
|
6127
|
-
Method to read the current environment
|
|
6128
|
-
|
|
6129
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6130
|
-
**Example**
|
|
6131
|
-
```js
|
|
6132
|
-
SRC.getEnv();
|
|
6133
|
-
```
|
|
6134
|
-
<a name="SRC+on" id="SRC+on"></a>
|
|
6135
|
-
|
|
6136
|
-
### srC.on(eventName, [cb]) ⇒ <code>Promise.<any></code> \| <code>void</code>
|
|
6137
|
-
Listen to events of SRC
|
|
6138
|
-
|
|
6139
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6140
|
-
|
|
6141
|
-
| Param | Type | Description |
|
|
6142
|
-
| --- | --- | --- |
|
|
6143
|
-
| eventName | <code>string</code> | Available event names [EVENT](#EVENT) |
|
|
6144
|
-
| [cb] | <code>listener</code> | |
|
|
6145
|
-
|
|
6146
|
-
**Example**
|
|
6147
|
-
```js
|
|
6148
|
-
SRC.on('checkoutCompleted', function (token) {
|
|
6149
|
-
console.log(token);
|
|
6150
|
-
});
|
|
6151
|
-
// or
|
|
6152
|
-
SRC.on('checkoutCompleted').then(function (token) {
|
|
6153
|
-
console.log(token);
|
|
6154
|
-
});
|
|
6155
|
-
```
|
|
6156
|
-
<a name="SRC+hideButton" id="SRC+hideButton"></a>
|
|
6157
|
-
|
|
6158
|
-
### srC.hideButton([saveSize])
|
|
6159
|
-
Using this method you can hide button
|
|
6160
|
-
|
|
6161
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6162
|
-
|
|
6163
|
-
| Param | Type | Default | Description |
|
|
6164
|
-
| --- | --- | --- | --- |
|
|
6165
|
-
| [saveSize] | <code>boolean</code> | <code>false</code> | using this param you can save iframe's size (if applicable) |
|
|
6166
|
-
|
|
6167
|
-
**Example**
|
|
6168
|
-
```js
|
|
6169
|
-
SRC.hideButton();
|
|
6170
|
-
```
|
|
6171
|
-
<a name="SRC+showButton" id="SRC+showButton"></a>
|
|
6172
|
-
|
|
6173
|
-
### srC.showButton()
|
|
6174
|
-
Using this method you can show the SRC button after using hideButton method
|
|
6175
|
-
|
|
6176
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6177
|
-
**Example**
|
|
6178
|
-
```js
|
|
6179
|
-
SRC.showButton();
|
|
6180
|
-
```
|
|
6181
|
-
<a name="SRC+hideCheckout" id="SRC+hideCheckout"></a>
|
|
6182
|
-
|
|
6183
|
-
### srC.hideCheckout([saveSize])
|
|
6184
|
-
Using this method you can hide checkout after load and button click
|
|
6185
|
-
|
|
6186
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6187
|
-
|
|
6188
|
-
| Param | Type | Default | Description |
|
|
6189
|
-
| --- | --- | --- | --- |
|
|
6190
|
-
| [saveSize] | <code>boolean</code> | <code>false</code> | using this param you can save iframe's size (if applicable) |
|
|
6191
|
-
|
|
6192
|
-
**Example**
|
|
6193
|
-
```js
|
|
6194
|
-
SRC.hideCheckout();
|
|
6195
|
-
```
|
|
6196
|
-
<a name="SRC+showCheckout" id="SRC+showCheckout"></a>
|
|
6197
|
-
|
|
6198
|
-
### srC.showCheckout()
|
|
6199
|
-
Using this method you can show checkout after using hideCheckout method
|
|
6200
|
-
|
|
6201
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6202
|
-
**Example**
|
|
6203
|
-
```js
|
|
6204
|
-
SRC.showCheckout()
|
|
6205
|
-
```
|
|
6206
|
-
<a name="SRC+reload" id="SRC+reload"></a>
|
|
6207
|
-
|
|
6208
|
-
### srC.reload()
|
|
6209
|
-
Using this method you can reload the whole checkout
|
|
6210
|
-
|
|
6211
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6212
|
-
**Example**
|
|
6213
|
-
```js
|
|
6214
|
-
SRC.reload()
|
|
6215
|
-
```
|
|
6216
|
-
<a name="SRC+useAutoResize" id="SRC+useAutoResize"></a>
|
|
6217
|
-
|
|
6218
|
-
### srC.useAutoResize()
|
|
6219
|
-
Use this method for resize checkout iFrame according to content height, if applicable
|
|
6220
|
-
|
|
6221
|
-
**Kind**: instance method of [<code>SRC</code>](#SRC)
|
|
6222
|
-
**Example**
|
|
6223
|
-
```js
|
|
6224
|
-
SRC.useAutoResize();
|
|
6225
|
-
```
|
|
6226
|
-
<a name="EVENT" id="EVENT"></a>
|
|
6227
|
-
|
|
6228
|
-
## EVENT : <code>enum</code>
|
|
6229
|
-
List of available event's name in the SRC checkout lifecycle
|
|
6230
|
-
|
|
6231
|
-
**Kind**: global enum
|
|
6232
|
-
|
|
6233
|
-
| Param | Type | Default |
|
|
6234
|
-
| --- | --- | --- |
|
|
6235
|
-
| CHECKOUT_BUTTON_LOADED | <code>string</code> | <code>"checkoutButtonLoaded"</code> |
|
|
6236
|
-
| CHECKOUT_BUTTON_CLICKED | <code>string</code> | <code>"checkoutButtonClicked"</code> |
|
|
6237
|
-
| IFRAME_LOADED | <code>string</code> | <code>"iframeLoaded"</code> |
|
|
6238
|
-
| CHECKOUT_READY | <code>string</code> | <code>"checkoutReady"</code> |
|
|
6239
|
-
| CHECKOUT_COMPLETED | <code>string</code> | <code>"checkoutCompleted"</code> |
|
|
6240
|
-
| CHECKOUT_ERROR | <code>string</code> | <code>"checkoutError"</code> |
|
|
6241
|
-
|
|
6242
|
-
|
|
6243
5985
|
## License
|
|
6244
|
-
Copyright (c)
|
|
5986
|
+
Copyright (c) 2022 paydock
|