@paydock/client-sdk 1.79.2 → 1.80.13

package/README.md

@@ -3605,6 +3605,15 @@ This example shows how you can use a lot of other methods to settings your butto
 </dd>
 </dl>
 
+## Members
+
+<dl>
+<dt><a href="#user-content-cb_CHECKOUT_MODE">CHECKOUT_MODE</a> : <code>object</code></dt>
+<dd></dd>
+<dt><a href="#user-content-cb_GATEWAY_TYPE">GATEWAY_TYPE</a> : <code>object</code></dt>
+<dd></dd>
+</dl>
+
 ## Constants
 
 <dl>
@@ -3757,6 +3766,7 @@ Class CheckoutButton transform usual button into checkout
     * [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
     * [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
     * [.setSuspendedRedirectUri(string)](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
+    * [.setRedirectUrl(string)](#user-content-cb_CheckoutButton+setRedirectUrl)
     * [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
 
 <a name="cb_new_CheckoutButton_new" id="cb_new_CheckoutButton_new" href="#user-content-cb_new_CheckoutButton_new">&nbsp;</a>
@@ -3773,7 +3783,7 @@ Class CheckoutButton transform usual button into checkout
 **Example**  
 
 ```javascript
-var widget = new CheckoutButton('#button', 'aceessToken','gatewayId');
+var widget = new CheckoutButton('#button', 'accessToken','gatewayId');
 ```
 <a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on" href="#user-content-cb_CheckoutButton+on">&nbsp;</a>
 
@@ -3797,7 +3807,8 @@ widget.on('click', function () {
 <a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close">&nbsp;</a>
 
 ### checkoutButton.close()
-Close popup window forcibly
+Close popup window forcibly.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
 <a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert">&nbsp;</a>
@@ -3835,7 +3846,8 @@ button.setMeta({
 <a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription">&nbsp;</a>
 
 ### checkoutButton.setBackdropDescription(text)
-Method for setting backdrop description
+Method for setting backdrop description.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
 
@@ -3851,7 +3863,8 @@ button.setBackdropDescription('Custom description');
 <a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle">&nbsp;</a>
 
 ### checkoutButton.setBackdropTitle(string)
-Method for setting backdrop title
+Method for setting backdrop title.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
 
@@ -3867,7 +3880,8 @@ button.setBackdropTitle('Custom title');
 <a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_CheckoutButton+setSuspendedRedirectUri">&nbsp;</a>
 
 ### checkoutButton.setSuspendedRedirectUri(string)
-Method for setting suspended redirect uri. Redirect after referred checkout
+Method for setting suspended redirect uri. Redirect after referred checkout.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
 
@@ -3875,10 +3889,24 @@ Method for setting suspended redirect uri. Redirect after referred checkout
 | --- | --- | --- |
 | string | <code>uri</code> | uri for redirect (by default) |
 
+<a name="cb_CheckoutButton+setRedirectUrl" id="cb_CheckoutButton+setRedirectUrl" href="#user-content-cb_CheckoutButton+setRedirectUrl">&nbsp;</a>
+
+### checkoutButton.setRedirectUrl(string)
+Method for setting the merchant redirect URL.
+Merchant's customers redirect after successfull checkout.
+Only for 'redirect' mode.
+
+**Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| string | <code>url</code> | redirect url |
+
 <a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop">&nbsp;</a>
 
 ### checkoutButton.turnOffBackdrop()
 Method for disable backdrop on the page.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
 **Example**  
@@ -3895,8 +3923,9 @@ Class ZipmoneyCheckoutButton is wrapper of CheckoutButton transform usual button
 **Extends**: [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)  
 
 * [ZipmoneyCheckoutButton](#user-content-cb_ZipmoneyCheckoutButton) ⇐ [<code>CheckoutButton</code>](#user-content-cb_CheckoutButton)
-    * [new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId])](#user-content-cb_new_ZipmoneyCheckoutButton_new)
+    * [new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId], [gatewayId])](#user-content-cb_new_ZipmoneyCheckoutButton_new)
     * [.setSuspendedRedirectUri(string)](#user-content-cb_ZipmoneyCheckoutButton+setSuspendedRedirectUri)
+    * [.setRedirectUrl(string)](#user-content-cb_ZipmoneyCheckoutButton+setRedirectUrl)
     * [.on(eventName, cb)](#user-content-cb_CheckoutButton+on)
     * [.close()](#user-content-cb_CheckoutButton+close)
     * [.onFinishInsert(selector, dataType)](#user-content-cb_CheckoutButton+onFinishInsert)
@@ -3907,13 +3936,14 @@ Class ZipmoneyCheckoutButton is wrapper of CheckoutButton transform usual button
 
 <a name="cb_new_ZipmoneyCheckoutButton_new" id="cb_new_ZipmoneyCheckoutButton_new" href="#user-content-cb_new_ZipmoneyCheckoutButton_new">&nbsp;</a>
 
-### new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId])
+### new exports.ZipmoneyCheckoutButton(selector, publicKey, [gatewayId], [gatewayId])
 
 | Param | Type | Default | Description |
 | --- | --- | --- | --- |
 | selector | <code>string</code> |  | Selector of html element. |
 | publicKey | <code>string</code> |  | PayDock users public key |
 | [gatewayId] | <code>string</code> | <code>&quot;default&quot;</code> | PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway |
+| [gatewayId] | <code>string</code> | <code>&quot;default&quot;</code> | Checkout mode, it could be set to 'contextual' or 'redirect'. By default it 'contextual' |
 
 **Example**  
 
@@ -3934,7 +3964,25 @@ If using in-context (sdk) we will not automatically redirect to this URI.
 
 | Param | Type | Description |
 | --- | --- | --- |
-| string | <code>uri</code> | uri for redirect (by default) |
+| string | <code>uri</code> | uri for suspended redirect (by default) |
+
+<a name="cb_ZipmoneyCheckoutButton+setRedirectUrl" id="cb_ZipmoneyCheckoutButton+setRedirectUrl" href="#user-content-cb_ZipmoneyCheckoutButton+setRedirectUrl">&nbsp;</a>
+
+### zipmoneyCheckoutButton.setRedirectUrl(string)
+Method for setting the merchant redirect URL.
+The merchant's customers would be redirected to the specified URL
+at the end of ZipMoney checkout flow.
+
+Once the redirect URL would be set, the checkout flow would be immediately switched
+from 'contextual' mode to the 'redirect' mode.
+The merchant's customer would be automatically redirected to this URL after the checkout is complete.
+
+**Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)  
+**Overrides**: [<code>setRedirectUrl</code>](#user-content-cb_CheckoutButton+setRedirectUrl)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| string | <code>url</code> | URL for redirect |
 
 <a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on" href="#user-content-cb_CheckoutButton+on">&nbsp;</a>
 
@@ -3958,7 +4006,8 @@ widget.on('click', function () {
 <a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close">&nbsp;</a>
 
 ### zipmoneyCheckoutButton.close()
-Close popup window forcibly
+Close popup window forcibly.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)  
 <a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert">&nbsp;</a>
@@ -3996,7 +4045,8 @@ button.setMeta({
 <a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription">&nbsp;</a>
 
 ### zipmoneyCheckoutButton.setBackdropDescription(text)
-Method for setting backdrop description
+Method for setting backdrop description.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)  
 
@@ -4012,7 +4062,8 @@ button.setBackdropDescription('Custom description');
 <a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle">&nbsp;</a>
 
 ### zipmoneyCheckoutButton.setBackdropTitle(string)
-Method for setting backdrop title
+Method for setting backdrop title.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)  
 
@@ -4029,6 +4080,7 @@ button.setBackdropTitle('Custom title');
 
 ### zipmoneyCheckoutButton.turnOffBackdrop()
 Method for disable backdrop on the page.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>ZipmoneyCheckoutButton</code>](#user-content-cb_ZipmoneyCheckoutButton)  
 **Example**  
@@ -4053,6 +4105,7 @@ Class PaypalCheckoutButton is wrapper of CheckoutButton transform usual button i
     * [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
     * [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
     * [.setSuspendedRedirectUri(string)](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
+    * [.setRedirectUrl(string)](#user-content-cb_CheckoutButton+setRedirectUrl)
     * [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
 
 <a name="cb_new_PaypalCheckoutButton_new" id="cb_new_PaypalCheckoutButton_new" href="#user-content-cb_new_PaypalCheckoutButton_new">&nbsp;</a>
@@ -4092,7 +4145,8 @@ widget.on('click', function () {
 <a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close">&nbsp;</a>
 
 ### paypalCheckoutButton.close()
-Close popup window forcibly
+Close popup window forcibly.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)  
 <a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert">&nbsp;</a>
@@ -4130,7 +4184,8 @@ button.setMeta({
 <a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription">&nbsp;</a>
 
 ### paypalCheckoutButton.setBackdropDescription(text)
-Method for setting backdrop description
+Method for setting backdrop description.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)  
 
@@ -4146,7 +4201,8 @@ button.setBackdropDescription('Custom description');
 <a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle">&nbsp;</a>
 
 ### paypalCheckoutButton.setBackdropTitle(string)
-Method for setting backdrop title
+Method for setting backdrop title.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)  
 
@@ -4162,7 +4218,8 @@ button.setBackdropTitle('Custom title');
 <a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_CheckoutButton+setSuspendedRedirectUri">&nbsp;</a>
 
 ### paypalCheckoutButton.setSuspendedRedirectUri(string)
-Method for setting suspended redirect uri. Redirect after referred checkout
+Method for setting suspended redirect uri. Redirect after referred checkout.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)  
 
@@ -4170,10 +4227,24 @@ Method for setting suspended redirect uri. Redirect after referred checkout
 | --- | --- | --- |
 | string | <code>uri</code> | uri for redirect (by default) |
 
+<a name="cb_CheckoutButton+setRedirectUrl" id="cb_CheckoutButton+setRedirectUrl" href="#user-content-cb_CheckoutButton+setRedirectUrl">&nbsp;</a>
+
+### paypalCheckoutButton.setRedirectUrl(string)
+Method for setting the merchant redirect URL.
+Merchant's customers redirect after successfull checkout.
+Only for 'redirect' mode.
+
+**Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| string | <code>url</code> | redirect url |
+
 <a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop">&nbsp;</a>
 
 ### paypalCheckoutButton.turnOffBackdrop()
 Method for disable backdrop on the page.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>PaypalCheckoutButton</code>](#user-content-cb_PaypalCheckoutButton)  
 **Example**  
@@ -4199,6 +4270,7 @@ Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button
     * [.setBackdropDescription(text)](#user-content-cb_CheckoutButton+setBackdropDescription)
     * [.setBackdropTitle(string)](#user-content-cb_CheckoutButton+setBackdropTitle)
     * [.setSuspendedRedirectUri(string)](#user-content-cb_CheckoutButton+setSuspendedRedirectUri)
+    * [.setRedirectUrl(string)](#user-content-cb_CheckoutButton+setRedirectUrl)
     * [.turnOffBackdrop()](#user-content-cb_CheckoutButton+turnOffBackdrop)
 
 <a name="cb_new_AfterpayCheckoutButton_new" id="cb_new_AfterpayCheckoutButton_new" href="#user-content-cb_new_AfterpayCheckoutButton_new">&nbsp;</a>
@@ -4255,7 +4327,8 @@ widget.on('click', function () {
 <a name="cb_CheckoutButton+close" id="cb_CheckoutButton+close" href="#user-content-cb_CheckoutButton+close">&nbsp;</a>
 
 ### afterpayCheckoutButton.close()
-Close popup window forcibly
+Close popup window forcibly.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)  
 <a name="cb_CheckoutButton+onFinishInsert" id="cb_CheckoutButton+onFinishInsert" href="#user-content-cb_CheckoutButton+onFinishInsert">&nbsp;</a>
@@ -4293,7 +4366,8 @@ button.setMeta({
 <a name="cb_CheckoutButton+setBackdropDescription" id="cb_CheckoutButton+setBackdropDescription" href="#user-content-cb_CheckoutButton+setBackdropDescription">&nbsp;</a>
 
 ### afterpayCheckoutButton.setBackdropDescription(text)
-Method for setting backdrop description
+Method for setting backdrop description.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)  
 
@@ -4309,7 +4383,8 @@ button.setBackdropDescription('Custom description');
 <a name="cb_CheckoutButton+setBackdropTitle" id="cb_CheckoutButton+setBackdropTitle" href="#user-content-cb_CheckoutButton+setBackdropTitle">&nbsp;</a>
 
 ### afterpayCheckoutButton.setBackdropTitle(string)
-Method for setting backdrop title
+Method for setting backdrop title.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)  
 
@@ -4325,7 +4400,8 @@ button.setBackdropTitle('Custom title');
 <a name="cb_CheckoutButton+setSuspendedRedirectUri" id="cb_CheckoutButton+setSuspendedRedirectUri" href="#user-content-cb_CheckoutButton+setSuspendedRedirectUri">&nbsp;</a>
 
 ### afterpayCheckoutButton.setSuspendedRedirectUri(string)
-Method for setting suspended redirect uri. Redirect after referred checkout
+Method for setting suspended redirect uri. Redirect after referred checkout.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)  
 
@@ -4333,10 +4409,24 @@ Method for setting suspended redirect uri. Redirect after referred checkout
 | --- | --- | --- |
 | string | <code>uri</code> | uri for redirect (by default) |
 
+<a name="cb_CheckoutButton+setRedirectUrl" id="cb_CheckoutButton+setRedirectUrl" href="#user-content-cb_CheckoutButton+setRedirectUrl">&nbsp;</a>
+
+### afterpayCheckoutButton.setRedirectUrl(string)
+Method for setting the merchant redirect URL.
+Merchant's customers redirect after successfull checkout.
+Only for 'redirect' mode.
+
+**Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| string | <code>url</code> | redirect url |
+
 <a name="cb_CheckoutButton+turnOffBackdrop" id="cb_CheckoutButton+turnOffBackdrop" href="#user-content-cb_CheckoutButton+turnOffBackdrop">&nbsp;</a>
 
 ### afterpayCheckoutButton.turnOffBackdrop()
 Method for disable backdrop on the page.
+Only for 'contextual' mode.
 
 **Kind**: instance method of [<code>AfterpayCheckoutButton</code>](#user-content-cb_AfterpayCheckoutButton)  
 **Example**  
@@ -4344,6 +4434,27 @@ Method for disable backdrop on the page.
 ```javascript
 button.turnOffBackdrop();
 ```
+<a name="cb_CHECKOUT_MODE" id="cb_CHECKOUT_MODE" href="#user-content-cb_CHECKOUT_MODE">&nbsp;</a>
+
+## CHECKOUT\_MODE : <code>object</code>
+**Kind**: global variable  
+
+| Param | Type | Default |
+| --- | --- | --- |
+| CONTEXTUAL | <code>string</code> | <code>&quot;contextual&quot;</code> | 
+| REDIRECT | <code>string</code> | <code>&quot;redirect&quot;</code> | 
+
+<a name="cb_GATEWAY_TYPE" id="cb_GATEWAY_TYPE" href="#user-content-cb_GATEWAY_TYPE">&nbsp;</a>
+
+## GATEWAY\_TYPE : <code>object</code>
+**Kind**: global variable  
+
+| Param | Type | Default |
+| --- | --- | --- |
+| ZIPMONEY | <code>string</code> | <code>&quot;Zipmoney&quot;</code> | 
+| PAYPAL | <code>string</code> | <code>&quot;PaypalClassic&quot;</code> | 
+| AFTERPAY | <code>string</code> | <code>&quot;Afterpay&quot;</code> | 
+
 <a name="cb_CHECKOUT_BUTTON_EVENT" id="cb_CHECKOUT_BUTTON_EVENT" href="#user-content-cb_CHECKOUT_BUTTON_EVENT">&nbsp;</a>
 
 ## CHECKOUT\_BUTTON\_EVENT : <code>object</code>
@@ -4903,7 +5014,7 @@ The final method to beginning, the load process of widget to html
 You can find description of all methods and parameters [here](https://www.npmjs.com/package/@paydock/client-sdk#wallet-buttons-simple-example)
 
 Wallet Buttons allow you to easily integrate different E-Wallets into your checkout.
-Currently supports ApplePay, Google Pay and Apple Pay via Stripe, Flypay checkout and Paypal Smart Buttons Checkout.
+Currently supports ApplePay, Google Pay, Google Pay and Apple Pay via Stripe, Flypay checkout, Paypal Smart Buttons Checkout and Afterpay.
 
 If available in your client environment, you will display a simple button that upon clicking it the user will follow the standard flow for the appropriate Wallet. If not available an event will be raised and no button will be displayed.
 
@@ -4969,6 +5080,33 @@ var button = new WalletButtons(
 );
 button.load();
 ```
+
+For Afterpay wallet, the country code is required:
+```javascript
+let button = new paydock.WalletButtons(
+    "#widget",
+    token,
+    {
+        country: "AU",
+    }
+);
+button.load();
+```
+
+```javascript--es2015
+// ES2015 | TypeScript
+import { WalletButtons } from '@paydock/client-sdk';
+
+var button = new WalletButtons(
+    '#widget',
+    token,
+    {
+        country: 'AU',
+    }
+);
+button.load();
+```
+
 ### Setting environment
 
 Current method can change environment. By default environment = sandbox.
@@ -5074,6 +5212,8 @@ button.onUpdate((data) => {
 After the payment is completed, the onPaymentSuccessful(data) will be called if the payment was successful. If the payment was not successful, the function onPaymentError(data) will be called. If fraud check is active for the gateway, a fraud body was sent in the wallet charge initialize call and the fraud service left the charge in review, then the onPaymentInReview(data) will be called.
 All three callbacks return relevant data according to each one of the scenarios.
 
+Note that these callbacks will not trigger for Afterpay wallet since the payment completion for it is done via Redirect method, and therefore this SDK won't be loaded once the payment is completed at checkout.
+
 ```javascript
 button.onPaymentSuccessful((data) => console.log("The payment was successful"));
 ```
@@ -5331,6 +5471,7 @@ Also, for **ApplePay via MPGS** you can initialize the `ApplePayPaymentRequest`
 </script>
 </html>
 ```
+
 ## Classes
 
 <dl>
@@ -5373,19 +5514,20 @@ Interface of data used by the wallet checkout and payment proccess.
 
 | Param | Type | Description |
 | --- | --- | --- |
-| [amount_label] | <code>string</code> | Label shown next to the total amount to be paid. Required for [Stripe, ApplePay, GooglePay]. N/A for [FlyPay, PayPal]. |
-| [country] | <code>string</code> | Country of the user. 2 letter ISO code format. Required for [Stripe, ApplePay, GooglePay]. N/A for [FlyPay, PayPal]. |
+| [amount_label] | <code>string</code> | Label shown next to the total amount to be paid. Required for [Stripe, ApplePay, GooglePay]. N/A for [FlyPay, PayPal, Afterpay]. |
+| [country] | <code>string</code> | Country of the user. 2 letter ISO code format. Required for [Stripe, ApplePay, GooglePay, Afterpay]. N/A for [FlyPay, PayPal]. |
 | [pay_later] | <code>string</code> | Used to enable Pay Later feature in PayPal Smart Checkout WalletButton integration when available. Optional for [PayPal]. N/A for other wallets. |
 | [show_billing_address] | <code>boolean</code> | Used to hide/show the billing address on ApplePay and GooglePay popups. Default value is false. Optional for [ApplePay, GooglePay]. N/A for other wallets. |
 | [request_payer_name] | <code>boolean</code> | Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets. |
 | [request_payer_email] | <code>boolean</code> | Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets. |
 | [request_payer_phone] | <code>boolean</code> | Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets. |
-| [request_shipping] | <code>boolean</code> | Used to request or not shipping address in the Wallet checkout, being able to handle amount changes via the `update` event. Optional for [FlyPay, PayPal, ApplePay, GooglePay]. N/A for [Stripe]. |
+| [request_shipping] | <code>boolean</code> | Used to request or not shipping address in the Wallet checkout, being able to handle amount changes via the `update` event. Optional for [FlyPay, PayPal, ApplePay, GooglePay]. N/A for [Stripe, Afterpay]. |
 | [shipping_options] | [<code>Array.&lt;IApplePayShippingOption&gt;</code>](#IApplePayShippingOption) \| [<code>Array.&lt;IPayPalShippingOption&gt;</code>](#IPayPalShippingOption) | Used to provide available shipping options.(To use shipping_options the request_shipping flag should be true). Optional for [ApplePay]. N/A for the other wallets. |
 | [merchant_name] | <code>string</code> | Merchant Name used for GooglePay integration via MPGS. Required for [GooglePay]. N/A for other wallets. |
 | [raw_data_initialization] | <code>object</code> | Used to provide values to initialize wallet with raw data. Optional for [ApplePay]. N/A for the other wallets. |
-| [style] | <code>object</code> | Used to style PayPal buttons, check possible values at https://developer.paypal.com/docs/business/checkout/reference/style-guide. Also used at ApplePay to select button type. Optional for [PayPal, ApplePay]. N/A for [Stripe, FlyPay]. |
-| [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. |
+| [style] | <code>object</code> | Used to style PayPal buttons, check possible values at https://developer.paypal.com/docs/business/checkout/reference/style-guide. Also used at ApplePay, GooglePay and Afterpay to select button type. Optional for [PayPal, ApplePay, GooglePay, Afterpay]. N/A for [Stripe, FlyPay]. |
+| [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. Also select button type for GooglePay (check GooglePayStyles) and Afterpay (check AfterpayStyles). Optional for [ApplePay, GooglePay, Afterpay]. N/A for other wallets. |
+| [style.height] | <code>object</code> | Used to select Afterpay button height. Optional for [Afterpay]. N/A for other wallets. |
 | [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. |
 
 <a name="IApplePayShippingOption" id="IApplePayShippingOption" href="#IApplePayShippingOption">&nbsp;</a>