@memberstack/dom 1.9.8 → 1.9.10

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,10 @@ export declare type SignupMemberEmailPasswordParams = {
             paymentMethodId: string;
         };
     };
+    captchaToken?: string;
+};
+export declare type SetPasswordParams = {
+    password: string;
 };
 export declare type SignupWithProviderParams = {
     provider: string;

package/lib/types/payloads.d.ts

@@ -3,12 +3,14 @@ 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"][]>;
+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,11 +32,12 @@ 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"]>;
 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;
@@ -58,20 +67,26 @@ export declare namespace Payload {
             };
             member: Transforms["Member"];
             redirect: string;
-            payment: {
-                requirePayment: string[];
-                requireAuthentication: string[];
-            };
             contentGroups?: Transforms["RestrictedUrlGroup"][];
         };
         MemberJSON: {
             json: object;
         };
+        AuthProviders: {
+            providers: {
+                provider: string;
+            }[];
+            message?: string;
+        };
         Member: {
             id: string;
             verified: boolean;
             auth: {
                 email: string;
+                hasPassword: boolean;
+                providers: {
+                    provider: string;
+                }[];
             };
             loginRedirect: string;
             stripeCustomerId: 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.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,42 @@
+"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>";
+}
+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".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.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".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.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.8",
+  "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'",