@authsignal/browser 0.0.1 → 0.0.4

package/README.md

@@ -1,38 +1 @@
 # authsignal-browser
-
-## API
-
-### challengeWithPopup
-
-You will need to add the following CSS to your application if using this method:
-
-```css
-.dialog-container,
-.dialog-overlay {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-
-.dialog-container {
-  z-index: 2;
-  display: flex;
-}
-
-.dialog-container[aria-hidden="true"] {
-  display: none;
-}
-
-.dialog-overlay {
-  background-color: rgba(43, 46, 56, 0.9);
-}
-
-.dialog-content {
-  margin: auto;
-  z-index: 2;
-  position: relative;
-  background-color: white;
-}
-```

package/dist/cjs/index.js

@@ -3538,40 +3538,48 @@ if (typeof document !== 'undefined') {
   }
 }
 
-var DIALOG_CONTAINER_ID = "authsignal-popup";
-var DIALOG_CONTENT_ID = "authsignal-popup-content";
+var CONTAINER_ID = "__authsignal-popup-container";
+var CONTENT_ID = "__authsignal-popup-content";
+var OVERLAY_ID = "__authsignal-popup-overlay";
+var STYLE_ID = "__authsignal-popup-style";
 var PopupHandler = /** @class */ (function () {
     function PopupHandler() {
         this.popup = null;
-        if (document.querySelector("#".concat(DIALOG_CONTAINER_ID))) {
+        if (document.querySelector("#".concat(CONTAINER_ID))) {
             throw new Error("Multiple instances of Authsignal popup is not supported.");
         }
         this.create();
     }
     PopupHandler.prototype.create = function () {
-        // Dialog container
+        // Create dialog container
         var container = document.createElement("div");
-        container.setAttribute("id", DIALOG_CONTAINER_ID);
+        container.setAttribute("id", CONTAINER_ID);
         container.setAttribute("aria-hidden", "true");
-        container.setAttribute("class", "dialog-container");
-        // Dialog overlay
+        // Create dialog overlay
         var overlay = document.createElement("div");
-        overlay.setAttribute("class", "dialog-overlay");
+        overlay.setAttribute("id", OVERLAY_ID);
         overlay.setAttribute("data-a11y-dialog-hide", "true");
-        container.appendChild(overlay);
-        // Dialog content
+        // Create dialog content
         var content = document.createElement("div");
-        content.setAttribute("class", "dialog-content");
-        content.setAttribute("id", DIALOG_CONTENT_ID);
-        container.appendChild(content);
+        content.setAttribute("id", CONTENT_ID);
         document.body.appendChild(container);
+        // 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    ");
+        // 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);
     };
     PopupHandler.prototype.destroy = function () {
-        var dialogEl = document.querySelector("#".concat(DIALOG_CONTAINER_ID));
-        if (dialogEl) {
+        var dialogEl = document.querySelector("#".concat(CONTAINER_ID));
+        var styleEl = document.querySelector("#".concat(STYLE_ID));
+        if (dialogEl && styleEl) {
             document.body.removeChild(dialogEl);
+            document.head.removeChild(styleEl);
         }
     };
     PopupHandler.prototype.show = function (_a) {
@@ -3583,10 +3591,8 @@ var PopupHandler = /** @class */ (function () {
         iframe.setAttribute("name", "authsignal");
         iframe.setAttribute("title", "Authsignal multi-factor authentication challenge");
         iframe.setAttribute("src", challengeUrl);
-        iframe.setAttribute("width", "600");
-        iframe.setAttribute("height", "600");
         iframe.setAttribute("frameborder", "0");
-        var dialogContent = document.querySelector("#".concat(DIALOG_CONTENT_ID));
+        var dialogContent = document.querySelector("#".concat(CONTENT_ID));
         if (dialogContent) {
             dialogContent.appendChild(iframe);
         }
@@ -3601,29 +3607,28 @@ var PopupHandler = /** @class */ (function () {
     return PopupHandler;
 }());
 
-function authsignalClient(publishableKey, options) {
-    var client = new AuthsignalClient();
+function authsignalBrowser(publishableKey, options) {
+    var client = new AuthsignalBrowser();
     client.init(publishableKey, options);
     return client;
 }
-var AuthsignalClient = /** @class */ (function () {
-    function AuthsignalClient() {
+var AuthsignalBrowser = /** @class */ (function () {
+    function AuthsignalBrowser() {
         this.anonymousId = "";
-        this.initialized = false;
         this.publishableKey = "";
         this.cookieDomain = "";
         this.idCookieName = "";
         this.trackingHost = "";
     }
-    AuthsignalClient.prototype.init = function (publishableKey, options) {
+    AuthsignalBrowser.prototype.init = function (publishableKey, options) {
         return __awaiter(this, void 0, void 0, function () {
             var _a, anonymousId, isGeneratedAnonymousId, agent, registerAnonymousIdRequest;
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        this.cookieDomain = (options === null || options === void 0 ? void 0 : options.cookie_domain) || getCookieDomain();
-                        this.idCookieName = (options === null || options === void 0 ? void 0 : options.cookie_name) || "__as_aid";
-                        this.trackingHost = getHostWithProtocol((options === null || options === void 0 ? void 0 : options.tracking_host) || "t.authsignal.com");
+                        this.cookieDomain = (options === null || options === void 0 ? void 0 : options.cookieDomain) || getCookieDomain();
+                        this.idCookieName = (options === null || options === void 0 ? void 0 : options.cookieName) || "__as_aid";
+                        this.trackingHost = getHostWithProtocol((options === null || options === void 0 ? void 0 : options.trackingHost) || "t.authsignal.com");
                         _a = this;
                         return [4 /*yield*/, load({
                                 monitoring: false
@@ -3647,14 +3652,12 @@ var AuthsignalClient = /** @class */ (function () {
                     case 3:
                         _b.sent();
                         _b.label = 4;
-                    case 4:
-                        this.initialized = true;
-                        return [2 /*return*/];
+                    case 4: return [2 /*return*/];
                 }
             });
         });
     };
-    AuthsignalClient.prototype.identify = function (props) {
+    AuthsignalBrowser.prototype.identify = function (props) {
         return __awaiter(this, void 0, void 0, function () {
             var request;
             return __generator(this, function (_a) {
@@ -3668,7 +3671,7 @@ var AuthsignalClient = /** @class */ (function () {
             });
         });
     };
-    AuthsignalClient.prototype.getAnonymousId = function () {
+    AuthsignalBrowser.prototype.getAnonymousId = function () {
         var idCookie = getCookie(this.idCookieName);
         if (idCookie) {
             return { idCookie: idCookie, generated: false };
@@ -3677,25 +3680,34 @@ var AuthsignalClient = /** @class */ (function () {
         setCookie("__as_aid", newId, Infinity, this.cookieDomain, document.location.protocol !== "http:");
         return { idCookie: newId, generated: true };
     };
-    AuthsignalClient.prototype.challengeWithPopup = function (_a) {
-        var challengeUrl = _a.challengeUrl;
-        var Popup = new PopupHandler();
-        Popup.show({ challengeUrl: challengeUrl });
-        return new Promise(function (resolve, reject) {
-            var handleChallenge = function (event) {
-                if (event.data === "authsignal-challenge-success") {
-                    Popup.close();
-                    resolve(true);
-                }
-                else if (event.data === "authsignal-challenge-failure") {
-                    Popup.close();
-                    reject(false);
-                }
-            };
-            window.addEventListener("message", handleChallenge, false);
-        });
+    AuthsignalBrowser.prototype.mfa = function (_a) {
+        var url = _a.url;
+        window.location.href = url;
+    };
+    AuthsignalBrowser.prototype.challenge = function (_a) {
+        var challengeUrl = _a.challengeUrl, _b = _a.mode, mode = _b === void 0 ? "redirect" : _b;
+        if (mode === "redirect") {
+            window.location.href = challengeUrl;
+        }
+        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);
+                    }
+                };
+                window.addEventListener("message", handleChallenge, false);
+            });
+        }
     };
-    AuthsignalClient.prototype.registerIdentity = function (request) {
+    AuthsignalBrowser.prototype.registerIdentity = function (request) {
         return __awaiter(this, void 0, void 0, function () {
             var result;
             return __generator(this, function (_a) {
@@ -3710,7 +3722,7 @@ var AuthsignalClient = /** @class */ (function () {
             });
         });
     };
-    AuthsignalClient.prototype.registerAnonymousId = function (request) {
+    AuthsignalBrowser.prototype.registerAnonymousId = function (request) {
         return __awaiter(this, void 0, void 0, function () {
             var result;
             return __generator(this, function (_a) {
@@ -3725,7 +3737,7 @@ var AuthsignalClient = /** @class */ (function () {
             });
         });
     };
-    AuthsignalClient.prototype.buildRegisterAnonymousIdRequest = function () {
+    AuthsignalBrowser.prototype.buildRegisterAnonymousIdRequest = function () {
         var now = new Date();
         return {
             deviceFingerprint: this.deviceFingerprint || "",
@@ -3744,14 +3756,14 @@ var AuthsignalClient = /** @class */ (function () {
             }
         };
     };
-    AuthsignalClient.prototype.sendJson = function (path, payload) {
+    AuthsignalBrowser.prototype.sendJson = function (path, payload) {
         var jsonString = JSON.stringify(payload);
         var url = "".concat(this.trackingHost, "/api/v1/client/").concat(path, "?publishableKey=").concat(this.publishableKey);
         // Think about encapsulating the payloads around a message contract
         // SDK client versions, additional meta data
         return this.xmlHttpReqTransport(url, jsonString);
     };
-    AuthsignalClient.prototype.xmlHttpReqTransport = function (url, json) {
+    AuthsignalBrowser.prototype.xmlHttpReqTransport = function (url, json) {
         var req = new XMLHttpRequest();
         return new Promise(function (resolve, reject) {
             req.onerror = function () {
@@ -3768,9 +3780,9 @@ var AuthsignalClient = /** @class */ (function () {
             req.send(json);
         });
     };
-    return AuthsignalClient;
+    return AuthsignalBrowser;
 }());
 
-exports.AuthsignalClient = AuthsignalClient;
-exports.authsignalClient = authsignalClient;
+exports.AuthsignalBrowser = AuthsignalBrowser;
+exports.authsignalBrowser = authsignalBrowser;
 //# sourceMappingURL=index.js.map