@memberstack/dom 1.0.0-beta.2 → 1.0.0-beta.20

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

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

package/lib/auth/persistence/index.js

@@ -11,4 +11,3 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./methods"), exports);
-__exportStar(require("./interceptor"), exports);

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

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

package/lib/auth/persistence/local.js

@@ -1,25 +1,20 @@
 "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");
-        },
-    };
+var storage_1 = require("../../constants/storage");
+exports.localStoragePersistence = {
+    setMember: function (member) {
+        localStorage === null || localStorage === void 0 ? void 0 : localStorage.setItem(storage_1.PERSISTED_MEMBER_KEY, JSON.stringify(member));
+        return JSON.parse(localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(storage_1.PERSISTED_MEMBER_KEY));
+    },
+    getMember: function () {
+        var persistedMember = localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(storage_1.PERSISTED_MEMBER_KEY);
+        if (!persistedMember || !Object.keys(persistedMember).length) {
+            return null;
+        }
+        return JSON.parse(localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(storage_1.PERSISTED_MEMBER_KEY));
+    },
+    unsetMember: function () {
+        localStorage === null || localStorage === void 0 ? void 0 : localStorage.removeItem(storage_1.PERSISTED_MEMBER_KEY);
+    },
 };
-exports.localStoragePersistence = localStoragePersistence;

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

@@ -7,5 +7,7 @@ export declare enum Persistence {
 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 declare const onAuthChange: (cb: any) => {
+    unsubscribe: () => boolean;
+};
 export {};

package/lib/auth/persistence/methods.js

@@ -1,4 +1,29 @@
 "use strict";
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.onAuthChange = exports.unsetPersistedMember = exports.getPersistedMember = exports.setPersistedMember = exports.Persistence = void 0;
 var local_1 = require("./local");
@@ -9,27 +34,28 @@ var Persistence;
     Persistence["LOCAL"] = "LOCAL";
 })(Persistence = exports.Persistence || (exports.Persistence = {}));
 var createObservable = function () {
-    var observers = [];
+    var observer = new Map();
     return {
-        subscribe: function (fn) {
-            if (typeof fn === "function") {
-                observers.push(fn);
-            }
+        subscribe: function (key, fn) {
+            if (typeof fn !== "function")
+                return;
+            return observer.set(key, fn);
+        },
+        unsubscribe: function (key) {
+            return observer.delete(key);
         },
         notify: function (data) {
-            return observers.forEach(function (observer) {
-                observer(data);
-            });
+            return __spreadArray([], __read(observer.values()), false).forEach(function (fn) { return fn(data); });
         },
     };
 };
 var observable = createObservable();
 var getPersistence = function (persistence) {
     if (persistence === Persistence.LOCAL) {
-        return local_1.localStoragePersistence();
+        return local_1.localStoragePersistence;
     }
     if (persistence === Persistence.SESSION) {
-        return session_1.sessionStoragePersistence();
+        return session_1.sessionStoragePersistence;
     }
 };
 var setPersistedMember = function (member, persistence) {
@@ -52,6 +78,10 @@ var unsetPersistedMember = function (persistence) {
 };
 exports.unsetPersistedMember = unsetPersistedMember;
 var onAuthChange = function (cb) {
-    observable.subscribe(cb);
+    var id = Math.floor(Math.random() * 1000);
+    observable.subscribe(id, cb);
+    return {
+        unsubscribe: function () { return observable.unsubscribe(id); },
+    };
 };
 exports.onAuthChange = onAuthChange;

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

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

package/lib/auth/persistence/session.js

@@ -1,25 +1,20 @@
 "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");
-        },
-    };
+var storage_1 = require("../../constants/storage");
+exports.sessionStoragePersistence = {
+    setMember: function (member) {
+        sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.setItem(storage_1.PERSISTED_MEMBER_KEY, JSON.stringify(member));
+        return JSON.parse(sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(storage_1.PERSISTED_MEMBER_KEY));
+    },
+    getMember: function () {
+        var persistedMember = sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(storage_1.PERSISTED_MEMBER_KEY);
+        if (!persistedMember || !Object.keys(persistedMember).length) {
+            return null;
+        }
+        return JSON.parse(sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(storage_1.PERSISTED_MEMBER_KEY));
+    },
+    unsetMember: function () {
+        sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.removeItem(storage_1.PERSISTED_MEMBER_KEY);
+    },
 };
-exports.sessionStoragePersistence = sessionStoragePersistence;

package/lib/constants/endpoint.js

@@ -2,6 +2,6 @@
 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",
+    parentOrigin: "https://dev-ui.memberstack.com",
+    loaderScript: "https://dev-ui.memberstack.com/loader.cjs.production.min.js",
 };

package/lib/constants/storage.d.ts

@@ -0,0 +1 @@
+export declare const PERSISTED_MEMBER_KEY = "_ms-mem";

package/lib/constants/storage.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PERSISTED_MEMBER_KEY = void 0;
+exports.PERSISTED_MEMBER_KEY = "_ms-mem";

