@memberstack/dom 1.0.60-alpha.13 → 1.0.60-alpha.14

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,46 @@
+"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;
+    console.log({ useCookie: useCookie });
+    var body = JSON.parse(res.body || "{}");
+    console.log({ body: 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)) {
+            console.log({ pathname: req.url.pathname });
+            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/index.d.ts

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

package/lib/methods/dom.js

@@ -4,6 +4,7 @@ exports.hideModal = exports.openModal = exports.load = exports.initialize = void
 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)
@@ -29,15 +30,18 @@ var openModal = function (props) {
         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;
+        var _a, _b, _c, _d, _e, _f;
         if (e.origin === endpoint_1.endpoints.parentOrigin) {
             if (e.data.type === "CLOSE") {
                 return exports.hideModal();
             }
-            if (props.useCookie && ((_b = (_a = e.data) === null || _a === void 0 ? void 0 : _a.data.tokens) === null || _b === void 0 ? void 0 : _b.accessToken)) {
+            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);
             }
-            props.options.onCompleted(e.data.data);
+            (_f = (_e = props.options).onCompleted) === null || _f === void 0 ? void 0 : _f.call(_e, e.data.data);
         }
     });
 };