@paydock/client-sdk 1.127.1-beta → 1.128.2

package/bundles/widget.umd.js

@@ -958,7 +958,7 @@
     version: 'x-sdk-version',
     type: 'x-sdk-type'
   });
-  SDK._version = 'v1.127.1-beta';
+  SDK._version = 'v1.128.2';
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -5761,7 +5761,8 @@
     ADDRESS_COUNTRY: 'address_country',
     ADDRESS_CITY: 'address_city',
     ADDRESS_POSTCODE: 'address_postcode',
-    ADDRESS_COMPANY: 'address_company'
+    ADDRESS_COMPANY: 'address_company',
+    SAVE_CARD_CONSENT_ACCEPTED: 'save_card_consent_accepted'
   };
   var STYLE$2 = {
     BACKGROUND_COLOR: 'background_color',
@@ -8662,51 +8663,6 @@
     }]);
   }(PaymentSourceWidget);
 
-  /**
-   * List of available event's name in the Click To Pay checkout lifecycle
-   * @enum EVENT
-   *
-   * @type {object}
-   * @param {string} IFRAME_LOADED=iframeLoaded Initial event sent when IFrame is initially loaded.
-   * @param {string} CHECKOUT_READY=checkoutReady Event sent when checkout is loaded and ready to be used by customer. Leverage alongside [showCheckout](#SRC+showCheckout) and [hideCheckout](#SRC+hideCheckout).
-   * @param {string} CHECKOUT_POPUP_OPEN=checkoutPopupOpen Event sent when Click To Pay checkout flow is started, regardless of embedded or windowed mode.
-   * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode.
-   * @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
-   * @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
-   */
-  var EVENT$3;
-  (function (EVENT) {
-    EVENT["IFRAME_LOADED"] = "iframeLoaded";
-    EVENT["CHECKOUT_READY"] = "checkoutReady";
-    EVENT["CHECKOUT_COMPLETED"] = "checkoutCompleted";
-    EVENT["CHECKOUT_ERROR"] = "checkoutError";
-    EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
-    EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
-  })(EVENT$3 || (EVENT$3 = {}));
-  /**
-   * List of available event data types
-   * @enum EVENT_DATA_TYPE
-   *
-   * @type {object}
-   * @param {string} CRITICAL_ERROR=CriticalError in this error scenario the checkout is understood to be in a non-recoverable state and should be closed by the merchant and give alternate payment options to the user
-   * @param {string} USER_ERROR=UserError in this error scenario the error in likely a user input error and the checkout is in a recoverable state, so the user will be kept within the checkout and can retry the flow
-   * @param {string} SUCCESS=Success
-   */
-  var EVENT_DATA_TYPE;
-  (function (EVENT_DATA_TYPE) {
-    EVENT_DATA_TYPE["CRITICAL_ERROR"] = "CriticalError";
-    EVENT_DATA_TYPE["USER_ERROR"] = "UserError";
-    EVENT_DATA_TYPE["SUCCESS"] = "Success";
-  })(EVENT_DATA_TYPE || (EVENT_DATA_TYPE = {}));
-  var STYLE = {
-    PRIMARY_BUTTON_COLOR: 'primary_button_color',
-    SECONDARY_BUTTON_COLOR: 'secondary_button_color',
-    PRIMARY_BUTTON_TEXT_COLOR: 'primary_button_text_color',
-    SECONDARY_BUTTON_TEXT_COLOR: 'secondary_button_text_color',
-    FONT_FAMILY: 'font_family',
-    ENABLE_SRC_POPUP: 'enable_src_popup'
-  };
-
   /**
    * Interface for classes that represent a trigger data.
    * @interface ITriggerData
@@ -8760,6 +8716,51 @@
     }]);
   }();
 
+  /**
+   * List of available event's name in the Click To Pay checkout lifecycle
+   * @enum EVENT
+   *
+   * @type {object}
+   * @param {string} IFRAME_LOADED=iframeLoaded Initial event sent when IFrame is initially loaded.
+   * @param {string} CHECKOUT_READY=checkoutReady Event sent when checkout is loaded and ready to be used by customer. Leverage alongside [showCheckout](#SRC+showCheckout) and [hideCheckout](#SRC+hideCheckout).
+   * @param {string} CHECKOUT_POPUP_OPEN=checkoutPopupOpen Event sent when Click To Pay checkout flow is started, regardless of embedded or windowed mode.
+   * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when Click To Pay checkout flow is closed, regardless of embedded or windowed mode.
+   * @param {string} CHECKOUT_COMPLETED=checkoutCompleted Event sent on successful checkout by customer. Check [data](#EventDataCheckoutCompletedData) for more information.
+   * @param {string} CHECKOUT_ERROR=checkoutError Event sent on error checkout by customer. Check [data](#EventData) for more information.
+   */
+  var EVENT$3;
+  (function (EVENT) {
+    EVENT["IFRAME_LOADED"] = "iframeLoaded";
+    EVENT["CHECKOUT_READY"] = "checkoutReady";
+    EVENT["CHECKOUT_COMPLETED"] = "checkoutCompleted";
+    EVENT["CHECKOUT_ERROR"] = "checkoutError";
+    EVENT["CHECKOUT_POPUP_OPEN"] = "checkoutPopupOpen";
+    EVENT["CHECKOUT_POPUP_CLOSE"] = "checkoutPopupClose";
+  })(EVENT$3 || (EVENT$3 = {}));
+  /**
+   * List of available event data types
+   * @enum EVENT_DATA_TYPE
+   *
+   * @type {object}
+   * @param {string} CRITICAL_ERROR=CriticalError in this error scenario the checkout is understood to be in a non-recoverable state and should be closed by the merchant and give alternate payment options to the user
+   * @param {string} USER_ERROR=UserError in this error scenario the error in likely a user input error and the checkout is in a recoverable state, so the user will be kept within the checkout and can retry the flow
+   * @param {string} SUCCESS=Success
+   */
+  var EVENT_DATA_TYPE;
+  (function (EVENT_DATA_TYPE) {
+    EVENT_DATA_TYPE["CRITICAL_ERROR"] = "CriticalError";
+    EVENT_DATA_TYPE["USER_ERROR"] = "UserError";
+    EVENT_DATA_TYPE["SUCCESS"] = "Success";
+  })(EVENT_DATA_TYPE || (EVENT_DATA_TYPE = {}));
+  var STYLE = {
+    PRIMARY_BUTTON_COLOR: 'primary_button_color',
+    SECONDARY_BUTTON_COLOR: 'secondary_button_color',
+    PRIMARY_BUTTON_TEXT_COLOR: 'primary_button_text_color',
+    SECONDARY_BUTTON_TEXT_COLOR: 'secondary_button_text_color',
+    FONT_FAMILY: 'font_family',
+    ENABLE_SRC_POPUP: 'enable_src_popup'
+  };
+
   var PerformanceService = /*#__PURE__*/function () {
     function PerformanceService() {
       _classCallCheck(this, PerformanceService);
@@ -8865,9 +8866,20 @@
   var ClickToPaySRC = /*#__PURE__*/function () {
     function ClickToPaySRC(iframe_selector, service_id, public_key, meta, eventEmitter, autoResize, env, alias) {
       _classCallCheck(this, ClickToPaySRC);
+      var _a, _b, _c;
       this.meta = meta;
       this.eventEmitter = eventEmitter;
       this.autoResize = autoResize;
+      this.isIframeLoaded = false;
+      this.injectedCustomerData = null;
+      if (meta.dpa_config) {
+        var hasAllRawDpaConfig = !!(((_a = this.meta.dpa_config) === null || _a === void 0 ? void 0 : _a.dpa_id) && ((_b = this.meta.dpa_config) === null || _b === void 0 ? void 0 : _b.dpa_name) && ((_c = this.meta.dpa_config) === null || _c === void 0 ? void 0 : _c.dpa_supported_card_schemes));
+        // if doesnt have all fields remove dpa_config from meta
+        if (!hasAllRawDpaConfig) {
+          console.warn('DPA config is missing some required fields, removing it from meta');
+          delete meta.dpa_config;
+        }
+      }
       this.link = new Link(MASTERCARD_SRC);
       this.link.setParams(_extends({
         service_id: service_id,
@@ -8930,7 +8942,12 @@
         if (iframeElement) {
           iframeElement.setAttribute('allow', 'payment; accelerometer;');
           iframeElement.onload = function () {
-            return _this2.eventEmitter.emit(EVENT$3.IFRAME_LOADED, {});
+            _this2.isIframeLoaded = true;
+            _this2.eventEmitter.emit(EVENT$3.IFRAME_LOADED, {});
+            if (_this2.injectedCustomerData) {
+              _this2.injectCustomerData(_this2.injectedCustomerData);
+              _this2.injectedCustomerData = null;
+            }
           };
         }
       }
@@ -8981,6 +8998,10 @@
     }, {
       key: "injectCustomerData",
       value: function injectCustomerData(customerData) {
+        if (!this.isIframeLoaded) {
+          this.injectedCustomerData = customerData;
+          return;
+        }
         this.trigger.push(TRIGGER$1.INJECT_CUSTOMER_DATA, {
           customer: customerData
         });
@@ -9174,6 +9195,14 @@
       _this.public_key_or_access_token = public_key_or_access_token;
       _this.meta = meta;
       _this.holdingForCustomerData = false;
+      _this.pendingCustomerData = null;
+      // Dequeue customer data only when the iframe has loaded
+      _this.on('iframeLoaded', function () {
+        if (_this.pendingCustomerData && _this.provider) {
+          _this.provider.injectCustomerData(_this.pendingCustomerData);
+          _this.pendingCustomerData = null;
+        }
+      });
       return _this;
     }
     /**
@@ -9183,7 +9212,9 @@
     return _createClass(ClickToPay, [{
       key: "load",
       value: function load() {
-        if (this.provider) return;
+        if (this.provider) {
+          return;
+        }
         this.meta.customizations = this.style;
         this.holdingForCustomerData = !!this.meta.hold_for_customer_data;
         this.provider = new ClickToPaySRC(this.iframe_selector, this.service_id, this.public_key_or_access_token, this.meta, this.eventEmitter, this.autoResize, this.env, this.alias);
@@ -9208,7 +9239,7 @@
           throw new Error('Invalid customer data format. Must include at least email or phone.');
         }
         if (!this.provider) {
-          throw new Error('Widget not initialized. Call load() first.');
+          throw new Error('ClickToPay is not ready. Please call `load` method first.');
         }
         this.provider.injectCustomerData(customerData);
       }
@@ -13186,7 +13217,7 @@
     ON_CHECKOUT_CLOSE: EventEnum.ON_CHECKOUT_CLOSE
   };
   /**
-   * 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)
    * @constructor
    *
    * @example
@@ -13303,7 +13334,7 @@
       }
       /**
        * 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.
        *
        * @example
        * var button = new WalletButtons(
@@ -13423,7 +13454,7 @@
        * });
        * // or
        * button.on('unavailable').then(function () {
-       *      console.log('No button is available);
+       *      console.log('No button is available');
        * });
        *
        * @param {string} eventName - Available event names [EVENT]{@link EVENT}
@@ -15177,6 +15208,21 @@
           error: error
         });
       }
+      /**
+       * The Current method can set a consent checkbox to save card
+       *
+       * @example
+       * widget.enableSaveCardConsentCheckbox();
+       *
+       */
+    }, {
+      key: "enableSaveCardConsentCheckbox",
+      value: function enableSaveCardConsentCheckbox() {
+        var _a, _b, _c;
+        if (((_c = (_b = (_a = this.configs[0]) === null || _a === void 0 ? void 0 : _a.getConfigs()) === null || _b === void 0 ? void 0 : _b.predefined_fields) === null || _c === void 0 ? void 0 : _c.type) === 'card') {
+          this.setFormValue('save_card_consent_accepted', 'false');
+        }
+      }
     }]);
   }();
 
@@ -19274,7 +19320,7 @@
     }]);
   }();
 
