@memberstack/dom 1.9.25 → 1.9.27

package/lib/methods/index.js

@@ -40,6 +40,7 @@ var methods_1 = require("./dom/methods");
 var cookies_1 = require("../utils/cookies");
 var requests_1 = require("./requests");
 var auth_1 = require("../auth");
+var endpoints_1 = require("../constants/endpoints");
 var captchaReadyPromise = new Promise(function (resolve) {
     if (typeof window !== "undefined") {
         //@ts-ignore
@@ -57,11 +58,15 @@ var methods = {
     _captchaReady: captchaReadyPromise,
 };
 function init(props) {
-    var requests = requests_1.initRequest({
+    if (props.useCookies)
+        (0, cookies_1.setUseCookies)();
+    (0, cookies_1.setMemberTokenIfAvailable)();
+    var requests = (0, requests_1.initRequest)({
         publicKey: props.publicKey,
         appId: props.appId,
         sessionDurationDays: props.sessionDurationDays,
-        token: cookies_1.getMemberToken(),
+        token: (0, cookies_1.getMemberToken)(),
+        domain: props.domain || endpoints_1.endpoints.API,
     });
     var allMethods = Object.assign(methods, requests);
     if (typeof window !== "undefined") {

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

@@ -8,13 +8,14 @@ export interface GetCurrentMemberParams {
 }
 export interface ClientConfig {
     publicKey: string;
+    domain: string;
     sessionDurationDays?: number;
     appId?: string;
     token?: string;
-    customEndpoint?: string;
 }
 declare type BearerToken = string;
-export declare const initRequest: ({ publicKey, appId, token, customEndpoint, sessionDurationDays }: ClientConfig) => {
+export declare const initRequest: ({ publicKey, appId, token, domain, sessionDurationDays }: ClientConfig) => {
+    getSecureContent(params?: Params.GetSecureContentParams): Promise<Payloads.GetSecureContentPayload>;
     signupWithProvider(params?: Params.SignupWithProviderParams): Promise<unknown>;
     loginWithProvider(params?: Params.LoginWithProviderParams): Promise<unknown>;
     connectProvider(params?: Params.LoginWithProviderParams): Promise<Payloads.ConnectProviderPayload>;
@@ -42,6 +43,7 @@ export declare const initRequest: ({ publicKey, appId, token, customEndpoint, se
         passwordlessToken: string;
     }, options?: any): Promise<Payloads.SignupMemberEmailPasswordPayload>;
     signupMemberEmailPassword(params: Params.SignupMemberEmailPasswordParams, options?: any): Promise<Payloads.SignupMemberEmailPasswordPayload>;
+    updateMemberProfileImage(params: Params.UpdateMemberProfileImageParams): Promise<Payloads.UpdateMemberProfileImagePayload>;
     sendMemberVerificationEmail(): Promise<Payloads.SendMemberVerificationEmailPayload>;
     sendMemberResetPasswordEmail(params: Params.SendMemberResetPasswordEmailParams): Promise<Payloads.SendMemberResetPasswordEmailPayload>;
     resetMemberPassword(params: Params.ResetMemberPasswordParams): Promise<Payloads.ResetMemberPassworPayload>;

package/lib/methods/requests/index.js

@@ -55,22 +55,17 @@ 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) {
     var _a;
     var data = event.data, origin = event.origin;
-    var acceptedOrigins = [
-        "https://client-testing.ngrok.io",
-        "https://client.memberstack.com",
-        "https://dev-client.memberstack.com",
-    ];
-    if (!acceptedOrigins.includes(origin))
+    if (API_ENDPOINT !== 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.setMemberToken(data.data.tokens.accessToken, globalSessionDurationDays);
+        (0, auth_1.setPersistedMember)(data.data.member);
+        (0, cookies_1.setMemberToken)(data.data.tokens.accessToken, globalSessionDurationDays);
     }
     if (data === null || data === void 0 ? void 0 : data.error) {
         promiseReject(data.error);
@@ -91,7 +86,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);
         }
@@ -114,28 +109,48 @@ var openSignInWindow = function (url, name) { return __awaiter(void 0, void 0, v
             })];
     });
 }); };
-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({
+var API_ENDPOINT;
+var initRequest = function (_a) {
+    var publicKey = _a.publicKey, appId = _a.appId, token = _a.token, domain = _a.domain, sessionDurationDays = _a.sessionDurationDays;
+    var sendRequest = (0, requests_1.createRequestHandler)({
         publicKey: publicKey,
         token: token,
-        customEndpoint: customEndpoint,
+        customEndpoint: domain,
         appId: appId,
     }).sendRequest;
+    // todo: this is a hack to get around the fact that we don't have a way to pass the custom domain to the iframe
+    API_ENDPOINT = domain;
     globalSessionDurationDays = sessionDurationDays;
     return {
+        getSecureContent: function (params) {
+            return __awaiter(this, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, sendRequest({
+                                method: requests_2.HttpMethod.POST,
+                                url: "/secure-content",
+                                data: {
+                                    contentId: params.contentId
+                                },
+                            })];
+                        case 1:
+                            data = _a.sent();
+                            return [2 /*return*/, data];
+                    }
+                });
+            });
+        },
         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(__assign(__assign({ provider: params.provider, customFields: customFields,
-                        plans: plans,
-                        appId: appId }, (publicKey && {
+                    queryParams = new URLSearchParams(__assign(__assign({ provider: params.provider, customFields: customFields, plans: plans, appId: appId }, (publicKey && {
                         publicKey: publicKey,
                     })), { origin: window.location.hostname }));
-                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/signup?" + queryParams, "signup")];
+                    return [2 /*return*/, openSignInWindow("".concat(domain, "/auth-provider/signup?").concat(queryParams), "signup")];
                 });
             });
         },
@@ -146,7 +161,7 @@ exports.initRequest = function (_a) {
                     queryParams = new URLSearchParams(__assign(__assign({ provider: params.provider, appId: appId }, (publicKey && {
                         publicKey: publicKey,
                     })), { origin: window.location.hostname }));
-                    return [2 /*return*/, openSignInWindow(endpoints_1.endpoints.API + "/auth-provider/login?" + queryParams, "login")];
+                    return [2 /*return*/, openSignInWindow("".concat(domain, "/auth-provider/login?").concat(queryParams), "login")];
                 });
             });
         },
