@memberstack/dom 1.9.1 → 1.9.4

package/lib/methods/dom/methods.d.ts

@@ -1,20 +1,9 @@
-import type { DOMConfig } from "..";
 export declare type OpenModalParams = {
-    type: "LOGIN" | "SIGNUP" | "FORGOT_PASSWORD" | "PROFILE";
-    params?: {
-        planId?: string;
-        priceId?: string;
-    };
-    options?: {
-        onCompleted?: (x: any) => any;
-        onError?: (x: any) => any;
-    };
+    type: "LOGIN" | "SIGNUP" | "FORGOT_PASSWORD" | "RESET_PASSWORD";
 };
-export declare const load: (props: {
-    publicKey: string;
-}) => void;
 export declare const showMessage: (msg: any, isError: any) => void;
 export declare const showLoader: (element?: any) => void;
 export declare const hideLoader: (element?: any) => void;
-export declare const openModal: (props: OpenModalParams & DOMConfig) => Promise<HTMLIFrameElement>;
+export declare const handleRedirect: (redirect: any, redirectOverride: any) => any;
+export declare const openModal: (type: OpenModalParams["type"], params?: {}) => Promise<unknown>;
 export declare const hideModal: () => void;

package/lib/methods/dom/methods.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -46,101 +35,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hideModal = exports.openModal = exports.hideLoader = exports.showLoader = exports.showMessage = exports.load = void 0;
-var window_1 = require("../../constants/window");
-var endpoint_1 = require("../../constants/endpoint");
-var cookies_1 = require("../../utils/cookies");
-var persistence_1 = require("../../auth/persistence");
-var logger_1 = require("../../utils/logger");
-var cookies_2 = require("../../utils/cookies");
-var isBrowser = typeof window !== "undefined";
-var isInitialized = function () {
-    if (!isBrowser)
-        return;
-    if (!(window === null || window === void 0 ? void 0 : window[window_1.Window.MSDOM])) {
-        console.warn("Memberstack has not been initialized yet.");
-        return false;
-    }
-    return true;
-};
-var load = function (props) {
-    var _a;
-    if (isInitialized()) {
-        (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.load({ publicKey: props.publicKey });
-    }
-};
-exports.load = load;
-var getAppId = function (publicKey) { return __awaiter(void 0, void 0, void 0, function () {
-    var res, json, e_1;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
-            case 0:
-                if (typeof window === "undefined")
-                    return [2 /*return*/, null];
-                if (window === null || window === void 0 ? void 0 : window["__MS-APPID"]) {
-                    return [2 /*return*/, window["__MS-APPID"]];
-                }
-                if (!publicKey)
-                    return [2 /*return*/, null];
-                _c.label = 1;
-            case 1:
-                _c.trys.push([1, 4, , 5]);
-                return [4 /*yield*/, fetch(endpoint_1.endpoints.clientEndpoint + "/app", {
-                        headers: {
-                            "x-api-key": publicKey,
-                        },
-                    })];
-            case 2:
-                res = _c.sent();
-                return [4 /*yield*/, res.json()];
-            case 3:
-                json = _c.sent();
-                if (json.code)
-                    throw json;
-                window["__MS-APPID"] = (_a = json.data) === null || _a === void 0 ? void 0 : _a.id;
-                return [2 /*return*/, (_b = json.data) === null || _b === void 0 ? void 0 : _b.id];
-            case 4:
-                e_1 = _c.sent();
-                throw e_1;
-            case 5: return [2 /*return*/];
-        }
-    });
-}); };
-var TYPE_PARAMS = {
-    LOGIN: "login",
-    SIGNUP: "signup",
-    FORGOT_PASSWORD: "sendResetEmail",
-    PROFILE: "profile",
-};
-var createLink = function (query) {
-    var _a = query.planId, planId = _a === void 0 ? "" : _a, _b = query.appId, appId = _b === void 0 ? "" : _b, _c = query.page, page = _c === void 0 ? "" : _c, _d = query.priceId, priceId = _d === void 0 ? "" : _d, _e = query.pk, pk = _e === void 0 ? "" : _e, _f = query.hideNav, hideNav = _f === void 0 ? "" : _f, _g = query.token, token = _g === void 0 ? "" : _g;
-    var queryParams = Object.keys({ priceId: priceId, pk: pk, hideNav: hideNav, token: token })
-        .map(function (key) { return query[key] && encodeURIComponent(key) + "=" + encodeURIComponent(query[key]); })
-        .filter(function (x) { return x; })
-        .join("&");
-    console.log("CREATE LINK", token);
-    var baseUrl = endpoint_1.endpoints.hostedUI + "/" + (appId || "") + (page ? "/" + page : "") + (planId ? (page === "signup" ? "/" + planId : "?planId=" + planId) : "");
-    return "" + baseUrl + (baseUrl.includes("?planId") ? "&" : "?") + queryParams;
-};
-var showMessage = function (msg, isError) {
+exports.hideModal = exports.openModal = exports.handleRedirect = exports.hideLoader = exports.showLoader = exports.showMessage = void 0;
+var main_dom_js_1 = __importDefault(require("./main-dom.js"));
+exports.showMessage = function (msg, isError) {
     var cssEl = document.createElement("style");
     var css = ".ms-error-message { position: fixed; left: 5%; right: 5%; bottom: 3%; z-index: 10000000; display: block; margin-right: auto; margin-left: auto; padding-top: 1em; padding-right: 10px; padding-bottom: 1em; border-radius: 3px; background-color: #fd3a57; box-shadow: 0 0 0 2px #fff; color: #fff; font-size: 1.1em; line-height: 1.8em; font-weight: 700; text-align: center; }";
     cssEl.setAttribute("data-ms-style", "");
@@ -158,8 +59,7 @@ var showMessage = function (msg, isError) {
         (_b = document.querySelector("[data-ms-message]")) === null || _b === void 0 ? void 0 : _b.remove();
     }, 4000);
 };