-  window.postMessage("PAYDOCK_PAYMENTS_WIDGET_LOADED");
+  window.postMessage('PAYDOCK_PAYMENTS_WIDGET_LOADED');
 
   class Timer {
     constructor(opts, ms) {

package/bundles/widget.umd.js.d.ts

@@ -281,6 +281,7 @@ declare const FORM_FIELD: {
     ADDRESS_CITY: string;
     ADDRESS_POSTCODE: string;
     ADDRESS_COMPANY: string;
+    SAVE_CARD_CONSENT_ACCEPTED: string;
 };
 declare const STYLE: {
     BACKGROUND_COLOR: string;
@@ -455,6 +456,7 @@ interface IParams extends IStyles$1, ITexts, ICommonParams {
     vault_display_token?: string;
     sdk_origin?: boolean;
     hide_ui_errors?: boolean;
+    save_card_consent_accepted?: string;
 }
 interface ICountryPhoneMask {
     preferred_countries?: string[];
@@ -1215,6 +1217,14 @@ declare class MultiWidget {
     setLanguage(code: any): void;
     getLink(): Link;
     protected handleErrorEvent(event: EventTypes, error: IEventError, purpose: PURPOSE): void;
+    /**
+     * The Current method can set a consent checkbox to save card
+     *
+     * @example
+     * widget.enableSaveCardConsentCheckbox();
+     *
+     */
+    enableSaveCardConsentCheckbox(): void;
 }
 
 interface ITriggerData {
@@ -3203,6 +3213,7 @@ declare class ClickToPay extends SRC {
     protected public_key_or_access_token: string;
     protected meta: IClickToPayMeta;
     protected holdingForCustomerData: boolean;
+    private pendingCustomerData;
     /** @constructs */ constructor(iframe_selector: string, service_id: string, public_key_or_access_token: string, meta: IClickToPayMeta);
     /**
      * The final method after configuring the SRC to start the load process of Click To Pay checkout
@@ -3442,7 +3453,7 @@ interface IWalletUpdateData {
     success: boolean;
 }
 /**
- * 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)
  * @constructor
  *
  * @example
@@ -3477,7 +3488,7 @@ declare class WalletButtons {
     load(): void;
     /**
      * 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.
      *
      * @example
      * var button = new WalletButtons(

package/bundles/widget.umd.js.min.d.ts

@@ -281,6 +281,7 @@ declare const FORM_FIELD: {
     ADDRESS_CITY: string;
     ADDRESS_POSTCODE: string;
     ADDRESS_COMPANY: string;
+    SAVE_CARD_CONSENT_ACCEPTED: string;
 };
 declare const STYLE: {
     BACKGROUND_COLOR: string;
@@ -455,6 +456,7 @@ interface IParams extends IStyles$1, ITexts, ICommonParams {
     vault_display_token?: string;
     sdk_origin?: boolean;
     hide_ui_errors?: boolean;
+    save_card_consent_accepted?: string;
 }
 interface ICountryPhoneMask {
     preferred_countries?: string[];
@@ -1215,6 +1217,14 @@ declare class MultiWidget {
     setLanguage(code: any): void;
     getLink(): Link;
     protected handleErrorEvent(event: EventTypes, error: IEventError, purpose: PURPOSE): void;
+    /**
+     * The Current method can set a consent checkbox to save card
+     *
+     * @example
+     * widget.enableSaveCardConsentCheckbox();
+     *
+     */
+    enableSaveCardConsentCheckbox(): void;
 }
 
 interface ITriggerData {
@@ -3203,6 +3213,7 @@ declare class ClickToPay extends SRC {
     protected public_key_or_access_token: string;
     protected meta: IClickToPayMeta;
     protected holdingForCustomerData: boolean;
+    private pendingCustomerData;
     /** @constructs */ constructor(iframe_selector: string, service_id: string, public_key_or_access_token: string, meta: IClickToPayMeta);
     /**
      * The final method after configuring the SRC to start the load process of Click To Pay checkout
@@ -3442,7 +3453,7 @@ interface IWalletUpdateData {
     success: boolean;
 }
 /**
- * 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)
  * @constructor
  *
  * @example
@@ -3477,7 +3488,7 @@ declare class WalletButtons {
     load(): void;
     /**
      * 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.
      *
      * @example
      * var button = new WalletButtons(