@@ -156,9 +171,9 @@ exports.initRequest = function (_a) {
                 return __generator(this, function (_a) {
                     queryParams = new URLSearchParams(__assign(__assign({ provider: params.provider, appId: appId }, (publicKey && {
                         publicKey: publicKey,
-                    })), { member: cookies_1.getMemberToken(), origin: window.location.hostname }));
+                    })), { member: (0, cookies_1.getMemberToken)(), 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")];
                 });
             });
         },
@@ -185,7 +200,7 @@ exports.initRequest = function (_a) {
                     });
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/app-member?" + queryParams,
+                            url: "/app-member?".concat(queryParams),
                         })];
                 });
             });
@@ -200,7 +215,7 @@ exports.initRequest = function (_a) {
                     });
                     return [2 /*return*/, sendRequest({
                             method: requests_2.HttpMethod.GET,
-                            url: "/app?" + queryParams,
+                            url: "/app?".concat(queryParams),
                         })];
                 });
             });
@@ -221,8 +236,8 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _a.sent();
-                            auth_1.setPersistedMember(data.data.member);
-                            cookies_1.setMemberToken(data.data.tokens.accessToken, sessionDurationDays);
+                            (0, auth_1.setPersistedMember)(data.data.member);
+                            (0, cookies_1.setMemberToken)(data.data.tokens.accessToken, sessionDurationDays);
                             return [2 /*return*/, data];
                     }
                 });
@@ -280,8 +295,8 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _a.sent();
-                            auth_1.setPersistedMember(data.data.member);
-                            cookies_1.setMemberToken(data.data.tokens.accessToken, sessionDurationDays);
+                            (0, auth_1.setPersistedMember)(data.data.member);
+                            (0, cookies_1.setMemberToken)(data.data.tokens.accessToken, sessionDurationDays);
                             return [2 /*return*/, data];
                     }
                 });
