@memberstack/dom 2.0.1 → 2.0.2

package/lib/testing/index.mjs

@@ -0,0 +1,305 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/testing/index.ts
+function mockMember(overrides = {}) {
+  const defaults = {
+    id: `mem_${randomId()}`,
+    verified: true,
+    profileImage: "",
+    auth: {
+      email: "test@example.com",
+      hasPassword: true,
+      providers: []
+    },
+    loginRedirect: "/",
+    stripeCustomerId: "",
+    createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+    metaData: {},
+    customFields: {},
+    permissions: [],
+    planConnections: []
+  };
+  return deepMerge(defaults, overrides);
+}
+function mockPlan(overrides = {}) {
+  const defaults = {
+    id: `pln_${randomId()}`,
+    name: "Test Plan",
+    description: "A test plan",
+    status: "PUBLISHED",
+    redirects: {
+      afterLogin: "/",
+      afterLogout: "/",
+      afterSignup: "/"
+    },
+    prices: []
+  };
+  return deepMerge(defaults, overrides);
+}
+function mockPlanConnection(overrides = {}) {
+  const defaults = {
+    id: `conn_${randomId()}`,
+    active: true,
+    status: "ACTIVE",
+    planId: `pln_${randomId()}`,
+    type: "FREE",
+    payment: null
+  };
+  return deepMerge(defaults, overrides);
+}
+function mockCard(overrides = {}) {
+  const defaults = {
+    id: `card_${randomId()}`,
+    brand: "visa",
+    expMonth: "12",
+    expYear: String((/* @__PURE__ */ new Date()).getFullYear() + 3),
+    last4: "4242",
+    default: true
+  };
+  return deepMerge(defaults, overrides);
+}
+function mockPrice(overrides = {}) {
+  const defaults = {
+    id: `prc_${randomId()}`,
+    amount: "0",
+    interval: {
+      type: "month",
+      count: 1
+    },
+    name: "Monthly",
+    type: "SUBSCRIPTION",
+    status: "ACTIVE",
+    currency: "usd"
+  };
+  return deepMerge(defaults, overrides);
+}
+function mockApp(overrides = {}) {
+  const defaults = {
+    id: `app_${randomId()}`,
+    name: "Test App",
+    mode: "sandbox",
+    plans: [],
+    contentGroups: [],
+    emailVerificationEnabled: false,
+    requireEmailVerification: false,
+    customField: [],
+    branding: {
+      logo: "",
+      colors: {
+        lightMode: {
+          primaryButton: "#6366f1"
+        }
+      }
+    },
+    authProviders: []
+  };
+  return deepMerge(defaults, overrides);
+}
+function mockContentGroup(overrides = {}) {
+  const defaults = {
+    id: `grp_${randomId()}`,
+    name: "Test Group",
+    key: "test-group",
+    allowAllMembers: false,
+    activeMemberHasAccess: false,
+    redirect: "/login",
+    urls: [],
+    plans: []
+  };
+  return deepMerge(defaults, overrides);
+}
+function createMockMemberstack(options = {}) {
+  var _a, _b, _c, _d, _e;
+  let currentMember = (_a = options.member) != null ? _a : null;
+  const plans = (_b = options.plans) != null ? _b : [];
+  const app = (_c = options.app) != null ? _c : mockApp();
+  const contentGroups = (_d = options.contentGroups) != null ? _d : [];
+  const cards = (_e = options.cards) != null ? _e : [];
+  const authListeners = [];
+  const notifyAuthChange = () => {
+    authListeners.forEach((cb) => cb({ member: currentMember }));
+  };
+  const instance = {
+    getCurrentMember: () => __async(this, null, function* () {
+      return { data: currentMember };
+    }),
+    getPlans: () => __async(this, null, function* () {
+      return { data: plans };
+    }),
+    getPlan: (_0) => __async(this, [_0], function* ({ planId }) {
+      var _a2;
+      return {
+        data: (_a2 = plans.find((p) => p.id === planId)) != null ? _a2 : null
+      };
+    }),
+    getApp: () => __async(this, null, function* () {
+      return { data: app };
+    }),
+    getRestrictedUrlGroups: () => __async(this, null, function* () {
+      return { data: contentGroups };
+    }),
+    getMemberCards: () => __async(this, null, function* () {
+      return { data: cards };
+    }),
+    loginMemberEmailPassword: (_0) => __async(this, [_0], function* ({ email }) {
+      currentMember = mockMember({ auth: { email, hasPassword: true, providers: [] } });
+      notifyAuthChange();
+      return {
+        data: {
+          member: currentMember,
+          tokens: { accessToken: `mock_token_${randomId()}`, expires: Date.now() + 36e5, type: "bearer" },
+          redirect: "/"
+        }
+      };
+    }),
+    signupMemberEmailPassword: (_0) => __async(this, [_0], function* ({ email }) {
+      currentMember = mockMember({ auth: { email, hasPassword: true, providers: [] } });
+      notifyAuthChange();
+      return {
+        data: {
+          member: currentMember,
+          tokens: { accessToken: `mock_token_${randomId()}`, expires: Date.now() + 36e5, type: "bearer" },
+          redirect: "/"
+        }
+      };
+    }),
+    logout: () => __async(this, null, function* () {
+      currentMember = null;
+      notifyAuthChange();
+      return { data: {} };
+    }),
+    updateMember: (_0) => __async(this, [_0], function* ({ customFields }) {
+      if (!currentMember) {
+        throw new Error("Not logged in");
+      }
+      if (customFields) {
+        currentMember = __spreadProps(__spreadValues({}, currentMember), {
+          customFields: __spreadValues(__spreadValues({}, currentMember.customFields), customFields)
+        });
+      }
+      return { data: currentMember };
+    }),
+    onAuthChange: (callback) => {
+      authListeners.push(callback);
+      callback({ member: currentMember });
+      return () => {
+        const index = authListeners.indexOf(callback);
+        if (index > -1)
+          authListeners.splice(index, 1);
+      };
+    },
+    // Test helpers
+    _setMember: (member) => {
+      currentMember = member;
+      notifyAuthChange();
+    },
+    _getMockState: () => ({ member: currentMember, plans, app })
+  };
+  if (options.overrides) {
+    Object.assign(instance, options.overrides);
+  }
+  return instance;
+}
+function randomId() {
+  return Math.random().toString(36).substring(2, 10);
+}
+function deepMerge(target, source) {
+  const result = __spreadValues({}, target);
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const sourceValue = source[key];
+      const targetValue = result[key];
+      if (sourceValue !== void 0 && typeof sourceValue === "object" && sourceValue !== null && !Array.isArray(sourceValue) && typeof targetValue === "object" && targetValue !== null && !Array.isArray(targetValue)) {
+        result[key] = deepMerge(targetValue, sourceValue);
+      } else if (sourceValue !== void 0) {
+        result[key] = sourceValue;
+      }
+    }
+  }
+  return result;
+}
+var memberstackMatchers = {
+  /**
+   * Assert that a member is logged in (not null and has an email).
+   */
+  toBeLoggedIn(received) {
+    var _a;
+    const pass = received !== null && typeof ((_a = received.auth) == null ? void 0 : _a.email) === "string";
+    return {
+      pass,
+      message: () => pass ? `Expected member not to be logged in` : `Expected member to be logged in, but got ${received === null ? "null" : "invalid member object"}`
+    };
+  },
+  /**
+   * Assert that a member has a specific plan.
+   */
+  toHavePlan(received, planId) {
+    var _a, _b;
+    const hasPlan = (_b = (_a = received == null ? void 0 : received.planConnections) == null ? void 0 : _a.some(
+      (conn) => conn.planId === planId && conn.active
+    )) != null ? _b : false;
+    return {
+      pass: hasPlan,
+      message: () => hasPlan ? `Expected member not to have plan ${planId}` : `Expected member to have plan ${planId}, but they don't`
+    };
+  },
+  /**
+   * Assert that a member's email is verified.
+   */
+  toBeVerified(received) {
+    const pass = (received == null ? void 0 : received.verified) === true;
+    return {
+      pass,
+      message: () => pass ? `Expected member not to be verified` : `Expected member to be verified`
+    };
+  }
+};
+export {
+  createMockMemberstack,
+  memberstackMatchers,
+  mockApp,
+  mockCard,
+  mockContentGroup,
+  mockMember,
+  mockPlan,
+  mockPlanConnection,
+  mockPrice
+};

