@memberstack/dom 1.9.8 → 1.9.9

package/lib/methods/requests/index.js

@@ -61,18 +61,21 @@ var addHeaders = function (options) { return (__assign({}, ((options === null ||
 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);
+    console.log({ origin: origin });
+    console.log({ data: data });
+    var acceptedOrigins = [
+        "https://client-testing.ngrok.io",
+        "https://client.memberstack.com",
+        "https://dev-client.memberstack.com",
+    ];
+    if (!acceptedOrigins.includes(origin))
+        return;
     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) {
+    if (data === null || data === void 0 ? void 0 : data.error) {
         promiseReject(data.error);
     }
     promiseResolve(data);
@@ -104,6 +107,10 @@ var openSignInWindow = function (url, name) { return __awaiter(void 0, void 0, v
         }
         window.addEventListener('message', function (event) { return receiveMessage(event); }, false);
         previousUrl = url;
+        // close window if user navigates away
+        window.addEventListener('beforeunload', function () {
+            windowObjectReference === null || windowObjectReference === void 0 ? void 0 : windowObjectReference.close();
+        });
         return [2 /*return*/, new Promise(function (resolve, reject) {
                 promiseResolve = resolve;
                 promiseReject = reject;
@@ -131,6 +138,7 @@ exports.initRequest = function (_a) {
                         customFields: customFields,
                         plans: plans,
                         appId: appId,
+                        origin: window.location.hostname,
                     });
                     return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/signup?" + queryParams, "signup")];
                 });
@@ -143,37 +151,66 @@ exports.initRequest = function (_a) {
                     queryParams = new URLSearchParams({
                         provider: params.provider,
                         appId: appId,
+                        origin: window.location.hostname,
                     });
                     return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/login?" + queryParams, "login")];
                 });
             });
         },
-        getAppAndMember: function () {
+        connectProvider: 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,
+                        member: cookies_1.getMemberCookie(),
+                        origin: window.location.hostname,
+                    });
+                    //@ts-ignore
+                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/connect?" + queryParams, "connect")];
+                });
+            });
+        },
+        disconnectProvider: function (params) {
             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",
+                            method: requests_2.HttpMethod.POST,
+                            url: "/member/disconnect-provider",
+                            data: {
+                                provider: params.provider,
+                            }
                         })];
                 });
             });
         },
-        getApp: function () {
+        getAppAndMember: function (params) {
             return __awaiter(this, void 0, void 0, function () {
+                var queryParams;
                 return __generator(this, function (_a) {
+                    queryParams = new URLSearchParams({
+                        // @ts-ignore
+                        includeSSOText: window === null || window === void 0 ? void 0 : window.ssoUI,
+                    });
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/app",
+                            url: "/app-member?" + queryParams,
                         })];
                 });
             });
         },
-        getAuthProviders: function () {
+        getApp: function () {
             return __awaiter(this, void 0, void 0, function () {
+                var queryParams;
                 return __generator(this, function (_a) {
+                    queryParams = new URLSearchParams({
+                        // @ts-ignore
+                        includeSSOText: window === null || window === void 0 ? void 0 : window.ssoUI,
+                    });
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/auth/providers",
+                            url: "/app?" + queryParams,
                         })];
                 });
             });
@@ -322,92 +359,6 @@ exports.initRequest = function (_a) {
                 });
             });
         },
