@memberstack/dom 1.0.0-alpha.3.4.5 → 1.0.0-beta.4

package/README.md

@@ -0,0 +1 @@
+memberstack-dom

package/lib/auth/persistence/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./methods";
+export * from "./interceptor";

package/lib/auth/persistence/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./methods"), exports);
+__exportStar(require("./interceptor"), exports);

package/lib/auth/persistence/interceptor.d.ts

@@ -0,0 +1,2 @@
+import { Persistence } from ".";
+export declare const initializeInterceptor: (persistence: Persistence, useCookie: boolean) => void;

package/lib/auth/persistence/interceptor.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeInterceptor = void 0;
+var node_request_interceptor_1 = require("node-request-interceptor");
+var XMLHttpRequest_1 = require("node-request-interceptor/lib/interceptors/XMLHttpRequest");
+var _1 = require(".");
+var cookies_1 = require("../../utils/cookies");
+var methods_1 = require("./methods");
+var shouldIntercept = function (req) {
+    return (req.url.pathname.startsWith("/client/auth") || req.url.pathname.startsWith("/client/member"));
+};
+var persist = function (res, persistence) {
+    var _a, _b, _c, _d;
+    if (res === null || res === void 0 ? void 0 : res.body) {
+        var parsedResponse = JSON.parse(res.body);
+        if ((_a = parsedResponse.data) === null || _a === void 0 ? void 0 : _a.member) {
+            _1.setPersistedMember((_b = parsedResponse.data) === null || _b === void 0 ? void 0 : _b.member, persistence);
+        }
+        if ((_d = (_c = parsedResponse.data) === null || _c === void 0 ? void 0 : _c.id) === null || _d === void 0 ? void 0 : _d.startsWith("mem_")) {
+            _1.setPersistedMember(parsedResponse.data, persistence);
+        }
+    }
+};
+var setCookie = function (res, useCookie) {
+    var _a, _b, _c;
+    var body = JSON.parse(res.body || "{}");
+    if (useCookie && ((_b = (_a = body === null || body === void 0 ? void 0 : body.data) === null || _a === void 0 ? void 0 : _a.tokens) === null || _b === void 0 ? void 0 : _b.accessToken)) {
+        cookies_1.setMemberCookie((_c = body.data) === null || _c === void 0 ? void 0 : _c.tokens.accessToken);
+    }
+};
+var initializeInterceptor = function (persistence, useCookie) {
+    var interceptor = new node_request_interceptor_1.RequestInterceptor([XMLHttpRequest_1.interceptXMLHttpRequest]);
+    interceptor.on("response", function (req, res) {
+        if (shouldIntercept(req)) {
+            if (req.url.pathname.endsWith("/logout")) {
+                return methods_1.unsetPersistedMember(persistence);
+            }
+            persist(res, persistence);
+            setCookie(res, useCookie);
+        }
+    });
+};
+exports.initializeInterceptor = initializeInterceptor;

package/lib/auth/persistence/local.d.ts

@@ -0,0 +1,5 @@
+export declare const localStoragePersistence: () => {
+    setMember: (member: any) => any;
+    getMember: () => any;
+    unsetMember: () => void;
+};

package/lib/auth/persistence/local.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.localStoragePersistence = void 0;
+var localStoragePersistence = function () {
+    if (!(window === null || window === void 0 ? void 0 : window.localStorage)) {
+        throw new Error("Local Storage is not supported.");
+    }
+    return {
+        setMember: function (member) {
+            localStorage.setItem("_ms-member", JSON.stringify(member));
+            return JSON.parse(localStorage.getItem("_ms-member"));
+        },
+        getMember: function () {
+            var persistedMember = localStorage.getItem("_ms-member");
+            if (!persistedMember || !Object.keys(persistedMember).length) {
+                return null;
+            }
+            return JSON.parse(localStorage.getItem("_ms-member"));
+        },
+        unsetMember: function () {
+            localStorage.removeItem("_ms-member");
+        },
+    };
+};
+exports.localStoragePersistence = localStoragePersistence;

