@front-finance/link - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

cjs/FrontConnection.js

@@ -100,3 +100,2 @@ "use strict";
                 options.onBrokerConnected && options.onBrokerConnected(payload);
-                deleteIframe();
                 break;
@@ -109,3 +108,2 @@ }
                 options.onBrokerConnected && options.onBrokerConnected(payload);
-                deleteIframe();
                 break;
@@ -112,0 +110,0 @@ }

cjs/utils/popup.js

@@ -9,4 +9,4 @@ "use strict";
 var closeButtonId = 'front-link-popup__close';
-var getPopupHtml = function (link) { return "\n<div id=\"".concat(popupId, "\">\n  <div id=\"").concat(backdropId, "\"></div>\n  <div id=\"").concat(popupContentId, "\">\n    <h3>\n      <span>Front connection</span>\n      <button type=\"button\" id=\"").concat(closeButtonId, "\">&#10006;</button>\n    </h3>\n    <iframe src=\"").concat(link, "\" />\n  </div>\n</div>\n"); };
-var styles = "\n<style id=\"".concat(stylesId, "\">\n  body {\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n  }\n\n  #").concat(popupId, " {\n    all: unset;\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n  }\n\n  #").concat(backdropId, " {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    z-index: 10000;\n    background: black;\n    opacity: 0.3;\n  }\n\n  #").concat(popupContentId, " {\n    position: absolute;\n    top: 10%;\n    bottom: 10%;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    z-index: 10001;\n    max-width: 400px;\n    display: flex;\n    flex-direction: column;\n\n    background: white;\n    padding: 10px;\n  }\n\n  #").concat(popupContentId, " iframe {\n    border: none;\n    width: 100%;\n    flex-grow: 1;\n  }\n\n  #").concat(popupContentId, " h3 {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0 0 10px 0;\n    height: 30px;\n    box-sizing: border-box;\n  }\n\n  #").concat(popupContentId, " h3 span {\n    flex-grow: 1;\n  }\n\n  #").concat(popupContentId, " h3 #").concat(closeButtonId, " {\n    border: none;\n    background: white;\n    cursor: pointer;\n  }\n</style>\n");
+var getPopupHtml = function (link) { return "\n<div id=\"".concat(popupId, "\">\n  <div id=\"").concat(backdropId, "\"></div>\n  <div id=\"").concat(popupContentId, "\">\n    <iframe src=\"").concat(link, "\" />\n  </div>\n</div>\n"); };
+var styles = "\n<style id=\"".concat(stylesId, "\">\n  body {\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n  }\n\n  #").concat(popupId, " {\n    all: unset;\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #").concat(backdropId, " {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    z-index: 10000;\n    background: black;\n    opacity: 0.6;\n  }\n\n  #").concat(popupContentId, " {\n    position: absolute;\n    height: 80%;\n    max-height: 710px;\n    min-height: 685px;\n    margin: auto;\n    z-index: 10001;\n    width: 30%;\n    max-width: 430px;\n    min-width: 380px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 24px;\n    background: white;\n    flex-grow: 1;\n  }\n\n  #").concat(popupContentId, " iframe {\n    border: none;\n    width: 100%;\n    flex-grow: 1;\n    border-radius: 24px;\n  }\n\n  #").concat(popupContentId, " h3 #").concat(closeButtonId, " {\n    border: none;\n    background: white;\n    cursor: pointer;\n  }\n</style>\n");
 var currentOptions;
@@ -26,3 +26,2 @@ function onClose() {
             (_a = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.onBrokerConnected) === null || _a === void 0 ? void 0 : _a.call(currentOptions, payload);
-            removePopup();
             break;
@@ -35,3 +34,2 @@ }
             (_b = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.onBrokerConnected) === null || _b === void 0 ? void 0 : _b.call(currentOptions, payload);
-            removePopup();
             break;
@@ -47,4 +45,8 @@ }
             if (event.data.link) {
+                var w = 700;
+                var h = 800;
+                var left = screen.width / 2 - w / 2;
+                var top_1 = screen.height / 2 - h / 2;
                 (_d = window
-                    .open(event.data.link, '_blank', 'popup,noopener,noreferrer,resizable,scrollbars')) === null || _d === void 0 ? void 0 : _d.focus();
+                    .open(event.data.link, '_blank', "popup,noopener,noreferrer,resizable,scrollbars,width=".concat(w, ",height=").concat(h, ",top=").concat(top_1, ",left=").concat(left))) === null || _d === void 0 ? void 0 : _d.focus();
             }
@@ -51,0 +53,0 @@ break;

FrontConnection.js

@@ -94,3 +94,2 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
                 options.onBrokerConnected && options.onBrokerConnected(payload);
-                deleteIframe();
                 break;
@@ -103,3 +102,2 @@ }
                 options.onBrokerConnected && options.onBrokerConnected(payload);
