@memberstack/dom 1.9.7 → 1.9.8

package/lib/methods/dom/methods.js

@@ -72,7 +72,14 @@ exports.showLoader = function (element) {
     var div = document.createElement("div");
     div.setAttribute("data-ms-loader", "true");
     div.innerHTML = loaderHTML;
-    document.body.appendChild(div);
+    if (document.readyState !== "loading") {
+        document.body.appendChild(div);
+    }
+    else {
+        document.addEventListener("DOMContentLoaded", function (event) {
+            document.body.appendChild(div);
+        });
+    }
 };
 exports.hideLoader = function (element) {
     var _a;

package/lib/methods/index.d.ts

@@ -15,6 +15,108 @@ declare const _default: {
             unsubscribe: () => boolean;
         };
     } & {
+        signupWithProvider(params?: import("../types").SignupWithProviderParams): Promise<unknown>;
+        loginWithProvider(params?: import("../types").SignupWithProviderParams): Promise<unknown>;
+        getAppAndMember(): Promise<{
+            data: {
+                app: {
+                    id: string;
+                    name: string;
+                    mode: "live" | "sandbox";
+                    plans: {
+                        id: string;
+                        name: string;
+                        description: string;
+                        status: string;
+                        redirects: {
+                            afterLogin: string;
+                            afterLogout: string;
+                            afterSignup: string;
+                        };
+                        prices?: [] | {
+                            id: string;
+                            amount: string;
+                            interval: {
+                                type: string;
+                                count: number;
+                            };
+                            name: string;
+                            type: string;
+                            status: string;
+                            currency: string;
+                        }[];
+                    }[];
+                    contentGroups: {
+                        id: string;
+                        name: string;
+                        key: string;
+                        allowAllMembers: boolean;
+                        activeMemberHasAccess?: boolean;
+                        redirect: string;
+                        urls: {
+                            url: string;
+                            filter: string;
+                        }[];
+                        plans: {
+                            id: string;
+                        }[];
+                    }[];
+                    emailVerificationEnabled: boolean;
+                    requireEmailVerification: boolean;
+                    customField: {
+                        order: number;
+                        key: string;
+                        label: string;
+                        hidden: boolean;
+                    }[];
+                    branding: {
+                        logo: string;
+                        colors: {
+                            lightMode: {
+                                primaryButton: string;
+                            };
+                        };
+                    };
+                    authProviders: {
+                        clientId: string;
+                        provider: string;
+                        providerType: string;
+                        icon: string;
+                    }[];
+                };
+                member: {
+                    id: string;
+                    verified: boolean;
+                    auth: {
+                        email: string;
+                    };
+                    loginRedirect: string;
+                    stripeCustomerId: string;
+                    createdAt: string;
+                    metaData: object;
+                    customFields: object;
+                    permissions: [] | string[];
+                    planConnections: {
+                        id: string;
+                        active: boolean;
+                        status: string;
+                        planId: string;
+                        type: string;
+                        payment: {
+                            amount: number;
+                            currency: string;
+                            status: string;
+                            lastBillingDate: number;
+                            nextBillingDate: number;
+                            cancelAtDate: number;
+                            lastInvoice: string;
+                            lastReceipt: string;
+                            card: string;
+                        };
+                    }[];
+                };
+            };
+        }>;
         getApp(): Promise<{
             data: {
                 id: string;
@@ -48,6 +150,7 @@ declare const _default: {
                     name: string;
                     key: string;
                     allowAllMembers: boolean;
+                    activeMemberHasAccess?: boolean;
                     redirect: string;
                     urls: {
                         url: string;
@@ -57,6 +160,8 @@ declare const _default: {
                         id: string;
                     }[];
                 }[];
+                emailVerificationEnabled: boolean;
+                requireEmailVerification: boolean;
                 customField: {
                     order: number;
                     key: string;
@@ -71,6 +176,12 @@ declare const _default: {
                         };
                     };
                 };
+                authProviders: {
+                    clientId: string;
+                    provider: string;
+                    providerType: string;
+                    icon: string;
+                }[];
             };
         }>;
         getAuthProviders(): Promise<{
@@ -106,6 +217,7 @@ declare const _default: {
                     name: string;
                     key: string;
                     allowAllMembers: boolean;
+                    activeMemberHasAccess?: boolean;
                     redirect: string;
                     urls: {
                         url: string;
@@ -115,6 +227,8 @@ declare const _default: {
                         id: string;
                     }[];
                 }[];
+                emailVerificationEnabled: boolean;
+                requireEmailVerification: boolean;
                 customField: {
                     order: number;
                     key: string;
@@ -129,9 +243,15 @@ declare const _default: {
                         };
                     };
                 };
+                authProviders: {
+                    clientId: string;
+                    provider: string;
+                    providerType: string;
+                    icon: string;
+                }[];
             };
         }>;
