@authsignal/browser 0.0.6 → 0.0.9

package/README.md

@@ -1,6 +1,6 @@
 # Authsignal Browser Javascript SDK
 
-**[Authsignal](https://www.authsignal.com) provides passwordless step up authentication (Multi-factor Authentication - MFA) that can be placed anywhere within your application. Authsignal also provides a node-code fraud risk rules engine to manage when step up challenges are triggered.**
+**[Authsignal](https://www.authsignal.com) provides passwordless step up authentication (Multi-factor Authentication - MFA) that can be placed anywhere within your application. Authsignal also provides a no-code fraud risk rules engine to manage when step up challenges are triggered.**
 
 
 ## Usage

package/dist/cjs/index.js

@@ -2,6 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
 // generators (like Math.random()).
@@ -505,6 +536,11 @@ var getCookie = function (name) {
     return (decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(name).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null);
 };
 
+exports.AuthsignalWindowMessage = void 0;
+(function (AuthsignalWindowMessage) {
+    AuthsignalWindowMessage["AUTHSIGNAL_CLOSE_POPUP"] = "AUTHSIGNAL_CLOSE_POPUP";
+})(exports.AuthsignalWindowMessage || (exports.AuthsignalWindowMessage = {}));
+
 var focusableSelectors = [
   'a[href]:not([tabindex^="-"])',
   'area[href]:not([tabindex^="-"])',
@@ -908,6 +944,7 @@ var PopupHandler = /** @class */ (function () {
         this.create();
     }
     PopupHandler.prototype.create = function () {
+        var _this = this;
         // Create dialog container
         var container = document.createElement("div");
         container.setAttribute("id", CONTAINER_ID);
@@ -923,13 +960,16 @@ var PopupHandler = /** @class */ (function () {
         // Create CSS for dialog
         var style = document.createElement("style");
         style.setAttribute("id", STYLE_ID);
-        style.textContent = "\n      #".concat(CONTAINER_ID, ",\n      #").concat(OVERLAY_ID, " {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      #").concat(CONTAINER_ID, " {\n        z-index: 2;\n        display: flex;\n      }\n\n      #").concat(CONTAINER_ID, "[aria-hidden='true'] {\n        display: none;\n      }\n\n      #").concat(OVERLAY_ID, " {\n        background-color: rgba(43, 46, 56, 0.9);\n      }\n\n      #").concat(CONTENT_ID, " {\n        margin: auto;\n        z-index: 2;\n        position: relative;\n        background-color: white;\n        height: 600px;\n        width: 600px;\n        border-radius: 5px;\n      }\n\n      #").concat(CONTENT_ID, " iframe {\n        width: 100%;\n        height: 100%;\n      }\n    ");
+        style.textContent = "\n      #".concat(CONTAINER_ID, ",\n      #").concat(OVERLAY_ID, " {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n      }\n\n      #").concat(CONTAINER_ID, " {\n        z-index: 2147483647;\n        display: flex;\n      }\n\n      #").concat(CONTAINER_ID, "[aria-hidden='true'] {\n        display: none;\n      }\n\n      #").concat(OVERLAY_ID, " {\n        background-color: rgba(43, 46, 56, 0.9);\n      }\n\n      #").concat(CONTENT_ID, " {\n        margin: auto;\n        z-index: 2147483647;\n        position: relative;\n        background-color: white;\n        height: 600px;\n        width: 600px;\n        border-radius: 5px;\n      }\n\n      #").concat(CONTENT_ID, " iframe {\n        width: 100%;\n        height: 100%;\n      }\n    ");
         // Attach the created elements
         document.head.insertAdjacentElement("beforeend", style);
         container.appendChild(overlay);
         container.appendChild(content);
         this.popup = new A11yDialog(container);
-        this.popup.on("hide", this.destroy);
+        // Make sure to remove any trace of the dialog on hide
+        this.popup.on("hide", function () {
+            _this.destroy();
+        });
     };
     PopupHandler.prototype.destroy = function () {
         var dialogEl = document.querySelector("#".concat(CONTAINER_ID));
@@ -940,14 +980,14 @@ var PopupHandler = /** @class */ (function () {
         }
     };
     PopupHandler.prototype.show = function (_a) {
-        var challengeUrl = _a.challengeUrl;
+        var url = _a.url;
         if (!this.popup) {
             throw new Error("Popup is not initialized");
         }
         var iframe = document.createElement("iframe");
         iframe.setAttribute("name", "authsignal");
-        iframe.setAttribute("title", "Authsignal multi-factor authentication challenge");
-        iframe.setAttribute("src", challengeUrl);
+        iframe.setAttribute("title", "Authsignal multi-factor authentication");
+        iframe.setAttribute("src", url);
         iframe.setAttribute("frameborder", "0");
         var dialogContent = document.querySelector("#".concat(CONTENT_ID));
         if (dialogContent) {
@@ -961,19 +1001,29 @@ var PopupHandler = /** @class */ (function () {
         }
         this.popup.hide();
     };
+    PopupHandler.prototype.on = function (event, handler) {
+        if (!this.popup) {
+            throw new Error("Popup is not initialized");
+        }
+        this.popup.on(event, handler);
+    };
     return PopupHandler;
 }());
 
-var AuthsignalBrowser = /** @class */ (function () {
-    function AuthsignalBrowser(_a) {
-        var publishableKey = _a.publishableKey, cookieDomain = _a.cookieDomain, cookieName = _a.cookieName;
+var DEFAULT_ENDPOINT = "https://mfa.authsignal.com/";
+var DEFAULT_COOKIE_NAME = "__as_aid";
+var Authsignal = /** @class */ (function () {
+    function Authsignal(_a) {
+        var publishableKey = _a.publishableKey, cookieDomain = _a.cookieDomain, cookieName = _a.cookieName, endpoint = _a.endpoint;
         this.anonymousId = "";
         this.cookieDomain = "";
         this.anonymousIdCookieName = "";
         this.publishableKey = "";
+        this.endpoint = "";
         this.publishableKey = publishableKey;
         this.cookieDomain = cookieDomain || getCookieDomain();
-        this.anonymousIdCookieName = cookieName || "__as_aid";
+        this.anonymousIdCookieName = cookieName || DEFAULT_COOKIE_NAME;
+        this.endpoint = endpoint || DEFAULT_ENDPOINT;
         var idCookie = getCookie(this.anonymousIdCookieName);
         if (!idCookie) {
             this.anonymousId = v4();
@@ -986,35 +1036,57 @@ var AuthsignalBrowser = /** @class */ (function () {
             });
         }
     }
-    AuthsignalBrowser.prototype.mfa = function (_a) {
-        var url = _a.url;
-        window.location.href = url;
+    Authsignal.prototype.mfa = function (_a) {
+        var mode = _a.mode, url = _a.url;
+        if (mode === "popup") {
+            return this.launch(url, { mode: mode });
+        }
+        return this.launch(url, { mode: mode });
+    };
+    Authsignal.prototype.challenge = function (_a) {
+        var mode = _a.mode, url = _a.challengeUrl;
+        if (mode === "popup") {
+            return this.launch(url, { mode: mode });
+        }
+        return this.launch(url, { mode: mode });
     };
-    AuthsignalBrowser.prototype.challenge = function (_a) {
-        var challengeUrl = _a.challengeUrl, _b = _a.mode, mode = _b === void 0 ? "redirect" : _b;
+    Authsignal.prototype.launch = function (url, options) {
+        var _this = this;
+        var mode = (options === null || options === void 0 ? void 0 : options.mode) || "redirect";
         if (mode === "redirect") {
-            window.location.href = challengeUrl;
+            window.location.href = url;
         }
         else {
             var Popup_1 = new PopupHandler();
-            Popup_1.show({ challengeUrl: challengeUrl });
-            return new Promise(function (resolve, reject) {
-                var handleChallenge = function (event) {
-                    if (event.data === "authsignal-challenge-success") {
-                        Popup_1.close();
-                        resolve(true);
-                    }
-                    else if (event.data === "authsignal-challenge-failure") {
-                        Popup_1.close();
-                        reject(false);
+            Popup_1.show({ url: url });
+            return new Promise(function (resolve) {
+                var onMessage = function (event) {
+                    if (event.origin === _this.endpoint) {
+                        if (event.data === exports.AuthsignalWindowMessage.AUTHSIGNAL_CLOSE_POPUP) {
+                            Popup_1.close();
+                        }
                     }
                 };
-                window.addEventListener("message", handleChallenge, false);
+                Popup_1.on("hide", function () {
+                    resolve(true);
+                });
+                window.addEventListener("message", onMessage, false);
             });
         }
     };
-    return AuthsignalBrowser;
+    return Authsignal;
 }());
+/**
+ * @deprecated Use Authsignal
+ */
+var AuthsignalBrowser = /** @class */ (function (_super) {
+    __extends(AuthsignalBrowser, _super);
+    function AuthsignalBrowser() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return AuthsignalBrowser;
+}(Authsignal));
 
+exports.Authsignal = Authsignal;
 exports.AuthsignalBrowser = AuthsignalBrowser;
 //# sourceMappingURL=index.js.map