@paydock/client-sdk 1.11.12-beta → 1.11.13-beta

package/bundles/widget.umd.js

@@ -310,6 +310,13 @@
           value: function extendSearchParams(uri, key, val) {
               return uri.replace(new RegExp("([?&]" + key + "(?=[=&#]|$)[^#&]*|(?=#|$))"), "&" + key + "=" + encodeURIComponent(val)).replace(/^([^?&]+)&/, "$1?");
           }
+      }, {
+          key: "serialize",
+          value: function serialize(params) {
+              return Object.keys(params).map(function (key) {
+                  return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
+              }).join('&');
+          }
       }]);
       return Url;
   }();
@@ -566,9 +573,7 @@
    *
    * var config = new Configuration('gatewayId', 'bank_account', 'paymentSource'); // extend
    *
-   * var config = new Configuration('not_configured'); // without gateway
-   *
-   * @param {string} [gatewayID=default] - gateway ID. By default or if put 'default', it will use the selected default gateway. If put 'not_configured', it won’t use gateway to create downstream token.
+   * @param {string} [gatewayID=default] - gateway ID. By default or if put 'default', it will use the selected default gateway
    * @param {string} paymentType - Type of payment source which shows in widget form. Available parameters [PAYMENT_TYPE]{@link PAYMENT_TYPE}
    * @param {string} purpose - Param which describes payment purpose. By default uses Available parameters [PURPOSE]{@link PURPOSE}
    **/
@@ -1876,8 +1881,7 @@
    * var widget = new MultiWidget('#widget', 'publicKey', new Configuration('gatewayId')); With Configuration
    *
    * var widget = new MultiWidget('#widget', 'publicKey',[ With Configurations
-   *      Configuration(), // default gateway_id,
-   *      Configuration('not_configured'), // without gateway,
+   *      Configuration() // default gateway_id,
    *      Configuration('gatewayId'),
    *      Configuration('gatewayId', 'bank_account')
    * ]);
@@ -2237,11 +2241,9 @@
    *
    * var widget = new HtmlWidget('#widget', 'publicKey', 'gatewayID', 'bank_account', 'payment_source'); // extend
    *
-   * var widget = new HtmlWidget('#widget', 'publicKey', 'not_configured'); // without gateway
-   *
    * @param {string} selector - Selector of html element. Container for widget
    * @param {string} publicKey - PayDock users public key
-   * @param {string} [gatewayID=default] - ID of a gateway connected to PayDock. By default or if put 'default', it will use the selected default gateway. If put 'not_configured', it won’t use gateway to create downstream token.
+   * @param {string} [gatewayID=default] - ID of a gateway connected to PayDock. By default or if put 'default', it will use the selected default gateway
    * @param {string} [paymentType=card] - Type of payment source which shows in widget form. Available parameters : “card”, “bank_account”.
    * @param {string} [purpose=payment_source] - Purpose of widget form. Available parameters: ‘payment_source’, ‘card_payment_source_with_cvv’, ‘card_payment_source_without_cvv’
    **/
@@ -2641,6 +2643,32 @@
           value: function getScreenWidth() {
               return screen.width;
           }
+      }, {
+          key: 'getBrowserInfo',
+          value: function getBrowserInfo() {
+              var ua = navigator.userAgent;
+              var M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
+              var tem = void 0;
+              if (/trident/i.test(M[1])) {
+                  tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
+                  return { name: 'IE', version: tem[1] || '' };
+              }
+              if (M[1] === 'Chrome') {
+                  tem = ua.match(/\bOPR|Edge\/(\d+)/);
+                  if (tem != null) {
+                      return { name: 'Opera', version: tem[1] };
+                  }
+              }
+              M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
+              // tslint:disable-next-line:no-conditional-assignment
+              if ((tem = ua.match(/version\/(\d+)/i)) != null) {
+                  M.splice(1, 1, tem[1]);
+              }
+              return {
+                  name: M[0],
+                  version: M[1]
+              };
+          }
       }]);
       return Browser;
   }();
