@paydock/client-sdk 1.10.81-beta → 1.10.83-beta-01

package/bundles/widget.umd.js

@@ -160,6 +160,66 @@
     }
   };
 
+  var ACCESS_HEADER_NAME = {
+      accessToken: 'x-access-token',
+      publicKey: 'x-user-public-key'
+  };
+  var AccessToken = function () {
+      function AccessToken() {
+          classCallCheck(this, AccessToken);
+      }
+
+      createClass(AccessToken, null, [{
+          key: 'validateJWT',
+          value: function validateJWT(jwt) {
+              if (!jwt) return null;
+
+              var _jwt$split = jwt.split("."),
+                  _jwt$split2 = slicedToArray(_jwt$split, 3),
+                  rawHead = _jwt$split2[0],
+                  rawBody = _jwt$split2[1],
+                  signature = _jwt$split2[2];
+
+              if (!rawHead || !rawBody || !signature) return null;
+              if (2 + rawHead.length + rawBody.length + signature.length !== jwt.length) return null;
+              try {
+                  var head = JSON.parse(atob(rawHead));
+                  var body = JSON.parse(atob(rawBody));
+                  return { head: head, body: body, signature: signature };
+              } catch (_a) {
+                  return null;
+              }
+          }
+      }, {
+          key: 'extractData',
+          value: function extractData(body) {
+              try {
+                  return JSON.parse(atob(body.meta));
+              } catch (_a) {
+                  return null;
+              }
+          }
+      }, {
+          key: 'extractMeta',
+          value: function extractMeta(body) {
+              try {
+                  var _JSON$parse = JSON.parse(atob(body.meta)),
+                      meta = _JSON$parse.meta;
+
+                  return meta;
+              } catch (_a) {
+                  return null;
+              }
+          }
+      }, {
+          key: 'getAccessHeaderNameByToken',
+          value: function getAccessHeaderNameByToken(token) {
+              return !!AccessToken.validateJWT(token) ? ACCESS_HEADER_NAME.accessToken : ACCESS_HEADER_NAME.publicKey;
+          }
+      }]);
+      return AccessToken;
+  }();
+
   var ENV = {
       SANDBOX: 'sandbox',
       SANDBOX_KOVENA: 'sandbox-kovena',
@@ -170,7 +230,10 @@
       STAGING_2: 'staging_2',
       STAGING_3: 'staging_3',
       STAGING_4: 'staging_4',
-      STAGING_5: 'staging_5'
+      STAGING_5: 'staging_5',
+      STAGING_CBA: 'staging_cba',
+      SANDBOX_CBA: 'sandbox_cba',
+      PROD_CBA: 'production_cba'
   };
   var KOVENA_ENV = [ENV.SANDBOX_KOVENA, ENV.SANDBOX_DEMO_KOVENA];
   var REGEX_ALIAS = '^([a-zA-Z0-9](?:(?:[a-zA-Z0-9-.]*(?!-)\\.(?![-.]))*[a-zA-Z0-9]+)?)$';
@@ -287,7 +350,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.' }]);
+          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.setParams({ widget_id: this.widgetId });
       }
 
@@ -499,7 +562,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.' }]);
+          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.configs = {
               purpose: purpose,
               meta: {},
@@ -641,28 +704,28 @@
            *      console.log(error);
            * });
            *
