@memberstack/dom 1.9.9 → 1.9.10

package/lib/methods/index.js

@@ -1,9 +1,49 @@
 "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 });
 var methods_1 = require("./dom/methods");
 var cookies_1 = require("../utils/cookies");
 var requests_1 = require("./requests");
 var auth_1 = require("../auth");
+var captchaReadyPromise = new Promise(function (resolve) {
+    //@ts-ignore
+    window._hcaptchaReady = resolve;
+});
 var methods = {
     openModal: methods_1.openModal,
     hideModal: methods_1.hideModal,
@@ -12,19 +52,35 @@ var methods = {
     _showMessage: methods_1.showMessage,
     getMemberCookie: cookies_1.getMemberCookie,
     onAuthChange: auth_1.onAuthChange,
+    _captchaReady: captchaReadyPromise,
 };
 function init(props) {
-    var requests = requests_1.initRequest({
+    var requests = (0, requests_1.initRequest)({
         publicKey: props.publicKey,
         appId: props.appId,
         sessionDurationDays: props.sessionDurationDays,
-        token: cookies_1.getMemberCookie(),
+        token: (0, cookies_1.getMemberCookie)(),
     });
     var allMethods = Object.assign(methods, requests);
     if (typeof window !== "undefined") {
         //@ts-ignore
         window.$memberstackDom = allMethods;
     }
+    // init hcaptcha
+    _initCaptchas();
     return allMethods;
 }
+function _initCaptchas() {
+    return __awaiter(this, void 0, void 0, function () {
+        var script;
+        return __generator(this, function (_a) {
+            script = document.createElement("script");
+            script.src = "https://js.hcaptcha.com/1/api.js?render=explicit&onload=_hcaptchaReady";
+            script.async = true;
+            script.defer = true;
+            document.head.appendChild(script);
+            return [2 /*return*/];
+        });
+    });
+}
 exports.default = { init: function (props) { return init(props); } };

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

@@ -33,14 +33,14 @@ export declare const initRequest: ({ publicKey, appId, token, customEndpoint, se
     addPlan(params: Params.AddPlanParams, options?: MemberstackOptions): Promise<Payloads.AddPlanPayload>;
     purchasePlansWithCheckout(params: Params.PurchasePlansWithCheckoutParams, options?: MemberstackOptions): Promise<Payloads.PurchasePlansWithCheckoutPayload>;
     launchStripeCustomerPortal(params: Params.LaunchStripeCustomerPortalParams, options?: MemberstackOptions): Promise<Payloads.LaunchStripeCustomerPortalPayload>;
-    removePlan(params: Params.RemovePlanParams, options?: MemberstackOptions): Promise<null>;
+    removePlan(params: Params.RemovePlanParams, options?: MemberstackOptions): Promise<Payloads.RemovePlanPayload>;
     updateMember(params: Params.UpdateMemberParams, options?: MemberstackOptions): Promise<Payloads.UpdateMemberPayload>;
     updateMemberAuth(params: Params.UpdateMemberAuthParams, options?: MemberstackOptions): Promise<Payloads.UpdateMemberAuthPayload>;
     setPassword(params: Params.SetPasswordParams, options?: MemberstackOptions): Promise<Payloads.SetPasswordPayload>;
     signupMemberEmailPassword(params: Params.SignupMemberEmailPasswordParams, options?: any): Promise<Payloads.SignupMemberEmailPasswordPayload>;
-    sendMemberVerificationEmail(): Promise<void>;
+    sendMemberVerificationEmail(): Promise<Payloads.SendMemberVerificationEmailPayload>;
     sendMemberResetPasswordEmail(params: Params.SendMemberResetPasswordEmailParams): Promise<Payloads.SendMemberResetPasswordEmailPayload>;
-    resetMemberPassword(params: Params.ResetMemberPasswordParams): Promise<void>;
+    resetMemberPassword(params: Params.ResetMemberPasswordParams): Promise<Payloads.ResetMemberPassworPayload>;
     logout(options?: MemberstackOptions): Promise<Payloads.LogoutMemberPayload>;
     decodeToken({ token }: {
         token: string;

package/lib/methods/requests/index.js

@@ -56,7 +56,7 @@ 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,
+    Authorization: "Bearer ".concat(options.token),
 }))); };
 var promiseResolve, promiseReject;
 var receiveMessage = function (event) {
@@ -72,8 +72,8 @@ var receiveMessage = function (event) {
     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);
+        (0, auth_1.setPersistedMember)(data.data.member);
+        (0, cookies_1.setMemberCookie)(data.data.tokens.accessToken, globalSessionDurationDays);
     }
     if (data === null || data === void 0 ? void 0 : data.error) {
         promiseReject(data.error);
@@ -94,7 +94,7 @@ var openSignInWindow = function (url, name) { return __awaiter(void 0, void 0, v
         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;
+        strWindowFeatures = "toolbar=no, menubar=no, width=".concat(600 / systemZoom, ", height=").concat(700 / systemZoom, ", top=").concat(top, ", left=").concat(left);
         if (windowObjectReference === null || windowObjectReference.closed) {
             windowObjectReference = window.open(url, name, strWindowFeatures);
         }
@@ -117,9 +117,9 @@ var openSignInWindow = function (url, name) { return __awaiter(void 0, void 0, v
             })];
     });
 }); };