@@ -2893,7 +2921,7 @@
           value: function _continue() {}
       }, {
           key: 'next',
-          value: function next(checkoutData) {}
+          value: function next(checkoutData, params) {}
       }, {
           key: 'stop',
           value: function stop() {}
@@ -4443,10 +4471,10 @@
           }
       }, {
           key: "next",
-          value: function next(checkoutData) {
+          value: function next(checkoutData, params) {
               this.checkout = checkoutData;
               if (!Browser.isSupportPopUp()) window.localStorage.setItem('paydock_checkout_token', JSON.stringify(this.checkout));
-              this.popup.redirect(this.getRedirectUrl());
+              this.popup.redirect(this.getRedirectUrl(params));
           }
       }, {
           key: "error",
@@ -4468,9 +4496,8 @@
           }
       }, {
           key: "getRedirectUrl",
-          value: function getRedirectUrl() {
-              var env = this.checkout.mode === 'live' ? 'live' : 'test';
-              return this.widgetEnv.getConf().url + Url.extendSearchParams(CHECKOUT_URL, 'token', encodeURIComponent(this.checkout.reference_id)) + '&env=' + encodeURIComponent(env);
+          value: function getRedirectUrl(params) {
+              return this.widgetEnv.getConf().url + CHECKOUT_URL + '?' + Url.serialize(_extends(_extends({}, params), { token: this.checkout.reference_id, env: this.checkout.mode === 'live' ? 'live' : 'test' }));
           }
       }]);
       return AfterpayRunner;