-           * @param {string} publicKey - Customer public key which provided for each client
+           * @param {string} accessToken - Customer access token or public key which provided for each client
            * @param {createToken~requestCallback} cb - The callback that handles the success response.
            * @param {createToken~requestCallback} errorCb - The callback that handles the failed response.
            */
 
       }, {
           key: 'createToken',
-          value: function createToken(publicKey, cb) {
+          value: function createToken(accessToken, cb) {
               var errorCb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (err) {};
 
-              this.send(publicKey, function (data, status) {
+              this.send(accessToken, function (data, status) {
                   if (status >= 200 && status < 300) return cb(data.resource.data.configuration_token);
                   if (typeof data.error === "undefined" || typeof data.error.message === "undefined") errorCb('unknown error');else errorCb(data.error.message);
               });
           }
       }, {
           key: 'send',
-          value: function send(publicKey, cb) {
+          value: function send(accessToken, cb) {
               var request = new XMLHttpRequest();
               request.open('POST', this.getUrl(), true);
               request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-              request.setRequestHeader('x-user-public-key', publicKey);
+              request.setRequestHeader(AccessToken.getAccessHeaderNameByToken(accessToken), accessToken);
               request.send(JSON.stringify(this.getConfigs()));
               request.onload = function () {
                   var res = {};
@@ -684,7 +747,7 @@
           }
       }], [{
           key: 'createEachToken',
-          value: function createEachToken(publicKey, configs, cb) {
+          value: function createEachToken(accessToken, configs, cb) {
               var errorCb = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : function (errors) {};
 
               var tokens = new Array(configs.length);
@@ -692,7 +755,7 @@
               var counter = 0;
 
               var _loop = function _loop(index) {
-                  if (configs.hasOwnProperty(index)) configs[index].createToken(publicKey, function (token) {
+                  if (configs.hasOwnProperty(index)) configs[index].createToken(accessToken, function (token) {
                       tokens[index] = token;
                       counter++;
                       if (configs.length === counter) Configuration.finishCreatingEachToken(tokens, errors, cb, errorCb);
@@ -909,30 +972,34 @@
    * Class MultiWidget include method for for creating iframe url
    * @constructor
    *
-   * @param {string} publicKey - PayDock users public key
+   * @param {string} accessToken - PayDock users access token or public key
    * @param {(Configuration | string | Configuration[] | string[])} conf - exemplar[s] Configuration class OR configuration token
    *
    * @example
-   * var widget = new MultiWidget('publicKey','configurationToken'); // With a pre-created configuration token
+   * var widget = new MultiWidget('accessToken','configurationToken'); // With a pre-created configuration token
    *
-   * var widget = new MultiWidget('publicKey',['configurationToken', 'configurationToken2']); // With pre-created configuration tokens
+   * var widget = new MultiWidget('accessToken',['configurationToken', 'configurationToken2']); // With pre-created configuration tokens
    *
-   * var widget = new MultiWidget('publicKey', new Configuration('gatewayId')); With Configuration
+   * var widget = new MultiWidget('accessToken', new Configuration('gatewayId')); With Configuration
    *
-   * var widget = new MultiWidget('publicKey',[ With Configurations
+   * var widget = new MultiWidget('accessToken',[ With Configurations
    *      Configuration('gatewayId'),
    *      Configuration('gatewayId', 'bank_account')
    * ]);
    **/
   var MultiWidget = function () {
-      function MultiWidget(publicKey, conf) {
+      function MultiWidget(accessToken, conf) {
           classCallCheck(this, MultiWidget);
 
           this.configs = [];
           this.configTokens = [];
           this.link = new Link(WIDGET_LINK);
-          this.link.setParams({ public_key: publicKey });
-          this.publicKey = publicKey;
+          if (!!AccessToken.validateJWT(accessToken)) {
+              this.link.setParams({ token: accessToken });
+          } else {
+              this.link.setParams({ public_key: accessToken });
+          }
+          this.accessToken = accessToken;
           if (!conf || Array.isArray(conf) && !conf.length) throw Error('configuration token is required');
           if (typeof conf === 'string') this.configTokens.push(conf);else if (conf instanceof Configuration) this.configs.push(conf);else if (Array.isArray(conf) && typeof conf[0] === 'string') this.configTokens = conf;else if (Array.isArray(conf) && conf[0] instanceof Configuration) this.configs = conf;else throw Error('Unsupported type of configuration token');
       }
@@ -1307,7 +1374,7 @@
                   this.link.setParams({ configuration_tokens: this.configTokens.join(',') });
                   return cb(this.link.getUrl());
               }
-              Configuration.createEachToken(this.publicKey, this.configs, function (tokens) {
+              Configuration.createEachToken(this.accessToken, this.configs, function (tokens) {
                   _this2.link.concatParams({ configuration_tokens: tokens.join(',') });
                   return cb(_this2.link.getUrl());
               }, function (errors) {
@@ -2293,7 +2360,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.' }]);
+          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.' }]);
       }
 
       createClass(HttpCore, [{
@@ -2313,7 +2380,7 @@
           }
       }, {
           key: 'create',
-          value: function create(publicKey, data, cb, errorCb) {
+          value: function create(accessToken, data, cb, errorCb) {
               var _this = this;
 
               var request = new XMLHttpRequest();
@@ -2322,12 +2389,12 @@
               };
               request.open('POST', this.getUrl(), true);
               request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-              request.setRequestHeader('x-user-public-key', publicKey);
+              request.setRequestHeader(AccessToken.getAccessHeaderNameByToken(accessToken), accessToken);
               request.send(JSON.stringify(data));
           }
       }, {
           key: 'get',
-          value: function get(publicKey, cb, errorCb) {
+          value: function get(accessToken, cb, errorCb) {
               var _this2 = this;
 
               var request = new XMLHttpRequest();
@@ -2336,7 +2403,7 @@
               };
               request.open('GET', this.getUrl(), true);
               request.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-              request.setRequestHeader('x-user-public-key', publicKey);
+              request.setRequestHeader(AccessToken.getAccessHeaderNameByToken(accessToken), accessToken);
               request.send();
           }
       }, {
@@ -2429,10 +2496,10 @@
           }
       }, {
           key: 'send',
-          value: function send(publicKey, cb) {
+          value: function send(accessToken, cb) {
               var errorCb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (err) {};
 
-              this.get(publicKey, function (data, status) {
+              this.get(accessToken, function (data, status) {
                   cb(data);
               }, function (err, status) {
                   if (typeof err.message === "undefined") errorCb(status + ': unknown error');else errorCb(err.message);
@@ -2754,10 +2821,10 @@
           }
       }, {
           key: 'send',
-          value: function send(publicKey, cb) {
+          value: function send(accessToken, cb) {
               var errorCb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (err) {};
 
-              this.create(publicKey, this.getConfigs(), function (data, status) {
+              this.create(accessToken, this.getConfigs(), function (data, status) {
                   return cb(data);
               }, function (err, status) {
                   if (typeof err.message === "undefined") errorCb('unknown error');else errorCb(err.message);
@@ -2794,7 +2861,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.' }]);
+          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.' }]);
       }
 
       createClass(Runner, [{
@@ -3894,7 +3961,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.' }]);
+          _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.' }]);
           return _this;
       }
 
@@ -3917,7 +3984,7 @@
               this.background.clear();
               this.checkout = checkoutData;
               var checkoutLink = String(ECHO_LINK);
-              checkoutLink = Url.extendSearchParams(checkoutLink, 'public_key', this.publicKey);
+              checkoutLink = Url.extendSearchParams(checkoutLink, AccessToken.validateJWT(this.publicKey) ? 'access_token' : 'public_key', this.publicKey);
               checkoutLink = Url.extendSearchParams(checkoutLink, 'json_body', encodeURIComponent(JSON.stringify({
                   redirect_uri: this.checkout.link
               })));
@@ -4050,7 +4117,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.' }]);
+          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.' }]);
       }
 
       createClass(Dispatcher, [{
@@ -4403,21 +4470,21 @@
    * @constructor
    *
    * @param {string} selector - Selector of html element.
-   * @param {string} publicKey - PayDock users public key
+   * @param {string} aceessToken - PayDock access token or users public key
    * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
    * @param {string} [type=PaypalClassic] - Type of gateway (PaypalClassic, Zipmoney)
    * @example
-   * var widget = new CheckoutButton('#button', 'publicKey','gatewayId');
+   * var widget = new CheckoutButton('#button', 'aceessToken','gatewayId');
    **/
   var CheckoutButton = function () {
-      function CheckoutButton(selector, publicKey) {
+      function CheckoutButton(selector, aceessToken) {
           var _this = this;
 
           var gatewayId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'default';
           var gatewayType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : GATEWAY_TYPE.PAYPAL;
           classCallCheck(this, CheckoutButton);
 
-          this.publicKey = publicKey;
+          this.aceessToken = aceessToken;
           this.gatewayId = gatewayId;
           this.gatewayType = gatewayType;
           this.details = null;
@@ -4428,13 +4495,13 @@
           this.background = new Background();
           switch (gatewayType) {
               case GATEWAY_TYPE.PAYPAL:
-                  this.runner = new PaypalRunner(publicKey);
+                  this.runner = new PaypalRunner(aceessToken);
                   break;
               case GATEWAY_TYPE.AFTERPAY:
-                  this.runner = new AfterpayRunner(publicKey);
+                  this.runner = new AfterpayRunner(aceessToken);
                   break;
               case GATEWAY_TYPE.ZIPMONEY:
-                  this.runner = new ZipmoneyRunner(publicKey);
+                  this.runner = new ZipmoneyRunner(aceessToken);
                   break;
           }
           this.initCheckout();
@@ -4456,7 +4523,7 @@
                   var externalCheckout = new Builder(_this2.gatewayId, _this2.runner.getSuccessRedirectUri(), _this2.runner.getErrorRedirectUri());
                   externalCheckout.setMeta(_this2.meta);
                   externalCheckout.setEnv(_this2.env);
-                  externalCheckout.send(_this2.publicKey, function (checkout) {
+                  externalCheckout.send(_this2.aceessToken, function (checkout) {
                       _this2.eventEmitter.emit(CHECKOUT_BUTTON_EVENT.POPUP_REDIRECT, {});
                       _this2.runner.next(checkout);
                   }, function (error, code) {
@@ -4507,7 +4574,7 @@
 
               var checker = new Checker(token);
               checker.setEnv(this.env);
-              checker.send(this.publicKey, function (details) {
+              checker.send(this.aceessToken, function (details) {
                   _this4.details = details;
                   cb();
               }, function () {
@@ -4522,7 +4589,7 @@
 
               var paymentSourceToken = new Builder$1(this.gatewayId, token, TYPE.CHECKOUT_TOKEN);
               paymentSourceToken.setEnv(this.env);
-              paymentSourceToken.send(this.publicKey, function (token) {
+              paymentSourceToken.send(this.aceessToken, function (token) {
                   _this5.eventEmitter.emit(CHECKOUT_BUTTON_EVENT.FINISH, {
                       payment_source_token: token,
                       checkout_email: _this5.details.checkout_email,
@@ -4730,21 +4797,21 @@
    * @constructor
    *
    * @param {string} selector - Selector of html element.
-   * @param {string} publicKey - PayDock users public key
+   * @param {string} accessToken - PayDock access-token or users public key
    * @param {string} [gatewayId=default] - PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway
    * @example
-   * var widget = new AfterpayCheckoutButton('#button', 'publicKey','gatewayId');
+   * var widget = new AfterpayCheckoutButton('#button', 'access-token','gatewayId');
    **/
   var AfterpayCheckoutButton = function (_CheckoutButton) {
       inherits(AfterpayCheckoutButton, _CheckoutButton);
 
-      function AfterpayCheckoutButton(selector, publicKey) {
+      function AfterpayCheckoutButton(selector, accessToken) {
           var gatewayId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'default';
           classCallCheck(this, AfterpayCheckoutButton);
 
-          var _this = possibleConstructorReturn(this, (AfterpayCheckoutButton.__proto__ || Object.getPrototypeOf(AfterpayCheckoutButton)).call(this, selector, publicKey, gatewayId, GATEWAY_TYPE.AFTERPAY));
+          var _this = possibleConstructorReturn(this, (AfterpayCheckoutButton.__proto__ || Object.getPrototypeOf(AfterpayCheckoutButton)).call(this, selector, accessToken, gatewayId, GATEWAY_TYPE.AFTERPAY));
 
-          _this.publicKey = publicKey;
+          _this.accessToken = accessToken;
           _this.gatewayId = gatewayId;
           return _this;
       }
@@ -4996,12 +5063,13 @@
               currency = meta.currency,
               id = meta.id,
               gateway_mode = meta.gateway_mode,
+              reference = meta.reference,
               request_shipping = meta.request_shipping;
 
           _this.link.setParams(_extends({ token: token,
               amount: amount,
               currency: currency,
-              gateway_mode: gateway_mode, credentials: id }, request_shipping ? { request_shipping: request_shipping } : {}));
+              gateway_mode: gateway_mode, credentials: reference || id }, request_shipping ? { request_shipping: request_shipping } : {}));
           _this.token = token;
           _this.event = new FlypayIframeEvent(window);
           return _this;
@@ -5923,7 +5991,7 @@
                   googlePayJs.src = "https://pay.google.com/gp/p/js/pay.js";
                   googlePayJs.async = true;
                   googlePayJs.onload = function () {
-                      var _a, _b, _c;
+                      var _a, _b, _c, _d;
                       if (!window.google) {
                           _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.GOOGLE });
                           reject();
@@ -5939,7 +6007,7 @@
                               onPaymentDataChanged: function onPaymentDataChanged(intermediatePaymentData) {
                                   return _this2.onPaymentDataChanged(intermediatePaymentData);
                               }
-                          }) }, _this2.env !== ENV.PROD ? { environment: "TEST" } : { environment: "PRODUCTION" }));
+                          }) }, ((_d = _this2.meta) === null || _d === void 0 ? void 0 : _d.gateway_mode) === 'live' ? { environment: "PRODUCTION" } : { environment: "TEST" }));
                       _this2.checkAvailability().then(function (available) {
                           if (!available) {
                               _this2.eventEmitter.emit(WALLET_EVENT.UNAVAILABLE, { wallet: WALLET_TYPE.GOOGLE });
@@ -6149,6 +6217,14 @@
           value: function getGatewayName() {
               return WALLET_GATEWAY.MASTERCARD;
           }
+      }, {
+          key: "setEnv",
+          value: function setEnv(env) {
+              this.childWallets.forEach(function (child) {
+                  return child.setEnv(env);
+              });
+              return this;
+          }
       }, {
           key: "update",
           value: function update(data) {
@@ -6160,55 +6236,6 @@
       return MastercardWalletService;
   }(WalletService);
 
-  var AccessToken = function () {
-      function AccessToken() {
-          classCallCheck(this, AccessToken);
-      }
-
-      createClass(AccessToken, null, [{
-          key: "validateJWT",
-          value: function validateJWT(jwt) {
-              var _jwt$split = jwt.split("."),
-                  _jwt$split2 = slicedToArray(_jwt$split, 3),
-                  rawHead = _jwt$split2[0],
-                  rawBody = _jwt$split2[1],
-                  signature = _jwt$split2[2];
-
-              if (!rawHead || !rawBody || !signature) return null;
-              if (2 + rawHead.length + rawBody.length + signature.length !== jwt.length) return null;
-              try {
-                  var head = JSON.parse(atob(rawHead));
-                  var body = JSON.parse(atob(rawBody));
-                  return { head: head, body: body, signature: signature };
-              } catch (_a) {
-                  return null;
-              }
-          }
-      }, {
-          key: "extractData",
-          value: function extractData(body) {
-              try {
-                  return JSON.parse(atob(body.meta));
-              } catch (_a) {
-                  return null;
-              }
-          }
-      }, {
-          key: "extractMeta",
-          value: function extractMeta(body) {
-              try {
-                  var _JSON$parse = JSON.parse(atob(body.meta)),
-                      meta = _JSON$parse.meta;
-
-                  return meta;
-              } catch (_a) {
-                  return null;
-              }
-          }
-      }]);
-      return AccessToken;
-  }();
-
   var API_AUTH_TYPE;
   (function (API_AUTH_TYPE) {
       API_AUTH_TYPE[API_AUTH_TYPE["PUBLIC_KEY"] = 0] = "PUBLIC_KEY";
@@ -6219,8 +6246,8 @@
           classCallCheck(this, ApiBase);
 
           this.auth = auth;
-          this.authType = authType || API_AUTH_TYPE.PUBLIC_KEY;
-          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.' }]);
+          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.' }]);
       }
       /**
        * Current method can change environment. By default environment = sandbox.
@@ -6234,13 +6261,18 @@
 
 
       createClass(ApiBase, [{
-          key: "setEnv",
+          key: 'setEnv',
           value: function setEnv(env, alias) {
               this.env.setEnv(env, alias);
               return this;
           }
       }, {
-          key: "getClient",
+          key: 'setAuthType',
+          value: function setAuthType() {
+              return this.authType = !!AccessToken.validateJWT(this.auth) ? API_AUTH_TYPE.TOKEN : API_AUTH_TYPE.PUBLIC_KEY;
+          }
+      }, {
+          key: 'getClient',
           value: function getClient(method, link) {
               var _this = this;
 
@@ -6259,7 +6291,7 @@
               };
           }
       }, {
-          key: "getClientPromise",
+          key: 'getClientPromise',
           value: function getClientPromise(method, link) {
               var _this2 = this;
 
@@ -6282,7 +6314,7 @@
               };
           }
       }, {
-          key: "parser",
+          key: 'parser',
           value: function parser(_ref, cb, errorCb) {
               var text = _ref.text,
                   status = _ref.status;
@@ -6293,7 +6325,7 @@
               } catch (e) {}
           }
       }, {
-          key: "parserPromise",
+          key: 'parserPromise',
           value: function parserPromise(_ref2) {
               var text = _ref2.text,
                   status = _ref2.status;
@@ -6306,7 +6338,7 @@
               }
           }
       }, {
-          key: "setAuthHeader",
+          key: 'setAuthHeader',
           value: function setAuthHeader(request) {
               switch (this.authType) {
                   case API_AUTH_TYPE.PUBLIC_KEY:
@@ -6473,13 +6505,13 @@
                   this.service = new StripeWalletService(tokenMeta.credentials.client_auth, _extends(_extends({}, meta), { amount: tokenMeta.charge.amount, currency: tokenMeta.charge.currency }));
                   break;
               case WALLET_GATEWAY.FLYPAY:
-                  this.service = new FlypayWalletService(chargeToken, _extends(_extends({}, meta), { id: tokenMeta.charge.id, gateway_mode: tokenMeta.gateway.mode, amount: tokenMeta.charge.amount, currency: tokenMeta.charge.currency }));
+                  this.service = new FlypayWalletService(chargeToken, _extends(_extends({}, meta), { id: tokenMeta.charge.id, gateway_mode: tokenMeta.gateway.mode, amount: tokenMeta.charge.amount, currency: tokenMeta.charge.currency, reference: tokenMeta.charge.reference }));
                   break;
               case WALLET_GATEWAY.PAYPAL:
                   this.service = new PaypalWalletService(tokenMeta.credentials.client_auth, _extends(_extends({}, meta), { id: tokenMeta.charge.id, gateway_mode: tokenMeta.gateway.mode, amount: tokenMeta.charge.amount, currency: tokenMeta.charge.currency, capture: tokenMeta.charge.capture }));
                   break;
               case WALLET_GATEWAY.MASTERCARD:
-                  this.service = new MastercardWalletService('', _extends(_extends({}, meta), { credentials: tokenMeta.gateway.credentials, amount: tokenMeta.charge.amount, currency: tokenMeta.charge.currency }));
+                  this.service = new MastercardWalletService('', _extends(_extends({}, meta), { credentials: tokenMeta.gateway.credentials, amount: tokenMeta.charge.amount, currency: tokenMeta.charge.currency, gateway_mode: tokenMeta.gateway.mode }));
                   break;
           }
       }
@@ -6895,13 +6927,13 @@
    * var widget = new PaymentSourceWidget('publicKey', customerReference, true);
    **/
   var PaymentSourceWidget = function () {
-      function PaymentSourceWidget(publicKey, queryToken) {
+      function PaymentSourceWidget(accessToken, queryToken) {
           classCallCheck(this, PaymentSourceWidget);
 
           this.configs = [];
           this.configTokens = [];
           this.link = new Link(PAYMENT_SOURCE_LINK);
-          this.link.setParams({ public_key: publicKey, query_token: queryToken });
+          this.link.setParams(_extends({ query_token: queryToken }, AccessToken.validateJWT(accessToken) ? { access_token: accessToken } : { public_key: accessToken }));
       }
       /**
        * Object contain styles for widget