package/package.json

@@ -1,9 +1,21 @@
 {
   "name": "@memberstack/dom",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./testing": {
+      "types": "./lib/testing/index.d.ts",
+      "import": "./lib/testing/index.mjs",
+      "require": "./lib/testing/index.js"
+    }
+  },
   "files": [
     "lib/**/*"
   ],
@@ -11,23 +23,22 @@
   "license": "MIT",
   "dependencies": {
     "axios": "1.10.0",
-    "jose": "^4.8.1",
     "js-cookie": "^3.0.1"
   },
   "scripts": {
-    "dev": "tsup --format esm,cjs --dts --watch x--env.API_ENDPOINT https://client.memberstack.com",
-    "build": "tsup --format esm,cjs --dts --env.API_ENDPOINT https://client.memberstack.com",
-    "prepublishOnly": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT https://client.memberstack.com",
-    "prepublishOnly:porter-prod": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT https://client.memberstack.com",
-    "prepublishOnly:porter-dev": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT https://dev-client.memberstack.com",
+    "dev": "tsup --watch --env.API_ENDPOINT https://client.memberstack.com",
+    "build": "tsup --env.API_ENDPOINT https://client.memberstack.com",
+    "prepublishOnly": "tsup --env.API_ENDPOINT https://client.memberstack.com",
+    "prepublishOnly:porter-prod": "tsup --env.API_ENDPOINT https://client.memberstack.com",
+    "prepublishOnly:porter-dev": "tsup --env.API_ENDPOINT https://dev-client.memberstack.com",
     "watch": "tsc-watch",
-    "watch:dev": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT http://localhost:3005",
-    "watch:dev-ngrok": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT https://client-testing.ngrok.io",
-    "watch:dev-api": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT https://dev-client.memberstack.com",
+    "watch:dev": "tsup --watch --env.API_ENDPOINT http://localhost:3005",
+    "watch:dev-ngrok": "tsup --watch --env.API_ENDPOINT https://client-testing.ngrok.io",
+    "watch:dev-api": "tsup --watch --env.API_ENDPOINT https://dev-client.memberstack.com",
     "clean": "rm -rf node_modules lib",
     "deploy:latest": "npx np --tag latest --no-tests --any-branch",
     "deploy:next": "npx np --tag next --no-tests --any-branch",
-    "build:local": "tsup --format esm,cjs --dts --env.API_ENDPOINT https://dev-client.memberstack.com"
+    "build:local": "tsup --env.API_ENDPOINT https://dev-client.memberstack.com"
   },
   "devDependencies": {
     "@types/node": "^20",
@@ -36,4 +47,4 @@
     "tsc-watch": "^6.0.4",
     "tsup": "^7.2.0"
   }
