@memberstack/dom 1.0.0-alpha.3.4.1 → 1.0.0-beta.1

package/lib/methods/index.js

@@ -0,0 +1,81 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Methods = exports.init = void 0;
+var client_1 = __importDefault(require("@memberstack/client"));
+var persistence_1 = require("../auth/persistence");
+var DOM = __importStar(require("./dom"));
+var DOMMethods = function (_a) {
+    var publicKey = _a.publicKey, _b = _a.useCookie, useCookie = _b === void 0 ? true : _b, token = _a.token, apiVersion = _a.apiVersion, _c = _a.persistence, persistence = _c === void 0 ? persistence_1.Persistence.LOCAL : _c;
+    return ({
+        load: function () { return DOM.load({ publicKey: publicKey }); },
+        openModal: function (type, params, options) {
+            return DOM.openModal({
+                publicKey: publicKey,
+                type: type,
+                params: params,
+                options: options,
+                useCookie: useCookie,
+                token: token,
+                apiVersion: apiVersion,
+                persistence: persistence,
+            });
+        },
+        hideModal: function () { return DOM.hideModal(); },
+    });
+};
+var init = function (_a) {
+    var _b = _a.persistence, persistence = _b === void 0 ? persistence_1.Persistence.LOCAL : _b, _c = _a.useCookie, useCookie = _c === void 0 ? true : _c, props = __rest(_a, ["persistence", "useCookie"]);
+    var client = client_1.default.init(props);
+    DOM.initialize({ publicKey: props.publicKey });
+    persistence_1.initializeInterceptor(persistence, useCookie);
+    return __assign(__assign(__assign({}, client), DOMMethods(__assign({ persistence: persistence, useCookie: useCookie }, props))), { getCurrentMember: function (options) {
+            var persistedMember = persistence_1.getPersistedMember(persistence);
+            return persistedMember || client.getCurrentMember(options);
+        }, onAuthChange: persistence_1.onAuthChange });
+};
+exports.init = init;
+exports.Methods = { init: exports.init };

package/lib/types/params.d.ts

@@ -0,0 +1,11 @@
+export declare type OpenModalParams = {
+    type: "LOGIN" | "SIGNUP";
+    params?: {
+        planId?: string;
+        planPaymentOptionId?: string;
+    };
+    options?: {
+        onCompleted?: (x: any) => any;
+        onError?: (x: any) => any;
+    };
+};

package/lib/types/params.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/utils/cookies.d.ts

@@ -0,0 +1,2 @@
+export declare const getMemberCookie: () => any;
+export declare const setMemberCookie: (token: any) => any;

package/lib/utils/cookies.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setMemberCookie = exports.getMemberCookie = void 0;
+var js_cookie_1 = __importDefault(require("js-cookie"));
+var cookies_1 = require("../constants/cookies");
+var getMemberCookie = function () { return js_cookie_1.default.get(cookies_1.MemberCookies.AUTH); };
+exports.getMemberCookie = getMemberCookie;
+var setMemberCookie = function (token) { return js_cookie_1.default.set(cookies_1.MemberCookies.AUTH, token, {
+    expires: new Date(Date.now() + 604800000),
+    sameSite: "strict",
+}); };
+exports.setMemberCookie = setMemberCookie;

package/package.json