package/lib/auth/persistence/methods.d.ts

@@ -0,0 +1,11 @@
+import memberstack from "@memberstack/client";
+declare type Await<T> = T extends PromiseLike<infer U> ? U : T;
+export declare enum Persistence {
+    SESSION = "SESSION",
+    LOCAL = "LOCAL"
+}
+export declare const setPersistedMember: (member: Await<ReturnType<ReturnType<typeof memberstack.init>["loginMemberEmailPassword"]>>["data"]["member"], persistence: Persistence) => void;
+export declare const getPersistedMember: (persistence: any) => any;
+export declare const unsetPersistedMember: (persistence: any) => void;
+export declare const onAuthChange: (cb: any) => void;
+export {};

package/lib/auth/persistence/methods.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.onAuthChange = exports.unsetPersistedMember = exports.getPersistedMember = exports.setPersistedMember = exports.Persistence = void 0;
+var local_1 = require("./local");
+var session_1 = require("./session");
+var Persistence;
+(function (Persistence) {
+    Persistence["SESSION"] = "SESSION";
+    Persistence["LOCAL"] = "LOCAL";
+})(Persistence = exports.Persistence || (exports.Persistence = {}));
+var createObservable = function () {
+    var observers = [];
+    return {
+        subscribe: function (fn) {
+            if (typeof fn === "function") {
+                observers.push(fn);
+            }
+        },
+        notify: function (data) {
+            return observers.forEach(function (observer) {
+                observer(data);
+            });
+        },
+    };
+};
+var observable = createObservable();
+var getPersistence = function (persistence) {
+    if (persistence === Persistence.LOCAL) {
+        return local_1.localStoragePersistence();
+    }
+    if (persistence === Persistence.SESSION) {
+        return session_1.sessionStoragePersistence();
+    }
+};
+var setPersistedMember = function (member, persistence) {
+    var _a;
+    if (member) {
+        (_a = getPersistence(persistence)) === null || _a === void 0 ? void 0 : _a.setMember(member);
+        observable.notify(member);
+    }
+};
+exports.setPersistedMember = setPersistedMember;
+var getPersistedMember = function (persistence) {
+    var _a;
+    return (_a = getPersistence(persistence)) === null || _a === void 0 ? void 0 : _a.getMember();
+};
+exports.getPersistedMember = getPersistedMember;
+var unsetPersistedMember = function (persistence) {
+    var _a;
+    (_a = getPersistence(persistence)) === null || _a === void 0 ? void 0 : _a.unsetMember();
+    observable.notify(null);
+};
+exports.unsetPersistedMember = unsetPersistedMember;
+var onAuthChange = function (cb) {
+    observable.subscribe(cb);
+};
+exports.onAuthChange = onAuthChange;

package/lib/auth/persistence/session.d.ts

@@ -0,0 +1,5 @@
+export declare const sessionStoragePersistence: () => {
+    setMember: (member: any) => any;
+    getMember: () => any;
+    unsetMember: () => void;
+};

package/lib/auth/persistence/session.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sessionStoragePersistence = void 0;
+var sessionStoragePersistence = function () {
+    if (!(window === null || window === void 0 ? void 0 : window.sessionStorage)) {
+        throw new Error("Session Storage is not supported.");
+    }
+    return {
+        setMember: function (member) {
+            sessionStorage.setItem("_ms-member", JSON.stringify(member));
+            return JSON.parse(sessionStorage.getItem("_ms-member"));
+        },
+        getMember: function () {
+            var persistedMember = sessionStorage.getItem("_ms-member");
+            if (!persistedMember || !Object.keys(persistedMember).length) {
+                return null;
+            }
+            return JSON.parse(sessionStorage.getItem("_ms-member"));
+        },
+        unsetMember: function () {
+            sessionStorage.removeItem("_ms-member");
+        },
+    };
+};
+exports.sessionStoragePersistence = sessionStoragePersistence;