-        getMemberCards: function (options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.GET,
-                            url: "/member/cards",
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        getMemberInvoices: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                var queryParams;
-                return __generator(this, function (_a) {
-                    queryParams = params &&
-                        new URLSearchParams(__assign(__assign(__assign({}, (params.first && { first: "" + params.first })), (params.after && { after: params.after })), (params.order && { order: params.order })));
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.GET,
-                            url: "/member/invoices" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.toString().length) ? "?" + queryParams : ""),
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        getMemberReceipts: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                var queryParams;
-                return __generator(this, function (_a) {
-                    queryParams = params &&
-                        new URLSearchParams(__assign(__assign(__assign({}, (params.first && { first: "" + params.first })), (params.after && { after: params.after })), (params.order && { order: params.order })));
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.GET,
-                            url: "/member/receipts" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.toString().length) ? "?" + queryParams : ""),
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        getAuthenticationClientSecret: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.GET,
-                            url: "/member/planConnections/" + params.planConnectionId + "/authentication-client-secret",
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        getTotalCheckoutAmount: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/payment/get-total-amount",
-                            data: {
-                                priceIds: params.priceIds,
-                            },
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        purchasePlans: function (params, options) {
-            var _a, _b, _c;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_d) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/member/plans/purchase",
-                            data: {
-                                plans: params.plans,
-                                payment: __assign(__assign({}, (((_a = params.payment) === null || _a === void 0 ? void 0 : _a.stripe) && {
-                                    stripe: {
-                                        paymentMethodId: (_b = params.payment.stripe) === null || _b === void 0 ? void 0 : _b.paymentMethodId,
-                                    },
-                                })), (((_c = params.payment) === null || _c === void 0 ? void 0 : _c.cardId) && {
-                                    cardId: params.payment.cardId,
-                                })),
-                            },
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
         addPlan: function (params, options) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -528,20 +479,6 @@ exports.initRequest = function (_a) {
                 });
             });
         },
-        cancelPlan: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/member/plans/cancel",
-                            data: {
-                                planConnectionId: params.planConnectionId,
-                            },
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
         updateMember: function (params, options) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -566,46 +503,14 @@ exports.initRequest = function (_a) {
                 });
             });
         },
-        addCard: function (params, options) {
+        setPassword: function (params, options) {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.POST,
-                            url: "/member/cards",
+                            url: "/member/set-password",
                             data: {
-                                stripe: {
-                                    paymentMethodId: params.stripePaymentMethodId,
-                                },
-                                default: !!params.default,
-                            },
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        updateDefaultCard: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/member/cards/update-default",
-                            data: {
-                                cardId: params.cardId,
-                            },
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        updatePlanPayment: function (params, options) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/member/update-payment",
-                            data: {
-                                planConnectionId: params.planConnectionId,
-                                cardId: params.cardId,
+                                password: params.password,
                             },
                             headers: addHeaders(options),
                         })];
@@ -639,36 +544,6 @@ exports.initRequest = function (_a) {
                 });
             });
         },
-        signupMemberAuthProvider: function (params) {
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/auth/signup-provider",
-                            data: __assign({ code: params.code, provider: params.provider, customFields: params.customFields, metaData: params.metaData, plans: params.plans }, (params.payment && {
-                                payment: {
-                                    stripe: {
-                                        paymentMethodId: params.payment.stripe.paymentMethodId,
-                                    },
-                                },
-                            })),
-                        })];
-                });
-            });
-        },
-        // async refreshMemberTokens(
-        //   params: Params.RefreshMemberTokensParams,
-        //   options?: MemberstackOptions
-        // ): Promise<Payloads.RefreshMemberTokensPayload> {
-        //   return sendRequest({
-        //     method: HttpMethod.POST,
-        //     url: `/member/refresh-tokens`,
-        //     data: {
-        //       refreshToken: params.refreshToken,
-        //     },
-        //     headers: addHeaders(options),
-        //   });
-        // },
         sendMemberVerificationEmail: function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -712,32 +587,19 @@ exports.initRequest = function (_a) {
         },
         logout: function (options) {
             return __awaiter(this, void 0, void 0, function () {
+                var data;
                 return __generator(this, function (_a) {
-                    auth_1.unsetPersistedMember();
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/member/logout",
-                            headers: addHeaders(options),
-                        })];
-                });
-            });
-        },
-        replacePlan: function (params, options) {
-            var _a;
-            return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
-                    return [2 /*return*/, sendRequest({
-                            method: requests_2.HttpMethod.POST,
-                            url: "/member/plans/replace",
-                            data: __assign({ newPlanId: params.newPlanId, priceId: params.priceId, planConnectionId: params.planConnectionId }, (params.payment && {
-                                payment: __assign(__assign({}, (params.payment.cardId && { cardId: params.payment.cardId })), (params.payment.stripe && {
-                                    stripe: {
-                                        paymentMethodId: (_a = params.payment.stripe) === null || _a === void 0 ? void 0 : _a.paymentMethodId,
-                                    },
-                                })),
-                            })),
-                            headers: addHeaders(options),
-                        })];
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, sendRequest({
+                                method: requests_2.HttpMethod.POST,
+                                url: "/member/logout",
+                                headers: addHeaders(options),
+                            })];
+                        case 1:
+                            data = _a.sent();
+                            auth_1.unsetPersistedMember();
+                            return [2 /*return*/, data];
+                    }
                 });
             });
         },