-                deleteIframe();
                 break;
@@ -106,0 +104,0 @@ }

package.json

 {
   "name": "@front-finance/link",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Front Finance accounts connection client lib",
@@ -24,2 +24,2 @@ "license": "MIT",
   "types": "index.d.ts"
-}
+}

utils/popup.js

@@ -6,4 +6,4 @@ var popupId = 'front-link-popup';
 var closeButtonId = 'front-link-popup__close';
-var getPopupHtml = function (link) { return "\n<div id=\"".concat(popupId, "\">\n  <div id=\"").concat(backdropId, "\"></div>\n  <div id=\"").concat(popupContentId, "\">\n    <h3>\n      <span>Front connection</span>\n      <button type=\"button\" id=\"").concat(closeButtonId, "\">&#10006;</button>\n    </h3>\n    <iframe src=\"").concat(link, "\" />\n  </div>\n</div>\n"); };
-var styles = "\n<style id=\"".concat(stylesId, "\">\n  body {\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n  }\n\n  #").concat(popupId, " {\n    all: unset;\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n  }\n\n  #").concat(backdropId, " {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    z-index: 10000;\n    background: black;\n    opacity: 0.3;\n  }\n\n  #").concat(popupContentId, " {\n    position: absolute;\n    top: 10%;\n    bottom: 10%;\n    left: 0;\n    right: 0;\n    margin-left: auto;\n    margin-right: auto;\n    z-index: 10001;\n    max-width: 400px;\n    display: flex;\n    flex-direction: column;\n\n    background: white;\n    padding: 10px;\n  }\n\n  #").concat(popupContentId, " iframe {\n    border: none;\n    width: 100%;\n    flex-grow: 1;\n  }\n\n  #").concat(popupContentId, " h3 {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    margin: 0 0 10px 0;\n    height: 30px;\n    box-sizing: border-box;\n  }\n\n  #").concat(popupContentId, " h3 span {\n    flex-grow: 1;\n  }\n\n  #").concat(popupContentId, " h3 #").concat(closeButtonId, " {\n    border: none;\n    background: white;\n    cursor: pointer;\n  }\n</style>\n");
+var getPopupHtml = function (link) { return "\n<div id=\"".concat(popupId, "\">\n  <div id=\"").concat(backdropId, "\"></div>\n  <div id=\"").concat(popupContentId, "\">\n    <iframe src=\"").concat(link, "\" />\n  </div>\n</div>\n"); };
+var styles = "\n<style id=\"".concat(stylesId, "\">\n  body {\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n  }\n\n  #").concat(popupId, " {\n    all: unset;\n    position: fixed;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n\n  #").concat(backdropId, " {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    z-index: 10000;\n    background: black;\n    opacity: 0.6;\n  }\n\n  #").concat(popupContentId, " {\n    position: absolute;\n    height: 80%;\n    max-height: 710px;\n    min-height: 685px;\n    margin: auto;\n    z-index: 10001;\n    width: 30%;\n    max-width: 430px;\n    min-width: 380px;\n    display: flex;\n    flex-direction: column;\n    border-radius: 24px;\n    background: white;\n    flex-grow: 1;\n  }\n\n  #").concat(popupContentId, " iframe {\n    border: none;\n    width: 100%;\n    flex-grow: 1;\n    border-radius: 24px;\n  }\n\n  #").concat(popupContentId, " h3 #").concat(closeButtonId, " {\n    border: none;\n    background: white;\n    cursor: pointer;\n  }\n</style>\n");
 var currentOptions;
@@ -23,3 +23,2 @@ function onClose() {
             (_a = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.onBrokerConnected) === null || _a === void 0 ? void 0 : _a.call(currentOptions, payload);
-            removePopup();
             break;
@@ -32,3 +31,2 @@ }
             (_b = currentOptions === null || currentOptions === void 0 ? void 0 : currentOptions.onBrokerConnected) === null || _b === void 0 ? void 0 : _b.call(currentOptions, payload);
-            removePopup();
             break;
@@ -44,4 +42,8 @@ }
             if (event.data.link) {
+                var w = 700;
+                var h = 800;
+                var left = screen.width / 2 - w / 2;
+                var top_1 = screen.height / 2 - h / 2;
                 (_d = window
-                    .open(event.data.link, '_blank', 'popup,noopener,noreferrer,resizable,scrollbars')) === null || _d === void 0 ? void 0 : _d.focus();
+                    .open(event.data.link, '_blank', "popup,noopener,noreferrer,resizable,scrollbars,width=".concat(w, ",height=").concat(h, ",top=").concat(top_1, ",left=").concat(left))) === null || _d === void 0 ? void 0 : _d.focus();
             }
@@ -48,0 +50,0 @@ break;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

47354

decreased by-0.45%

Lines of code

895

decreased by-0.44%

No dependency changes