package/lib/constants/cookies.d.ts

@@ -0,0 +1,3 @@
+export declare enum MemberCookies {
+    AUTH = "_ms-mid"
+}

package/lib/constants/cookies.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemberCookies = void 0;
+var MemberCookies;
+(function (MemberCookies) {
+    MemberCookies["AUTH"] = "_ms-mid";
+})(MemberCookies = exports.MemberCookies || (exports.MemberCookies = {}));

package/lib/constants/endpoint.d.ts

@@ -0,0 +1,4 @@
+export declare const endpoints: {
+    parentOrigin: string;
+    loaderScript: string;
+};

package/lib/constants/endpoint.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.endpoints = void 0;
+exports.endpoints = {
+    parentOrigin: "https://ui.memberstack.com",
+    loaderScript: "https://ui.memberstack.com/loader.cjs.production.min.js",
+};

package/lib/constants/window.d.ts

@@ -0,0 +1,4 @@
+export declare const Window: {
+    MSDOM: string;
+    APP_ID: string;
+};

package/lib/constants/window.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Window = void 0;
+exports.Window = {
+    MSDOM: "__MSDOM",
+    APP_ID: "__MS-APPID",
+};

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+import { Methods } from "./methods";
+export { Persistence } from "./auth/persistence";
+export default Methods;

package/lib/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Persistence = void 0;
+var methods_1 = require("./methods");
+var persistence_1 = require("./auth/persistence");
+Object.defineProperty(exports, "Persistence", { enumerable: true, get: function () { return persistence_1.Persistence; } });
+exports.default = methods_1.Methods;

package/lib/methods/dom.d.ts

@@ -0,0 +1,10 @@
+import { ClientConfig } from ".";
+import type { OpenModalParams } from "../types/params";
+export declare function initialize(props: {
+    publicKey: string;
+}): any;
+export declare const load: (props: {
+    publicKey: string;
+}) => any;
+export declare const openModal: (props: OpenModalParams & ClientConfig) => any;
+export declare const hideModal: () => any;

package/lib/methods/dom.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hideModal = exports.openModal = exports.load = exports.initialize = 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 isBrowser = typeof window !== "undefined";
+function initialize(props) {
+    if (!isBrowser)
+        return null;
+    var script = document.createElement("script");
+    script.setAttribute("src", endpoint_1.endpoints.loaderScript);
+    script.setAttribute("defer", "true");
+    script.setAttribute("crossorigin", "true");
+    document.body.appendChild(script);
+    script.onload = function () { return exports.load(props); };
+}
+exports.initialize = initialize;
+var load = function (props) {
+    var _a;
+    if (!isBrowser)
+        return null;
+    (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.load({ publicKey: props.publicKey });
+};
+exports.load = load;
+var openModal = function (props) {
+    var _a;
+    if (!isBrowser)
+        return null;
+    (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.show(props.type, props.params);
+    window.addEventListener("message", function (e) {
+        var _a, _b, _c, _d, _e, _f;
+        if (e.origin === endpoint_1.endpoints.parentOrigin) {
+            if (e.data.type === "CLOSE") {
+                return exports.hideModal();
+            }
+            if ((_a = e.data) === null || _a === void 0 ? void 0 : _a.data.member) {
+                persistence_1.setPersistedMember((_b = e.data) === null || _b === void 0 ? void 0 : _b.data.member, props.persistence);
+            }
+            if (props.useCookie && ((_d = (_c = e.data) === null || _c === void 0 ? void 0 : _c.data.tokens) === null || _d === void 0 ? void 0 : _d.accessToken)) {
+                cookies_1.setMemberCookie(e.data.data.tokens.accessToken);
+            }
+            (_f = (_e = props.options) === null || _e === void 0 ? void 0 : _e.onCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, e.data.data);
+        }
+    });
+};
+exports.openModal = openModal;
+var hideModal = function () {
+    var _a;
+    if (!isBrowser)
+        return null;
+    (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.hide();
+};
+exports.hideModal = hideModal;