@paydock/client-sdk 1.126.0-beta → 1.127.0-beta

package/bundles/index.cjs

@@ -954,7 +954,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = '1.126.0-beta';
+SDK._version = 'v1.127.0-beta';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -5514,12 +5514,12 @@ var EventEmitter = /*#__PURE__*/function () {
  * @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
@@ -5578,11 +5578,11 @@ var Canvas3ds = /*#__PURE__*/function () {
      *
      */
     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');
     }
@@ -5630,7 +5630,7 @@ var Canvas3ds = /*#__PURE__*/function () {
     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) {
@@ -16077,6 +16077,95 @@ var InstructionBankAccountFormShow = /*#__PURE__*/function (_InstructionHandler)
 }(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);
@@ -16087,12 +16176,25 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
     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({
@@ -16106,8 +16208,9 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
         })["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();
@@ -16122,6 +16225,7 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
         })["catch"](function (response) {
           return console.error('callback.child_widget.status - chargeAuthReject: error', response);
         });
+        Spinner.show();
       });
       canvas.on('error', function (event) {
         var _a;
@@ -16138,15 +16242,60 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
         })["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);

package/bundles/index.mjs

@@ -952,7 +952,7 @@ SDK.headerKeys = Object.freeze({
   version: 'x-sdk-version',
   type: 'x-sdk-type'
 });
-SDK._version = '1.126.0-beta';
+SDK._version = 'v1.127.0-beta';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -5512,12 +5512,12 @@ var EventEmitter = /*#__PURE__*/function () {
  * @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
@@ -5576,11 +5576,11 @@ var Canvas3ds = /*#__PURE__*/function () {
      *
      */
     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');
     }
@@ -5628,7 +5628,7 @@ var Canvas3ds = /*#__PURE__*/function () {
     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) {
@@ -16075,6 +16075,95 @@ var InstructionBankAccountFormShow = /*#__PURE__*/function (_InstructionHandler)
 }(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);
@@ -16085,12 +16174,25 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
     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({
@@ -16104,8 +16206,9 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
         })["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();
@@ -16120,6 +16223,7 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
         })["catch"](function (response) {
           return console.error('callback.child_widget.status - chargeAuthReject: error', response);
         });
+        Spinner.show();
       });
       canvas.on('error', function (event) {
         var _a;
@@ -16136,15 +16240,60 @@ var InstructionCanvas3dsShow = /*#__PURE__*/function (_InstructionHandler) {
         })["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);

package/bundles/types/checkout/instructions/v1/instruction.canvas_3ds.show.d.ts

@@ -7,5 +7,7 @@ export declare class InstructionCanvas3dsShow extends InstructionHandler {
         };
     }): void;
     destroy(): void;
+    private decodeBase64Token;
+    private observeIframeAndResize;
 }
 //# sourceMappingURL=instruction.canvas_3ds.show.d.ts.map

package/bundles/types/checkout/instructions/v1/instruction.canvas_3ds.show.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"instruction.canvas_3ds.show.d.ts","sourceRoot":"","sources":["../../../../src/checkout/instructions/v1/instruction.canvas_3ds.show.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAKvE,qBACa,wBAAyB,SAAQ,kBAAkB;IACvD,MAAM,CAAC,OAAO,EAAE;QACrB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,OAAO,EAAE;YACP,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,GAAG,IAAI;IAoED,OAAO;CAGf"}
+{"version":3,"file":"instruction.canvas_3ds.show.d.ts","sourceRoot":"","sources":["../../../../src/checkout/instructions/v1/instruction.canvas_3ds.show.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AASvE,qBACa,wBAAyB,SAAQ,kBAAkB;IACvD,MAAM,CAAC,OAAO,EAAE;QACrB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,OAAO,EAAE;YACP,UAAU,EAAE,MAAM,CAAC;SACpB,CAAC;KACH,GAAG,IAAI;IA4FD,OAAO;IAId,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,sBAAsB;CA6B/B"}