@memberstack/dom 1.0.0-beta.3 → 1.0.0-beta.33

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/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/index.d.ts

@@ -1,3 +1,4 @@
-import { Methods } from "./methods";
-export { Persistence } from "./auth/persistence";
-export default Methods;
+declare const _default: {
+    init: (props: import("./methods").DOMConfig) => any;
+};
+export default _default;

package/lib/index.js

@@ -1,7 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 = __importDefault(require("./methods"));
+exports.default = { init: methods_1.default.init };

package/lib/methods/client.d.ts

@@ -0,0 +1,38 @@
+import msClient from "@memberstack/client";
+export declare type ClientConfig = Parameters<typeof msClient["init"]>[0] & {
+    useCookie?: boolean;
+};
+export declare const initClient: ({ useCookie, ...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>;
+    purchasePlans(params: import("@memberstack/client/lib/types/params").PurchasePlansParams, options?: import("@memberstack/client/lib/methods").MemberstackOptions): Promise<import("@memberstack/client/lib/types/payloads").PurchasePlansPayload>;
+    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").JWTPayload, "iat" | "exp"> & {
+        id: string;
+        type: "member";
+    }>;
+};

package/lib/methods/client.js

@@ -0,0 +1,35 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 (_a) {
+    var _b = _a.useCookie, useCookie = _b === void 0 ? true : _b, props = __rest(_a, ["useCookie"]);
+    return client_1.default.init(__assign(__assign(__assign({}, (props.token && { token: props.token })), (useCookie && { 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,17 @@
+import type { DOMConfig } from "..";
+export declare type OpenModalParams = {
+    type: "LOGIN" | "SIGNUP" | "FORGOT_PASSWORD";
+    params?: {
+        planId?: string;
+        priceId?: string;
+    };
+    options?: {
+        onCompleted?: (x: any) => any;
+        onError?: (x: any) => any;
+    };
+};
+export declare const load: (props: {
+    publicKey: string;
+}) => void;
+export declare const openModal: (props: OpenModalParams & DOMConfig) => Promise<void>;
+export declare const hideModal: () => void;

package/lib/methods/dom/methods.js

@@ -0,0 +1,113 @@
+"use strict";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hideModal = exports.openModal = 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 script_1 = require("./script");
+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 hasIFrame = function () {
+    var initialized = isInitialized();
+    if (!initialized)
+        return false;
+    var iframe = document.querySelector("iframe[id=\"_ms-iframe\"]");
+    if (!iframe) {
+        console.warn("iFrame has not been loaded 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 openModal = function (props) { return __awaiter(void 0, void 0, void 0, function () {
+    var _a;
+    return __generator(this, function (_b) {
+        switch (_b.label) {
+            case 0:
+                (0, logger_1.log)("call openModal()");
+                return [4 /*yield*/, script_1.hostedUIReady.isReady];
+            case 1:
+                _b.sent();
+                if (hasIFrame()) {
+                    (_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, _g, _h, _j;
+                        if (e.origin === endpoint_1.endpoints.parentOrigin) {
+                            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);
+                            }
+                            (_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.onCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, (_j = e.data) === null || _j === void 0 ? void 0 : _j.data);
+                        }
+                    });
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+exports.openModal = openModal;
+var hideModal = function () {
+    var _a;
+    (0, logger_1.log)("call hideModal()");
+    if (hasIFrame()) {
+        (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.hide();
+    }
+};
+exports.hideModal = hideModal;

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

@@ -0,0 +1,11 @@
+export declare function initialize(props: {
+    publicKey: string;
+}): Promise<any>;
+export declare class HostedUI {
+    private __globalResolver;
+    private __isReady;
+    constructor();
+    get isReady(): Promise<void>;
+    resolve(): void;
+}
+export declare const hostedUIReady: HostedUI;

package/lib/methods/dom/script.js

@@ -0,0 +1,116 @@
+"use strict";
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hostedUIReady = exports.HostedUI = exports.initialize = void 0;
+var endpoint_1 = require("../../constants/endpoint");
+var window_1 = require("../../constants/window");
+var logger_1 = require("../../utils/logger");
+var isBrowser = typeof window !== "undefined";
+var SCRIPT_URL = endpoint_1.endpoints.loaderScript;
+var SCRIPT_URL_REGEX = new RegExp(SCRIPT_URL);
+var getScript = function () {
+    var existingScript = document.querySelector("script[src^=\"".concat(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.");
+    }
+    document.body.appendChild(script);
+    (0, logger_1.log)("Appending script to load parent hosted UI");
+    return script;
+};
+function initialize(props) {
+    return __awaiter(this, void 0, void 0, function () {
+        var script;
+        var _this = this;
+        return __generator(this, function (_a) {
+            if (!isBrowser)
+                return [2 /*return*/, null];
+            script = getScript();
+            (0, logger_1.log)("Add script event listener for load");
+            script.addEventListener("load", function () { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            (0, logger_1.log)("Hosted UI parent script loaded");
+                            if (!window[window_1.Window.MSDOM]) return [3 /*break*/, 2];
+                            (0, logger_1.log)("Call MSDOM load function, pass public key");
+                            return [4 /*yield*/, window[window_1.Window.MSDOM].load({ publicKey: props.publicKey })];
+                        case 1:
+                            _a.sent();
+                            exports.hostedUIReady.resolve();
+                            console.info("\x1b[36m%s\x1b[0m", "Memberstack has been initialized");
+                            return [3 /*break*/, 3];
+                        case 2:
+                            console.warn("Could not initialize Memberstack.");
+                            _a.label = 3;
+                        case 3: return [2 /*return*/];
+                    }
+                });
+            }); });
+            return [2 /*return*/];
+        });
+    });
+}
+exports.initialize = initialize;
+var HostedUI = /** @class */ (function () {
+    function HostedUI() {
+        var _this = this;
+        this.__isReady = new Promise(function (resolve) {
+            _this.__globalResolver = resolve;
+        });
+    }
+    Object.defineProperty(HostedUI.prototype, "isReady", {
+        get: function () {
+            return this.__isReady;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    HostedUI.prototype.resolve = function () {
+        this.__globalResolver();
+    };
+    return HostedUI;
+}());
+exports.HostedUI = HostedUI;
+exports.hostedUIReady = new HostedUI();