package/lib/constants/window.d.ts

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

package/lib/constants/window.js

@@ -2,6 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Window = void 0;
 exports.Window = {
-    MSDOM: "__MSDOM",
-    APP_ID: "__MS-APPID",
+    MEMBERSTACK: "memberstack",
 };

package/lib/index.d.ts

@@ -1,3 +1,5 @@
-import { Methods } from "./methods";
 export { Persistence } from "./auth/persistence";
-export default Methods;
+declare const _default: {
+    init: any;
+};
+export default _default;

package/lib/index.js

@@ -1,7 +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;
+var methods_1 = require("./methods");
+exports.default = { init: methods_1.init };

package/lib/methods/client.d.ts

@@ -0,0 +1,36 @@
+import msClient from "@memberstack/client";
+export declare type ClientConfig = Parameters<typeof msClient["init"]>[0];
+export declare const initClient: (props: ClientConfig) => {
+    getApp(): Promise<import("@memberstack/client/lib/types/payloads").AppPayload>;
+    getAuthProviders(): Promise<import("@memberstack/client/lib/types/payloads").AppPayload>;
+    loginMemberEmailPassword(params: import("@memberstack/client/lib/types/params").LoginMemberEmailPasswordParams): Promise<import("@memberstack/client/lib/types/payloads").LoginMemberEmailPasswordPayload>;
+    loginMemberAuthProvider(params: import("@memberstack/client/lib/types/params").LoginMemberAuthProviderParams): Promise<import("@memberstack/client/lib/types/payloads").LoginMemberAuthProviderPayload>;
+    getPlan(params: import("@memberstack/client/lib/types/params").GetPlanParams): Promise<import("@memberstack/client/lib/types/payloads").GetPlanPayload>;
+    getPlans(params?: import("@memberstack/client/lib/types/params").GetPlansParams): Promise<import("@memberstack/client/lib/types/payloads").GetPlansPayload>;
+    getCurrentMember(options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").GetCurrentMemberPayload>;
+    getMemberCards(options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").GetMemberCardsPayload>;
+    getMemberInvoices(params?: import("@memberstack/client/lib/types/params").GetMemberInvoicesParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").GetMemberInvoicesPayload>;
+    getMemberReceipts(params?: import("@memberstack/client/lib/types/params").GetMemberReceiptsParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").GetMemberReceiptsPayload>;
+    getAuthenticationClientSecret(params: import("@memberstack/client/lib/types/params").GetAuthenticationClientSecretParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").GetAuthenticationClientSecretPayload>;
+    getTotalCheckoutAmount(params: import("@memberstack/client/lib/types/params").GetTotalCheckoutAmountParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").GetTotalCheckoutAmountPayload>;
+    purchasePlan(params: import("@memberstack/client/lib/types/params").PurchasePlanParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").PurchasePlanPayload>;
+    cancelPlan(params: import("@memberstack/client/lib/types/params").CancelPlanParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").CancelPlanPayload>;
+    updateMember(params: import("@memberstack/client/lib/types/params").UpdateMemberParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").UpdateMemberPayload>;
+    updateMemberAuth(params: import("@memberstack/client/lib/types/params").UpdateMemberAuthParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").UpdateMemberAuthPayload>;
+    addCard(params: import("@memberstack/client/lib/types/params").AddMemberCardParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").AddMemberCardPayload>;
+    updateDefaultCard(params: import("@memberstack/client/lib/types/params").UpdateDefaultCardParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").UpdateDefaultCardPayload>;
+    updatePlanPayment(params: import("@memberstack/client/lib/types/params").UpdatePlanPaymentParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").UpdatePlanPaymentPayload>;
+    signupMemberEmailPassword(params: import("@memberstack/client/lib/types/params").SignupMemberEmailPasswordParams): Promise<import("@memberstack/client/lib/types/payloads").SignupMemberEmailPasswordPayload>;
+    signupMemberAuthProvider(params: import("@memberstack/client/lib/types/params").SignupMemberAuthProviderParams): Promise<import("@memberstack/client/lib/types/payloads").SignupMemberAuthProviderPayload>;
+    refreshMemberTokens(params: import("@memberstack/client/lib/types/params").RefreshMemberTokensParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").RefreshMemberTokensPayload>;
+    sendMemberResetPasswordEmail(params: import("@memberstack/client/lib/types/params").SendMemberResetPasswordEmailParams): Promise<import("@memberstack/client/lib/types/payloads").SendMemberResetPasswordEmailPayload>;
+    resetMemberPassword(params: import("@memberstack/client/lib/types/params").ResetMemberPasswordParams): Promise<import("@memberstack/client/lib/types/payloads").ResetMemberPasswordPayload>;
+    logout(options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").LogoutMemberPayload>;
+    replacePlan(params: import("@memberstack/client/lib/types/params").ReplacePlanParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").ReplacePlanPayload>;
+    verifyToken({ token }: {
+        token: string;
+    }): Promise<Pick<import("jose/types").JWTPayload, "iat" | "exp"> & {
+        id: string;
+        type: "member";
+    }>;
+};

package/lib/methods/client.js

@@ -0,0 +1,23 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initClient = void 0;
+var client_1 = __importDefault(require("@memberstack/client"));
+var cookies_1 = require("../utils/cookies");
+var initClient = function (props) {
+    return client_1.default.init(__assign({ token: (0, cookies_1.getMemberCookie)() }, props));
+};
+exports.initClient = initClient;

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

@@ -0,0 +1,2 @@
+export { hideModal, load, openModal, OpenModalParams } from "./methods";
+export { initialize } from "./script";

package/lib/methods/dom/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialize = exports.openModal = exports.load = exports.hideModal = void 0;
+var methods_1 = require("./methods");
+Object.defineProperty(exports, "hideModal", { enumerable: true, get: function () { return methods_1.hideModal; } });
+Object.defineProperty(exports, "load", { enumerable: true, get: function () { return methods_1.load; } });
+Object.defineProperty(exports, "openModal", { enumerable: true, get: function () { return methods_1.openModal; } });
+var script_1 = require("./script");
+Object.defineProperty(exports, "initialize", { enumerable: true, get: function () { return script_1.initialize; } });

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

@@ -0,0 +1,31 @@
+import type { DOMConfig } from "..";
+declare type ActionParams = {
+    onCompleted?: (x: any) => any;
+    onError?: (x: any) => any;
+};
+export declare type OpenModalParams = ActionParams & ({
+    type: "LOGIN";
+    params?: {
+        planId?: string;
+        priceId?: string;
+    };
+} | {
+    type: "SIGNUP";
+    params: {
+        planId: string;
+        priceId?: string;
+    };
+} | {
+    type: "FORGOT_PASSWORD";
+    params: {};
+});
+export declare const initDOM: (props: {
+    publicKey: string;
+} & DOMConfig) => {
+    openModal: (openModalProps: OpenModalParams) => void;
+    hideModal: any;
+    onAuthChange: (cb: any) => {
+        unsubscribe: () => boolean;
+    };
+};
+export {};

package/lib/methods/dom/methods.js

@@ -0,0 +1,45 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initDOM = 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 initDOM = function (props) {
+    var methods = window[window_1.Window.MEMBERSTACK].init({ publicKey: props.publicKey });
+    return {
+        openModal: function (openModalProps) { return openModal(methods, __assign(__assign({}, props), openModalProps)); },
+        hideModal: methods.hide,
+        onAuthChange: persistence_1.onAuthChange
+    };
+};
+exports.initDOM = initDOM;
+var openModal = function (methods, props) {
+    methods.show(props.type, props.params);
+    window.addEventListener("message", function (e) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        if (e.origin === endpoint_1.endpoints.parentOrigin) {
+            if (e.data.type === "CLOSE") {
+                return methods.hide();
+            }
+            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);
+            }
+            (_g = props.onCompleted) === null || _g === void 0 ? void 0 : _g.call(props, (_h = e.data) === null || _h === void 0 ? void 0 : _h.data);
+        }
+    });
+};

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

@@ -0,0 +1,3 @@
+export declare function appendScript(props: {
+    publicKey: string;
+}): HTMLScriptElement;

package/lib/methods/dom/script.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appendScript = void 0;
+var endpoint_1 = require("../../constants/endpoint");
+var window_1 = require("../../constants/window");
+var isBrowser = typeof window !== "undefined";
+var SCRIPT_URL = endpoint_1.endpoints.loaderScript;
+var SCRIPT_URL_REGEX = new RegExp(SCRIPT_URL);
+var getScript = function (_a) {
+    var publicKey = _a.publicKey;
+    var existingScript = document.querySelector("script[src^=\"" + SCRIPT_URL + "\"]");
+    if (existingScript && SCRIPT_URL_REGEX.test(existingScript.src)) {
+        return existingScript;
+    }
+    var script = document.createElement("script");
+    script.src = SCRIPT_URL;
+    script.defer = true;
+    script.crossOrigin = "true";
+    if (!document.body) {
+        throw new Error("Memberstack requires a <body> element.");
+    }
+    script.addEventListener("load", function () {
+        if (window[window_1.Window.MEMBERSTACK]) {
+            window[window_1.Window.MEMBERSTACK].init({ publicKey: publicKey });
+            console.info("\x1b[36m%s\x1b[0m", "Memberstack has been initialized.");
+        }
+        else {
+            console.warn("Could not initialize Memberstack.");
+        }
+    });
+    document.body.appendChild(script);
+    return script;
+};
+function appendScript(props) {
+    if (!isBrowser) {
+        throw new Error("Memberstack requires a <body> element.");
+    }
+    return getScript({ publicKey: props.publicKey });
+}
+exports.appendScript = appendScript;