@@ -292,7 +307,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),
                         })];
                 });
             });
@@ -343,7 +358,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*/];
                             }
                         });
@@ -353,13 +368,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 {
@@ -573,8 +588,8 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _c.sent();
-                            auth_1.setPersistedMember(data.data.member);
-                            cookies_1.setMemberToken(data.data.tokens.accessToken, sessionDurationDays);
+                            (0, auth_1.setPersistedMember)(data.data.member);
+                            (0, cookies_1.setMemberToken)(data.data.tokens.accessToken, sessionDurationDays);
                             return [2 /*return*/, data];
                     }
                 });
@@ -602,13 +617,31 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _c.sent();
-                            auth_1.setPersistedMember(data.data.member);
-                            cookies_1.setMemberToken(data.data.tokens.accessToken, sessionDurationDays);
+                            (0, auth_1.setPersistedMember)(data.data.member);
+                            (0, cookies_1.setMemberToken)(data.data.tokens.accessToken, sessionDurationDays);
                             return [2 /*return*/, data];
                     }
                 });
             });
         },
+        updateMemberProfileImage: function (params) {
+            return __awaiter(this, void 0, void 0, function () {
+                var formData;
+                return __generator(this, function (_a) {
+                    if (params.profileImage) {
+                        formData = new FormData();
+                        formData.append('profileImage', params.profileImage);
+                        return [2 /*return*/, sendRequest({
+                                method: requests_2.HttpMethod.POST,
+                                url: "/member/profile-image",
+                                data: formData,
+                                contentType: 'multipart/form-data',
+                            })];
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        },
         sendMemberVerificationEmail: function () {
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
@@ -662,7 +695,7 @@ exports.initRequest = function (_a) {
                             })];
                         case 1:
                             data = _a.sent();
-                            auth_1.unsetPersistedMember();
+                            (0, auth_1.unsetPersistedMember)();
                             return [2 /*return*/, data];
                     }
                 });
@@ -670,3 +703,4 @@ exports.initRequest = function (_a) {
         },
     };
 };
+exports.initRequest = initRequest;

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

@@ -20,6 +20,7 @@ export declare const createRequestHandler: ({ publicKey, appId, token, customEnd
         url: string;
         data?: object;
         headers?: object;
+        contentType?: string;
     }, options?: {
         token?: string;
     }) => Promise<any>;

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,20 @@ exports.createRequestHandler = function (_a) {
                     case 0:
                         _m.trys.push([0, 2, , 3]);
                         url = data.url;
-                        memberToken = cookies_1.getMemberToken();
+                        memberToken = (0, cookies_1.getMemberToken)();
                         authHeader = [
                             (_e = (_d = data.headers) === null || _d === void 0 ? void 0 : _d["Authorization"]) === null || _e === void 0 ? void 0 : _e.replace("Bearer ", ""),
                             memberToken,
                             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)({
+                                method: data.method,
+                                data: data.data,
+                                url: formattedUrl,
+                                headers: __assign(__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)), (data.contentType && { "Content-Type": data.contentType })),
+                                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 +119,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

@@ -8,6 +8,12 @@ export declare type SignupMemberEmailPasswordParams = {
     }[];
     captchaToken?: string;
 };
+export declare type UpdateMemberProfileImageParams = {
+    profileImage: File;
+};
+export declare type GetSecureContentParams = {
+    contentId: string;
+};
 export declare type SetPasswordParams = {
     password: string;
 };

package/lib/types/payloads.d.ts