@@ -4545,6 +4572,11 @@
       }
 
       createClass(CheckoutButton, [{
+          key: "buildAdditionalParams",
+          value: function buildAdditionalParams() {
+              return {};
+          }
+      }, {
           key: "initCheckout",
           value: function initCheckout() {
               var _this2 = this;
@@ -4558,7 +4590,7 @@
                   externalCheckout.setEnv(_this2.env);
                   externalCheckout.send(_this2.aceessToken, function (checkout) {
                       _this2.eventEmitter.emit(CHECKOUT_BUTTON_EVENT.POPUP_REDIRECT, {});
-                      _this2.runner.next(checkout);
+                      _this2.runner.next(checkout, _this2.buildAdditionalParams());
                   }, function (error, code) {
                       _this2.eventEmitter.emit(CHECKOUT_BUTTON_EVENT.ERROR, {});
                       _this2.runner.error(error, code, function (close) {
@@ -4846,9 +4878,40 @@
 
           _this.accessToken = accessToken;
           _this.gatewayId = gatewayId;
+          _this.showETP = false;
           return _this;
       }
+      /**
+       * Method which toggles the "Enhanced Tracking Protection" warning popup to 'on' mode.
+       *
+       * This popup with a warning about "Enhanced Tracking Protection" limitations
+       * would be shown in the Mozilla Firefox browser version 100+
+       *
+       * By default, the popup would not be shown, until
+       * the flag would be set to `true`
+        * @param {doShow} boolean - flag which toggle the popup visibility
+       */
+
+
+      createClass(AfterpayCheckoutButton, [{
+          key: "showEnhancedTrackingProtectionPopup",
+          value: function showEnhancedTrackingProtectionPopup(doShow) {
+              var _Browser$getBrowserIn = Browser.getBrowserInfo(),
+                  name = _Browser$getBrowserIn.name,
+                  version = _Browser$getBrowserIn.version;
 
+              if (doShow && name === 'Firefox' && +version >= 100) this.showETP = true;
+          }
+      }, {
+          key: "buildAdditionalParams",
+          value: function buildAdditionalParams() {
+              var params = get(AfterpayCheckoutButton.prototype.__proto__ || Object.getPrototypeOf(AfterpayCheckoutButton.prototype), "buildAdditionalParams", this).call(this);
+              if (this.showETP) {
+                  params.show_etp = true;
+              }
+              return params;
+          }
+      }]);
       return AfterpayCheckoutButton;
   }(CheckoutButton);
 
@@ -5666,10 +5729,21 @@
 
               _this.latestShippingData.shippingContact = shippingContact;
               var shippingOptionMethod = (_a = _this.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.type;
-              var cardNameFromShippingContact = [shippingContact === null || shippingContact === void 0 ? void 0 : shippingContact.givenName, shippingContact === null || shippingContact === void 0 ? void 0 : shippingContact.familyName].join(' ').trim();
               _this.eventEmitter.emit(WALLET_EVENT.PAYMENT_METHOD_SELECTED, {
                   data: _extends({ customer: {
-                          payment_source: _extends(_extends({ wallet_type: WALLET_TYPE.APPLE }, cardNameFromShippingContact && { card_name: cardNameFromShippingContact }), { type: token.paymentMethod.type, card_scheme: token.paymentMethod.network, address_line1: billingContact === null || billingContact === void 0 ? void 0 : billingContact.addressLines[0], address_line2: billingContact === null || billingContact === void 0 ? void 0 : billingContact.addressLines[1], address_country: billingContact === null || billingContact === void 0 ? void 0 : billingContact.countryCode, address_city: billingContact === null || billingContact === void 0 ? void 0 : billingContact.locality, address_postcode: billingContact === null || billingContact === void 0 ? void 0 : billingContact.postalCode, address_state: billingContact === null || billingContact === void 0 ? void 0 : billingContact.administrativeArea, ref_token: token.paymentData ? JSON.stringify(token.paymentData) : '' })
+                          payment_source: {
+                              wallet_type: WALLET_TYPE.APPLE,
+                              card_name: token.paymentMethod.displayName,
+                              type: token.paymentMethod.type,
+                              card_scheme: token.paymentMethod.network,
+                              address_line1: billingContact === null || billingContact === void 0 ? void 0 : billingContact.addressLines[0],
+                              address_line2: billingContact === null || billingContact === void 0 ? void 0 : billingContact.addressLines[1],
+                              address_country: billingContact === null || billingContact === void 0 ? void 0 : billingContact.countryCode,
+                              address_city: billingContact === null || billingContact === void 0 ? void 0 : billingContact.locality,
+                              address_postcode: billingContact === null || billingContact === void 0 ? void 0 : billingContact.postalCode,
+                              address_state: billingContact === null || billingContact === void 0 ? void 0 : billingContact.administrativeArea,
+                              ref_token: token.paymentData ? JSON.stringify(token.paymentData) : ''
+                          }
                       } }, _this.meta.request_shipping && shippingContact && {
                       shipping: _extends(_extends(_extends({}, shippingOptionMethod && { method: shippingOptionMethod }), _this.hasShippingOptions() && { options: _this.meta.shipping_options }), { address_line1: shippingContact.addressLines[0], address_line2: shippingContact.addressLines[1], address_country: shippingContact.countryCode, address_city: shippingContact.locality, address_postcode: shippingContact.postalCode, address_state: shippingContact.administrativeArea, contact: {
                               first_name: shippingContact.givenName,
@@ -6119,17 +6193,15 @@
               var shippingAddressLine2 = (_h = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _h === void 0 ? void 0 : _h.address2;
               var shippingOptionMethod = (_j = this.selectedShippingOption) === null || _j === void 0 ? void 0 : _j.type;
               return new Promise(function (resolve) {
-                  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+                  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
                   return _this4.eventEmitter.emit(WALLET_EVENT.PAYMENT_METHOD_SELECTED, {
                       data: _extends({ customer: {
-                              payment_source: _extends(_extends(_extends(_extends({ wallet_type: WALLET_TYPE.GOOGLE,
-                                  // card_name: paymentData.shippingAddress?.name, // TODO: Do we want to use this value? Point 2 at https://paydock.atlassian.net/browse/P2-7209?focusedCommentId=60202
-                                  type: paymentData.paymentMethodData.type, card_scheme: (_b = (_a = paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.info) === null || _b === void 0 ? void 0 : _b.cardNetwork }, billingAddressLine1 && { address_line1: billingAddressLine1 }), billingAddressLine2 && { address_line2: billingAddressLine2 }), billingAddressLine2 && { address_line2: billingAddressLine2 }), { address_country: (_e = (_d = (_c = paymentData.paymentMethodData) === null || _c === void 0 ? void 0 : _c.info) === null || _d === void 0 ? void 0 : _d.billingAddress) === null || _e === void 0 ? void 0 : _e.countryCode, address_city: (_h = (_g = (_f = paymentData.paymentMethodData) === null || _f === void 0 ? void 0 : _f.info) === null || _g === void 0 ? void 0 : _g.billingAddress) === null || _h === void 0 ? void 0 : _h.locality, address_postcode: (_l = (_k = (_j = paymentData.paymentMethodData) === null || _j === void 0 ? void 0 : _j.info) === null || _k === void 0 ? void 0 : _k.billingAddress) === null || _l === void 0 ? void 0 : _l.postalCode, address_state: (_p = (_o = (_m = paymentData.paymentMethodData) === null || _m === void 0 ? void 0 : _m.info) === null || _o === void 0 ? void 0 : _o.billingAddress) === null || _p === void 0 ? void 0 : _p.administrativeArea, ref_token: paymentData.paymentMethodData.tokenizationData.token })
+                              payment_source: _extends(_extends(_extends(_extends({ wallet_type: WALLET_TYPE.GOOGLE, card_name: (_a = paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.description, type: paymentData.paymentMethodData.type, card_scheme: (_c = (_b = paymentData.paymentMethodData) === null || _b === void 0 ? void 0 : _b.info) === null || _c === void 0 ? void 0 : _c.cardNetwork }, billingAddressLine1 && { address_line1: billingAddressLine1 }), billingAddressLine2 && { address_line2: billingAddressLine2 }), billingAddressLine2 && { address_line2: billingAddressLine2 }), { address_country: (_f = (_e = (_d = paymentData.paymentMethodData) === null || _d === void 0 ? void 0 : _d.info) === null || _e === void 0 ? void 0 : _e.billingAddress) === null || _f === void 0 ? void 0 : _f.countryCode, address_city: (_j = (_h = (_g = paymentData.paymentMethodData) === null || _g === void 0 ? void 0 : _g.info) === null || _h === void 0 ? void 0 : _h.billingAddress) === null || _j === void 0 ? void 0 : _j.locality, address_postcode: (_m = (_l = (_k = paymentData.paymentMethodData) === null || _k === void 0 ? void 0 : _k.info) === null || _l === void 0 ? void 0 : _l.billingAddress) === null || _m === void 0 ? void 0 : _m.postalCode, address_state: (_q = (_p = (_o = paymentData.paymentMethodData) === null || _o === void 0 ? void 0 : _o.info) === null || _p === void 0 ? void 0 : _p.billingAddress) === null || _q === void 0 ? void 0 : _q.administrativeArea, ref_token: paymentData.paymentMethodData.tokenizationData.token })
                           } }, _this4.isShippingRequired() && {
-                          shipping: _extends(_extends(_extends(_extends(_extends({}, shippingOptionMethod && { method: shippingOptionMethod }), _this4.hasShippingOptions() && { options: _this4.meta.shipping_options }), shippingAddressLine1 && { address_line1: shippingAddressLine1 }), shippingAddressLine2 && { address_line2: shippingAddressLine2 }), { address_country: (_q = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _q === void 0 ? void 0 : _q.countryCode, address_city: (_r = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _r === void 0 ? void 0 : _r.locality, address_postcode: (_s = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _s === void 0 ? void 0 : _s.postalCode, address_state: (_t = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _t === void 0 ? void 0 : _t.administrativeArea, contact: {
-                                  first_name: (_u = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _u === void 0 ? void 0 : _u.name,
+                          shipping: _extends(_extends(_extends(_extends(_extends({}, shippingOptionMethod && { method: shippingOptionMethod }), _this4.hasShippingOptions() && { options: _this4.meta.shipping_options }), shippingAddressLine1 && { address_line1: shippingAddressLine1 }), shippingAddressLine2 && { address_line2: shippingAddressLine2 }), { address_country: (_r = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _r === void 0 ? void 0 : _r.countryCode, address_city: (_s = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _s === void 0 ? void 0 : _s.locality, address_postcode: (_t = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _t === void 0 ? void 0 : _t.postalCode, address_state: (_u = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _u === void 0 ? void 0 : _u.administrativeArea, contact: {
+                                  first_name: (_v = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _v === void 0 ? void 0 : _v.name,
                                   email: paymentData === null || paymentData === void 0 ? void 0 : paymentData.email,
-                                  phone: (_v = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _v === void 0 ? void 0 : _v.phoneNumber
+                                  phone: (_w = paymentData === null || paymentData === void 0 ? void 0 : paymentData.shippingAddress) === null || _w === void 0 ? void 0 : _w.phoneNumber
                               } })
                       }),
                       onSuccess: function onSuccess() {