-exports.initRequest = function (_a) {
+var initRequest = function (_a) {
     var publicKey = _a.publicKey, appId = _a.appId, token = _a.token, customEndpoint = _a.customEndpoint, sessionDurationDays = _a.sessionDurationDays;
-    var sendRequest = requests_1.createRequestHandler({
+    var sendRequest = (0, requests_1.createRequestHandler)({
         publicKey: publicKey,
         token: token,
         customEndpoint: customEndpoint,
@@ -140,7 +140,7 @@ exports.initRequest = function (_a) {
                         appId: appId,
                         origin: window.location.hostname,
                     });
-                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/signup?" + queryParams, "signup")];
+                    return [2 /*return*/, openSignInWindow("".concat(endpoints_1.endpoints.API, "/auth-provider/signup?").concat(queryParams), "signup")];
                 });
             });
         },
@@ -153,7 +153,7 @@ exports.initRequest = function (_a) {
                         appId: appId,
                         origin: window.location.hostname,
                     });
-                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/login?" + queryParams, "login")];
+                    return [2 /*return*/, openSignInWindow("".concat(endpoints_1.endpoints.API, "/auth-provider/login?").concat(queryParams), "login")];
                 });
             });
         },
@@ -164,11 +164,11 @@ exports.initRequest = function (_a) {
                     queryParams = new URLSearchParams({
                         provider: params.provider,
                         appId: appId,
-                        member: cookies_1.getMemberCookie(),
+                        member: (0, cookies_1.getMemberCookie)(),
                         origin: window.location.hostname,
                     });
                     //@ts-ignore
-                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/connect?" + queryParams, "connect")];
+                    return [2 /*return*/, openSignInWindow("".concat(endpoints_1.endpoints.API, "/auth-provider/connect?").concat(queryParams), "connect")];
                 });
             });
         },
@@ -195,7 +195,7 @@ exports.initRequest = function (_a) {
                     });
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/app-member?" + queryParams,
+                            url: "/app-member?".concat(queryParams),
                         })];
                 });
             });
@@ -210,7 +210,7 @@ exports.initRequest = function (_a) {
                     });
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/app?" + queryParams,
+                            url: "/app?".concat(queryParams),
                         })];
                 });
             });
@@ -231,8 +231,8 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _a.sent();
-                            auth_1.setPersistedMember(data.data.member);
-                            cookies_1.setMemberCookie(data.data.tokens.accessToken, sessionDurationDays);
+                            (0, auth_1.setPersistedMember)(data.data.member);
+                            (0, cookies_1.setMemberCookie)(data.data.tokens.accessToken, sessionDurationDays);
                             return [2 /*return*/, data];
                     }
                 });
@@ -257,7 +257,7 @@ exports.initRequest = function (_a) {
                 return __generator(this, function (_a) {
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/app/plans/" + params.planId,
+                            url: "/app/plans/".concat(params.planId),
                         })];
                 });
             });
@@ -308,7 +308,7 @@ exports.initRequest = function (_a) {
                                 case 0: return [4 /*yield*/, getMemberRequest];
                                 case 1:
                                     data = _a.sent();
-                                    auth_1.updatePersistedMember(data.data);
+                                    (0, auth_1.updatePersistedMember)(data.data);
                                     return [2 /*return*/];
                             }
                         });
