npm - @paydock/client-sdk - Versions diffs - 1.102.0-beta → 1.102.1-beta - Mend

@paydock/client-sdk 1.102.0-beta → 1.102.1-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 (53) hide show

package/README.md CHANGED Viewed

@@ -2398,7 +2398,7 @@ _(Required `meta` fields: - . Optional `meta` fields: `request_shipping`, `pay_l
 This example shows how to use these functions for **Flypay v2 Wallet**.
 _(Required `meta` fields: - . Optional `meta` fields: -)_
-### Full example
+### Flypay V2 Full example
 ```html
 <!DOCTYPE html>
 <html lang="en">
@@ -2415,12 +2415,16 @@ _(Required `meta` fields: - . Optional `meta` fields: -)_
     let button = new paydock.WalletButtons(
 		"#widget",
 		charge_token,
-		{},
+		{
+            access_token: 'TOKEN',
+            refresh_token: 'TOKEN',
+        },
 	);
     button.setEnv('sandbox');
     button.onUnavailable(() => console.log("No wallet buttons available"));
     button.onPaymentSuccessful((data) => console.log("The payment was successful"));
     button.onPaymentError((data) => console.log("The payment was not successful"));
+    button.onAuthTokensChanged((data) => console.log('Authentication tokens changed'));
     button.load();
 </script>
 </html>
@@ -2677,6 +2681,8 @@ Interface of data used by the wallet checkout and payment proccess.
 | [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. |
+| [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]. |
 | [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. |

package/bundles/widget.umd.js CHANGED Viewed

@@ -684,7 +684,7 @@
   // the empty string is set in case if version not provided.
   //
   // e.g: grunt build --sdk-version=v1.0.0
-  SDK._version = 'v1.102.0-beta';
+  SDK._version = 'v1.102.1-beta';
   var ENV = {
     SANDBOX: 'sandbox',
@@ -1182,7 +1182,7 @@
    * @param {string} [gatewayID=default] - 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.
    * @param {string} paymentType - Type of payment source which shows in widget form. Available parameters [PAYMENT_TYPE]{@link PAYMENT_TYPE}
    * @param {string} purpose - Param which describes payment purpose. By default uses Available parameters [PURPOSE]{@link PURPOSE}
-   **/
+   */
   var Configuration = /*#__PURE__*/function () {
     function Configuration() {
       var gatewayID = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
@@ -1199,8 +1199,8 @@
         predefined_fields: {
           gateway_id: gatewayID,
           type: paymentType,
-          gift_card_scheme: null,
-          processing_network: null
+          card_scheme: null,
+          card_processing_network: null
         }
       };
     }
@@ -1376,8 +1376,8 @@
       value: function setGiftCardSchemeData(giftCardScheme, processingNetwork) {
         if (this.configs.predefined_fields.type !== PAYMENT_TYPE.GIFT_CARD) throw new Error('unsupported payment type');
         if (!giftCardScheme || !processingNetwork) throw new Error('');
-        this.configs.predefined_fields.gift_card_scheme = giftCardScheme;
-        this.configs.predefined_fields.processing_network = processingNetwork;
+        this.configs.predefined_fields.card_scheme = giftCardScheme;
+        this.configs.predefined_fields.card_processing_network = processingNetwork;
       }
     }], [{
       key: "createEachToken",
@@ -1616,7 +1616,7 @@
    *      Configuration('gatewayId'),
    *      Configuration('gatewayId', 'bank_account')
    * ]);
-   **/
+   */
   var MultiWidget = /*#__PURE__*/function () {
     function MultiWidget(accessToken, conf) {
       _classCallCheck(this, MultiWidget);
@@ -2513,7 +2513,7 @@
    *      Configuration('gatewayId'),
    *      Configuration('gatewayId', 'bank_account')
    * ]);
-   **/
+   */
   var HtmlMultiWidget = /*#__PURE__*/function (_MultiWidget) {
     _inherits(HtmlMultiWidget, _MultiWidget);
     var _super = _createSuper(HtmlMultiWidget);
@@ -2854,7 +2854,7 @@
    * @param {string} [gatewayID=default] - 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.
    * @param {string} [paymentType=card] - Type of payment source which shows in widget form. Available parameters : “card”, “bank_account”.
    * @param {string} [purpose=payment_source] - Purpose of widget form. Available parameters: ‘payment_source’, ‘card_payment_source_with_cvv’, ‘card_payment_source_without_cvv’
-   **/
+   */
   var HtmlWidget = /*#__PURE__*/function (_HtmlMultiWidget) {
     _inherits(HtmlWidget, _HtmlMultiWidget);
     var _super = _createSuper(HtmlWidget);
@@ -3337,13 +3337,13 @@
     FOCUS: 'focus'
   };
   var TEMPLATE$1 = "\n    <div class=\"checkout-container\">\n        <strong class=\"checkout-title\" data-title>{{title}}</strong>\n        <p data-description>{{description}}</p>\n        <a href=\"#\" data-continue>Continue</a>\n        <a href=\"#\" data-close>Close</a>\n    </div>\n";
-  var STYLES = "\n    .hide-continue-button [data-continue] {\n        display: none;\n    }\n    \n    .checkout-overlay .cs-loader-inner {\n         color: #ddd;\n    }\n\n    .checkout-overlay { \n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0,0,0, 0.5);\n        text-align: center;\n        color: #fff;\n        opacity: 0;\n    }\n    .checkout-overlay.display { \n        opacity: 1;\n        transition: opacity 0.7s ease-out;\n    }\n    .checkout-overlay a { color: #00f; }\n    .checkout-container {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        margin-top: -{{width}}px;\n    }\n    .checkout-title {\n        font-size: 24px;\n        display: block;\n        text-transform: uppercase;\n    }\n    [data-close] {\n        position: fixed;\n        right: 32px;\n        top: 32px;\n        width: 32px;\n        height: 32px;\n        opacity: 0.3;\n        overflow: hidden;\n        text-indent: -9999px;\n    }\n    [data-close]:hover { opacity: 1; }\n    [data-close]:before, [data-close]:after {\n        position: absolute;\n        left: 15px;\n        content: ' ';\n        height: 33px;\n        width: 2px;\n        background-color: #00f;\n    }\n    [data-close]:before { transform: rotate(45deg); }\n    [data-close]:after { transform: rotate(-45deg); }\n";
+  var STYLES = "\n    .hide-continue-button [data-continue] {\n        display: none;\n    }\n\n    .checkout-overlay .cs-loader-inner {\n         color: #ddd;\n    }\n\n    .checkout-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: rgba(0,0,0, 0.5);\n        text-align: center;\n        color: #fff;\n        opacity: 0;\n    }\n    .checkout-overlay.display {\n        opacity: 1;\n        transition: opacity 0.7s ease-out;\n    }\n    .checkout-overlay a { color: #00f; }\n    .checkout-container {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        margin-top: -{{width}}px;\n    }\n    .checkout-title {\n        font-size: 24px;\n        display: block;\n        text-transform: uppercase;\n    }\n    [data-close] {\n        position: fixed;\n        right: 32px;\n        top: 32px;\n        width: 32px;\n        height: 32px;\n        opacity: 0.3;\n        overflow: hidden;\n        text-indent: -9999px;\n    }\n    [data-close]:hover { opacity: 1; }\n    [data-close]:before, [data-close]:after {\n        position: absolute;\n        left: 15px;\n        content: ' ';\n        height: 33px;\n        width: 2px;\n        background-color: #00f;\n    }\n    [data-close]:before { transform: rotate(45deg); }\n    [data-close]:after { transform: rotate(-45deg); }\n";
   /**
    * Class Background create overlay for checkout
    *
    * @example
    * var overlay = new Background();
-   **/
+   */
   var Background = /*#__PURE__*/function () {
     function Background() {
       _classCallCheck(this, Background);
@@ -6016,7 +6016,7 @@
    * @param {string} [type=PaypalClassic] - Type of gateway (PaypalClassic, Zipmoney)
    * @example
    * var widget = new CheckoutButton('#button', 'accessToken','gatewayId');
-   **/
+   */
   var CheckoutButton = /*#__PURE__*/function () {
     function CheckoutButton(selector, accessToken) {
       var gatewayId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'default';
@@ -6294,7 +6294,7 @@
    * @param {string} [gatewayId=default] - Checkout mode, it could be set to 'contextual' or 'redirect'. By default it 'contextual'
    * @example
    * var widget = new ZipmoneyCheckoutButton('#button', 'publicKey','gatewayId');
-   **/
+   */
   var ZipmoneyCheckoutButton = /*#__PURE__*/function (_CheckoutButton) {
     _inherits(ZipmoneyCheckoutButton, _CheckoutButton);
     var _super = _createSuper(ZipmoneyCheckoutButton);
@@ -6369,7 +6369,7 @@
    * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
    * @example
    * var widget = new AfterpayCheckoutButton('#button', 'access-token','gatewayId');
-   **/
+   */
   var AfterpayCheckoutButton = /*#__PURE__*/function (_CheckoutButton) {
     _inherits(AfterpayCheckoutButton, _CheckoutButton);
     var _super = _createSuper(AfterpayCheckoutButton);
@@ -6426,7 +6426,7 @@
    * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
    * @example
    * var widget = new PaypalCheckoutButton('#button', 'publicKey','gatewayId');
-   **/
+   */
   var PaypalCheckoutButton = /*#__PURE__*/function (_CheckoutButton) {
     _inherits(PaypalCheckoutButton, _CheckoutButton);
     var _super = _createSuper(PaypalCheckoutButton);
@@ -8781,6 +8781,8 @@
    * @param {boolean} [request_payer_name] Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets.
    * @param {boolean} [request_payer_email] Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets.
    * @param {boolean} [request_payer_phone] Used mainly for fraud purposes - recommended set to true. Optional for [Stripe]. N/A for other wallets.
+   * @param {string} [access_token] Used for Flypay V2 express flow. Optional for [Flypay V2]. N/A for other wallets.
+   * @param {string} [refresh_token] Used for Flypay V2 express flow. Optional for [Flypay V2]. N/A for other wallets.
    * @param {boolean} [request_shipping] 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].
    * @param {IApplePayShippingOption[] | IPayPalShippingOption[]} [shipping_options] 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.
    * @param {string} [merchant_name] Merchant Name used for GooglePay integration via MPGS. Required for [GooglePay]. N/A for other wallets.
@@ -8835,8 +8837,8 @@
    *
    * @param {string} selector - Selector of html element. Container for the WalletButtons.
    * @param {string} chargeToken - token for the wallet transaction, created with a secure call to `POST charges/wallet`.
-   * @param {IWalletMeta} object - data that configures the E-Wallet, which can be shown on checkout page and configures required customer information.
-   **/
+   * @param {IWalletMeta} meta - data that configures the E-Wallet, which can be shown on checkout page and configures required customer information.
+   */
   var WalletButtons = /*#__PURE__*/function () {
     function WalletButtons(selector, chargeToken, meta) {
       _classCallCheck(this, WalletButtons);
@@ -9343,7 +9345,7 @@
    * var widget = new PaymentSourceWidget('publicKey','customerId');
    * // or
    * var widget = new PaymentSourceWidget('publicKey', customerReference, true);
-   **/
+   */
   var PaymentSourceWidget = /*#__PURE__*/function () {
     function PaymentSourceWidget(accessToken, queryToken) {
       _classCallCheck(this, PaymentSourceWidget);
@@ -9594,7 +9596,7 @@
    * @example
    *  * var widget = new HtmlPaymentSourceWidget('#widget', 'publicKey','queryToken');
-   **/
+   */
   var HtmlPaymentSourceWidget = /*#__PURE__*/function (_PaymentSourceWidget) {
     _inherits(HtmlPaymentSourceWidget, _PaymentSourceWidget);
     var _super = _createSuper(HtmlPaymentSourceWidget);
@@ -9969,7 +9971,7 @@
    * var widget = new Canvas3ds('#widget', 'token');
    *
    *
-   **/
+   */
   var Canvas3ds = /*#__PURE__*/function () {
     function Canvas3ds(selector, token) {
       _classCallCheck(this, Canvas3ds);
@@ -10265,7 +10267,7 @@
    *
    * @param {string} selector - Selector of html element. Container for widget
    * @param {string} token - One time token
-   **/
+   */
   var VaultDisplayWidget = /*#__PURE__*/function () {
     function VaultDisplayWidget(selector, token) {
       _classCallCheck(this, VaultDisplayWidget);
@@ -10628,7 +10630,7 @@
    * @example
    * var SRC = new SRC('#checkoutButton', '#checkoutIframe', 'service_id', 'public_key', {});
    *
-   **/
+   */
   var SRC = /*#__PURE__*/function () {
     function SRC(button_selector, iframe_selector, service_id, public_key_or_access_token, meta) {
       _classCallCheck(this, SRC);