@paydock/client-sdk 1.103.1 → 1.103.24-beta

package/bundles/widget.umd.js

@@ -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.103.1';
+  SDK._version = 'v1.103.24-beta';
 
   var ENV = {
     SANDBOX: 'sandbox',
@@ -707,7 +707,10 @@
     STAGING_12: 'staging_12',
     STAGING_13: 'staging_13',
     STAGING_14: 'staging_14',
-    STAGING_15: 'staging_15'
+    STAGING_15: 'staging_15',
+    STAGING_CBA: 'staging_cba',
+    PREPROD_CBA: 'preproduction_cba',
+    PROD_CBA: 'production_cba'
   };
   var WIDGET_URL = [{
     env: ENV.SANDBOX,
@@ -772,6 +775,15 @@
   }, {
     env: ENV.STAGING_15,
     url: 'https://widsta-15.'
+  }, {
+    env: ENV.STAGING_CBA,
+    url: 'https://widget.staging.powerboard.'
+  }, {
+    env: ENV.PREPROD_CBA,
+    url: 'https://widget.preproduction.powerboard.'
+  }, {
+    env: ENV.PROD_CBA,
+    url: 'https://widget.powerboard.'
   }];
   var API_URL = [{
     env: ENV.SANDBOX,
@@ -827,6 +839,15 @@
   }, {
     env: ENV.STAGING_15,
     url: 'https://apista-15.'
+  }, {
+    env: ENV.STAGING_CBA,
+    url: 'https://api.staging.powerboard.'
+  }, {
+    env: ENV.PREPROD_CBA,
+    url: 'https://api.preproduction.powerboard.'
+  }, {
+    env: ENV.PROD_CBA,
+    url: 'https://api.powerboard.'
   }];
   var ADDITIONAL_ENV = [ENV.SANDBOX_KOVENA, ENV.SANDBOX_DEMO_KOVENA];
   var REGEX_ALIAS = '^([a-zA-Z0-9](?:(?:[a-zA-Z0-9-.]*(?!-)\\.(?![-.]))*[a-zA-Z0-9]+)?)$';
@@ -939,7 +960,7 @@
   var SECURE_3D = '/3ds/webhook';
   var FLYPAY_LINK = '/wallet/flypay';
   var FLYPAY_LOGO_LINK = '/images/logo.png';