@@ -318,13 +318,13 @@ exports.initRequest = function (_a) {
                 return __generator(this, function (_a) {
                     getMemberRequest = sendRequest({
                         method: requests_2.HttpMethod.GET,
-                        url: "/member?" + Math.floor(1000 + Math.random() * 9000),
+                        url: "/member?".concat(Math.floor(1000 + Math.random() * 9000)),
                         headers: addHeaders(options),
                     });
                     // temp hacky solution
                     setMember();
                     if ((options === null || options === void 0 ? void 0 : options.useCache) === true) {
-                        member = auth_1.getPersistedMember();
+                        member = (0, auth_1.getPersistedMember)();
                         return [2 /*return*/, { data: member }];
                     }
                     else {
@@ -518,14 +518,15 @@ exports.initRequest = function (_a) {
             });
         },
         signupMemberEmailPassword: function (params, options) {
+            var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
                 var data;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0: return [4 /*yield*/, sendRequest({
                                 method: requests_2.HttpMethod.POST,
                                 url: "/auth/signup",
-                                data: __assign(__assign({ email: params.email, password: params.password, customFields: params.customFields, metaData: params.metaData, plans: params.plans }, (params.payment && {
+                                data: __assign(__assign(__assign({ email: params.email, password: params.password, customFields: params.customFields, metaData: params.metaData, plans: params.plans, captchaToken: params.captchaToken }, (params.payment && {
                                     payment: {
                                         stripe: {
                                             paymentMethodId: params.payment.stripe.paymentMethodId,
@@ -533,12 +534,19 @@ exports.initRequest = function (_a) {
                                     },
                                 })), { 
                                     //internal use only
-                                    origin_domain: window.location.origin, options: options }),
+                                    origin_domain: window.location.origin, options: options }), (((_a = window.Rewardful) === null || _a === void 0 ? void 0 : _a.referral) && {
+                                    rewardfulData: {
+                                        // @ts-ignore
+                                        referral: window.Rewardful.referral,
+                                        // @ts-ignore
+                                        coupon: (_b = window.Rewardful.coupon) === null || _b === void 0 ? void 0 : _b.id,
+                                    }
+                                })),
                             })];
                         case 1:
-                            data = _a.sent();
-                            auth_1.setPersistedMember(data.data.member);
-                            cookies_1.setMemberCookie(data.data.tokens.accessToken, sessionDurationDays);
+                            data = _c.sent();
+                            (0, auth_1.setPersistedMember)(data.data.member);
+                            (0, cookies_1.setMemberCookie)(data.data.tokens.accessToken, sessionDurationDays);
                             return [2 /*return*/, data];
                     }
                 });
@@ -597,7 +605,7 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _a.sent();
-                            auth_1.unsetPersistedMember();
+                            (0, auth_1.unsetPersistedMember)();
                             return [2 /*return*/, data];
                     }
                 });
@@ -608,10 +616,11 @@ exports.initRequest = function (_a) {
             return __awaiter(this, void 0, void 0, function () {
                 var claims;
                 return __generator(this, function (_b) {
-                    claims = jose_1.decodeJwt(token);
+                    claims = (0, jose_1.decodeJwt)(token);
                     return [2 /*return*/, claims];
                 });
             });
         },
     };
 };
+exports.initRequest = initRequest;

package/lib/methods/requests/requests.js

@@ -67,7 +67,7 @@ var HttpHeaders;
     HttpHeaders["API_VERSION"] = "X-API-Version";
     HttpHeaders["USER_AGENT"] = "X-User-Agent";
 })(HttpHeaders = exports.HttpHeaders || (exports.HttpHeaders = {}));
-exports.createRequestHandler = function (_a) {
+var 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 () {
@@ -79,14 +79,14 @@ exports.createRequestHandler = function (_a) {
                     case 0:
                         _m.trys.push([0, 2, , 3]);
                         url = data.url;
-                        memberCookie = cookies_1.getMemberCookie();
+                        memberCookie = (0, 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 ", ""),
                             memberCookie,
                             options === null || options === void 0 ? void 0 : options.token,
                         ].find(function (x) { return x; });
-                        formattedUrl = "" + (customEndpoint || endpoints_1.endpoints.API) + url;
-                        return [4 /*yield*/, axios_1.default(__assign(__assign({}, data), { url: formattedUrl, headers: __assign(__assign(__assign(__assign({}, (authHeader && { authorization: "Bearer " + authHeader })), (publicKey && (_a = {}, _a[HttpHeaders.API_KEY] = publicKey, _a))), (appId && (_b = {}, _b[HttpHeaders.APP_ID] = appId, _b))), (_c = {}, _c[HttpHeaders.USER_AGENT] = "@memberstack/client@1.2.0", _c)), withCredentials: true }))];
+                        formattedUrl = "".concat(customEndpoint || endpoints_1.endpoints.API).concat(url);
+                        return [4 /*yield*/, (0, axios_1.default)(__assign(__assign({}, data), { url: formattedUrl, headers: __assign(__assign(__assign(__assign({}, (authHeader && { authorization: "Bearer ".concat(authHeader) })), (publicKey && (_a = {}, _a[HttpHeaders.API_KEY] = publicKey, _a))), (appId && (_b = {}, _b[HttpHeaders.APP_ID] = appId, _b))), (_c = {}, _c[HttpHeaders.USER_AGENT] = "@memberstack/client@1.2.0", _c)), withCredentials: true }))];
                     case 1:
                         res = _m.sent();
                         if ((_f = res === null || res === void 0 ? void 0 : res.headers) === null || _f === void 0 ? void 0 : _f["ms-mid"]) {
@@ -113,3 +113,4 @@ exports.createRequestHandler = function (_a) {
         }); },
     };
 };