@@ -10,6 +10,10 @@ export declare type GetMemberCardsPayload = Response<Payload.Transforms["MemberC
 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 UpdateMemberProfileImagePayload = Response<{
+    profileImage: string;
+}>;
+export declare type GetSecureContentPayload = Response<Payload.Transforms["SecureContent"]>;
 export declare type SetPasswordPayload = Response<Payload.Transforms["Member"]>;
 export declare type GetRestrictedUrlGroupsPayload = Response<Payload.Transforms["RestrictedUrlGroup"][]>;
 export declare type GetPlansPayload = Response<Payload.Transforms["Plan"][]>;

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

@@ -24,6 +24,10 @@ export declare namespace Payload {
             app: Transforms["App"];
             member: Transforms["Member"] | null;
         };
+        SecureContent: {
+            content: string;
+            type: "HTML" | "CSS" | "LINK" | "JS" | "JSON" | "TEXT" | "IMAGE" | "FILE";
+        };
         App: {
             id: string;
             name: string;
@@ -81,6 +85,7 @@ export declare namespace Payload {
         Member: {
             id: string;
             verified: boolean;
+            profileImage: string;
             auth: {
                 email: string;
                 hasPassword: boolean;

package/lib/utils/cookies.d.ts

@@ -1,3 +1,5 @@
+export declare const setUseCookies: () => void;
 export declare const setMemberToken: (token: any, expires?: number) => void;
 export declare const removeMemberToken: () => void;
 export declare const getMemberToken: () => any;
+export declare const setMemberTokenIfAvailable: () => void;

package/lib/utils/cookies.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMemberToken = exports.removeMemberToken = exports.setMemberToken = void 0;
+exports.setMemberTokenIfAvailable = exports.getMemberToken = exports.removeMemberToken = exports.setMemberToken = exports.setUseCookies = void 0;
 var js_cookie_1 = __importDefault(require("js-cookie"));
 var memberAuthTokenName = "_ms-mid";
 function isLocalStorageAvailable() {
@@ -17,8 +17,13 @@ function isLocalStorageAvailable() {
     }
 }
 var localStorageAvailable = isLocalStorageAvailable();
-exports.setMemberToken = function (token, expires) {
-    if (localStorageAvailable) {
+var useCookies = false;
+var setUseCookies = function () {
+    useCookies = true;
+};
+exports.setUseCookies = setUseCookies;
+var setMemberToken = function (token, expires) {
+    if (localStorageAvailable && !useCookies) {
         localStorage.setItem(memberAuthTokenName, token);
     }
     else {
@@ -28,7 +33,8 @@ exports.setMemberToken = function (token, expires) {
         });
     }
 };
-exports.removeMemberToken = function () {
+exports.setMemberToken = setMemberToken;
+var removeMemberToken = function () {
     if (localStorageAvailable) {
         localStorage.removeItem(memberAuthTokenName);
     }
@@ -37,8 +43,9 @@ exports.removeMemberToken = function () {
         sameSite: "strict",
     });
 };
-exports.getMemberToken = function () {
-    if (localStorageAvailable) {
+exports.removeMemberToken = removeMemberToken;
+var getMemberToken = function () {
+    if (localStorageAvailable && !useCookies) {
         var memAuthToken = localStorage.getItem(memberAuthTokenName);
         if (memAuthToken)
             return memAuthToken;
@@ -47,3 +54,13 @@ exports.getMemberToken = function () {
     // fallback to cookie -> this is to prevent folks from having to log in again
     return js_cookie_1.default.get(memberAuthTokenName);
 };
+exports.getMemberToken = getMemberToken;
+var setMemberTokenIfAvailable = function () {
+    if (typeof window !== "undefined") {
+        var urlParams = new URLSearchParams(window.location.search);
+        var memberToken = urlParams.get("memberToken");
+        if (memberToken)
+            (0, exports.setMemberToken)(memberToken);
+    }
+};
+exports.setMemberTokenIfAvailable = setMemberTokenIfAvailable;

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/lib/utils/fileInput.d.ts

@@ -0,0 +1 @@
+export declare const createFileInputElement: () => HTMLInputElement;

package/lib/utils/fileInput.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createFileInputElement = void 0;
+var createFileInputElement = function () {
+    var fileInputField = document.createElement("input");
+    fileInputField.setAttribute("required", "");
+    fileInputField.setAttribute("type", "file");
+    fileInputField.setAttribute("accept", "image/*");
+    fileInputField.setAttribute("profile-image", "true");
+    fileInputField.setAttribute("name", "profile-image");
+    fileInputField.setAttribute("data-name", "File");
+    fileInputField.setAttribute("hidden", "");
+    fileInputField.setAttribute("tabindex", "-1");
+    return fileInputField;
+};
+exports.createFileInputElement = createFileInputElement;

package/package.json

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