package/lib/types/params.d.ts

@@ -13,6 +13,9 @@ export declare type SignupMemberEmailPasswordParams = {
         };
     };
 };
+export declare type SetPasswordParams = {
+    password: string;
+};
 export declare type SignupWithProviderParams = {
     provider: string;
     customFields?: Record<string, any>;

package/lib/types/payloads.d.ts

@@ -7,8 +7,10 @@ export declare type RemovePlanPayload = Response<Payload.Transforms["Member"]>;
 export declare type GetCurrentMemberPayload = Response<Payload.Transforms["Member"]>;
 export declare type GetMemberJSONPayload = Response<Payload.Transforms["MemberJSON"]>;
 export declare type GetMemberCardsPayload = Response<Payload.Transforms["MemberCard"][]>;
+export declare type ConnectProviderPayload = Response<Payload.Transforms["AuthProviders"]>;
 export declare type GetMemberInvoicesPayload = PaginatedResponse<Payload.Transforms["MemberInvoice"]>;
 export declare type GetMemberReceiptsPayload = PaginatedResponse<Payload.Transforms["MemberReceipt"]>;
+export declare type SetPasswordPayload = Response<Payload.Transforms["Member"]>;
 export declare type GetRestrictedUrlGroupsPayload = Response<Payload.Transforms["RestrictedUrlGroup"][]>;
 export declare type GetPlansPayload = Response<Payload.Transforms["Plan"][]>;
 export declare type GetPlanPayload = Response<Payload.Transforms["Plan"]>;
@@ -30,7 +32,6 @@ export declare type UpdateMemberPayload = Response<Payload.Transforms["Member"]>
 export declare type UpdatePlanPaymentPayload = Response<Payload.Transforms["Member"]>;
 export declare type RefreshMemberTokensPayload = Response<Payload.Transforms["MemberAuth"]["tokens"]>;
 export declare type SendMemberResetPasswordEmailPayload = Response<string>;
-export declare type ResetMemberPasswordPayload = Response<Payload.Transforms["Member"]>;
 export declare type ReplacePlanPayload = Response<Payload.Transforms["Purchase"]>;
 export declare type GetAuthProvidersPayload = Response<Payload.Transforms["AuthProvider"][]>;
 export declare type GetTotalCheckoutAmountPayload = Response<Payload.Transforms["TotalCheckoutAmount"]>;

package/lib/types/utils/payloads.d.ts

@@ -58,20 +58,25 @@ export declare namespace Payload {
             };
             member: Transforms["Member"];
             redirect: string;
-            payment: {
-                requirePayment: string[];
-                requireAuthentication: string[];
-            };
             contentGroups?: Transforms["RestrictedUrlGroup"][];
         };
         MemberJSON: {
             json: object;
         };
