@paydock/client-sdk 1.10.79-beta → 1.10.83-beta

package/README.md

@@ -8,7 +8,7 @@ The SDK supports methods for customization of widget by your needs (styling, for
 
 ## Other information 
 
-To work with the widget you will need public_key ([see Authentication](https://docs.paydock.com/#authentication))
+To work with the widget you will need public_key or access_token ([see Authentication](https://docs.paydock.com/#authentication))
 
 Also you will need added gateway ([see API Reference by gateway](https://docs.paydock.com/#gateways))
 
@@ -1901,7 +1901,7 @@ Class Configuration include methods for creating configuration token
     * [.setMeta(object)](#w_Configuration+setMeta)
     * [.setEnv(env, [alias])](#w_Configuration+setEnv)
     * [.setLabel(label)](#w_Configuration+setLabel)
-    * [.createToken(publicKey, cb, errorCb)](#w_Configuration+createToken)
+    * [.createToken(accessToken, cb, errorCb)](#w_Configuration+createToken)
 
 <a name="w_new_Configuration_new" id="w_new_Configuration_new"></a>
 
@@ -2041,14 +2041,14 @@ config.setLabel('custom label');
 ```
 <a name="w_Configuration+createToken" id="w_Configuration+createToken"></a>
 
-### configuration.createToken(publicKey, cb, errorCb)
+### configuration.createToken(accessToken, cb, errorCb)
 createToken - method which exactly create payment one time token
 
 **Kind**: instance method of [<code>Configuration</code>](#w_Configuration)  
 
 | Param | Type | Description |
 | --- | --- | --- |
-| publicKey | <code>string</code> | Customer public key which provided for each client |
+| accessToken | <code>string</code> | Customer access token or public key which provided for each client |
 | cb | <code>createToken~requestCallback</code> | The callback that handles the success response. |
 | errorCb | <code>createToken~requestCallback</code> | The callback that handles the failed response. |
 
@@ -2070,7 +2070,7 @@ Class MultiWidget include method for for creating iframe url
 **Kind**: global class  
 
 * [MultiWidget](#w_MultiWidget)
-    * [new exports.MultiWidget(publicKey, conf)](#w_new_MultiWidget_new)
+    * [new exports.MultiWidget(accessToken, conf)](#w_new_MultiWidget_new)
     * [.setStyles(fields)](#w_MultiWidget+setStyles)
     * [.usePhoneCountryMask([options])](#w_MultiWidget+usePhoneCountryMask)
     * [.setTexts(fields)](#w_MultiWidget+setTexts)
@@ -2090,23 +2090,23 @@ Class MultiWidget include method for for creating iframe url
 
 <a name="w_new_MultiWidget_new" id="w_new_MultiWidget_new"></a>
 
-### new exports.MultiWidget(publicKey, conf)
+### new exports.MultiWidget(accessToken, conf)
 
 | Param | Type | Description |
 | --- | --- | --- |
-| publicKey | <code>string</code> | PayDock users public key |
+| accessToken | <code>string</code> | PayDock users access token or public key |
 | conf | [<code>Configuration</code>](#w_Configuration) \| <code>string</code> \| [<code>Array.&lt;Configuration&gt;</code>](#w_Configuration) \| <code>Array.&lt;string&gt;</code> | exemplar[s] Configuration class OR configuration token |
 
 **Example**  
 
 ```javascript
-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')
 ]);
@@ -3740,7 +3740,7 @@ Class CheckoutButton transform usual button into checkout
 **Kind**: global class  
 
 * [CheckoutButton](#cb_CheckoutButton)
-    * [new exports.CheckoutButton(selector, publicKey, [gatewayId], [type])](#cb_new_CheckoutButton_new)
+    * [new exports.CheckoutButton(selector, aceessToken, [gatewayId], [type])](#cb_new_CheckoutButton_new)
     * [.on(eventName, cb)](#cb_CheckoutButton+on)
     * [.close()](#cb_CheckoutButton+close)
     * [.onFinishInsert(selector, dataType)](#cb_CheckoutButton+onFinishInsert)
@@ -3752,19 +3752,19 @@ Class CheckoutButton transform usual button into checkout
 
 <a name="cb_new_CheckoutButton_new" id="cb_new_CheckoutButton_new"></a>
 
-### new exports.CheckoutButton(selector, publicKey, [gatewayId], [type])
+### new exports.CheckoutButton(selector, aceessToken, [gatewayId], [type])
 
 | Param | Type | Default | Description |
 | --- | --- | --- | --- |
 | selector | <code>string</code> |  | Selector of html element. |
-| publicKey | <code>string</code> |  | PayDock users public key |
+| aceessToken | <code>string</code> |  | PayDock access token or users public key |
 | [gatewayId] | <code>string</code> | <code>&quot;default&quot;</code> | PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway |
 | [type] | <code>string</code> | <code>&quot;PaypalClassic&quot;</code> | Type of gateway (PaypalClassic, Zipmoney) |
 
 **Example**  
 
 ```javascript
-var widget = new CheckoutButton('#button', 'publicKey','gatewayId');
+var widget = new CheckoutButton('#button', 'aceessToken','gatewayId');
 ```
 <a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on"></a>
 
@@ -4181,7 +4181,7 @@ Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button
 **Extends**: [<code>CheckoutButton</code>](#cb_CheckoutButton)  
 
 * [AfterpayCheckoutButton](#cb_AfterpayCheckoutButton) ⇐ [<code>CheckoutButton</code>](#cb_CheckoutButton)
-    * [new exports.AfterpayCheckoutButton(selector, publicKey, [gatewayId])](#cb_new_AfterpayCheckoutButton_new)
+    * [new exports.AfterpayCheckoutButton(selector, accessToken, [gatewayId])](#cb_new_AfterpayCheckoutButton_new)
     * [.on(eventName, cb)](#cb_CheckoutButton+on)
     * [.close()](#cb_CheckoutButton+close)
     * [.onFinishInsert(selector, dataType)](#cb_CheckoutButton+onFinishInsert)
@@ -4193,18 +4193,18 @@ Class AfterpayCheckoutButton is wrapper of CheckoutButton transform usual button
 
 <a name="cb_new_AfterpayCheckoutButton_new" id="cb_new_AfterpayCheckoutButton_new"></a>
 
-### new exports.AfterpayCheckoutButton(selector, publicKey, [gatewayId])
+### new exports.AfterpayCheckoutButton(selector, accessToken, [gatewayId])
 
 | Param | Type | Default | Description |
 | --- | --- | --- | --- |
 | selector | <code>string</code> |  | Selector of html element. |
-| publicKey | <code>string</code> |  | PayDock users public key |
+| accessToken | <code>string</code> |  | PayDock access-token or users public key |
 | [gatewayId] | <code>string</code> | <code>&quot;default&quot;</code> | PayDock's gatewayId. By default or if put 'default', it will use the selected default gateway |
 
 **Example**  
 
 ```javascript
-var widget = new AfterpayCheckoutButton('#button', 'publicKey','gatewayId');
+var widget = new AfterpayCheckoutButton('#button', 'access-token','gatewayId');
 ```
 <a name="cb_CheckoutButton+on" id="cb_CheckoutButton+on"></a>
 

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',
@@ -641,28 +701,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 +744,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 +752,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 +969,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 +1371,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) {
@@ -2313,7 +2377,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 +2386,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 +2400,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 +2493,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 +2818,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);
@@ -3917,7 +3981,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
               })));
@@ -4403,21 +4467,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 +4492,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 +4520,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 +4571,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 +4586,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 +4794,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;
       }
@@ -6160,55 +6224,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,7 +6234,7 @@
           classCallCheck(this, ApiBase);
 
           this.auth = auth;
-          this.authType = authType || API_AUTH_TYPE.PUBLIC_KEY;
+          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.' }]);
       }
       /**
@@ -6234,13 +6249,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 +6279,7 @@
               };
           }
       }, {
-          key: "getClientPromise",
+          key: 'getClientPromise',
           value: function getClientPromise(method, link) {
               var _this2 = this;
 
@@ -6282,7 +6302,7 @@
               };
           }
       }, {
-          key: "parser",
+          key: 'parser',
           value: function parser(_ref, cb, errorCb) {
               var text = _ref.text,
                   status = _ref.status;
@@ -6293,7 +6313,7 @@
               } catch (e) {}
           }
       }, {
-          key: "parserPromise",
+          key: 'parserPromise',
           value: function parserPromise(_ref2) {
               var text = _ref2.text,
                   status = _ref2.status;
@@ -6306,7 +6326,7 @@
               }
           }
       }, {
-          key: "setAuthHeader",
+          key: 'setAuthHeader',
           value: function setAuthHeader(request) {
               switch (this.authType) {
                   case API_AUTH_TYPE.PUBLIC_KEY:
@@ -6895,13 +6915,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