@paydock/client-sdk 1.11.3-beta → 1.11.7

package/bundles/widget.umd.js

@@ -231,6 +231,16 @@
       STAGING_3: 'staging_3',
       STAGING_4: 'staging_4',
       STAGING_5: 'staging_5',
+      STAGING_6: 'staging_6',
+      STAGING_7: 'staging_7',
+      STAGING_8: 'staging_8',
+      STAGING_9: 'staging_9',
+      STAGING_10: 'staging_10',
+      STAGING_11: 'staging_11',
+      STAGING_12: 'staging_12',
+      STAGING_13: 'staging_13',
+      STAGING_14: 'staging_14',
+      STAGING_15: 'staging_15',
       STAGING_CBA: 'staging_cba',
       SANDBOX_CBA: 'sandbox_cba',
       PROD_CBA: 'production_cba'
@@ -351,7 +361,7 @@
           this.params = {};
           this.widgetId = Uuid.generate();
           this.linkResource = linkResource;
-          this.env = new Env([{ env: ENV.SANDBOX_KOVENA, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX, url: 'https://widget-sandbox.' }, { env: ENV.PROD, url: 'https://widget.' }, { env: ENV.STAGING, url: 'https://widsta.' }, { env: ENV.STAGING_2, url: 'https://widsta-2.' }, { env: ENV.STAGING_3, url: 'https://widsta-3.' }, { env: ENV.STAGING_4, url: 'https://widsta-4.' }, { env: ENV.STAGING_5, url: 'https://widsta-5.' }, { env: ENV.STAGING_CBA, url: 'https://widget-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://widget-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://widget-cba.' }]);
+          this.env = new Env([{ env: ENV.SANDBOX_KOVENA, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX, url: 'https://widget-sandbox.' }, { env: ENV.PROD, url: 'https://widget.' }, { env: ENV.STAGING, url: 'https://widsta.' }, { env: ENV.STAGING_2, url: 'https://widsta-2.' }, { env: ENV.STAGING_3, url: 'https://widsta-3.' }, { env: ENV.STAGING_4, url: 'https://widsta-4.' }, { env: ENV.STAGING_5, url: 'https://widsta-5.' }, { env: ENV.STAGING_6, url: 'https://widsta-6.' }, { env: ENV.STAGING_7, url: 'https://widsta-7.' }, { env: ENV.STAGING_8, url: 'https://widsta-8.' }, { env: ENV.STAGING_9, url: 'https://widsta-9.' }, { env: ENV.STAGING_10, url: 'https://widsta-10.' }, { env: ENV.STAGING_11, url: 'https://widsta-11.' }, { env: ENV.STAGING_12, url: 'https://widsta-12.' }, { env: ENV.STAGING_13, url: 'https://widsta-13.' }, { env: ENV.STAGING_14, url: 'https://widsta-14.' }, { env: ENV.STAGING_15, url: 'https://widsta-15.' }, { env: ENV.STAGING_CBA, url: 'https://widget-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://widget-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://widget-cba.' }]);
           this.setParams({ widget_id: this.widgetId });
       }
 
@@ -568,7 +578,7 @@
 
           if (ObjectHelper.values(PAYMENT_TYPE).indexOf(paymentType) === -1) throw new Error('unsupported payment type');else if (paymentType === PAYMENT_TYPE.CHECKOUT) throw new Error('Payment type "checkout" is deprecated. Use CheckoutButton for this type of payments https://www.npmjs.com/package/@paydock/client-sdk#checkout-button');
           if (ObjectHelper.values(PURPOSE).indexOf(purpose) === -1) throw new Error('unsupported purpose');