-}
+}

package/lib/auth/index.d.mts

@@ -1,9 +0,0 @@
-declare const getPersistedMember: () => any;
-declare const setPersistedMember: (member: any) => void;
-declare const updatePersistedMember: (member: any) => void;
-declare const unsetPersistedMember: () => void;
-declare const onAuthChange: (cb: any) => {
-    unsubscribe: () => boolean;
-};
-
-export { getPersistedMember, onAuthChange, setPersistedMember, unsetPersistedMember, updatePersistedMember };

package/lib/auth/index.d.ts

@@ -1,9 +0,0 @@
-declare const getPersistedMember: () => any;
-declare const setPersistedMember: (member: any) => void;
-declare const updatePersistedMember: (member: any) => void;
-declare const unsetPersistedMember: () => void;
-declare const onAuthChange: (cb: any) => {
-    unsubscribe: () => boolean;
-};
-
-export { getPersistedMember, onAuthChange, setPersistedMember, unsetPersistedMember, updatePersistedMember };

package/lib/auth/index.global.js

@@ -1,244 +0,0 @@
-var MemberstackDOM = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __propIsEnum = Object.prototype.propertyIsEnumerable;
-  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-  var __spreadValues = (a, b) => {
-    for (var prop in b || (b = {}))
-      if (__hasOwnProp.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    if (__getOwnPropSymbols)
-      for (var prop of __getOwnPropSymbols(b)) {
-        if (__propIsEnum.call(b, prop))
-          __defNormalProp(a, prop, b[prop]);
-      }
-    return a;
-  };
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-  // src/auth/index.ts
-  var auth_exports = {};
-  __export(auth_exports, {
-    getPersistedMember: () => getPersistedMember,
-    onAuthChange: () => onAuthChange,
-    setPersistedMember: () => setPersistedMember,
-    unsetPersistedMember: () => unsetPersistedMember,
-    updatePersistedMember: () => updatePersistedMember
-  });
-
-  // ../../node_modules/js-cookie/dist/js.cookie.mjs
-  function assign(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        target[key] = source[key];
-      }
-    }
-    return target;
-  }
-  var defaultConverter = {
-    read: function(value) {
-      if (value[0] === '"') {
-        value = value.slice(1, -1);
-      }
-      return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-    },
-    write: function(value) {
-      return encodeURIComponent(value).replace(
-        /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-        decodeURIComponent
-      );
-    }
-  };
-  function init(converter, defaultAttributes) {
-    function set(name, value, attributes) {
-      if (typeof document === "undefined") {
-        return;
-      }
-      attributes = assign({}, defaultAttributes, attributes);
-      if (typeof attributes.expires === "number") {
-        attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-      }
-      if (attributes.expires) {
-        attributes.expires = attributes.expires.toUTCString();
-      }
-      name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var stringifiedAttributes = "";
-      for (var attributeName in attributes) {
-        if (!attributes[attributeName]) {
-          continue;
-        }
-        stringifiedAttributes += "; " + attributeName;
-        if (attributes[attributeName] === true) {
-          continue;
-        }
-        stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
-      }
-      return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-    }
-    function get(name) {
-      if (typeof document === "undefined" || arguments.length && !name) {
-        return;
-      }
-      var cookies = document.cookie ? document.cookie.split("; ") : [];
-      var jar = {};
-      for (var i = 0; i < cookies.length; i++) {
-        var parts = cookies[i].split("=");
-        var value = parts.slice(1).join("=");
-        try {
-          var found = decodeURIComponent(parts[0]);
-          jar[found] = converter.read(value, found);
-          if (name === found) {
-            break;
-          }
-        } catch (e) {
-        }
-      }
-      return name ? jar[name] : jar;
-    }
-    return Object.create(
-      {
-        set,
-        get,
-        remove: function(name, attributes) {
-          set(
-            name,
-            "",
-            assign({}, attributes, {
-              expires: -1
-            })
-          );
-        },
-        withAttributes: function(attributes) {
-          return init(this.converter, assign({}, this.attributes, attributes));
-        },
-        withConverter: function(converter2) {
-          return init(assign({}, this.converter, converter2), this.attributes);
-        }
-      },
-      {
-        attributes: { value: Object.freeze(defaultAttributes) },
-        converter: { value: Object.freeze(converter) }
-      }
-    );
-  }
-  var api = init(defaultConverter, { path: "/" });
-
-  // src/utils/cookies.ts
-  var memberAuthTokenName = "_ms-mid";
-  function isLocalStorageAvailable() {
-    try {
-      localStorage.setItem("test", "test");
-      localStorage.removeItem("test");
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }
-  var localStorageAvailable = isLocalStorageAvailable();
-  var setCookieOnRootDomain = false;
-  var extractDomainFromHostname = (hostname) => {
-    const hostnameParts = hostname.split(".");
-    const isCountryCodeTLD = hostnameParts.length >= 3 && hostnameParts[hostnameParts.length - 2].length <= 3;
-    if (isCountryCodeTLD) {
-      return hostnameParts.slice(-3).join(".");
-    } else {
-      return hostnameParts.slice(-2).join(".");
-    }
-  };
-  var removeMemberToken = () => {
-    if (localStorageAvailable) {
-      localStorage.removeItem(memberAuthTokenName);
-    }
-    const domain = extractDomainFromHostname(window.location.hostname);
-    api.set(memberAuthTokenName, "", __spreadValues({
-      expires: -1,
-      sameSite: "strict"
-    }, setCookieOnRootDomain && { domain }));
-    api.set(memberAuthTokenName, "", {
-      expires: -1,
-      sameSite: "strict"
-    });
-  };
-  var removeSessionId = () => {
-    if (typeof window !== "undefined") {
-      window.localStorage.removeItem("ms_session_id");
-    } else {
-      console.warn("removeSessionId: window is not defined");
-    }
-  };
-
-  // src/auth/index.ts
-  var createObservable = () => {
-    const observer = /* @__PURE__ */ new Map();
-    return {
-      subscribe: (key, fn) => {
-        if (typeof fn !== "function")
-          return;
-        return observer.set(key, fn);
-      },
-      unsubscribe: (key) => {
-        return observer.delete(key);
-      },
-      notify: (data) => {
-        return [...observer.values()].forEach((fn) => fn(data));
-      }
-    };
-  };
-  var observable = createObservable();
-  var getPersistedMember = () => {
-    return JSON.parse(localStorage == null ? void 0 : localStorage.getItem("_ms-mem"));
-  };
-  var setPersistedMember = (member) => {
-    if (member) {
-      const data = JSON.stringify(member);
-      if (data)
-        localStorage == null ? void 0 : localStorage.setItem("_ms-mem", data);
-      observable.notify(member);
-    }
-  };
-  var updatePersistedMember = (member) => {
-    if (member) {
-      const data = JSON.stringify(member);
-      if (data)
-        localStorage == null ? void 0 : localStorage.setItem("_ms-mem", data);
-    } else {
-      localStorage == null ? void 0 : localStorage.removeItem("_ms-mem");
-      removeMemberToken();
-    }
-  };
-  var unsetPersistedMember = () => {
-    localStorage == null ? void 0 : localStorage.removeItem("_ms-mem");
-    removeMemberToken();
-    removeSessionId();
-    observable.notify(null);
-  };
-  var onAuthChange = (cb) => {
-    const id = Math.floor(Math.random() * 1e3);
-    observable.subscribe(id, cb);
-    return {
-      unsubscribe: () => observable.unsubscribe(id)
-    };
-  };
-  return __toCommonJS(auth_exports);
-})();
-/*! Bundled license information:
-
-js-cookie/dist/js.cookie.mjs:
-  (*! js-cookie v3.0.5 | MIT *)
-*/