-        loginMemberEmailPassword(params: import("../types").LoginMemberEmailPasswordParams): Promise<{
+        loginMemberEmailPassword(params: import("../types").LoginMemberEmailPasswordParams, options?: any): Promise<{
             data: {
                 tokens: {
                     accessToken: string;
@@ -140,6 +260,7 @@ declare const _default: {
                 };
                 member: {
                     id: string;
+                    verified: boolean;
                     auth: {
                         email: string;
                     };
@@ -173,6 +294,21 @@ declare const _default: {
                     requirePayment: string[];
                     requireAuthentication: string[];
                 };
+                contentGroups?: {
+                    id: string;
+                    name: string;
+                    key: string;
+                    allowAllMembers: boolean;
+                    activeMemberHasAccess?: boolean;
+                    redirect: string;
+                    urls: {
+                        url: string;
+                        filter: string;
+                    }[];
+                    plans: {
+                        id: string;
+                    }[];
+                }[];
             };
         }>;
         loginMemberAuthProvider(params: import("../types").LoginMemberAuthProviderParams): Promise<{
@@ -184,6 +320,7 @@ declare const _default: {
                 };
                 member: {
                     id: string;
+                    verified: boolean;
                     auth: {
                         email: string;
                     };
@@ -217,6 +354,21 @@ declare const _default: {
                     requirePayment: string[];
                     requireAuthentication: string[];
                 };
+                contentGroups?: {
+                    id: string;
+                    name: string;
+                    key: string;
+                    allowAllMembers: boolean;
+                    activeMemberHasAccess?: boolean;
+                    redirect: string;
+                    urls: {
+                        url: string;
+                        filter: string;
+                    }[];
+                    plans: {
+                        id: string;
+                    }[];
+                }[];
             };
         }>;
         getPlan(params: import("../types").GetPlanParams): Promise<{
@@ -275,6 +427,7 @@ declare const _default: {
                 name: string;
                 key: string;
                 allowAllMembers: boolean;
+                activeMemberHasAccess?: boolean;
                 redirect: string;
                 urls: {
                     url: string;
@@ -288,6 +441,7 @@ declare const _default: {
         getCurrentMember(options?: import("./requests").GetCurrentMemberParams): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -441,6 +595,7 @@ declare const _default: {
         cancelPlan(params: import("../types").CancelPlanParams, options?: import("./requests").MemberstackOptions): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -473,6 +628,7 @@ declare const _default: {
         updateMember(params: import("../types").UpdateMemberParams, options?: import("./requests").MemberstackOptions): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -505,6 +661,7 @@ declare const _default: {
         updateMemberAuth(params: import("../types").UpdateMemberAuthParams, options?: import("./requests").MemberstackOptions): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -537,6 +694,7 @@ declare const _default: {
         addCard(params: import("../types").AddMemberCardParams, options?: import("./requests").MemberstackOptions): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -569,6 +727,7 @@ declare const _default: {
         updateDefaultCard(params: import("../types").UpdateDefaultCardParams, options?: import("./requests").MemberstackOptions): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -601,6 +760,7 @@ declare const _default: {
         updatePlanPayment(params: import("../types").UpdatePlanPaymentParams, options?: import("./requests").MemberstackOptions): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };
@@ -630,7 +790,7 @@ declare const _default: {
                 }[];
             };
         }>;
-        signupMemberEmailPassword(params: import("../types").SignupMemberEmailPasswordParams): Promise<{
+        signupMemberEmailPassword(params: import("../types").SignupMemberEmailPasswordParams, options?: any): Promise<{
             data: {
                 tokens: {
                     accessToken: string;
@@ -639,6 +799,7 @@ declare const _default: {
                 };
                 member: {
                     id: string;
+                    verified: boolean;
                     auth: {
                         email: string;
                     };
@@ -672,6 +833,21 @@ declare const _default: {
                     requirePayment: string[];
                     requireAuthentication: string[];
                 };
+                contentGroups?: {
+                    id: string;
+                    name: string;
+                    key: string;
+                    allowAllMembers: boolean;
+                    activeMemberHasAccess?: boolean;
+                    redirect: string;
+                    urls: {
+                        url: string;
+                        filter: string;
+                    }[];
+                    plans: {
+                        id: string;
+                    }[];
+                }[];
             };
         }>;
         signupMemberAuthProvider(params: import("../types").SignupMemberAuthProviderParams): Promise<{
@@ -683,6 +859,7 @@ declare const _default: {
                 };
                 member: {
                     id: string;
+                    verified: boolean;
                     auth: {
                         email: string;
                     };
@@ -716,14 +893,31 @@ declare const _default: {
                     requirePayment: string[];
                     requireAuthentication: string[];
                 };
+                contentGroups?: {
+                    id: string;
+                    name: string;
+                    key: string;
+                    allowAllMembers: boolean;
+                    activeMemberHasAccess?: boolean;
+                    redirect: string;
+                    urls: {
+                        url: string;
+                        filter: string;
+                    }[];
+                    plans: {
+                        id: string;
+                    }[];
+                }[];
             };
         }>;
+        sendMemberVerificationEmail(): Promise<void>;
         sendMemberResetPasswordEmail(params: import("../types").SendMemberResetPasswordEmailParams): Promise<{
             data: string;
         }>;
         resetMemberPassword(params: import("../types").ResetMemberPasswordParams): Promise<{
             data: {
                 id: string;
+                verified: boolean;
                 auth: {
                     email: string;
                 };

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

@@ -16,9 +16,12 @@ export interface ClientConfig {
 }
 declare type BearerToken = string;
 export declare const initRequest: ({ publicKey, appId, token, customEndpoint, sessionDurationDays }: ClientConfig) => {
+    signupWithProvider(params?: Params.SignupWithProviderParams): Promise<unknown>;
+    loginWithProvider(params?: Params.SignupWithProviderParams): Promise<unknown>;
+    getAppAndMember(): Promise<Payloads.GetAppAndMemberPayload>;
     getApp(): Promise<Payloads.AppPayload>;
     getAuthProviders(): Promise<Payloads.AppPayload>;
-    loginMemberEmailPassword(params: Params.LoginMemberEmailPasswordParams): Promise<Payloads.LoginMemberEmailPasswordPayload>;
+    loginMemberEmailPassword(params: Params.LoginMemberEmailPasswordParams, options?: any): Promise<Payloads.LoginMemberEmailPasswordPayload>;
     loginMemberAuthProvider(params: Params.LoginMemberAuthProviderParams): Promise<Payloads.LoginMemberAuthProviderPayload>;
     getPlan(params: Params.GetPlanParams): Promise<Payloads.GetPlanPayload>;
     getPlans(): Promise<Payloads.GetPlansPayload>;
@@ -42,8 +45,9 @@ export declare const initRequest: ({ publicKey, appId, token, customEndpoint, se
     addCard(params: Params.AddMemberCardParams, options?: MemberstackOptions): Promise<Payloads.AddMemberCardPayload>;
     updateDefaultCard(params: Params.UpdateDefaultCardParams, options?: MemberstackOptions): Promise<Payloads.UpdateDefaultCardPayload>;
     updatePlanPayment(params: Params.UpdatePlanPaymentParams, options?: MemberstackOptions): Promise<Payloads.UpdatePlanPaymentPayload>;
-    signupMemberEmailPassword(params: Params.SignupMemberEmailPasswordParams): Promise<Payloads.SignupMemberEmailPasswordPayload>;
+    signupMemberEmailPassword(params: Params.SignupMemberEmailPasswordParams, options?: any): Promise<Payloads.SignupMemberEmailPasswordPayload>;
     signupMemberAuthProvider(params: Params.SignupMemberAuthProviderParams): Promise<Payloads.SignupMemberAuthProviderPayload>;
+    sendMemberVerificationEmail(): Promise<void>;
     sendMemberResetPasswordEmail(params: Params.SendMemberResetPasswordEmailParams): Promise<Payloads.SendMemberResetPasswordEmailPayload>;
     resetMemberPassword(params: Params.ResetMemberPasswordParams): Promise<Payloads.ResetMemberPasswordPayload>;
     logout(options?: MemberstackOptions): Promise<Payloads.LogoutMemberPayload>;

package/lib/methods/requests/index.js

@@ -53,9 +53,63 @@ var requests_2 = require("./requests");
 var jose_1 = require("jose");
 var auth_1 = require("../../auth");
 var cookies_1 = require("../../utils/cookies");
+var endpoints_1 = require("../../constants/endpoints");
+var globalSessionDurationDays;
 var addHeaders = function (options) { return (__assign({}, ((options === null || options === void 0 ? void 0 : options.token) && {
     Authorization: "Bearer " + options.token,
 }))); };
+var promiseResolve, promiseReject;
+var receiveMessage = function (event) {
+    var _a;
+    // Do we trust the sender of this message? (might be
+    // different from what we originally opened, for example).
+    // if (event.origin !== BASE_URL) {
+    // 	return;
+    // }
+    var data = event.data, origin = event.origin;
+    console.log("origin", origin);
+    if ((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.member) {
+        auth_1.setPersistedMember(data.data.member);
+        cookies_1.setMemberCookie(data.data.tokens.accessToken, globalSessionDurationDays);
+    }
+    if (data.error) {
+        promiseReject(data.error);
+    }
+    promiseResolve(data);
+};
+var windowObjectReference = null;
+var previousUrl = null;
+var openSignInWindow = function (url, name) { return __awaiter(void 0, void 0, void 0, function () {
+    var dualScreenLeft, dualScreenTop, width, height, systemZoom, left, top, strWindowFeatures;
+    return __generator(this, function (_a) {
+        // remove any existing event listeners
+        window.removeEventListener('message', receiveMessage);
+        dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
+        dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;
+        width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
+        height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;
+        systemZoom = width / window.screen.availWidth;
+        left = (width - 600) / 2 / systemZoom + dualScreenLeft;
+        top = (height - 700) / 2 / systemZoom + dualScreenTop;
+        strWindowFeatures = "toolbar=no, menubar=no, width=" + 600 / systemZoom + ", height=" + 700 / systemZoom + ", top=" + top + ", left=" + left;
+        if (windowObjectReference === null || windowObjectReference.closed) {
+            windowObjectReference = window.open(url, name, strWindowFeatures);
+        }
+        else if (previousUrl !== url) {
+            windowObjectReference = window.open(url, name, strWindowFeatures);
+            windowObjectReference.focus();
+        }
+        else {
+            windowObjectReference.focus();
+        }
+        window.addEventListener('message', function (event) { return receiveMessage(event); }, false);
+        previousUrl = url;
+        return [2 /*return*/, new Promise(function (resolve, reject) {
+                promiseResolve = resolve;
+                promiseReject = reject;
+            })];
+    });
+}); };
 exports.initRequest = function (_a) {
     var publicKey = _a.publicKey, appId = _a.appId, token = _a.token, customEndpoint = _a.customEndpoint, sessionDurationDays = _a.sessionDurationDays;
     var sendRequest = requests_1.createRequestHandler({
@@ -64,7 +118,46 @@ exports.initRequest = function (_a) {
         customEndpoint: customEndpoint,
         appId: appId,
     }).sendRequest;
+    globalSessionDurationDays = sessionDurationDays;
     return {
+        signupWithProvider: function (params) {
+            return __awaiter(this, void 0, void 0, function () {
+                var customFields, plans, queryParams;
+                return __generator(this, function (_a) {
+                    customFields = encodeURIComponent(params.customFields ? JSON.stringify(params.customFields) : "{}");
+                    plans = encodeURIComponent(params.plans ? JSON.stringify(params.plans) : "[]");
+                    queryParams = new URLSearchParams({
+                        provider: params.provider,
+                        customFields: customFields,
+                        plans: plans,
+                        appId: appId,
+                    });
+                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/signup?" + queryParams, "signup")];
+                });
+            });
+        },
+        loginWithProvider: function (params) {
+            return __awaiter(this, void 0, void 0, function () {
+                var queryParams;
+                return __generator(this, function (_a) {
+                    queryParams = new URLSearchParams({
+                        provider: params.provider,
+                        appId: appId,
+                    });
+                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/login?" + queryParams, "login")];
+                });
+            });
+        },
+        getAppAndMember: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, sendRequest({
+                            method: requests_2.HttpMethod.GET,
+                            url: "/app-member",
+                        })];
+                });
+            });
+        },
         getApp: function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -85,7 +178,7 @@ exports.initRequest = function (_a) {
                 });
             });
         },
-        loginMemberEmailPassword: function (params) {
+        loginMemberEmailPassword: function (params, options) {
             return __awaiter(this, void 0, void 0, function () {
                 var data;
                 return __generator(this, function (_a) {
@@ -96,6 +189,7 @@ exports.initRequest = function (_a) {
                                 data: {
                                     email: params.email,
                                     password: params.password,
+                                    options: options
                                 },
                             })];
                         case 1:
@@ -187,7 +281,7 @@ exports.initRequest = function (_a) {
                 return __generator(this, function (_a) {
                     getMemberRequest = sendRequest({
                         method: requests_2.HttpMethod.GET,
-                        url: "/member",
+                        url: "/member?" + Math.floor(1000 + Math.random() * 9000),
                         headers: addHeaders(options),
                     });
                     // temp hacky solution
@@ -518,7 +612,7 @@ exports.initRequest = function (_a) {
                 });
             });
         },
-        signupMemberEmailPassword: function (params) {
+        signupMemberEmailPassword: function (params, options) {
             return __awaiter(this, void 0, void 0, function () {
                 var data;
                 return __generator(this, function (_a) {
@@ -526,13 +620,15 @@ exports.initRequest = function (_a) {
                         case 0: return [4 /*yield*/, sendRequest({
                                 method: requests_2.HttpMethod.POST,
                                 url: "/auth/signup",
-                                data: __assign({ email: params.email, password: params.password, customFields: params.customFields, metaData: params.metaData, plans: params.plans }, (params.payment && {
+                                data: __assign(__assign({ email: params.email, password: params.password, customFields: params.customFields, metaData: params.metaData, plans: params.plans }, (params.payment && {
                                     payment: {
                                         stripe: {
                                             paymentMethodId: params.payment.stripe.paymentMethodId,
                                         },
                                     },
-                                })),
+                                })), { 
+                                    //internal use only
+                                    origin_domain: window.location.origin, options: options }),
                             })];
                         case 1:
                             data = _a.sent();
@@ -573,6 +669,20 @@ exports.initRequest = function (_a) {
         //     headers: addHeaders(options),
         //   });
         // },
+        sendMemberVerificationEmail: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, sendRequest({
+                            method: requests_2.HttpMethod.POST,
+                            url: "/auth/send-email-verification",
+                            data: {
+                                //internal use only
+                                origin_domain: window.location.origin,
+                            },
+                        })];
+                });
+            });
+        },
         sendMemberResetPasswordEmail: function (params) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {

package/lib/methods/requests/requests.js

@@ -53,6 +53,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createRequestHandler = exports.HttpHeaders = exports.HttpMethod = void 0;
 var axios_1 = __importDefault(require("axios"));
 var endpoints_1 = require("../../constants/endpoints");
+var cookies_1 = require("../../utils/cookies");
 var HttpMethod;
 (function (HttpMethod) {
     HttpMethod["POST"] = "POST";
@@ -70,7 +71,7 @@ exports.createRequestHandler = function (_a) {
     var publicKey = _a.publicKey, appId = _a.appId, token = _a.token, customEndpoint = _a.customEndpoint;
     return {
         sendRequest: function (data, options) { return __awaiter(void 0, void 0, void 0, function () {
-            var url, authHeader, formattedUrl, res, e_1;
+            var url, memberCookie, authHeader, formattedUrl, res, e_1;
             var _a, _b, _c;
             var _d, _e, _f, _g, _h, _j, _k, _l;
             return __generator(this, function (_m) {
@@ -78,9 +79,10 @@ exports.createRequestHandler = function (_a) {
                     case 0:
                         _m.trys.push([0, 2, , 3]);
                         url = data.url;
+                        memberCookie = cookies_1.getMemberCookie();
                         authHeader = [
                             (_e = (_d = data.headers) === null || _d === void 0 ? void 0 : _d["Authorization"]) === null || _e === void 0 ? void 0 : _e.replace("Bearer ", ""),
-                            token,
+                            memberCookie,
                             options === null || options === void 0 ? void 0 : options.token,
                         ].find(function (x) { return x; });
                         formattedUrl = "" + (customEndpoint || endpoints_1.endpoints.API) + url;

package/lib/types/params.d.ts

@@ -13,6 +13,16 @@ export declare type SignupMemberEmailPasswordParams = {
         };
     };
 };
+export declare type SignupWithProviderParams = {
+    provider: string;
+    customFields?: Record<string, any>;
+    plans?: {
+        planId: string;
+    }[];
+};
+export declare type LoginWithProviderParams = {
+    provider: string;
+};
 export declare type SignupMemberAuthProviderParams = {
     code: string;
     provider: "GOOGLE" | "FACEBOOK";

package/lib/types/payloads.d.ts

@@ -1,5 +1,6 @@
 import { Payload } from "./utils/payloads";
 export declare type AppPayload = Response<Payload.Transforms["App"]>;
+export declare type GetAppAndMemberPayload = Response<Payload.Transforms["GetAppAndMember"]>;
 export declare type AddMemberCardPayload = Response<Payload.Transforms["Member"]>;
 export declare type CancelPlanPayload = Response<Payload.Transforms["Member"]>;
 export declare type RemovePlanPayload = Response<Payload.Transforms["Member"]>;