@paydock/client-sdk 1.106.1-beta → 1.106.2

package/bundles/widget.umd.js

@@ -383,7 +383,7 @@
   // the empty string is set in case if version not provided.
   //
   // e.g: grunt build --sdk-version=v1.0.0
-  SDK._version = 'v1.106.1-beta';
+  SDK._version = 'v1.106.2';
 
   var ENV = {
     SANDBOX: 'sandbox',
@@ -6149,18 +6149,20 @@
     return WalletTrigger;
   }(Trigger);
 
-  var TEMPLATE$2 = "\n    <div class=\"checkout-container\">\n        <div class=\"checkout-bg-logo\"></div>\n        <a href=\"#\" data-close>Close</a>\n    </div>\n";
-  var STYLES$1 = "\n    .checkout-bg-logo {\n        display: block;\n        background: url({{url}}) no-repeat;\n        width: 100px;\n        height: 50px;\n        margin: 0 auto;\n        border-radius: 10px;\n        background-size: contain;\n    }\n\n    .checkout-overlay {\n        z-index: 2147483647;\n    }\n\n    .checkout-container [data-close] {\n        opacity: 1;\n    }\n    .checkout-container [data-close]:before,\n    .checkout-container [data-close]:after {\n        background-color: #fff;\n    }\n";
+  var TEMPLATE$2 = "\n    <div class=\"checkout-container\">\n        <div class=\"checkout-bg-logo\"></div>\n        <a href=\"#\" data-continue>Continue</a>\n        <a href=\"#\" data-close>Close</a>\n    </div>\n";
+  var STYLES$1 = "\n    .checkout-bg-logo {\n        display: block;\n        background: url({{url}}) no-repeat;\n        width: 100px;\n        height: 50px;\n        margin: 0 auto;\n        border-radius: 10px;\n        background-size: contain;\n    }\n    [data-continue] {\n        margin-top: 24px;\n        display: block;\n        font-family: Helvetica, sans-serif;\n        text-decoration: none;\n        color: #fff !important;\n        border: 1px solid white;\n        width: 100px;\n        border-radius: 16px;\n        padding: 5px;\n    }\n    [data-continue]:hover {\n        background-color: #f2f2f2;\n        border: none;\n        color: rgba(0, 0, 0, 0.7) !important;\n    }\n    .checkout-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n\n    .checkout-overlay {\n        z-index: 2147483647;\n    }\n\n    .checkout-container [data-close] {\n        opacity: 1;\n    }\n    .checkout-container [data-close]:before,\n    .checkout-container [data-close]:after {\n        background-color: #fff;\n    }\n";
   var WalletBackground = /*#__PURE__*/function (_Background) {
     _inherits(WalletBackground, _Background);
     var _super = _createSuper(WalletBackground);
     function WalletBackground(bgImageUrl) {
       var _this;
       var hideCloseButton = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var hideContinueButton = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       _classCallCheck(this, WalletBackground);
       _this = _super.call(this);
       _this.bgImageUrl = bgImageUrl;
       _this.hideCloseButton = hideCloseButton;
+      _this.hideContinueButton = hideContinueButton;
       _this.imageStyle = null;
       return _this;
     }
@@ -6184,6 +6186,7 @@
         var body = document.body || document.getElementsByTagName("body")[0];
         var template = String(TEMPLATE$2);
         if (this.hideCloseButton === true) template = template.replace('<a href="#" data-close>Close</a>', '');
+        if (this.hideContinueButton === true) template = template.replace('<a href="#" data-continue>Continue</a>', '');
         this.overlay = document.createElement("div");
         this.overlay.classList.add("checkout-overlay");
         this.overlay.setAttribute("checkout-overlay", " ");
@@ -8524,7 +8527,9 @@
       key: "initBackground",
       value: function initBackground() {
         var _this5 = this;
-        var bg = new WalletBackground(this.link.getNetUrl() + FLYPAY_LOGO_LINK);
+        var hideCloseButton = true;
+        var hideContinueButton = false;
+        var bg = new WalletBackground(this.link.getNetUrl() + FLYPAY_LOGO_LINK, hideCloseButton, hideContinueButton);
         bg.setBackdropTitle("");
         bg.setBackdropDescription("");
         bg.onTrigger(TRIGGER$1.CLOSE, function () {
@@ -8533,6 +8538,9 @@
           (_a = _this5.background) === null || _a === void 0 ? void 0 : _a.clear();
           _this5.enable();
         });
+        bg.onTrigger(TRIGGER$1.FOCUS, function () {
+          return _this5.checkout.open();
+        });
         return bg;
       }
     }]);
@@ -10335,7 +10343,6 @@
           title: 'Mastercard SRC checkout'
         });
         var iframeElement = this.iFrame.getElement();
-        this.iFrame.setStyle('width', '100%');
         if (iframeElement) iframeElement.onload = function () {
           return _this2.eventEmitter.emit(EVENT$2.IFRAME_LOADED, {});
         };