-  var VISA_SRC = '/secure-remote-commerce/visa';
+  var MASTERCARD_SRC = '/secure-remote-commerce/mastercard';
   var Link = /*#__PURE__*/function () {
     function Link(linkResource) {
       _classCallCheck(this, Link);
@@ -2220,6 +2241,8 @@
     CHECKOUT_READY: 'checkoutReady',
     CHECKOUT_ERROR: 'checkoutError',
     CHECKOUT_COMPLETED: 'checkoutCompleted',
+    CHECKOUT_POPUP_OPEN: 'checkoutPopupOpen',
+    CHECKOUT_POPUP_CLOSE: 'checkoutPopupClose',
     VALIDATION: 'validation',
     SELECT: 'select',
     UNSELECT: 'unselect',
@@ -8155,6 +8178,7 @@
   var CARD_SCHEME_SERVICE;
   (function (CARD_SCHEME_SERVICE) {
     CARD_SCHEME_SERVICE["VISA_SRC"] = "VisaSRC";
+    CARD_SCHEME_SERVICE["MASTERCARD_SRC"] = "MastercardSRCClickToPay";
   })(CARD_SCHEME_SERVICE || (CARD_SCHEME_SERVICE = {}));
 
   var ApiInternal = /*#__PURE__*/function (_ApiBase) {
@@ -8688,7 +8712,7 @@
           mode: "express"
         }), {
           clientId: ((_a = this.meta) === null || _a === void 0 ? void 0 : _a.gateway_mode) === 'live' ? 'dbbd114e-3583-4db5-915e-59f1b3dcd08b' : '924ac1ce-00f4-44e4-8277-06cae751ef1a',
-          url: ((_b = this.meta) === null || _b === void 0 ? void 0 : _b.gateway_mode) === 'live' ? 'https://checkout.cxbflypay.com.au' : 'https://checkout.sandbox.cxbflypay.com.au',
+          url: ((_b = this.meta) === null || _b === void 0 ? void 0 : _b.gateway_mode) === 'live' ? 'https://checkout.beem.com.au' : 'https://release.checkout.beem.com.au',
           onCheckoutClosed: function onCheckoutClosed() {
             var button = document.getElementById('flypay-v2-button');
             if (button) button.disabled = false;
@@ -10339,87 +10363,58 @@
     return VaultDisplayWidget;
   }();
 
-  var VisaSRCStyles = /*#__PURE__*/_createClass(function VisaSRCStyles() {
-    _classCallCheck(this, VisaSRCStyles);
-  });
-  VisaSRCStyles.buttonContainerStyles = "display: flex; flex-direction: column; justify-content: center; align-items: center;";
-  VisaSRCStyles.buttonStyles = "color: #ffff; background-color: #ffbe24; border: none; width: 100%; min-height: 40px; font-size: 16px; font-weight: bold; line-height: 19px; letter-spacing: 0.7px; text-transform: uppercase; border-radius: 4px; margin-bottom: 15px; cursor: pointer;";
-  VisaSRCStyles.footerContainerStyles = "display: flex; flex: 1; flex-wrap: wrap; justify-content: center;";
-  VisaSRCStyles.footerTextStyles = "text-align: center; color: #666666; margin: 2px 0;";
-  VisaSRCStyles.verticalLineStyle = "display: inline-block; padding: 0.5px; background-color: #E5E5E5; height: 15px;";
-  VisaSRCStyles.clickToPayAllCardsStyle = "height: 17px; margin-left: 8px; vertical-align: middle; padding-top: 3px;";
-  // TODO: Remind to add in docs that if merchant's div is smaller than 240px the button styles will broke
-
   /**
    * List of available event's name in the SRC checkout lifecycle
    * @enum EVENT
    *
    * @type {object}
-   * @param {string} CHECKOUT_BUTTON_LOADED=checkoutButtonLoaded
-   * @param {string} CHECKOUT_BUTTON_CLICKED=checkoutButtonClicked
-   * @param {string} IFRAME_LOADED=iframeLoaded
-   * @param {string} CHECKOUT_READY=checkoutReady
-   * @param {string} CHECKOUT_COMPLETED=checkoutCompleted
-   * @param {string} CHECKOUT_ERROR=checkoutError
+   * @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 SRC Checkout flow is started, regardless of embedded or windowed mode.
+   * @param {string} CHECKOUT_POPUP_CLOSE=checkoutPopupClose Event sent when SRC 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$2;
   (function (EVENT) {
-    EVENT["CHECKOUT_BUTTON_LOADED"] = "checkoutButtonLoaded";
-    EVENT["CHECKOUT_BUTTON_CLICKED"] = "checkoutButtonClicked";
     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$2 || (EVENT$2 = {}));
+  /**
+   * 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$2 = {
-    BUTTON_TEXT_COLOR: 'button_text_color',
-    PRIMARY_COLOR: 'primary_color',
+    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',
-    CARD_SCHEMES: 'card_schemes'
+    ENABLE_SRC_POPUP: 'enable_src_popup'
   };
 
-  var CARD_SCHEME = {
-    VISA: 'visa',
-    MASTERCARD: 'mastercard',
-    AMEX: 'amex',
-    DISCOVER: 'discover'
-  };
-  var CHEVRON_VMAD_IMG_PATH = '/images/visa-src/Chevron_Large_VMAD.png';
-  var CHEVRON_VMA_IMG_PATH = '/images/visa-src/Chevron_Large_VMA.png';
-  var CHEVRON_VM_IMG_PATH = '/images/visa-src/Chevron_Large_VM.png';
-  var CHEVRON_M_IMG_PATH = '/images/visa-src/Chevron_Large_M.png';
-  var CHEVRON_D_IMG_PATH = '/images/visa-src/Chevron_Large_D.png';
-  var CHEVRON_V_IMG_PATH = '/images/visa-src/Chevron_Large_V.png';
-  var VMAD_IMG_PATH = '/images/visa-src/vmad.svg';
-  var VMA_IMG_PATH = '/images/visa-src/logos/Networks_Large_VMA.png';
-  var VM_IMG_PATH = '/images/visa-src/logos/Networks_Large_VM.png';
-  var M_IMG_PATH = '/images/visa-src/logos/master-logo.png';
-  var D_IMG_PATH = '/images/visa-src/logos/Networks_Large_D.png';
-  var V_IMG_PATH = '/images/visa-src/logos/visa-logo.png';
-  var GenerateCardSchemesLogo = function GenerateCardSchemesLogo(card_scheme) {
-    var chevron = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    if (!card_scheme || !Array.isArray(card_scheme)) return chevron ? CHEVRON_VMAD_IMG_PATH : VMAD_IMG_PATH;
-    var card_scheme_sort = card_scheme.sort();
-    if (includeArray([CARD_SCHEME.AMEX, CARD_SCHEME.MASTERCARD, CARD_SCHEME.VISA], card_scheme_sort)) return chevron ? CHEVRON_VMA_IMG_PATH : VMA_IMG_PATH;
-    if (includeArray([CARD_SCHEME.MASTERCARD, CARD_SCHEME.VISA], card_scheme_sort)) return chevron ? CHEVRON_VM_IMG_PATH : VM_IMG_PATH;
-    if (includeArray([CARD_SCHEME.MASTERCARD], card_scheme_sort)) return chevron ? CHEVRON_M_IMG_PATH : M_IMG_PATH;
-    if (includeArray([CARD_SCHEME.DISCOVER], card_scheme_sort)) return chevron ? CHEVRON_D_IMG_PATH : D_IMG_PATH;
-    if (includeArray([CARD_SCHEME.VISA], card_scheme_sort)) return chevron ? CHEVRON_V_IMG_PATH : V_IMG_PATH;
-    return chevron ? CHEVRON_V_IMG_PATH : VMAD_IMG_PATH;
-  };
-  var includeArray = function includeArray(condition, card_scheme) {
-    return condition.every(function (card, index) {
-      return card === card_scheme[index];
-    });
-  };
-
-  var VisaSRC = /*#__PURE__*/function () {
-    function VisaSRC(button_selector, iframe_selector, service_id, public_key, meta, eventEmitter, autoResize, env, alias) {
-      _classCallCheck(this, VisaSRC);
+  var MastercardSRC = /*#__PURE__*/function () {
+    function MastercardSRC(iframe_selector, service_id, public_key, meta, eventEmitter, autoResize, env, alias) {
+      _classCallCheck(this, MastercardSRC);
       this.meta = meta;
       this.eventEmitter = eventEmitter;
       this.autoResize = autoResize;
-      this.link = new Link(VISA_SRC);
+      this.link = new Link(MASTERCARD_SRC);
       this.link.setParams(_extends({
         service_id: service_id,
         public_key: public_key
@@ -10435,15 +10430,15 @@
       if (env) this.link.setEnv(env, alias);
       this.iFrameContainer = new Container(iframe_selector);
       this.iFrame = new IFrame(this.iFrameContainer);
-      this.buttonContainer = new Container(button_selector);
       this.iFrameEvent = new IFrameEvent(window);
       this.setupIFrameEvents();
     }
-    _createClass(VisaSRC, [{
+    _createClass(MastercardSRC, [{
       key: "setupIFrameEvents",
       value: function setupIFrameEvents() {
         var _this = this;
         var widgetId = this.link.getParams().widget_id;
+        if (!widgetId) return;
         this.iFrameEvent.on(EVENT$2.CHECKOUT_READY, widgetId, function (_ref) {
           var data = _ref.data;
           _this.eventEmitter.emit(EVENT$2.CHECKOUT_READY, data);
@@ -10452,8 +10447,16 @@
           var data = _ref2.data;
           _this.eventEmitter.emit(EVENT$2.CHECKOUT_COMPLETED, data);
         });
-        this.iFrameEvent.on(EVENT$2.CHECKOUT_ERROR, widgetId, function (_ref3) {
+        this.iFrameEvent.on(EVENT$2.CHECKOUT_POPUP_OPEN, widgetId, function (_ref3) {
           var data = _ref3.data;
+          _this.eventEmitter.emit(EVENT$2.CHECKOUT_POPUP_OPEN, data);
+        });
+        this.iFrameEvent.on(EVENT$2.CHECKOUT_POPUP_CLOSE, widgetId, function (_ref4) {
+          var data = _ref4.data;
+          _this.eventEmitter.emit(EVENT$2.CHECKOUT_POPUP_CLOSE, data);
+        });
+        this.iFrameEvent.on(EVENT$2.CHECKOUT_ERROR, widgetId, function (_ref5) {
+          var data = _ref5.data;
           _this.eventEmitter.emit(EVENT$2.CHECKOUT_ERROR, data);
         });
         if (this.autoResize) this.useAutoResize(true);
@@ -10462,55 +10465,19 @@
       key: "load",
       value: function load() {
         var _this2 = this;
-        var _a;
-        var container = document.createElement('div');
-        container.setAttribute('style', VisaSRCStyles.buttonContainerStyles);
-        var checkoutButton = document.createElement('button');
-        checkoutButton.setAttribute('style', VisaSRCStyles.buttonStyles);
-        if (this.meta.customizations.primary_color) checkoutButton.style.backgroundColor = this.meta.customizations.primary_color;
-        if (this.meta.customizations.button_text_color) checkoutButton.style.color = this.meta.customizations.button_text_color;
-        checkoutButton.innerHTML = 'Checkout';
-        var footerContainer = document.createElement('div');
-        footerContainer.setAttribute('style', VisaSRCStyles.footerContainerStyles);
-        var verticalLine = document.createElement('div');
-        verticalLine.setAttribute('style', VisaSRCStyles.verticalLineStyle);
-        var footerText = document.createElement('p');
-        footerText.setAttribute('style', VisaSRCStyles.footerTextStyles);
-        footerText.innerHTML = 'WE ACCEPT';
-        var clickToPayAllCards = document.createElement('img');
-        clickToPayAllCards.setAttribute('style', VisaSRCStyles.clickToPayAllCardsStyle);
-        clickToPayAllCards.src = this.link.getBaseUrl() + "".concat(GenerateCardSchemesLogo((_a = this.meta.customizations) === null || _a === void 0 ? void 0 : _a.card_schemes, true));
-        checkoutButton.onclick = function () {
-          _this2.eventEmitter.emit(EVENT$2.CHECKOUT_BUTTON_CLICKED, {});
-          _this2.iFrame.load(_this2.link.getUrl(), {
-            title: 'Visa SRC checkout'
-          });
-          _this2.iFrame.getElement().onload = function () {
-            return _this2.eventEmitter.emit(EVENT$2.IFRAME_LOADED, {});
-          };
+        this.iFrame.load(this.link.getUrl(), {
+          title: 'Mastercard SRC checkout'
+        });
+        var iframeElement = this.iFrame.getElement();
+        if (iframeElement) iframeElement.onload = function () {
+          return _this2.eventEmitter.emit(EVENT$2.IFRAME_LOADED, {});
         };
-        container.appendChild(checkoutButton);
-        container.appendChild(footerContainer);
-        footerContainer.appendChild(footerText);
-        footerContainer.appendChild(clickToPayAllCards);
-        this.buttonContainer.getElement().appendChild(container);
-        this.eventEmitter.emit(EVENT$2.CHECKOUT_BUTTON_LOADED, {});
       }
     }, {
       key: "getEnv",
       value: function getEnv() {
         return this.link.getEnv();
       }
-    }, {
-      key: "hideButton",
-      value: function hideButton(_saveSize) {
-        if (this.buttonContainer.getElement()) this.buttonContainer.getElement().style['display'] = 'none';
-      }
-    }, {
-      key: "showButton",
-      value: function showButton() {
-        if (this.buttonContainer.getElement()) this.buttonContainer.getElement().style['display'] = 'block';
-      }
     }, {
       key: "hideCheckout",
       value: function hideCheckout(saveSize) {
@@ -10533,82 +10500,25 @@
         var _this3 = this;
         if (this.autoResize && !force) return;
         this.autoResize = true;
-        this.iFrameEvent.on('resize', this.link.getParams().widget_id, function (_ref4) {
-          var data = _ref4.data;
-          if (_this3.iFrame.getElement()) {
-            _this3.iFrame.getElement().scrolling = 'no';
-            if (data.height) _this3.iFrame.setStyle('height', data.height + 'px');
+        var params = this.link.getParams();
+        if (!(params === null || params === void 0 ? void 0 : params.widget_id)) return;
+        this.iFrameEvent.on('resize', params.widget_id, function (_ref6) {
+          var data = _ref6.data;
+          var _a, _b;
+          var iframeElement = _this3.iFrame.getElement();
+          if (iframeElement) {
+            iframeElement.scrolling = 'no';
+            if ((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.height) _this3.iFrame.setStyle('height', ((_b = data === null || data === void 0 ? void 0 : data.data) === null || _b === void 0 ? void 0 : _b.height) + 'px');
           }
         });
       }
     }]);
-    return VisaSRC;
+    return MastercardSRC;
   }();
 
-  /**
-   * Interface of data used for the Visa Checkout.
-   * @interface IVisaSRCMeta
-   *
-   * @type {object}
-   * @param {string} [srci_transaction_id] Used to identify the SRC Id.
-   * @param {object} [dpa_data] Object where the DPA creation data is stored.
-   * @param {string} [dpa_data.dpa_presentation_name] Name in which the DPA is presented in.
-   * @param {string} [dpa_data.dpa_uri] Used for indicating the DPA URI.
-   * @param {object} [dpa_transaction_options] Object that stores options for creating a trasaction with DPA.
-   * @param {string} [dpa_transaction_options.dpa_locale] DPA’s preferred locale, example en_US.
-   * @param {Array} [dpa_transaction_options.dpa_accepted_billing_countries] Used to indicate list of accepted billing countries for DPA.
-   * @param {Array} [dpa_transaction_options.dpa_accepted_shipping_countries] Used to indicate list of accepted shipping countries for DPA.
-   * @param {string} [dpa_transaction_options.dpa_billing_preference] Used for listing the enumeration for billing preferences for DPA. Options are 'ALL', 'POSTAL_COUNTRY' and 'NONE'.
-   * @param {string} [dpa_transaction_options.dpa_shipping_preference] Used for listing the enumeration for shipping preferences for DPA. Options are 'ALL', 'POSTAL_COUNTRY' and 'NONE'.
-   * @param {boolean} [dpa_transaction_options.consumer_name_requested] Used to check if the name of the consumer is needed.
-   * @param {boolean} [dpa_transaction_options.consumer_email_address_requested] Used to check if the email of the consumer is needed.
-   * @param {boolean} [dpa_transaction_options.consumer_phone_number_requested] Used to check if the phone number of the consumer is needed.
-   * @param {object} [dpa_transaction_options.payment_options] Object used to check the payment options that are included.
-   * @param {number} [dpa_transaction_options.payment_options.dpa_dynamic_data_ttl_minutes] The minimum requested validity period for the transaction credentials.
-   * @param {string} [dpa_transaction_options.payment_options.dynamic_data_type] Used for listing the enumeration for dynamic data types. Options are 'TAVV' and 'DTVV'.
-   * @param {boolean} [dpa_transaction_options.payment_options.dpa_pan_requested] Used to check if PAN number was requested.
-   * @param {string} [dpa_transaction_options.review_action] Used for listing the enumeration of review actions. Options are 'pay' and 'continue'.
-   * @param {string} [dpa_transaction_options.checkout_description] Used for indicating the description of the checkout.
-   * @param {string} [dpa_transaction_options.transaction_type] Used for listing the enumeration of the type of the transaction. 'PURCHASE', 'BILL_PAYMENT' and 'MONEY_TRANSFER'
-   * @param {string} [dpa_transaction_options.order_type] Used for listing the enumeration of the type of the order. Options are 'REAUTHORIZATION', 'RECURRING' and 'INSTALLMENT'.
-   * @param {object} [dpa_transaction_options.transaction_amount] Object used to describe the details of the transaction.
-   * @param {number} [dpa_transaction_options.transaction_amount.transaction_amount] Used to indicate the amount of the transaction.
-   * @param {string} [dpa_transaction_options.transaction_amount.transaction_currency_code] Used to indicate the currency code of the transaction. 3 letter ISO code format.
-   * @param {string} [dpa_transaction_options.merchant_order_id] Used to indicate the merchants order Id.
-   * @param {string} [dpa_transaction_options.merchant_category_code] Used to indicate the merchants category code.
-   * @param {string} [dpa_transaction_options.merchant_country_code] Used to indicate the merchants country code. 2 letter ISO code format.
-   * @param {object} [customer] Object where the customer data is stored to prefill in the checkout.
-   * @param {string} [customer.email] Customer email.
-   * @param {string} [customer.first_name] Customer first name.
-   * @param {string} [customer.last_name] Customer last name.
-   * @param {object} [customer.phone] Object where the customer phone is stored.
-   * @param {string} [customer.phone.country_code] Customer phone country code (example "1" for US).
-   * @param {string} [customer.phone.phone] Customer phone number.
-   * @param {object} [customer.payment_source] Object where the customer billing address data is stored.
-   * @param {string} [customer.payment_source.address_line1] Customer billing address line 1.
-   * @param {string} [customer.payment_source.address_line2] Customer billing address line 2.
-   * @param {string} [customer.payment_source.address_city] Customer billing address city.
-   * @param {string} [customer.payment_source.address_postcode] Customer billing address postcode.
-   * @param {string} [customer.payment_source.address_state] Customer billing address state code (if applicable for the country, example "FL" for Florida).
-   * @param {string} [customer.payment_source.address_country] Customer billing address country code (example "US").
-   */
-  /**
-   * Class SRC include methods for interacting with different secure remote commerce options such as Visa SRC
-   * @constructor
-   *
-   * @param {string} button_selector - Selector of html element. Container for SRC checkout button.
-   * @param {string} iframe_selector - Selector of html element. Container for SRC checkout iFrame.
-   * @param {string} service_id - Card Scheme Service ID
-   * @param {string} public_key_or_access_token - Paydock public key or Access Token
-   * @param {IVisaSRCMeta} meta - Data that configures the SRC checkout
-   * @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) {
+    function SRC(iframe_selector, service_id, public_key_or_access_token, meta) {
       _classCallCheck(this, SRC);
-      this.button_selector = button_selector;
       this.iframe_selector = iframe_selector;
       this.service_id = service_id;
       this.public_key_or_access_token = public_key_or_access_token;
@@ -10623,11 +10533,13 @@
     *
     * @example
     * widget.setStyles({
-    *       button_text_color: '#32a852',
-    *       primary_color: '#32a852',
-    *       font_family: 'sans-serif',
-    *       card_schemes: ['visa']
-    *   });
+    *     enable_src_popup: true
+    *     primary_button_color: 'red',
+    *     secondary_button_color: 'blue',
+    *     primary_button_text_color: 'white',
+    *     secondary_button_text_color: 'white',
+    *     font_family: 'Arial',
+    * });
     * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
     */
     _createClass(SRC, [{
@@ -10642,10 +10554,6 @@
       value: function setStyle(param, value) {
         if (ObjectHelper.values(STYLE$2).indexOf(param) !== -1) this.style[param] = value;else console.warn("Widget::setStyle[s: unsupported style param ".concat(param));
       }
-      /**
-       * The final method after configuring the SRC to start the load process of SRC checkout
-       *
-       */
     }, {
       key: "load",
       value: function load() {
@@ -10655,8 +10563,8 @@
           var type = _ref.type;
           _this.meta.customizations = _this.style; // assign the style on the start of the widget
           switch (type) {
-            case CARD_SCHEME_SERVICE.VISA_SRC:
-              _this.provider = new VisaSRC(_this.button_selector, _this.iframe_selector, _this.service_id, _this.public_key_or_access_token, _this.meta, _this.eventEmitter, _this.autoResize, _this.env, _this.alias);
+            case CARD_SCHEME_SERVICE.MASTERCARD_SRC:
+              _this.provider = new MastercardSRC(_this.iframe_selector, _this.service_id, _this.public_key_or_access_token, _this.meta, _this.eventEmitter, _this.autoResize, _this.env, _this.alias);
               break;
           }
           if (_this.provider) _this.provider.load();
@@ -10702,8 +10610,9 @@
        * SRC.on('checkoutCompleted').then(function (token) {
        *      console.log(token);
        * });
+       *
        * @param {string} eventName - Available event names [EVENT]{@link EVENT}
-       * @param {listener} [cb]
+       * @param {listener} [cb] - The callback to handle the event. When available, it will send back data of type [EventData]{@link EventData}
        * @return {Promise<any> | void}
        */
     }, {
@@ -10717,29 +10626,6 @@
           });
         });
       }
-      /**
-       * Using this method you can hide button
-       * @param {boolean} [saveSize=false] - using this param you can save iframe's size (if applicable)
-       *
-       * @example
-       * SRC.hideButton();
-       */
-    }, {
-      key: "hideButton",
-      value: function hideButton(saveSize) {
-        if (this.provider && typeof this.provider.hideButton === 'function') this.provider.hideButton(saveSize);
-      }
-      /**
-       * Using this method you can show the SRC button after using hideButton method
-       *
-       * @example
-       * SRC.showButton();
-       */
-    }, {
-      key: "showButton",
-      value: function showButton() {
-        if (this.provider && typeof this.provider.showButton === 'function') this.provider.showButton();
-      }
       /**
        * Using this method you can hide checkout after load and button click
        * @param {boolean} [saveSize=false] - using this param you can save iframe's size (if applicable)
@@ -10791,6 +10677,50 @@
     return SRC;
   }();
 
+  /**
+   * Class MastercardSRCClickToPay include methods for interacting with the MastercardSRC checkout and Manual Card option
+   *
+   * @extends SRC
+   *
+   * @constructor
+   *
+   * @param {string} iframe_selector - Selector of html element. Container for SRC checkout iFrame.
+   * @param {string} service_id - Card Scheme Service ID
+   * @param {string} public_key_or_access_token - Paydock public key or Access Token
+   * @param {IMastercardSRCMeta} meta - Data that configures the SRC checkout
+   * @example
+   * var mastercardSRC = new MastercardSRCClickToPay('#checkoutIframe', 'service_id', 'public_key', {});
+   *
+   */
+  var MastercardSRCClickToPay = /*#__PURE__*/function (_SRC) {
+    _inherits(MastercardSRCClickToPay, _SRC);
+    var _super = _createSuper(MastercardSRCClickToPay);
+    function MastercardSRCClickToPay(iframe_selector, service_id, public_key_or_access_token, meta) {
+      var _this;
+      _classCallCheck(this, MastercardSRCClickToPay);
+      _this = _super.call(this, iframe_selector, service_id, public_key_or_access_token, meta);
+      _this.iframe_selector = iframe_selector;
+      _this.service_id = service_id;
+      _this.public_key_or_access_token = public_key_or_access_token;
+      _this.meta = meta;
+      return _this;
+    }
+    /**
+     * The final method after configuring the SRC to start the load process of SRC checkout
+     *
+     */
+    _createClass(MastercardSRCClickToPay, [{
+      key: "load",
+      value: function load() {
+        if (this.provider) return;
+        this.meta.customizations = this.style;
+        this.provider = new MastercardSRC(this.iframe_selector, this.service_id, this.public_key_or_access_token, this.meta, this.eventEmitter, this.autoResize, this.env, this.alias);
+        this.provider.load();
+      }
+    }]);
+    return MastercardSRCClickToPay;
+  }(SRC);
+
   exports.AfterpayCheckoutButton = AfterpayCheckoutButton;
   exports.Api = Api;
   exports.CHECKOUT_BUTTON_EVENT = CHECKOUT_BUTTON_EVENT;
@@ -10804,13 +10734,13 @@
   exports.HtmlMultiWidget = HtmlMultiWidget;
   exports.HtmlPaymentSourceWidget = HtmlPaymentSourceWidget;
   exports.HtmlWidget = HtmlWidget;
+  exports.MastercardSRCClickToPay = MastercardSRCClickToPay;
   exports.MultiWidget = MultiWidget;
   exports.PAYMENT_TYPE = PAYMENT_TYPE;
   exports.PURPOSE = PURPOSE;
   exports.PaymentSourceBuilder = Builder$1;
   exports.PaymentSourceWidget = PaymentSourceWidget;
   exports.PaypalCheckoutButton = PaypalCheckoutButton;
-  exports.SRC = SRC;
   exports.STYLABLE_ELEMENT = STYLABLE_ELEMENT;
   exports.STYLABLE_ELEMENT_STATE = STYLABLE_ELEMENT_STATE;
   exports.STYLE = STYLE;