-exports.showMessage = showMessage;
-var showLoader = function (element) {
+exports.showLoader = function (element) {
     if (element) {
         element.style.display = "block";
         return;
@@ -174,8 +74,7 @@ var showLoader = function (element) {
     div.innerHTML = loaderHTML;
     document.body.appendChild(div);
 };
-exports.showLoader = showLoader;
-var hideLoader = function (element) {
+exports.hideLoader = function (element) {
     var _a;
     if (element) {
         element.style.display = "none";
@@ -183,74 +82,35 @@ var hideLoader = function (element) {
     }
     (_a = document.querySelector("[data-ms-loader]")) === null || _a === void 0 ? void 0 : _a.remove();
 };
-exports.hideLoader = hideLoader;
-var openModal = function (props) { return __awaiter(void 0, void 0, void 0, function () {
-    var appId, page, token, link, div, iframe, iframestyles;
-    var _a, _b;
-    return __generator(this, function (_c) {
-        switch (_c.label) {
-            case 0:
-                (0, logger_1.log)("call openModal()");
-                (0, exports.showLoader)();
-                return [4 /*yield*/, getAppId(props.publicKey)];
-            case 1:
-                appId = _c.sent();
-                page = TYPE_PARAMS[props.type];
-                if (props.type === "PROFILE") {
-                    token = (0, cookies_2.getMemberCookie)();
+exports.handleRedirect = function (redirect, redirectOverride) {
+    if (redirectOverride)
+        return window.location.href = redirectOverride;
+    if (redirect && (window.location.pathname !== redirect))
+        return window.location.href = redirect;
+};
+exports.openModal = function (type, params) {
+    if (params === void 0) { params = {}; }
+    return __awaiter(void 0, void 0, void 0, function () {
+        var resolveModal, modalPromise;
+        return __generator(this, function (_a) {
+            modalPromise = new Promise(function (resolve) {
+                resolveModal = resolve;
+            });
+            console.log(type);
+            new main_dom_js_1.default({
+                target: document.body,
+                props: {
+                    display: type.toLowerCase(),
+                    params: params,
+                    onSuccess: resolveModal,
                 }
-                link = createLink(__assign({ pk: props.publicKey, planId: (_a = props.params) === null || _a === void 0 ? void 0 : _a.planId, priceId: (_b = props.params) === null || _b === void 0 ? void 0 : _b.priceId, appId: appId, page: page }, (token ? { token: token } : {})));
-                div = document.createElement("div");
-                div.setAttribute("data-ms-iframe", "true");
-                div.style["position"] = "fixed";
-                div.style["top"] = "0";
-                div.style["left"] = "0";
-                div.style["zIndex"] = "10000000";
-                iframe = document.createElement("iframe");
-                iframestyles = {
-                    height: "100vh",
-                    width: "100vw",
-                    position: "absolute",
-                    top: 0,
-                    bottom: 0,
-                    border: "none",
-                    zIndex: "2000000",
-                };
-                Object.entries(iframestyles).map(function (_a) {
-                    var _b = __read(_a, 2), attr = _b[0], value = _b[1];
-                    iframe.style[attr] = value;
-                });
-                iframe.setAttribute("src", link);
-                iframe.addEventListener("load", function () {
-                    (0, exports.hideLoader)();
-                });
-                div.append(iframe);
-                document.body.appendChild(div);
-                window.addEventListener("message", function (e) {
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-                    if (e.data.type === "CLOSE") {
-                        return (0, exports.hideModal)();
-                    }
-                    if ((_b = (_a = e.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.member) {
-                        (0, persistence_1.setPersistedMember)((_c = e.data) === null || _c === void 0 ? void 0 : _c.data.member, props.persistence);
-                    }
-                    if (props.useCookie && ((_f = (_e = (_d = e.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.tokens) === null || _f === void 0 ? void 0 : _f.accessToken)) {
-                        (0, cookies_1.setMemberCookie)(e.data.data.tokens.accessToken);
-                    }
-                    // added to prevent non memberstack messages being sent from window
-                    if (e.origin === endpoint_1.endpoints.hostedUI && ((_g = e.data) === null || _g === void 0 ? void 0 : _g.data)) {
-                        (_j = (_h = props.options) === null || _h === void 0 ? void 0 : _h.onCompleted) === null || _j === void 0 ? void 0 : _j.call(_h, (_k = e.data) === null || _k === void 0 ? void 0 : _k.data);
-                    }
-                });
-                return [2 /*return*/, iframe];
-        }
+            });
+            return [2 /*return*/, modalPromise];
+        });
     });
-}); };
-exports.openModal = openModal;
-var hideModal = function () {
+};
+exports.hideModal = function () {
     var _a;
-    (0, logger_1.log)("call hideModal()");
-    (_a = document.querySelector("[data-ms-iframe]")) === null || _a === void 0 ? void 0 : _a.remove();
-    (0, exports.hideLoader)();
+    (_a = document.querySelector("#msOverlay")) === null || _a === void 0 ? void 0 : _a.remove();
+    exports.hideLoader();
 };
-exports.hideModal = hideModal;