-          this.env = new Env([{ env: ENV.SANDBOX_KOVENA, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
+          this.env = new Env([{ env: ENV.SANDBOX_KOVENA, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_6, url: 'https://apista-6.' }, { env: ENV.STAGING_7, url: 'https://apista-7.' }, { env: ENV.STAGING_8, url: 'https://apista-8.' }, { env: ENV.STAGING_9, url: 'https://apista-9.' }, { env: ENV.STAGING_10, url: 'https://apista-10.' }, { env: ENV.STAGING_11, url: 'https://apista-11.' }, { env: ENV.STAGING_12, url: 'https://apista-12.' }, { env: ENV.STAGING_13, url: 'https://apista-13.' }, { env: ENV.STAGING_14, url: 'https://apista-14.' }, { env: ENV.STAGING_15, url: 'https://apista-15.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
           this.configs = {
               purpose: purpose,
               meta: {},
@@ -2368,7 +2378,7 @@
       function HttpCore() {
           classCallCheck(this, HttpCore);
 
-          this.env = new Env([{ env: ENV.SANDBOX_KOVENA, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
+          this.env = new Env([{ env: ENV.SANDBOX_KOVENA, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_6, url: 'https://apista-6.' }, { env: ENV.STAGING_7, url: 'https://apista-7.' }, { env: ENV.STAGING_8, url: 'https://apista-8.' }, { env: ENV.STAGING_9, url: 'https://apista-9.' }, { env: ENV.STAGING_10, url: 'https://apista-10.' }, { env: ENV.STAGING_11, url: 'https://apista-11.' }, { env: ENV.STAGING_12, url: 'https://apista-12.' }, { env: ENV.STAGING_13, url: 'https://apista-13.' }, { env: ENV.STAGING_14, url: 'https://apista-14.' }, { env: ENV.STAGING_15, url: 'https://apista-15.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
       }
 
       createClass(HttpCore, [{
@@ -2869,7 +2879,7 @@
           this.background.onTrigger(TRIGGER$1.CLOSE, function () {
               return _this.stop();
           });
-          this.widgetEnv = new Env([{ env: ENV.SANDBOX, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_KOVENA, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://widget-sandbox-demo.' }, { env: ENV.PROD, url: 'https://widget.' }, { env: ENV.STAGING, url: 'https://widsta.' }, { env: ENV.STAGING_2, url: 'https://widsta-2.' }, { env: ENV.STAGING_3, url: 'https://widsta-3.' }, { env: ENV.STAGING_4, url: 'https://widsta-4.' }, { env: ENV.STAGING_5, url: 'https://widsta-5.' }, { env: ENV.STAGING_CBA, url: 'https://widget-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://widget-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://widget-cba.' }]);
+          this.widgetEnv = new Env([{ env: ENV.SANDBOX, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_KOVENA, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://widget-sandbox-demo.' }, { env: ENV.PROD, url: 'https://widget.' }, { env: ENV.STAGING, url: 'https://widsta.' }, { env: ENV.STAGING_2, url: 'https://widsta-2.' }, { env: ENV.STAGING_3, url: 'https://widsta-3.' }, { env: ENV.STAGING_4, url: 'https://widsta-4.' }, { env: ENV.STAGING_5, url: 'https://widsta-5.' }, { env: ENV.STAGING_6, url: 'https://widsta-6.' }, { env: ENV.STAGING_7, url: 'https://widsta-7.' }, { env: ENV.STAGING_8, url: 'https://widsta-8.' }, { env: ENV.STAGING_9, url: 'https://widsta-9.' }, { env: ENV.STAGING_10, url: 'https://widsta-10.' }, { env: ENV.STAGING_11, url: 'https://widsta-11.' }, { env: ENV.STAGING_12, url: 'https://widsta-12.' }, { env: ENV.STAGING_13, url: 'https://widsta-13.' }, { env: ENV.STAGING_14, url: 'https://widsta-14.' }, { env: ENV.STAGING_15, url: 'https://widsta-15.' }, { env: ENV.STAGING_CBA, url: 'https://widget-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://widget-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://widget-cba.' }]);
       }
 
       createClass(Runner, [{
@@ -3969,7 +3979,7 @@
           _this.checkout = null;
           _this.runs = false;
           _this.eventEmitter = new EventEmitter();
-          _this.echoEnv = new Env([{ env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_KOVENA, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://api-sandbox-demo.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
+          _this.echoEnv = new Env([{ env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_KOVENA, url: 'https://api-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://api-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://api-sandbox-demo.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_6, url: 'https://apista-6.' }, { env: ENV.STAGING_7, url: 'https://apista-7.' }, { env: ENV.STAGING_8, url: 'https://apista-8.' }, { env: ENV.STAGING_9, url: 'https://apista-9.' }, { env: ENV.STAGING_10, url: 'https://apista-10.' }, { env: ENV.STAGING_11, url: 'https://apista-11.' }, { env: ENV.STAGING_12, url: 'https://apista-12.' }, { env: ENV.STAGING_13, url: 'https://apista-13.' }, { env: ENV.STAGING_14, url: 'https://apista-14.' }, { env: ENV.STAGING_15, url: 'https://apista-15.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
           return _this;
       }
 
@@ -4134,7 +4144,7 @@
           classCallCheck(this, Dispatcher);
 
           this.messageSource = messageSource;
-          this.env = new Env([{ env: ENV.SANDBOX, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_KOVENA, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://widget-sandbox-demo.' }, { env: ENV.PROD, url: 'https://widget.' }, { env: ENV.STAGING, url: 'https://widsta.' }, { env: ENV.STAGING_2, url: 'https://widsta-2.' }, { env: ENV.STAGING_3, url: 'https://widsta-3.' }, { env: ENV.STAGING_4, url: 'https://widsta-4.' }, { env: ENV.STAGING_5, url: 'https://widsta-5.' }, { env: ENV.STAGING_CBA, url: 'https://widget-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://widget-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://widget-cba.' }]);
+          this.env = new Env([{ env: ENV.SANDBOX, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_KOVENA, url: 'https://widget-sandbox.' }, { env: ENV.SANDBOX_DEMO, url: 'https://widget-sandbox-demo.' }, { env: ENV.SANDBOX_DEMO_KOVENA, url: 'https://widget-sandbox-demo.' }, { env: ENV.PROD, url: 'https://widget.' }, { env: ENV.STAGING, url: 'https://widsta.' }, { env: ENV.STAGING_2, url: 'https://widsta-2.' }, { env: ENV.STAGING_3, url: 'https://widsta-3.' }, { env: ENV.STAGING_4, url: 'https://widsta-4.' }, { env: ENV.STAGING_5, url: 'https://widsta-5.' }, { env: ENV.STAGING_6, url: 'https://widsta-6.' }, { env: ENV.STAGING_7, url: 'https://widsta-7.' }, { env: ENV.STAGING_8, url: 'https://widsta-8.' }, { env: ENV.STAGING_9, url: 'https://widsta-9.' }, { env: ENV.STAGING_10, url: 'https://widsta-10.' }, { env: ENV.STAGING_11, url: 'https://widsta-11.' }, { env: ENV.STAGING_12, url: 'https://widsta-12.' }, { env: ENV.STAGING_13, url: 'https://widsta-13.' }, { env: ENV.STAGING_14, url: 'https://widsta-14.' }, { env: ENV.STAGING_15, url: 'https://widsta-15.' }, { env: ENV.STAGING_CBA, url: 'https://widget-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://widget-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://widget-cba.' }]);
       }
 
       createClass(Dispatcher, [{
@@ -4271,7 +4281,7 @@
               this.getElement().document.write(".");
               var body = this.getElement().document.body || this.getElement().document.getElementsByTagName('body')[0];
               body.innerHTML = STYLE$1 + TEMPLATE;
-              if (this.env !== ENV.STAGING || this.env !== ENV.STAGING_2 || this.env !== ENV.STAGING_3 || this.env !== ENV.STAGING_4 || this.env !== ENV.STAGING_5) return;
+              if (this.env !== ENV.STAGING || this.env !== ENV.STAGING_2 || this.env !== ENV.STAGING_3 || this.env !== ENV.STAGING_4 || this.env !== ENV.STAGING_5 || this.env !== ENV.STAGING_6 || this.env !== ENV.STAGING_7 || this.env !== ENV.STAGING_8 || this.env !== ENV.STAGING_9 || this.env !== ENV.STAGING_10 || this.env !== ENV.STAGING_11 || this.env !== ENV.STAGING_12 || this.env !== ENV.STAGING_13 || this.env !== ENV.STAGING_14 || this.env !== ENV.STAGING_15) return;
               var clickCount = 0;
               Event.subscribe('click', body, function () {
                   clickCount++;
@@ -6264,7 +6274,7 @@
 
           this.auth = auth;
           this.authType = authType || this.setAuthType();
-          this.env = new Env([{ env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
+          this.env = new Env([{ env: ENV.SANDBOX, url: 'https://api-sandbox.' }, { env: ENV.PROD, url: 'https://api.' }, { env: ENV.STAGING, url: 'https://apista.' }, { env: ENV.STAGING_2, url: 'https://apista-2.' }, { env: ENV.STAGING_3, url: 'https://apista-3.' }, { env: ENV.STAGING_4, url: 'https://apista-4.' }, { env: ENV.STAGING_5, url: 'https://apista-5.' }, { env: ENV.STAGING_6, url: 'https://apista-6.' }, { env: ENV.STAGING_7, url: 'https://apista-7.' }, { env: ENV.STAGING_8, url: 'https://apista-8.' }, { env: ENV.STAGING_9, url: 'https://apista-9.' }, { env: ENV.STAGING_10, url: 'https://apista-10.' }, { env: ENV.STAGING_11, url: 'https://apista-11.' }, { env: ENV.STAGING_12, url: 'https://apista-12.' }, { env: ENV.STAGING_13, url: 'https://apista-13.' }, { env: ENV.STAGING_14, url: 'https://apista-14.' }, { env: ENV.STAGING_15, url: 'https://apista-15.' }, { env: ENV.STAGING_CBA, url: 'https://api-staging-cba.' }, { env: ENV.SANDBOX_CBA, url: 'https://api-sandbox-cba.' }, { env: ENV.PROD_CBA, url: 'https://api-cba.' }]);
       }
       /**
        * Current method can change environment. By default environment = sandbox.
@@ -7399,7 +7409,7 @@
               var _this = this;
 
               this.iFrameEvent.on(EVENT.CHARGE_AUTH, widgetId, function (data) {
-                  if (data.status === "MethodSkipped" /* SKIPPED */) _this.performAuthentication(data);
+                  if (data.status === "MethodSkipped" /* SKIPPED */ || data.status === "MethodFinished" /* FINISHED */) _this.performAuthentication(data);else if (data.status === "AuthTimedOut" /* TIMEOUT */ || data.status === "invalid_event" /* INVALID */) _this.eventEmitter.emit(GPAYMENTS_EVENT.AUTH_ERROR, _this.parseHandleResponse({ status: data.status }, data.charge_3ds_id));
               });
               this.iFrameEvent.on(EVENT.CHARGE_AUTH_SUCCESS, widgetId, function (data) {
                   _this.processResult(data.charge_3ds_id);
@@ -7990,11 +8000,11 @@
     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: 30px; cursor: pointer;";
+  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: 0;";
+  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: 21px; margin-left: 8px; vertical-align: middle;";
+  VisaSRCStyles.clickToPayAllCardsStyle = "height: 17px; margin-left: 8px; vertical-align: middle; padding-top: 3px;";
 
   /**
    * List of available event's name in the SRC checkout lifecycle
@@ -8010,13 +8020,55 @@
    */
   var EVENT$3;
   (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_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$3 || (EVENT$3 = {}));
+  var STYLE$2 = {
+      BUTTON_TEXT_COLOR: 'button_text_color',
+      PRIMARY_COLOR: 'primary_color',
+      FONT_FAMILY: 'font_family',
+      CARD_SCHEMES: 'card_schemes'
+  };
+
+  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 = function () {
       function VisaSRC(button_selector, iframe_selector, service_id, public_key, meta, eventEmitter, autoResize, env, alias) {
@@ -8063,10 +8115,13 @@
           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);
@@ -8077,7 +8132,7 @@
               footerText.innerHTML = 'WE ACCEPT';
               var clickToPayAllCards = document.createElement('img');
               clickToPayAllCards.setAttribute('style', VisaSRCStyles.clickToPayAllCardsStyle);
-              clickToPayAllCards.src = this.link.getBaseUrl() + '/images/visa-src/src-vmad.svg';
+              clickToPayAllCards.src = this.link.getBaseUrl() + ('' + GenerateCardSchemesLogo((_a = this.meta.customizations) === null || _a === void 0 ? void 0 : _a.card_schemes, true));
               checkoutButton.onclick = function () {
                   _this2.eventEmitter.emit(EVENT$3.CHECKOUT_BUTTON_CLICKED, {});
                   _this2.iFrame.load(_this2.link.getUrl(), { title: 'Visa SRC checkout' });
@@ -8189,7 +8244,6 @@
    * @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
@@ -8198,32 +8252,58 @@
    * @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 - Paydock public key
+   * @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 = function () {
-      function SRC(button_selector, iframe_selector, service_id, public_key, meta) {
+      function SRC(button_selector, 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 = public_key;
+          this.public_key_or_access_token = public_key_or_access_token;
           this.meta = meta;
           this.autoResize = false;
-          this.api = new ApiInternal(public_key, API_AUTH_TYPE.PUBLIC_KEY);
+          this.style = {};
+          this.api = new ApiInternal(public_key_or_access_token, API_AUTH_TYPE.PUBLIC_KEY);
           this.eventEmitter = new EventEmitter();
       }
       /**
-       * The final method after configuring the SRC to start the load process of SRC checkout
-       *
-       */
+      * Object contain styles for widget - call before `.load()`.
+      *
+      * @example
+      * widget.setStyles({
+      *       button_text_color: '#32a852',
+      *       primary_color: '#32a852',
+      *       font_family: 'sans-serif',
+      *       card_schemes: ['visa']
+      *   });
+      * @param {IStyles} fields - name of styles which can be shown in widget [STYLE]{@link STYLE}
+      */
 
 
       createClass(SRC, [{
+          key: 'setStyles',
+          value: function setStyles(styles) {
+              for (var index in styles) {
+                  if (styles.hasOwnProperty(index)) this.setStyle(index, styles[index]);
+              }
+          }
+      }, {
+          key: 'setStyle',
+          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 ' + param);
+          }
+          /**
+           * The final method after configuring the SRC to start the load process of SRC checkout
+           *
+           */
+
+      }, {
           key: 'load',
           value: function load() {
               var _this = this;
@@ -8232,9 +8312,10 @@
               this.api.service().getConfig(this.service_id).then(function (_ref) {
                   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, _this.meta, _this.eventEmitter, _this.autoResize, _this.env, _this.alias);
+                          _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);
                           break;
                   }
                   if (_this.provider) _this.provider.load();