+exports.createRequestHandler = createRequestHandler;

package/lib/types/index.js

@@ -1,13 +1,17 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./params"), exports);

package/lib/types/params.d.ts

@@ -12,6 +12,7 @@ export declare type SignupMemberEmailPasswordParams = {
             paymentMethodId: string;
         };
     };
+    captchaToken?: string;
 };
 export declare type SetPasswordParams = {
     password: string;

package/lib/types/payloads.d.ts

@@ -3,7 +3,7 @@ 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"]>;
+export declare type RemovePlanPayload = Response<Payload.Transforms["RemovePlan"]>;
 export declare type GetCurrentMemberPayload = Response<Payload.Transforms["Member"]>;
 export declare type GetMemberJSONPayload = Response<Payload.Transforms["MemberJSON"]>;
 export declare type GetMemberCardsPayload = Response<Payload.Transforms["MemberCard"][]>;
@@ -36,6 +36,8 @@ export declare type ReplacePlanPayload = Response<Payload.Transforms["Purchase"]
 export declare type GetAuthProvidersPayload = Response<Payload.Transforms["AuthProvider"][]>;
 export declare type GetTotalCheckoutAmountPayload = Response<Payload.Transforms["TotalCheckoutAmount"]>;
 export declare type GetAuthenticationClientSecretPayload = Response<Payload.Transforms["AuthenticationClientSecret"]>;
+export declare type SendMemberVerificationEmailPayload = Response<Payload.Transforms["SendMemberVerificationEmail"]>;
+export declare type ResetMemberPassworPayload = Response<Payload.Transforms["ResetMemberPassword"]>;
 declare type PaginatedResponse<T> = {
     hasNext: boolean;
     endCursor: string | null;

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

@@ -11,6 +11,15 @@ export declare namespace Payload {
             endCursor: string | null;
             totalCount: number;
         };
+        RemovePlan: {
+            success: boolean;
+        };
+        SendMemberVerificationEmail: {
+            success: boolean;
+        };
+        ResetMemberPassword: {
+            success: boolean;
+        };
         GetAppAndMember: {
             app: Transforms["App"];
             member: Transforms["Member"] | null;
@@ -67,6 +76,7 @@ export declare namespace Payload {
             providers: {
                 provider: string;
             }[];
+            message?: string;
         };
         Member: {
             id: string;

package/lib/utils/cookies.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMemberCookie = exports.setMemberCookie = void 0;
 var js_cookie_1 = __importDefault(require("js-cookie"));
 var memberAuthCookie = "_ms-mid";
-exports.setMemberCookie = function (token, expires) {
+var setMemberCookie = function (token, expires) {
     js_cookie_1.default.set(memberAuthCookie, token, {
-        expires: (expires && Number(expires)) || 3,
+        expires: (expires && Number(expires)) || 14,
         sameSite: "strict",
     });
 };
-exports.getMemberCookie = function () {
+exports.setMemberCookie = setMemberCookie;
+var getMemberCookie = function () {
     return js_cookie_1.default.get(memberAuthCookie);
 };
+exports.getMemberCookie = getMemberCookie;

package/lib/utils/defaultMessageBox.js

@@ -8,32 +8,35 @@ if (typeof window !== "undefined") {
     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 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 successHTML = "<div data-ms-message class=\"ms-error-message\">\n\t\t".concat(successStatusIcon.outerHTML, "\n\t\t<div id=\"ms-message\" data-ms-message-text></div>\n\t\t").concat(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 () {
+exports.addSuccessBox = addSuccessBox;
+var 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 errorHTML = "<div data-ms-message class=\"ms-error-message\">\n\t\t".concat(errorStatusIcon.outerHTML, "\n\t\t<div id=\"ms-message\" data-ms-message-text></div>\n\t\t").concat(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 () {
+exports.addErrorBox = addErrorBox;
+var 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);
 };
+exports.initCSS = initCSS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberstack/dom",
-  "version": "1.9.9",
+  "version": "1.9.10",
   "main": "./lib/index.js",
   "files": [
     "lib/**/*"
@@ -14,6 +14,7 @@
   },
   "scripts": {
     "prepublishOnly": "yarn workspace prebuilt-uis build && npx tsc",
+    "prepublishOnly:porter-dev": "yarn workspace prebuilt-uis build && npx tsc && yarn replace:vars:local endpoint=https://dev-client.memberstack.com",
     "watch": "tsc-watch",
     "watch:dev": "tsc-watch --onSuccess 'yarn replace:vars:local'",
     "watch:dev-ngrok": "tsc-watch --onSuccess 'yarn replace:vars:local endpoint=https://client-testing.ngrok.io'",