npm - @paydock/client-sdk - Versions diffs - 1.127.1-beta → 1.131.0-beta - Mend

@paydock/client-sdk 1.127.1-beta → 1.131.0-beta

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.

Files changed (288) hide show

package/docs/wallet-buttons-express-examples.md CHANGED Viewed

@@ -105,6 +105,534 @@ A full description of the meta parameters for [ApplePayWalletButtonExpress](#App
 </html>
 ```
+### Apple Pay Wallet Button Express with Shipping
+A full description of the meta parameters for [ApplePayWalletButtonExpress](#ApplePayWalletButtonExpress) meta parameters can be found [here](#ApplePayWalletMeta). Below you will find a fully working html example.
+```html
+<html>
+<head>
+    <title>Apple Pay Express test page</title>
+    <style>
+        #inputModal {
+            display: none;
+            position: fixed;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0,0,0,0.5);
+            z-index: 1000;
+        }
+        #inputBox {
+            position: absolute;
+            left: 50%;
+            top: 50%;
+            transform: translate(-50%, -50%);
+            padding: 20px;
+            background: white;
+            border-radius: 5px;
+            box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
+        }
+    </style>
+</head>
+<body>
+    <table id='paymentTable'>
+        <tr>
+            <td>Environment:</td>
+            <td>
+                <select id="environment" name="environment">
+                    <option value="sandbox">Sandbox</option>
+                    <option value="local">Local</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>Access Token / Public Key:</td>
+            <td><input type="text" name="access" id="access" /></td>
+        </tr>
+        <tr>
+            <td>Secret Key:</td>
+            <td><input type="text" name="secretKey" id="secretKey" /></td>
+        </tr>
+        <tr>
+            <td>Gateway Id:</td>
+            <td><input type="text" name="gateway" id="gateway" /></td>
+        </tr>
+        <tr>
+            <td>Wallet Charge - for apple pay we need to add it here because the apple pay popup does not allow us to
+                inject it there but it will be used only on click. So is optional, if not provided it simulates an error
+                when creating B2B wallet charge on click:</td>
+            <td><input type="text" name="token" id="token" /></td>
+        </tr>
+        <tr>
+            <td>Charge id - Used to update the charge with the shipping data/shipping options</td>
+            <td><input type="text" name="chargeId" id="chargeId" /></td>
+        </tr>
+        <tr>
+            <td>Meta:</td>
+            <td><textarea id="meta" name="meta" rows="4" cols="50"></textarea></td>
+        </tr>
+    </table>
+    <div id="button">
+        <input type="submit" name="event" value="Send" class="button" onclick="return loadButtons()" />
+    </div>
+    <div id="widget"></div>
+</body>
+<script src="https://widget.paydock.com/sdk/latest/widget.umd.min.js"></script>
+<script type=text/javascript>
+    // Environment enum with API URLs
+    const ENVIRONMENTS = {
+        PRODUCTION: {
+            name: 'production',
+            apiUrl: 'https://api.paydock.com'
+        },
+        SANDBOX: {
+            name: 'sandbox',
+            apiUrl: 'https://api-sandox.paydock.com'
+        }
+    };
+    // Function to get API URL based on selected environment
+    function getApiUrl(environmentName) {
+        const env = Object.values(ENVIRONMENTS).find(env => env.name === environmentName);
+        return env ? env.apiUrl : ENVIRONMENTS.SANDBOX.apiUrl;
+    }
+    // Function to get current base URL from selected environment
+    function getBaseUrl() {
+        const selectedEnvironment = document.getElementById("environment").value;
+        return getApiUrl(selectedEnvironment);
+    }
+    async function updateCharge(secretKey, chargeId, updateData) {
+        try {
+            const baseUrl = getBaseUrl();
+            const response = await fetch(`${baseUrl}/v1/charges/wallet/${chargeId}`, {
+                method: 'PUT',
+                headers: {
+                    'x-user-secret-key': secretKey,
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify(updateData),
+            });
+            const data = await response.json();
+            console.log('Update charge response:', data);
+            return data;
+        } catch (error) {
+            console.error('Error updating charge:', error);
+        }
+    };
+    const shippingOptions = [
+            {
+                label: "Test 1",
+                detail: "This is a test 1 shipping methods",
+                amount: 10,
+                id: "randomId1",
+                date_components_range: {
+                    start_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 5,
+                        hours: 0,
+                    },
+                    end_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 10,
+                        hours: 0,
+                    }
+                }
+            },
+            {
+                label: "Test 2",
+                detail: "This is a test 2 shipping methods",
+                amount: 14,
+                id: "randomId2",
+                date_components_range: {
+                    start_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 6,
+                        hours: 0,
+                    },
+                    end_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 12,
+                        hours: 0,
+                    },
+                },
+            },
+        ];
+    function loadButtons() {
+        const secretKey = document.getElementById("secretKey").value;
+        if (!secretKey) {
+            alert("Please enter the secret key.");
+            return false;
+        }
+        let button = new paydock.ApplePayWalletButtonExpress(
+            "#widget",
+            document.getElementById("access").value,
+            document.getElementById("gateway").value,
+            JSON.parse(document.getElementById("meta").value),
+        );
+        button.setEnv(document.getElementById("environment").value);
+        let charge_id;
+        button.onClick(async (data) => {
+            const { token, chargeId } = await getUserInput();
+            charge_id = chargeId;
+            return token;
+        });
+        const amount = JSON.parse(document.getElementById('meta').value).amount;
+        button.onUnavailable(function() {
+            console.log("Button unavailable");
+        });
+        button.onError(function(error) {
+            console.log("On Error Callback", error);
+        });
+        button.onPaymentSuccessful(function(data) {
+            console.log("Payment successful");
+            console.log(data);
+        });
+        button.onPaymentError(function(err) {
+            console.log("Payment error");
+            console.log(err);
+        });
+        button.onPaymentInReview(function(data) {
+            console.log("The payment is on fraud review");
+            console.log(data);
+        });
+        button.onCheckoutClose(() => {
+            console.log("Checkout closed");
+        });
+        button.onShippingAddressChange(async function(data) {
+            console.log("Shipping address has been updated", data);
+            const defaultOption = shippingOptions[0];
+            const updateData = {
+                shipping: {
+                    ...data.data,
+                    amount: defaultOption.amount,
+                    method: defaultOption.id,
+                    options: shippingOptions,
+                },
+                amount: amount + defaultOption.amount
+            };
+            const res = await updateCharge(secretKey, charge_id, updateData);
+            return { token: res.resource.data.token };
+        });
+        button.onShippingOptionsChange(async function(data) {
+            console.log("Shipping options have been updated", JSON.stringify(data, null, 2));
+            const updateData = {
+                shipping: {
+                    method: data.data.shipping_option_id,
+                    amount: data.data.amount,
+                },
+                amount: amount + Number(data.data.amount)
+            };
+            const res = await updateCharge(secretKey, charge_id, updateData);
+            return { token: res.resource.data.token };
+        });
+        button.load()
+        document.getElementById("paymentTable").style.display = "none";
+        document.getElementById("button").style.display = "none";
+        return true;
+    }
+    function getUserInput(message) {
+        return new Promise((resolve, reject) => {
+            console.log("Simulating B2B call to generate token...");
+            setTimeout(() => {
+                const token = document.getElementById("token").value;
+                const chargeId = document.getElementById("chargeId").value;
+                if (token && chargeId)
+                    return resolve({ token, chargeId });
+                return reject("No token or Charge Id provided");
+            }, 2000);
+        });
+    }
+    document.addEventListener('DOMContentLoaded', () => {
+        // Function to get the value of a query parameter by name
+        function getQueryParam(name) {
+            const urlParams = new URLSearchParams(window.location.search);
+            return urlParams.get(name);
+        }
+        // Function to set input values from URL parameters
+        function setInputValues() {
+            const meta = {
+                apple_pay_capabilities: ['credentials_available', 'credentials_status_unknown', 'credentials_unavailable'],
+                amount_label: 'TOTAL',
+                country: 'AU',
+                currency: 'AUD',
+                amount: 10,
+                shipping_editing_mode: 'available', // available, store_pickup
+                required_shipping_contact_fields: [
+                    'postalAddress',
+                    'name',
+                    'phone',
+                    'email',
+                ],
+                shipping: {
+                    amount: 5,
+                    address_line1: "Address Line 1",
+                    address_city: "Test Locality",
+                    address_state: "NSW",
+                    address_country: "Australia",
+                    address_country_code: "AU",
+                    address_postcode: "3000",
+                    contact: {
+                        phone: "+61400245562",
+                        email: "qa.notifications+appleid@paydock.com",
+                        first_name: "QA",
+                        last_name: "QA",
+                    },
+                    options: shippingOptions,
+                },
+                // merchant_capabilities: ['supports3DS', 'supportsEMV', 'supportsCredit', 'supportsDebit'],
+                // supported_networks: ['visa', 'masterCard', 'amex', 'chinaUnionPay', 'discover', 'interac', 'jcb', 'privateLabel'],
+                // required_billing_contact_fields: ['email', 'name', 'phone', 'postalAddress', 'phoneticName'],
+                // required_shipping_contact_fields: ['email', 'phone' /*, 'name', 'postalAddress', 'phoneticName'*/],
+                // supported_countries: [],
+                // style: {
+                //     button_type: 'continue',
+                //     button_style: 'white',
+                // },
+            };
+            document.getElementById('meta').value = JSON.stringify(meta, null, 2);
+        }
+        setInputValues();
+    });
+</script>
+</html>
+```
+When supporting shipping, the method `onShippingAddressChange` and `onShippingOptionsChange` are required to update the shipping address and options.
+```javascript
+button.onShippingAddressChange(async function(data) {
+    console.log("Shipping address has been updated", data);
+    const updateData = {
+        shipping: {
+            ...data.data,
+            amount: defaultOption.amount,
+            method: defaultOption.id,
+            options: shippingOptions,
+        },
+        amount: amount + defaultOption.amount
+    };
+    const res = await updateCharge(secretKey, charge_id, updateData);
+    return { token: res.resource.data.token };
+});
+button.onShippingOptionsChange(async function(data) {
+    console.log("Shipping options have been updated", data);
+    const updateData = {
+        shipping: {
+            method: data.data.shipping_option_id,
+            amount: data.data.amount,
+        },
+        amount: amount + Number(data.data.amount)
+    };
+    const res = await updateCharge(secretKey, charge_id, updateData);
+    return { token: res.resource.data.token };
+});
+```
+The `updateCharge` method is a custom method to update the charge with the shipping data/shipping options. It is not part of the Paydock SDK and it should use the Paydock's public API to update the charge from the merchant's server.
+### Supported Cases
+#### Injected Shipping Address, non-editable by the customer
+This is the case where the shipping address is injected by the merchant and is not editable by the customer. The customer can only select the shipping option.
+The required meta parameters for this case are:
+- shipping_editing_mode: 'store_pickup'
+- required_shipping_contact_fields: ['postalAddress'] <-- At least one of the fields is required so the shipping address is shown at Apple Pay.
+```javascript
+meta: {
+    apple_pay_capabilities: ['credentials_available', 'credentials_status_unknown', 'credentials_unavailable'],
+    amount_label: 'TOTAL',
+    country: 'AU',
+    currency: 'AUD',
+    amount: 10,
+    shipping_editing_mode: 'store_pickup',
+    required_shipping_contact_fields: [
+        'postalAddress', // At least one of the fields is required so the shipping address is shown at Apple Pay.
+        'name',
+        'phone',
+        'email',
+    ],
+    shipping: {
+        amount: 5,
+        address_line1: "Address Line 1",
+        address_city: "Test Locality",
+        address_state: "NSW",
+        address_country: "Australia",
+        address_country_code: "AU",
+        address_postcode: "3000",
+        contact: {
+            phone: "+61400245562",
+            email: "qa.notifications+appleid@paydock.com",
+            first_name: "QA",
+            last_name: "QA",
+        },
+        options: [
+            {
+                label: "Test 1",
+                detail: "This is a test 1 shipping methods",
+                amount: 10,
+                id: "randomId1",
+                date_components_range: {
+                    start_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 5,
+                        hours: 0,
+                    },
+                    end_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 10,
+                        hours: 0,
+                    }
+                }
+            }
+        ],
+    },
+}
+```
+This is the case where the shipping address is injected by the merchant and is editable by the customer. The customer can edit the shipping address and select the shipping option.
+The required meta parameters for this case are:
+- shipping_editing_mode: 'available'
+- required_shipping_contact_fields: ['postalAddress'] <-- At least one of the fields is required so the shipping address is shown at Apple Pay.
+```javascript
+meta: {
+    apple_pay_capabilities: ['credentials_available', 'credentials_status_unknown', 'credentials_unavailable'],
+    amount_label: 'TOTAL',
+    country: 'AU',
+    currency: 'AUD',
+    amount: 10,
+    shipping_editing_mode: 'available',
+    required_shipping_contact_fields: [
+        'postalAddress', // At least one of the fields is required so the shipping address is shown at Apple Pay.
+        'name',
+        'phone',
+        'email',
+    ],
+    shipping: {
+        amount: 5,
+        address_line1: "Address Line 1",
+        address_city: "Test Locality",
+        address_state: "NSW",
+        address_country: "Australia",
+        address_country_code: "AU",
+        address_postcode: "3000",
+        contact: {
+            phone: "+61400245562",
+            email: "qa.notifications+appleid@paydock.com",
+            first_name: "QA",
+            last_name: "QA",
+        },
+        options: [
+            {
+                label: "Test 1",
+                detail: "This is a test 1 shipping methods",
+                amount: 10,
+                id: "randomId1",
+                date_components_range: {
+                    start_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 5,
+                        hours: 0,
+                    },
+                    end_date_components: {
+                        years: 0,
+                        months: 0,
+                        days: 10,
+                        hours: 0,
+                    }
+                }
+            }
+        ],
+    },
+}
+```
+#### Shipping address editable by the customer
+This is the case where the shipping address is not injected by the merchant and is editable by the customer. The customer can edit the shipping address and select the shipping option.
+The required meta parameters for this case are:
+- shipping_editing_mode: 'available'
+- required_shipping_contact_fields: ['postalAddress'] <-- At least one of the fields is required so the shipping address is shown at Apple Pay.
+```javascript
+meta: {
+    apple_pay_capabilities: ['credentials_available', 'credentials_status_unknown', 'credentials_unavailable'],
+    amount_label: 'TOTAL',
+    country: 'AU',
+    currency: 'AUD',
+    amount: 10,
+    shipping_editing_mode: 'available',
+    required_shipping_contact_fields: [
+        'postalAddress', // At least one of the fields is required so the shipping address is shown at Apple Pay.
+        'name',
+        'phone',
+        'email',
+    ],
+}
+```
+When the the customer selects an address, the `onShippingAddressChange` method is called with the shipping address data. If the merchant wants to update the charge with the shipping address, it should update the charge using Paydock's public API Update Charge method with the shipping address data.
+It can include the shipping options in the update data, that will be used to show the shipping options in the Apple Pay popup.
+```javascript
+button.onShippingAddressChange(async function(data) {
+    console.log("Shipping address has been updated", data);
+    const updateData = {
+        shipping: {
+            ...data.data,
+            amount: defaultOption.amount,
+            method: defaultOption.id,
+            options: shippingOptions,
+        },
+        amount: amount + defaultOption.amount
+    };
+});
+```
 ### Paypal Wallet Button Express
 A full description of the meta parameters for [PaypalWalletButtonExpress](#PaypalWalletButtonExpress) meta parameters can be found [here](#PaypalWalletMeta). Below you will find a fully working html example.

package/docs/wallet-buttons.md CHANGED Viewed

@@ -2,7 +2,7 @@
 <dl>
 <dt><a href="#WalletButtons">WalletButtons</a></dt>
-<dd><p>Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay, Google Pay™ and Apple Pay via Stripe, Flypay, Flypay V2, Paypal, Afterpay)</p>
+<dd><p>Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay, Google Pay™ and Apple Pay via Stripe, Flypay V2, Paypal, Afterpay)</p>
 </dd>
 </dl>
@@ -154,8 +154,8 @@ 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, Flypay V2, 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, Flypay V2, 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 V2, 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 V2, PayPal]. |
 | [pay_later] | <code>boolean</code> | Used to enable Pay Later feature in PayPal Smart Checkout WalletButton integration when available. Optional for [PayPal]. N/A for other wallets. |
 | [hide_message] | <code>boolean</code> | Used to hide Pay Later message in PayPal Smart Checkout WalletButton integration. Optional for [PayPal]. N/A for other wallets. |
 | [standalone] | <code>boolean</code> | Used to enable Standalone Buttons feature in PayPal Smart Checkout WalletButton integration. Used together with `pay_later`. Optional for [PayPal]. N/A for other wallets. |
@@ -165,17 +165,17 @@ Interface of data used by the wallet checkout and payment proccess.
 | [request_payer_phone] | <code>boolean</code> | Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets. |
 | [access_token] | <code>string</code> | Used for Flypay V2 express flow. Optional for [Flypay V2]. N/A for other wallets. |
 | [refresh_token] | <code>string</code> | Used for Flypay V2 express flow. Optional for [Flypay V2]. 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 [Flypay V2, Stripe, Afterpay]. |
+| [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 [PayPal, ApplePay, GooglePay]. N/A for [Flypay V2, 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> | For **Paypal**: used to style the buttons, check possible values in the [style guide](https://developer.paypal.com/docs/business/checkout/reference/style-guide). When `standalone` and `pay_later`, extra options can be provided in `style.messages` with the [messages style options](https://developer.paypal.com/docs/checkout/pay-later/us/integrate/reference/#stylelayout). Also used at **ApplePay**, **GooglePay** and **Afterpay** to select button type. Optional for [PayPal, ApplePay, GooglePay, Afterpay]. N/A for [Stripe, FlyPay, Flypay V2]. |
+| [style] | <code>object</code> | For **Paypal**: used to style the buttons, check possible values in the [style guide](https://developer.paypal.com/docs/business/checkout/reference/style-guide). When `standalone` and `pay_later`, extra options can be provided in `style.messages` with the [messages style options](https://developer.paypal.com/docs/checkout/pay-later/us/integrate/reference/#stylelayout). Also used at **ApplePay**, **GooglePay** and **Afterpay** to select button type. Optional for [PayPal, ApplePay, GooglePay, Afterpay]. N/A for [Stripe, Flypay V2]. |
 | [style.button_type] | <code>object</code> | Used to select ApplePay button type (e.g: 'buy','donate', etc), check possible values [here](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.button_style] | <code>object</code> | Used to select ApplePay button style (e.g: 'black', 'white', etc), check possible values [here](https://developer.apple.com/documentation/apple_pay_on_the_web/applepaybuttonstyle). Optional for [ApplePay]. 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. |
-| [client_id] | <code>string</code> | Client ID to be used in the provider system. Required for [Flypay V2]. N/A for [FlyPay, GooglePay, ApplePay, PayPal, Afterpay]. |
-| [apple_pay_capabilities] | <code>Array.&lt;(&#x27;credentials\_available&#x27;\|&#x27;credentials\_status\_unknown&#x27;\|&#x27;credentials\_unavailable&#x27;)&gt;</code> | Device capabilities needed for wallet button to be available. For further information about refer to [the documentation](https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/4440085-applepaycapabilities). If the recognized value is credentials_status_unknown, the payment most possibly cannot be finished on the web, and the buyer must complete it on a compatible device, like Iphone, via QR scan. Optional parameter for [ApplePay]. N/A for [FlyPay, GooglePay, Flypay V2, PayPal, Afterpay]. |
+| [client_id] | <code>string</code> | Client ID to be used in the provider system. Required for [Flypay V2]. N/A for [GooglePay, ApplePay, PayPal, Afterpay]. |
+| [apple_pay_capabilities] | <code>Array.&lt;(&#x27;credentials\_available&#x27;\|&#x27;credentials\_status\_unknown&#x27;\|&#x27;credentials\_unavailable&#x27;)&gt;</code> | Device capabilities needed for wallet button to be available. For further information about refer to [the documentation](https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/4440085-applepaycapabilities). If the recognized value is credentials_status_unknown, the payment most possibly cannot be finished on the web, and the buyer must complete it on a compatible device, like Iphone, via QR scan. Optional parameter for [ApplePay]. N/A for [GooglePay, Flypay V2, PayPal, Afterpay]. |
 <a name="IApplePayShippingOption" id="IApplePayShippingOption" href="#IApplePayShippingOption">&nbsp;</a>
@@ -224,7 +224,7 @@ Interface of Shipping Options for PayPal
 <a name="WalletButtons" id="WalletButtons" href="#WalletButtons">&nbsp;</a>
 ## WalletButtons
-Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay, Google Pay™ and Apple Pay via Stripe, Flypay, Flypay V2, Paypal, Afterpay)
+Class WalletButtons to work with different E-Wallets within html (currently supports Apple Pay, Google Pay, Google Pay™ and Apple Pay via Stripe, Flypay V2, Paypal, Afterpay)
 **Kind**: global class
@@ -284,7 +284,7 @@ var button = new WalletButtons(
 ### walletButtons.update()
 Triggers the update process of the wallet, if available.
-Currently supported by Flypay, Paypal and ApplePay/GooglePay via MPGS Wallets.
+Currently supported by Paypal and ApplePay/GooglePay via MPGS Wallets.
 **Kind**: instance method of [<code>WalletButtons</code>](#WalletButtons)
 **Example**
@@ -408,7 +408,7 @@ button.on('paymentSuccessful', function (data) {
 });
 // or
 button.on('unavailable').then(function () {
-     console.log('No button is available);
+     console.log('No button is available');
 });
 ```
 <a name="WalletButtons+onUnavailable" id="WalletButtons+onUnavailable" href="#WalletButtons+onUnavailable">&nbsp;</a>