@@ -1,27 +1,18 @@
 {
   "name": "@memberstack/dom",
-  "version": "1.0.0-alpha.3.4.1",
-  "main": "dist/index.js",
+  "version": "1.0.0-beta.1",
+  "main": "./lib/index.js",
   "files": [
-    "dist"
+    "lib/**/*"
   ],
+  "author": "Lydia Hallie",
   "license": "MIT",
-  "devDependencies": {
-    "@types/jest": "^26.0.14",
-    "@types/node": "^14.11.1",
-    "autoprefixer": "^9.7.6",
-    "cssnano": "^4.1.10",
-    "rollup-plugin-postcss": "^3.1.8",
-    "ts-jest": "^26.3.0",
-    "tsdx": "^0.13.3",
-    "typescript": "3.9.5"
+  "dependencies": {
+    "@memberstack/client": "^1.0.1-beta.1",
+    "js-cookie": "^3.0.1",
+    "node-request-interceptor": "^0.6.3"
   },
   "scripts": {
-    "test": "tsdx test",
-    "dev": "tsdx watch --name ms-dom",
-    "build": "rm -rf dist && NODE_ENV=production tsdx build --name ms-dom"
-  },
-  "dependencies": {
-    "@memberstack/core": "^1.0.0-alpha.3.1"
+    "prepublishOnly": "tsc"
   }
 }

package/dist/constants/elements.d.ts

@@ -1,61 +0,0 @@
-export declare const SUBMIT_BUTTON = "button";
-export declare const MODAL_TYPE_TOGGLE = "modalTypeToggle";
-export declare const LOGO = "logo";
-export declare const TITLE = "title";
-export declare const LINK = "link";
-export declare const RESET_PASSWORD_ANCHOR = "resetPasswordAnchor";
-export declare const INPUT_FIELD_LABEL = "inputFieldLabel";
-export declare const INPUT_FIELD_INPUT = "inputFieldInput";
-export declare const DEFAULT_EMAIL_INPUT_FIELD = "emailInputField";
-export declare const DEFAULT_PASSWORD_INPUT_FIELD = "passwordInputField";
-export declare const CLOSE_MODAL = "closeModal";
-export declare const MEMBERSHIP_ID = "membershipId";
-export declare const modalAttributes: {
-    button: string[];
-    modalTypeToggle: string[];
-    logo: string[];
-    title: string[];
-    resetPasswordAnchor: string[];
-    inputFieldLabel: string[];
-    inputFieldInput: string[];
-    emailInputField: string[];
-    passwordInputField: string[];
-    closeModal: string[];
-    membershipId: string[];
-    link: string[];
-};
-export declare const SITE_IDENTIFIER = "siteIdentifier";
-export declare const MODAL_ROOT = "modalRoot";
-export declare const MODAL_ROOT_EMBED = "modalRootEmbed";
-export declare const MODAL_MODAL = "modalModal";
-export declare const MODAL_EMBED = "modalEmbed";
-export declare const MODAL_CONTAINER = "modalContainer";
-export declare const siteAttributes: {
-    modalContainer: string[];
-    siteIdentifier: string[];
-    modalRoot: string[];
-    modalRootEmbed: string[];
-    modalModal: string[];
-    modalEmbed: string[];
-};
-export declare const attributes: {
-    modalContainer: string[];
-    siteIdentifier: string[];
-    modalRoot: string[];
-    modalRootEmbed: string[];
-    modalModal: string[];
-    modalEmbed: string[];
-    button: string[];
-    modalTypeToggle: string[];
-    logo: string[];
-    title: string[];
-    resetPasswordAnchor: string[];
-    inputFieldLabel: string[];
-    inputFieldInput: string[];
-    emailInputField: string[];
-    passwordInputField: string[];
-    closeModal: string[];
-    membershipId: string[];
-    link: string[];
-};
-export declare const MSDOMElements: (el?: HTMLElement | Document) => Map<string, NodeListOf<HTMLElement>>;

package/dist/constants/utils.d.ts

@@ -1,26 +0,0 @@
-export declare const addClickEvent: (targets: NodeListOf<HTMLElement> | HTMLElement[], callback: any) => void;
-export declare function generateStyles(styles: any): {
-    title?: undefined;
-    button?: undefined;
-    container?: undefined;
-    link?: undefined;
-    resetPassword?: undefined;
-    input?: undefined;
-} | {
-    title: string;
-    button: string;
-    container: string;
-    link: string;
-    resetPassword: string;
-    input: {
-        label: string;
-        field: string;
-    };
-};
-export declare const addInputEvent: (targets: NodeListOf<HTMLElement> | HTMLElement[] | [], callback: any) => void;
-export declare const setAttr: (els: NodeListOf<HTMLElement> | HTMLElement[] | [], attr: any, value: any) => void;
-export declare const createLogo: (logos: any, src: any) => void;
-export declare const prefetchLogo: (href: any) => void;
-export declare const getFieldValues: (fields?: NodeListOf<HTMLElement> | []) => {
-    [x: string]: string;
-};

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-import { launchTemplate, embedTemplate } from "./methods";
-export { launchTemplate, embedTemplate };
-declare const _default: {
-    launchTemplate: (props: any) => Promise<void>;
-    embedTemplate: (props: any) => Promise<void>;
-};
-export default _default;

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./ms-dom.cjs.production.min.js')
-} else {
-  module.exports = require('./ms-dom.cjs.development.js')
-}

package/dist/jest.setup.d.ts

@@ -1,3 +0,0 @@
-import "./__tests__/polyfills/mutationObserver";
-import "./__tests__/polyfills/fetch";
-export {};

package/dist/methods/index.d.ts

@@ -1,3 +0,0 @@
-declare const launchTemplate: (props: any) => Promise<void>;
-declare const embedTemplate: (props: any) => Promise<void>;
-export { launchTemplate, embedTemplate };

package/dist/methods/modal/fetchModal.d.ts

@@ -1,4 +0,0 @@
-export declare function fetchModal({ id, embed }: {
-    id: any;
-    embed: any;
-}): Promise<string>;

package/dist/methods/modal/loadModal.d.ts

@@ -1,8 +0,0 @@
-declare global {
-    interface Window {
-        MemberStack: {
-            reload: () => void;
-        };
-    }
-}
-export declare const loadModal: (props: any) => Promise<void>;