@paydock/client-sdk 1.127.1-beta → 1.128.2

package/bundles/index.cjs

@@ -954,7 +954,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.127.1-beta';
+SDK._version = 'v1.128.2';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -5757,7 +5757,8 @@ var FORM_FIELD$1 = {
   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',
@@ -8658,51 +8659,6 @@ var HtmlPaymentSourceWidget = /*#__PURE__*/function (_PaymentSourceWidget) {
   }]);
 }(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
@@ -8756,6 +8712,51 @@ var Trigger = /*#__PURE__*/function () {
   }]);
 }();
 
+/**
+ * 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);
@@ -8861,9 +8862,20 @@ var PerformanceService = /*#__PURE__*/function () {
 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,
@@ -8926,7 +8938,12 @@ var ClickToPaySRC = /*#__PURE__*/function () {
       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;
+          }
         };
       }
     }
@@ -8977,6 +8994,10 @@ var ClickToPaySRC = /*#__PURE__*/function () {
   }, {
     key: "injectCustomerData",
     value: function injectCustomerData(customerData) {
+      if (!this.isIframeLoaded) {
+        this.injectedCustomerData = customerData;
+        return;
+      }
       this.trigger.push(TRIGGER$1.INJECT_CUSTOMER_DATA, {
         customer: customerData
       });
@@ -9170,6 +9191,14 @@ var ClickToPay = /*#__PURE__*/function (_SRC) {
     _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;
   }
   /**
@@ -9179,7 +9208,9 @@ var ClickToPay = /*#__PURE__*/function (_SRC) {
   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);
@@ -9204,7 +9235,7 @@ var ClickToPay = /*#__PURE__*/function (_SRC) {
         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);
     }
@@ -13182,7 +13213,7 @@ var EVENT$2 = {
   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
@@ -13299,7 +13330,7 @@ var WalletButtons = /*#__PURE__*/function () {
     }
     /**
      * 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(
@@ -13419,7 +13450,7 @@ var WalletButtons = /*#__PURE__*/function () {
      * });
      * // 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}
@@ -15173,6 +15204,21 @@ var MultiWidget = /*#__PURE__*/function () {
         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');
+      }
+    }
   }]);
 }();
 
@@ -19270,7 +19316,7 @@ var PayPalSavePaymentSourceWidget = /*#__PURE__*/function () {
   }]);
 }();
 
-window.postMessage("PAYDOCK_PAYMENTS_WIDGET_LOADED");
+window.postMessage('PAYDOCK_PAYMENTS_WIDGET_LOADED');
 
 class Timer {
   constructor(opts, ms) {

package/bundles/index.cjs.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/index.mjs

@@ -952,7 +952,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = 'v1.127.1-beta';
+SDK._version = 'v1.128.2';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -5755,7 +5755,8 @@ var FORM_FIELD$1 = {
   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',
@@ -8656,51 +8657,6 @@ var HtmlPaymentSourceWidget = /*#__PURE__*/function (_PaymentSourceWidget) {
   }]);
 }(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
@@ -8754,6 +8710,51 @@ var Trigger = /*#__PURE__*/function () {
   }]);
 }();
 
+/**
+ * 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);
@@ -8859,9 +8860,20 @@ var PerformanceService = /*#__PURE__*/function () {
 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,
@@ -8924,7 +8936,12 @@ var ClickToPaySRC = /*#__PURE__*/function () {
       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;
+          }
         };
       }
     }
@@ -8975,6 +8992,10 @@ var ClickToPaySRC = /*#__PURE__*/function () {
   }, {
     key: "injectCustomerData",
     value: function injectCustomerData(customerData) {
+      if (!this.isIframeLoaded) {
+        this.injectedCustomerData = customerData;
+        return;
+      }
       this.trigger.push(TRIGGER$1.INJECT_CUSTOMER_DATA, {
         customer: customerData
       });
@@ -9168,6 +9189,14 @@ var ClickToPay = /*#__PURE__*/function (_SRC) {
     _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;
   }
   /**
@@ -9177,7 +9206,9 @@ var ClickToPay = /*#__PURE__*/function (_SRC) {
   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);
@@ -9202,7 +9233,7 @@ var ClickToPay = /*#__PURE__*/function (_SRC) {
         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);
     }
@@ -13180,7 +13211,7 @@ var EVENT$2 = {
   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
@@ -13297,7 +13328,7 @@ var WalletButtons = /*#__PURE__*/function () {
     }
     /**
      * 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(
@@ -13417,7 +13448,7 @@ var WalletButtons = /*#__PURE__*/function () {
      * });
      * // 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}
@@ -15171,6 +15202,21 @@ var MultiWidget = /*#__PURE__*/function () {
         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');
+      }
+    }
   }]);
 }();
 
@@ -19268,7 +19314,7 @@ var PayPalSavePaymentSourceWidget = /*#__PURE__*/function () {
   }]);
 }();
 
-window.postMessage("PAYDOCK_PAYMENTS_WIDGET_LOADED");
+window.postMessage('PAYDOCK_PAYMENTS_WIDGET_LOADED');
 
 class Timer {
   constructor(opts, ms) {

package/bundles/index.mjs.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/types/checkout/layout-widgets/additionals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"additionals.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/additionals.ts"],"names":[],"mappings":";AAAA,wBA2FC"}
+{"version":3,"file":"additionals.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/additionals.ts"],"names":[],"mappings":";AAAA,wBA2FE"}

package/bundles/types/checkout/layout-widgets/payment-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"payment-template.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/payment-template.ts"],"names":[],"mappings":";AAAA,wBAoTC"}
+{"version":3,"file":"payment-template.d.ts","sourceRoot":"","sources":["../../../src/checkout/layout-widgets/payment-template.ts"],"names":[],"mappings":";AAAA,wBAoTE"}

package/bundles/types/components/param.d.ts

@@ -32,6 +32,7 @@ export declare const FORM_FIELD: {
     ADDRESS_CITY: string;
     ADDRESS_POSTCODE: string;
     ADDRESS_COMPANY: string;
+    SAVE_CARD_CONSENT_ACCEPTED: string;
 };
 export declare const STYLE: {
     BACKGROUND_COLOR: string;
@@ -207,6 +208,7 @@ export interface IParams extends IStyles, ITexts, ICommonParams {
     vault_display_token?: string;
     sdk_origin?: boolean;
     hide_ui_errors?: boolean;
+    save_card_consent_accepted?: string;
 }
 export interface ICountryPhoneMask {
     preferred_countries?: string[];