@@ -622,4 +622,5 @@ List of available event's name in the wallet button lifecycle
 | PAYMENT_SUCCESSFUL | <code>string</code> | <code>&quot;paymentSuccessful&quot;</code> |
 | PAYMENT_ERROR | <code>string</code> | <code>&quot;paymentError&quot;</code> |
 | ON_CLICK | <code>string</code> | <code>&quot;onClick&quot;</code> |
+| LOADED | <code>string</code> | <code>&quot;onWalletLoaded&quot;</code> |

package/docs/wallet-cba-buttons-examples.md CHANGED Viewed

@@ -184,7 +184,7 @@ of the corresponding event names.
 ```javascript
 button.on(EVENT.UNAVAILABLE, () => console.log("No wallet buttons available"));
-button.on(EVENT.UPDATE, (data) => console.log("Updating amount via a backend to backend call to POST charges/:id");
+button.on(EVENT.UPDATE, (data) => console.log("Updating amount via a backend to backend call to POST charges/:id"));
 button.on(EVENT.PAYMENT_SUCCESSFUL, (data) => console.log("The payment was successful"));
 button.on(EVENT.PAYMENT_ERROR, (data) => console.log("The payment was not successful"));
 ```

package/package.json CHANGED Viewed

@@ -104,7 +104,7 @@
     }
   },
   "name": "@paydock/client-sdk",
-  "version": "1.127.1-beta",
+  "version": "1.131.0-beta",
   "scripts": {
     "build:doc": "node docs/html/marked.js",
     "build:js": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
@@ -119,6 +119,7 @@
     "compute:sha:bundles": "npm run compute:checksums:bundles | sha256sum",
     "doc:cba": "run-s clean:lib tsc:cba markdown:cba",
     "doc:paydock": "run-s clean:lib tsc:paydock markdown:paydock",
+    "doc:uba": "run-s clean:lib tsc:paydock markdown:paydock",
     "markdown:cba": "grunt cba_docs",
     "markdown:paydock": "grunt docs",
     "publish:local": "./publish-to-local-registry.sh",
@@ -152,7 +153,7 @@
     "@babel/preset-env": "7.24.5",
     "@babel/runtime": "7.24.5",
     "@babel/runtime-corejs2": "7.24.5",
-    "@biomejs/biome": "1.9.4",
+    "@biomejs/biome": "2.2.0",
     "@commitlint/cli": "19.5.0",
     "@commitlint/config-conventional": "19.5.0",
     "@golevelup/ts-vitest": "0.5.2",