@paydock/client-sdk 1.126.0-beta → 1.127.0

package/bundles/widget.umd.js

@@ -958,7 +958,7 @@
     version: 'x-sdk-version',
     type: 'x-sdk-type'
   });
-  SDK._version = '1.126.0-beta';
+  SDK._version = 'v1.127.0';
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -5518,12 +5518,12 @@
    * @type {object}
    * @param {string} HTML=html
    */
-  var TOKEN_FORMAT;
+  var TOKEN_FORMAT$1;
   (function (TOKEN_FORMAT) {
     TOKEN_FORMAT["HTML"] = "html";
     TOKEN_FORMAT["URL"] = "url";
     TOKEN_FORMAT["STANDALONE_3DS"] = "standalone_3ds";
-  })(TOKEN_FORMAT || (TOKEN_FORMAT = {}));
+  })(TOKEN_FORMAT$1 || (TOKEN_FORMAT$1 = {}));
   /**
    * List of available event's name
    * @const EVENT
@@ -5582,11 +5582,11 @@
        *
        */
       function load() {
-        if (this.token.format === TOKEN_FORMAT.HTML) this.iFrame.loadFromHtml(this.token.content, {
+        if (this.token.format === TOKEN_FORMAT$1.HTML) this.iFrame.loadFromHtml(this.token.content, {
           title: '3d secure authentication'
-        }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT.URL) this.iFrame.load(this.token.content, {
+        }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT$1.URL) this.iFrame.load(this.token.content, {
           title: '3d secure authentication'
-        }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) this.standalone3dsService.load(this.token.content, {
+        }, 'threeDSecure-iframe');else if (this.token.format === TOKEN_FORMAT$1.STANDALONE_3DS) this.standalone3dsService.load(this.token.content, {
           title: '3d secure authentication'
         });else console.error('Token contain unsupported payload');
       }
@@ -5634,7 +5634,7 @@
       key: "on",
       value: function on(eventName, cb) {
         var _this = this;
-        if (this.token.format === TOKEN_FORMAT.STANDALONE_3DS) {
+        if (this.token.format === TOKEN_FORMAT$1.STANDALONE_3DS) {
           if (typeof cb === 'function') return this.eventEmitter.subscribe(eventName, cb);
           return new Promise(function (resolve) {
             return _this.eventEmitter.subscribe(eventName, function (res) {
@@ -16081,6 +16081,95 @@
   }(InstructionHandler);
   InstructionBankAccountFormShow = __decorate([Instruction('instruction.bank_account_form.show')], InstructionBankAccountFormShow);
 
+  var toByteArray_1 = toByteArray;
+  var revLookup = [];
+  var Arr = typeof Uint8Array !== 'undefined' ? Uint8Array : Array;
+
+  var code = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+  for (var i$2 = 0, len = code.length; i$2 < len; ++i$2) {
+    revLookup[code.charCodeAt(i$2)] = i$2;
+  }
+
+  // Support decoding URL-safe base64 strings, as Node.js does.
+  // See: https://en.wikipedia.org/wiki/Base64#URL_applications
+  revLookup['-'.charCodeAt(0)] = 62;
+  revLookup['_'.charCodeAt(0)] = 63;
+
+  function getLens (b64) {
+    var len = b64.length;
+
+    if (len % 4 > 0) {
+      throw new Error('Invalid string. Length must be a multiple of 4')
+    }
+
+    // Trim off extra bytes after placeholder bytes are found
+    // See: https://github.com/beatgammit/base64-js/issues/42
+    var validLen = b64.indexOf('=');
+    if (validLen === -1) validLen = len;
+
+    var placeHoldersLen = validLen === len
+      ? 0
+      : 4 - (validLen % 4);
+
+    return [validLen, placeHoldersLen]
+  }
+
+  function _byteLength (b64, validLen, placeHoldersLen) {
+    return ((validLen + placeHoldersLen) * 3 / 4) - placeHoldersLen
+  }
+
+  function toByteArray (b64) {
+    var tmp;
+    var lens = getLens(b64);
+    var validLen = lens[0];
+    var placeHoldersLen = lens[1];
+
+    var arr = new Arr(_byteLength(b64, validLen, placeHoldersLen));
+
+    var curByte = 0;
+
+    // if there are placeholders, only get up to the last complete 4 chars
+    var len = placeHoldersLen > 0
+      ? validLen - 4
+      : validLen;
+
+    var i;
+    for (i = 0; i < len; i += 4) {
+      tmp =
+        (revLookup[b64.charCodeAt(i)] << 18) |
+        (revLookup[b64.charCodeAt(i + 1)] << 12) |
+        (revLookup[b64.charCodeAt(i + 2)] << 6) |
+        revLookup[b64.charCodeAt(i + 3)];
+      arr[curByte++] = (tmp >> 16) & 0xFF;
+      arr[curByte++] = (tmp >> 8) & 0xFF;
+      arr[curByte++] = tmp & 0xFF;
+    }
+
+    if (placeHoldersLen === 2) {
+      tmp =
+        (revLookup[b64.charCodeAt(i)] << 2) |
+        (revLookup[b64.charCodeAt(i + 1)] >> 4);
+      arr[curByte++] = tmp & 0xFF;
+    }
+
+    if (placeHoldersLen === 1) {
+      tmp =
+        (revLookup[b64.charCodeAt(i)] << 10) |
+        (revLookup[b64.charCodeAt(i + 1)] << 4) |
+        (revLookup[b64.charCodeAt(i + 2)] >> 2);
+      arr[curByte++] = (tmp >> 8) & 0xFF;
+      arr[curByte++] = tmp & 0xFF;
+    }
+
+    return arr
+  }
+
+  var TOKEN_FORMAT;
+  (function (TOKEN_FORMAT) {
+    TOKEN_FORMAT["HTML"] = "html";
+    TOKEN_FORMAT["URL"] = "url";
+    TOKEN_FORMAT["STANDALONE_3DS"] = "standalone_3ds";
+  })(TOKEN_FORMAT || (TOKEN_FORMAT = {}));
   var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
     function InstructionCanvas3dsShow() {
       _classCallCheck(this, InstructionCanvas3dsShow);
@@ -16091,12 +16180,25 @@
       key: "handle",
       value: function handle(context) {
         var _this = this;
+        var token = this.decodeBase64Token(context.payload._3ds_token);
         var canvas = new Canvas3ds(this.formSelector, context.payload._3ds_token);
         canvas.setEnv(this.getEnv(context.instruction_token));
-        canvas.on('chargeAuth', function (event) {
+        canvas.on('chargeAuth', function () {
           return Spinner.show();
         });
-        canvas.on('chargeAuthSuccess', function (event) {
+        canvas.on('chargeAuthChallenge', function () {
+          if (token.format === TOKEN_FORMAT.STANDALONE_3DS) {
+            Spinner.hide();
+            _this.observeIframeAndResize();
+          }
+        });
+        canvas.on('chargeAuthDecoupled', function () {
+          if (token.format === TOKEN_FORMAT.STANDALONE_3DS) {
+            Spinner.hide();
+            _this.observeIframeAndResize();
+          }
+        });
+        canvas.on('chargeAuthSuccess', function () {
           var _a;
           (_a = _this.checkoutWidget) === null || _a === void 0 ? void 0 : _a.fetchInstruction();
           _this.api.checkout().callback({
@@ -16110,8 +16212,9 @@
           })["catch"](function (response) {
             return console.error('callback.child_widget.status - chargeAuthSuccess: error', response);
           });
+          Spinner.show();
         });
-        canvas.on('chargeAuthReject', function (event) {
+        canvas.on('chargeAuthReject', function () {
           var _a;
           // **TODO add interface for chargeAuthReject event **//
           (_a = _this.checkoutWidget) === null || _a === void 0 ? void 0 : _a.fetchInstruction();
@@ -16126,6 +16229,7 @@
           })["catch"](function (response) {
             return console.error('callback.child_widget.status - chargeAuthReject: error', response);
           });
+          Spinner.show();
         });
         canvas.on('error', function (event) {
           var _a;
@@ -16142,15 +16246,60 @@
           })["catch"](function (response) {
             return console.error('callback.child_widget.status - errorEvent: error', response);
           });
+          Spinner.show();
         });
         canvas.load();
-        Spinner.hide();
+        if (token.format !== TOKEN_FORMAT.STANDALONE_3DS) {
+          Spinner.hide();
+        }
       }
     }, {
       key: "destroy",
       value: function destroy() {
         document.querySelector(this.formSelector).innerHTML = '';
       }
+    }, {
+      key: "decodeBase64Token",
+      value: function decodeBase64Token(token) {
+        try {
+          var base64 = token.replace(/-/g, '+').replace(/_/g, '/').padEnd(Math.ceil(token.length / 4) * 4, '=');
+          var bytes = toByteArray_1(base64);
+          var json = new TextDecoder().decode(bytes);
+          return JSON.parse(json);
+        } catch (err) {
+          console.error('Failed to decode _3ds_token:', err);
+          throw err;
+        }
+      }
+    }, {
+      key: "observeIframeAndResize",
+      value: function observeIframeAndResize() {
+        var outer = document.querySelector('#standaloneWidget');
+        if (outer) {
+          outer.style.display = 'flex';
+          outer.style.justifyContent = 'center';
+        }
+        var container = document.querySelector('#paydock_authorization_iframe');
+        if (!container) {
+          console.warn('Container not found');
+          return;
+        }
+        var observer = new MutationObserver(function () {
+          var iframe = container.querySelector('iframe');
+          if (iframe) {
+            iframe.style.width = '100%';
+            iframe.style.height = '500px';
+            iframe.style.border = 'none';
+            iframe.style.display = 'block';
+            console.info('3DS iframe resized', iframe);
+            observer.disconnect();
+          }
+        });
+        observer.observe(container, {
+          childList: true,
+          subtree: true
+        });
+      }
     }]);
   }(InstructionHandler);
   InstructionCanvas3dsShow = __decorate([Instruction('instruction.canvas_3ds_form.show')], InstructionCanvas3dsShow);