+        AuthProviders: {
+            providers: {
+                provider: string;
+            }[];
+        };
         Member: {
             id: string;
             verified: boolean;
             auth: {
                 email: string;
+                hasPassword: boolean;
+                providers: {
+                    provider: string;
+                }[];
             };
             loginRedirect: string;
             stripeCustomerId: string;

package/lib/utils/defaultMessageBox.d.ts

@@ -0,0 +1,3 @@
+export declare const addSuccessBox: () => void;
+export declare const addErrorBox: () => void;
+export declare const initCSS: () => void;

package/lib/utils/defaultMessageBox.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initCSS = exports.addErrorBox = exports.addSuccessBox = void 0;
+var closeIcon;
+if (typeof window !== "undefined") {
+    closeIcon = document.createElement("div");
+    closeIcon.setAttribute("id", "ms-status-close");
+    closeIcon.setAttribute("data-ms-message-close", "");
+    closeIcon.innerHTML = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" fill=\"white\"/></svg>";
+}
+exports.addSuccessBox = function () {
+    var successStatusIcon = document.createElement("div");
+    successStatusIcon.setAttribute("id", "ms-status-icon");
+    successStatusIcon.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#62d37f\"/><path d=\"M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm4.59-12.42L8 12.17 5.41 9.59 4 11l4 4 8-8-1.41-1.42Z\" fill=\"#fff\"/></svg>";
+    var successHTML = "<div data-ms-message class=\"ms-error-message\">\n\t\t" + successStatusIcon.outerHTML + "\n\t\t<div id=\"ms-message\" data-ms-message-text></div>\n\t\t" + closeIcon.outerHTML + "\n\t\t</div>";
+    var successdiv = document.createElement("div");
+    successdiv.setAttribute("data-ms-message", "success");
+    successdiv.innerHTML = successHTML;
+    successdiv.style.display = "none";
+    document.body.appendChild(successdiv);
+};
+exports.addErrorBox = function () {
+    var errorStatusIcon = document.createElement("div");
+    errorStatusIcon.setAttribute("id", "ms-status-icon");
+    errorStatusIcon.innerHTML = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z\" fill=\"#E40023\"/></svg>";
+    var errorHTML = "<div data-ms-message class=\"ms-error-message\">\n\t\t" + errorStatusIcon.outerHTML + "\n\t\t<div id=\"ms-message\" data-ms-message-text></div>\n\t\t" + closeIcon.outerHTML + "\n\t\t</div>";
+    var errordiv = document.createElement("div");
+    errordiv.setAttribute("data-ms-message", "error");
+    errordiv.innerHTML = errorHTML;
+    errordiv.style.display = "none";
+    document.body.appendChild(errordiv);
+};
+exports.initCSS = function () {
+    var cssEl = document.createElement("style");
+    var css = "\n\t\t@keyframes fadeIn {\n\t\t\t0% {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t100% {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\t.ms-error-message { \n\t\t\t\tposition: fixed;\n\t\t\t\tleft: 50%;\n\t\t\t\tbottom: 3%;\n\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tz-index: 10000000; \n\t\t\t\tdisplay: flex; \n\t\t\t\talign-items: center;\n\t\t\t\tpadding: 12px 16px;\n\t\t\t\tborder-radius: 8px; \n\t\t\t\tbackground-color: #0A0A0A; \n\t\t\t\tcolor: #fff; \n\t\t\t\tfont-size: 16.8px; \n\t\t\t\tline-height: 28px; \n\t\t\t\tfont-weight: 500; \n\t\t\t\ttransform-origin: center;\n\t\t\t\tanimation: fadeIn 0.2s ease-in;\n\t\t\t\t-webkit-animation: fadeIn 0.2s ease-in;\n\t\t\t\t-moz-animation: fadeIn 0.2s ease-in;\n\t\t\t\t-o-animation: fadeIn 0.2s ease-in;\n\t\t\t\t-ms-animation: fadeIn 0.2s ease-in;\n\t\t\t}\n\t\t\t#ms-status-icon {\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\tmargin-right: 12px;\n\t\t\t\t}\n\t\t\t\t#ms-status-close {\n\t\t\t\t\tmargin-left: 20px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t\t#ms-status-close svg {\n\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t}";
+    cssEl.setAttribute("data-ms-style", "");
+    cssEl.appendChild(document.createTextNode(css));
+    document.head.appendChild(cssEl);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberstack/dom",
-  "version": "1.9.8",
+  "version": "1.9.9",
   "main": "./lib/index.js",
   "files": [
     "lib/**/*"