@memberstack/dom 1.0.0-alpha.3.4.2 → 1.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/README.md +1 -0
  2. package/lib/auth/persistence/index.d.ts +1 -0
  3. package/lib/auth/persistence/index.js +13 -0
  4. package/lib/auth/persistence/local.d.ts +5 -0
  5. package/lib/auth/persistence/local.js +20 -0
  6. package/lib/auth/persistence/methods.d.ts +11 -0
  7. package/lib/auth/persistence/methods.js +57 -0
  8. package/lib/auth/persistence/session.d.ts +5 -0
  9. package/lib/auth/persistence/session.js +20 -0
  10. package/lib/constants/cookies.d.ts +3 -0
  11. package/lib/constants/cookies.js +7 -0
  12. package/lib/constants/endpoint.d.ts +4 -0
  13. package/lib/constants/endpoint.js +7 -0
  14. package/lib/constants/storage.d.ts +1 -0
  15. package/lib/constants/storage.js +4 -0
  16. package/lib/constants/window.d.ts +4 -0
  17. package/lib/constants/window.js +7 -0
  18. package/lib/index.d.ts +3 -0
  19. package/lib/index.js +7 -0
  20. package/lib/methods/client.d.ts +644 -0
  21. package/lib/methods/client.js +12 -0
  22. package/lib/methods/dom/index.d.ts +2 -0
  23. package/lib/methods/dom/index.js +9 -0
  24. package/lib/methods/dom/methods.d.ts +17 -0
  25. package/lib/methods/dom/methods.js +64 -0
  26. package/lib/methods/dom/script.d.ts +3 -0
  27. package/lib/methods/dom/script.js +80 -0
  28. package/lib/methods/index.d.ts +23 -0
  29. package/lib/methods/index.js +77 -0
  30. package/lib/utils/cookies.d.ts +1 -0
  31. package/lib/utils/cookies.js +11 -0
  32. package/lib/utils/interceptor.d.ts +1 -0
  33. package/lib/utils/interceptor.js +21 -0
  34. package/lib/utils/localStorage.d.ts +6 -0
  35. package/lib/utils/localStorage.js +21 -0
  36. package/lib/utils/proxy.d.ts +2 -0
  37. package/lib/utils/proxy.js +96 -0
  38. package/package.json +9 -18
  39. package/dist/constants/elements.d.ts +0 -61
  40. package/dist/constants/utils.d.ts +0 -26
  41. package/dist/dist/modal.css +0 -1
  42. package/dist/index.d.ts +0 -8
  43. package/dist/index.js +0 -8
  44. package/dist/methods/index.d.ts +0 -3
  45. package/dist/methods/modal/fetchModal.d.ts +0 -4
  46. package/dist/methods/modal/loadModal.d.ts +0 -8
  47. package/dist/ms-dom.cjs.development.js +0 -729
  48. package/dist/ms-dom.cjs.development.js.map +0 -1
  49. package/dist/ms-dom.cjs.production.min.js +0 -2
  50. package/dist/ms-dom.cjs.production.min.js.map +0 -1
  51. package/dist/ms-dom.esm.js +0 -722
  52. package/dist/ms-dom.esm.js.map +0 -1
  53. package/dist/scripts/listeners.d.ts +0 -6
  54. package/dist/scripts/personalize.d.ts +0 -2
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.hideModal = exports.openModal = exports.load = void 0;
4
+ var window_1 = require("../../constants/window");
5
+ var endpoint_1 = require("../../constants/endpoint");
6
+ var cookies_1 = require("../../utils/cookies");
7
+ var persistence_1 = require("../../auth/persistence");
8
+ var isBrowser = typeof window !== "undefined";
9
+ var isInitialized = function () {
10
+ if (!isBrowser)
11
+ return;
12
+ if (!(window === null || window === void 0 ? void 0 : window[window_1.Window.MSDOM])) {
13
+ console.warn("Memberstack has not been initialized yet.");
14
+ return false;
15
+ }
16
+ return true;
17
+ };
18
+ var hasIFrame = function () {
19
+ var initialized = isInitialized();
20
+ if (!initialized)
21
+ return false;
22
+ var iframe = document.querySelector("iframe[id=\"_ms-iframe\"]");
23
+ if (!iframe) {
24
+ console.warn("iFrame has not been loaded yet.");
25
+ return false;
26
+ }
27
+ return true;
28
+ };
29
+ var load = function (props) {
30
+ var _a;
31
+ if (isInitialized()) {
32
+ (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.load({ publicKey: props.publicKey });
33
+ }
34
+ };
35
+ exports.load = load;
36
+ var openModal = function (props) {
37
+ var _a;
38
+ if (hasIFrame()) {
39
+ (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.show(props.type, props.params);
40
+ window.addEventListener("message", function (e) {
41
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
42
+ if (e.origin === endpoint_1.endpoints.parentOrigin) {
43
+ if (e.data.type === "CLOSE") {
44
+ return exports.hideModal();
45
+ }
46
+ if ((_b = (_a = e.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.member) {
47
+ persistence_1.setPersistedMember((_c = e.data) === null || _c === void 0 ? void 0 : _c.data.member, props.persistence);
48
+ }
49
+ if (props.useCookie && ((_f = (_e = (_d = e.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.tokens) === null || _f === void 0 ? void 0 : _f.accessToken)) {
50
+ cookies_1.setMemberCookie(e.data.data.tokens.accessToken);
51
+ }
52
+ (_h = (_g = props.options) === null || _g === void 0 ? void 0 : _g.onCompleted) === null || _h === void 0 ? void 0 : _h.call(_g, (_j = e.data) === null || _j === void 0 ? void 0 : _j.data);
53
+ }
54
+ });
55
+ }
56
+ };
57
+ exports.openModal = openModal;
58
+ var hideModal = function () {
59
+ var _a;
60
+ if (hasIFrame()) {
61
+ (_a = window[window_1.Window.MSDOM]) === null || _a === void 0 ? void 0 : _a.hide();
62
+ }
63
+ };
64
+ exports.hideModal = hideModal;
@@ -0,0 +1,3 @@
1
+ export declare function initialize(props: {
2
+ publicKey: string;
3
+ }): Promise<any>;
@@ -0,0 +1,80 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (_) try {
18
+ 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;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
38
+ Object.defineProperty(exports, "__esModule", { value: true });
39
+ exports.initialize = void 0;
40
+ var endpoint_1 = require("../../constants/endpoint");
41
+ var window_1 = require("../../constants/window");
42
+ var isBrowser = typeof window !== "undefined";
43
+ var SCRIPT_URL = endpoint_1.endpoints.loaderScript;
44
+ var SCRIPT_URL_REGEX = new RegExp(SCRIPT_URL);
45
+ var getScript = function () {
46
+ var existingScript = document.querySelector("script[src^=\"" + SCRIPT_URL + "\"]");
47
+ if (existingScript && SCRIPT_URL_REGEX.test(existingScript.src)) {
48
+ return existingScript;
49
+ }
50
+ var script = document.createElement("script");
51
+ script.src = SCRIPT_URL;
52
+ script.defer = true;
53
+ script.crossOrigin = "true";
54
+ if (!document.body) {
55
+ throw new Error("Memberstack requires a <body> element.");
56
+ }
57
+ document.body.appendChild(script);
58
+ return script;
59
+ };
60
+ function initialize(props) {
61
+ return __awaiter(this, void 0, void 0, function () {
62
+ var script;
63
+ return __generator(this, function (_a) {
64
+ if (!isBrowser)
65
+ return [2 /*return*/, null];
66
+ script = getScript();
67
+ script.addEventListener("load", function () {
68
+ if (window[window_1.Window.MSDOM]) {
69
+ window[window_1.Window.MSDOM].load({ publicKey: props.publicKey });
70
+ console.info("\x1b[36m%s\x1b[0m", "Memberstack has been initialized.");
71
+ }
72
+ else {
73
+ console.warn("Could not initialize Memberstack.");
74
+ }
75
+ });
76
+ return [2 /*return*/];
77
+ });
78
+ });
79
+ }
80
+ exports.initialize = initialize;
@@ -0,0 +1,23 @@
1
+ import { Persistence } from "../auth/persistence";
2
+ import * as DOM from "./dom/methods";
3
+ import { initClient, ClientConfig } from "./client";
4
+ declare global {
5
+ interface Window {
6
+ __MSDOM: any;
7
+ APP_ID: string;
8
+ }
9
+ }
10
+ export declare type DOMConfig = ClientConfig & {
11
+ persistence: Persistence;
12
+ };
13
+ declare const DOMMethods: ({ useCookie, persistence, ...props }: DOMConfig) => {
14
+ load: () => void;
15
+ hideModal: () => void;
16
+ onAuthChange: (cb: any) => void;
17
+ openModal: (type: DOM.OpenModalParams["type"], params?: DOM.OpenModalParams["params"], options?: DOM.OpenModalParams["options"]) => void;
18
+ };
19
+ export declare const init: (props: DOMConfig) => ReturnType<typeof initClient> & ReturnType<typeof DOMMethods>;
20
+ export declare const Methods: {
21
+ init: (props: DOMConfig) => ReturnType<typeof initClient> & ReturnType<typeof DOMMethods>;
22
+ };
23
+ export {};
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
+ }) : (function(o, m, k, k2) {
17
+ if (k2 === undefined) k2 = k;
18
+ o[k2] = m[k];
19
+ }));
20
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
22
+ }) : function(o, v) {
23
+ o["default"] = v;
24
+ });
25
+ var __importStar = (this && this.__importStar) || function (mod) {
26
+ if (mod && mod.__esModule) return mod;
27
+ var result = {};
28
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
+ __setModuleDefault(result, mod);
30
+ return result;
31
+ };
32
+ var __rest = (this && this.__rest) || function (s, e) {
33
+ var t = {};
34
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
+ t[p] = s[p];
36
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
+ t[p[i]] = s[p[i]];
40
+ }
41
+ return t;
42
+ };
43
+ var __importDefault = (this && this.__importDefault) || function (mod) {
44
+ return (mod && mod.__esModule) ? mod : { "default": mod };
45
+ };
46
+ Object.defineProperty(exports, "__esModule", { value: true });
47
+ exports.Methods = exports.init = void 0;
48
+ var persistence_1 = require("../auth/persistence");
49
+ var proxy_1 = __importDefault(require("../utils/proxy"));
50
+ var DOM = __importStar(require("./dom/methods"));
51
+ var script_1 = require("./dom/script");
52
+ var client_1 = require("./client");
53
+ var interceptor_1 = require("../utils/interceptor");
54
+ var DOMMethods = function (_a) {
55
+ var _b = _a.useCookie, useCookie = _b === void 0 ? true : _b, _c = _a.persistence, persistence = _c === void 0 ? persistence_1.Persistence.LOCAL : _c, props = __rest(_a, ["useCookie", "persistence"]);
56
+ return ({
57
+ load: function () { return DOM.load({ publicKey: props.publicKey }); },
58
+ hideModal: DOM.hideModal,
59
+ onAuthChange: persistence_1.onAuthChange,
60
+ openModal: function (type, params, options) { return DOM.openModal(__assign({ type: type, params: params, options: options, useCookie: useCookie, persistence: persistence }, props)); },
61
+ });
62
+ };
63
+ var withScript = function (fn) {
64
+ return function (props) {
65
+ var config = __assign({ persistence: persistence_1.Persistence.LOCAL, useCookie: true }, props);
66
+ script_1.initialize({ publicKey: props.publicKey });
67
+ if (config.useCookie)
68
+ interceptor_1.initializeInterceptors();
69
+ return fn(config);
70
+ };
71
+ };
72
+ exports.init = withScript(function (props) {
73
+ var client = proxy_1.default(client_1.initClient(props), props);
74
+ var methods = DOMMethods(props);
75
+ return Object.assign(client, methods);
76
+ });
77
+ exports.Methods = { init: exports.init };
@@ -0,0 +1 @@
1
+ export declare const setMemberCookie: (token: any, expires?: number) => void;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.setMemberCookie = void 0;
4
+ var cookies_1 = require("../constants/cookies");
5
+ var setMemberCookie = function (token, expires) {
6
+ require("js-cookie").set(cookies_1.MemberCookies.AUTH, token, {
7
+ expires: expires || new Date(Date.now() + 604800000),
8
+ sameSite: "strict",
9
+ });
10
+ };
11
+ exports.setMemberCookie = setMemberCookie;
@@ -0,0 +1 @@
1
+ export declare const initializeInterceptors: () => void;
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.initializeInterceptors = void 0;
7
+ var node_request_interceptor_1 = require("node-request-interceptor");
8
+ var default_1 = __importDefault(require("node-request-interceptor/lib/presets/default"));
9
+ var cookies_1 = require("./cookies");
10
+ var interceptor = new node_request_interceptor_1.RequestInterceptor(default_1.default);
11
+ var initializeInterceptors = function () {
12
+ interceptor.on("response", function (req, response) {
13
+ if (response === null || response === void 0 ? void 0 : response.headers["ms-mid"]) {
14
+ if ((response === null || response === void 0 ? void 0 : response.headers["ms-mid"]) === "null") {
15
+ cookies_1.setMemberCookie("", -1);
16
+ }
17
+ cookies_1.setMemberCookie(response.headers["ms-mid"]);
18
+ }
19
+ });
20
+ };
21
+ exports.initializeInterceptors = initializeInterceptors;
@@ -0,0 +1,6 @@
1
+ export declare const unsetRefreshToken: () => void;
2
+ export declare const setRefreshToken: ({ expires, refreshToken, }: {
3
+ expires: number;
4
+ refreshToken: string;
5
+ }) => void;
6
+ export declare const getRefreshToken: () => string[] | [];
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getRefreshToken = exports.setRefreshToken = exports.unsetRefreshToken = void 0;
4
+ var REFRESH_TOKEN_KEY = "_ms-rtk";
5
+ var REFRESH_TOKEN_SEPARATOR = ":";
6
+ var unsetRefreshToken = function () {
7
+ return localStorage === null || localStorage === void 0 ? void 0 : localStorage.removeItem(REFRESH_TOKEN_KEY);
8
+ };
9
+ exports.unsetRefreshToken = unsetRefreshToken;
10
+ var setRefreshToken = function (_a) {
11
+ var expires = _a.expires, refreshToken = _a.refreshToken;
12
+ localStorage === null || localStorage === void 0 ? void 0 : localStorage.setItem(REFRESH_TOKEN_KEY, "" + expires + REFRESH_TOKEN_SEPARATOR + refreshToken);
13
+ };
14
+ exports.setRefreshToken = setRefreshToken;
15
+ var getRefreshToken = function () {
16
+ var token = localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem(REFRESH_TOKEN_KEY);
17
+ if (!token)
18
+ return [];
19
+ return token === null || token === void 0 ? void 0 : token.split(REFRESH_TOKEN_SEPARATOR);
20
+ };
21
+ exports.getRefreshToken = getRefreshToken;
@@ -0,0 +1,2 @@
1
+ declare const _default: (target: any, props: any) => any;
2
+ export default _default;
@@ -0,0 +1,96 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (_) try {
18
+ 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;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
38
+ var __read = (this && this.__read) || function (o, n) {
39
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
40
+ if (!m) return o;
41
+ var i = m.call(o), r, ar = [], e;
42
+ try {
43
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
44
+ }
45
+ catch (error) { e = { error: error }; }
46
+ finally {
47
+ try {
48
+ if (r && !r.done && (m = i["return"])) m.call(i);
49
+ }
50
+ finally { if (e) throw e.error; }
51
+ }
52
+ return ar;
53
+ };
54
+ var __spread = (this && this.__spread) || function () {
55
+ for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
56
+ return ar;
57
+ };
58
+ Object.defineProperty(exports, "__esModule", { value: true });
59
+ var persistence_1 = require("../auth/persistence");
60
+ var handleResponse = function (fn, props) {
61
+ return function () {
62
+ var _a;
63
+ var args = [];
64
+ for (var _i = 0; _i < arguments.length; _i++) {
65
+ args[_i] = arguments[_i];
66
+ }
67
+ return (_a = fn.apply(void 0, __spread(args))) === null || _a === void 0 ? void 0 : _a.then(function (res) {
68
+ var _a, _b, _c, _d, _e, _f;
69
+ if ((_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.startsWith) === null || _b === void 0 ? void 0 : _b.call(_a, "mem_")) {
70
+ persistence_1.unsetPersistedMember(props.persistence);
71
+ }
72
+ if ((_c = res.data) === null || _c === void 0 ? void 0 : _c.member) {
73
+ persistence_1.setPersistedMember((_d = res.data) === null || _d === void 0 ? void 0 : _d.member, props.persistence);
74
+ }
75
+ if ((_f = (_e = res.data) === null || _e === void 0 ? void 0 : _e.id) === null || _f === void 0 ? void 0 : _f.startsWith("mem_")) {
76
+ persistence_1.setPersistedMember(res.data, props.persistence);
77
+ }
78
+ return res;
79
+ });
80
+ };
81
+ };
82
+ var handler = function (props) { return ({
83
+ get: function (target, prop, receiver) {
84
+ var _this = this;
85
+ if (prop === "getCurrentMember") {
86
+ var persistedMember_1 = persistence_1.getPersistedMember(props.persistence);
87
+ if (persistedMember_1) {
88
+ return function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
89
+ return [2 /*return*/, ({ data: persistedMember_1 })];
90
+ }); }); };
91
+ }
92
+ }
93
+ return handleResponse(Reflect.get(target, prop, receiver), props);
94
+ },
95
+ }); };
96
+ exports.default = (function (target, props) { return new Proxy(target, handler(props)); });
package/package.json CHANGED
@@ -1,27 +1,18 @@
1
1
  {
2
2
  "name": "@memberstack/dom",
3
- "version": "1.0.0-alpha.3.4.2",
4
- "main": "dist/index.js",
3
+ "version": "1.0.0-beta.10",
4
+ "main": "./lib/index.js",
5
5
  "files": [
6
- "dist"
6
+ "lib/**/*"
7
7
  ],
8
+ "author": "Lydia Hallie",
8
9
  "license": "MIT",
9
- "devDependencies": {
10
- "@types/jest": "^26.0.14",
11
- "@types/node": "^14.11.1",
12
- "autoprefixer": "^9.7.6",
13
- "cssnano": "^4.1.10",
14
- "rollup-plugin-postcss": "^3.1.8",
15
- "ts-jest": "^26.3.0",
16
- "tsdx": "^0.13.3",
17
- "typescript": "3.9.5"
10
+ "dependencies": {
11
+ "@memberstack/client": "^1.0.1-beta.2",
12
+ "js-cookie": "^3.0.1",
13
+ "node-request-interceptor": "^0.6.3"
18
14
  },
19
15
  "scripts": {
20
- "test": "tsdx test",
21
- "dev": "tsdx watch --name ms-dom",
22
- "build": "rm -rf dist && NODE_ENV=production tsdx build --name ms-dom --tsconfig ./tsconfig.json"
23
- },
24
- "dependencies": {
25
- "@memberstack/core": "^1.0.0-alpha.3.1"
16
+ "prepublishOnly": "tsc"
26
17
  }
27
18
  }
@@ -1,61 +0,0 @@
1
- export declare const SUBMIT_BUTTON = "button";
2
- export declare const MODAL_TYPE_TOGGLE = "modalTypeToggle";
3
- export declare const LOGO = "logo";
4
- export declare const TITLE = "title";
5
- export declare const LINK = "link";
6
- export declare const RESET_PASSWORD_ANCHOR = "resetPasswordAnchor";
7
- export declare const INPUT_FIELD_LABEL = "inputFieldLabel";
8
- export declare const INPUT_FIELD_INPUT = "inputFieldInput";
9
- export declare const DEFAULT_EMAIL_INPUT_FIELD = "emailInputField";
10
- export declare const DEFAULT_PASSWORD_INPUT_FIELD = "passwordInputField";
11
- export declare const CLOSE_MODAL = "closeModal";
12
- export declare const MEMBERSHIP_ID = "membershipId";
13
- export declare const modalAttributes: {
14
- button: string[];
15
- modalTypeToggle: string[];
16
- logo: string[];
17
- title: string[];
18
- resetPasswordAnchor: string[];
19
- inputFieldLabel: string[];
20
- inputFieldInput: string[];
21
- emailInputField: string[];
22
- passwordInputField: string[];
23
- closeModal: string[];
24
- membershipId: string[];
25
- link: string[];
26
- };
27
- export declare const SITE_IDENTIFIER = "siteIdentifier";
28
- export declare const MODAL_ROOT = "modalRoot";
29
- export declare const MODAL_ROOT_EMBED = "modalRootEmbed";
30
- export declare const MODAL_MODAL = "modalModal";
31
- export declare const MODAL_EMBED = "modalEmbed";
32
- export declare const MODAL_CONTAINER = "modalContainer";
33
- export declare const siteAttributes: {
34
- modalContainer: string[];
35
- siteIdentifier: string[];
36
- modalRoot: string[];
37
- modalRootEmbed: string[];
38
- modalModal: string[];
39
- modalEmbed: string[];
40
- };
41
- export declare const attributes: {
42
- modalContainer: string[];
43
- siteIdentifier: string[];
44
- modalRoot: string[];
45
- modalRootEmbed: string[];
46
- modalModal: string[];
47
- modalEmbed: string[];
48
- button: string[];
49
- modalTypeToggle: string[];
50
- logo: string[];
51
- title: string[];
52
- resetPasswordAnchor: string[];
53
- inputFieldLabel: string[];
54
- inputFieldInput: string[];
55
- emailInputField: string[];
56
- passwordInputField: string[];
57
- closeModal: string[];
58
- membershipId: string[];
59
- link: string[];
60
- };
61
- export declare const MSDOMElements: (el?: HTMLElement | Document) => Map<string, NodeListOf<HTMLElement>>;
@@ -1,26 +0,0 @@
1
- export declare const addClickEvent: (targets: NodeListOf<HTMLElement> | HTMLElement[], callback: any) => void;
2
- export declare function generateStyles(styles: any): {
3
- title?: undefined;
4
- button?: undefined;
5
- container?: undefined;
6
- link?: undefined;
7
- resetPassword?: undefined;
8
- input?: undefined;
9
- } | {
10
- title: string;
11
- button: string;
12
- container: string;
13
- link: string;
14
- resetPassword: string;
15
- input: {
16
- label: string;
17
- field: string;
18
- };
19
- };
20
- export declare const addInputEvent: (targets: NodeListOf<HTMLElement> | HTMLElement[] | [], callback: any) => void;
21
- export declare const setAttr: (els: NodeListOf<HTMLElement> | HTMLElement[] | [], attr: any, value: any) => void;
22
- export declare const createLogo: (logos: any, src: any) => void;
23
- export declare const prefetchLogo: (href: any) => void;
24
- export declare const getFieldValues: (fields?: NodeListOf<HTMLElement> | []) => {
25
- [x: string]: string;
26
- };
@@ -1 +0,0 @@
1
- [class*=ms-][class$=-button]{-webkit-appearance:none;-moz-appearance:none}[ms-editable=gdpr]{display:flex;align-items:stretch;align-content:center}[ms-editable="gdpr input"]{margin-right:6px;align-self:center}[ms-editable="gdpr label"]{font-size:.8em;margin-top:2px;margin-bottom:0;font-weight:400}[ms-editable=termsAndConditions][ms-editable*=link]{position:static;display:inline;overflow:visible;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:1px #000;border-bottom:1px dashed #3797da;border-radius:0;background-color:transparent;background-image:linear-gradient(180deg,transparent,transparent);box-shadow:0 0 0 0 transparent;opacity:1;filter:hue-rotate(0deg);transform:translate(0);transition:opacity .2s ease;direction:ltr;color:#0273c2;line-height:1.7em;font-weight:700;text-align:left;text-decoration:none;text-transform:none;text-shadow:0 0 0 transparent;-moz-column-count:auto;column-count:auto;cursor:pointer}[ms-editable=termsAndConditions][ms-editable*=link]:hover{border-bottom-style:solid}[ms-editable=container]{position:relative;z-index:10;display:block;width:100%;max-width:400px;margin:5% auto 200px;border:1px solid rgba(45,62,80,.12);border-radius:3px;background-color:#fff;box-shadow:0 10px 50px 0 rgba(0,0,0,.5);text-align:center}[ms-editable=container].embed{margin-top:0;margin-bottom:0;border-style:none;box-shadow:none}[ms-editable=header]{position:relative;left:0;top:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 1px 6px 0 rgba(45,62,80,.08);background-color:transparent!important}[ms-editable=logo]{height:50px}[ms-editable=title]{margin-top:30px;margin-bottom:15px;font-size:1.8em;line-height:1.4em;font-weight:700}[ms-editable=body]{margin-bottom:0;padding:15px 9% 25px;text-align:left}[ms-editable^=label]{display:block;width:auto;height:auto;min-height:0;min-width:0;margin:10px 0 0;padding:3px 0 5px 2px;font-size:.9em;font-weight:700;text-align:left}[ms-editable^=input]{position:relative;width:100%;height:52px;padding:10px 10px 10px 15px;justify-content:space-between;align-items:flex-start;border:1px solid rgba(0,0,0,.1);border-radius:3px;background-color:#f7f8fa;box-shadow:inset 0 2px 3px 0 rgba(45,62,80,.06);transition:background-color .2s ease,box-shadow .2s ease;font-size:1em}[ms-editable*=input]:hover{background-color:#fff;box-shadow:0 1px 4px 0 rgba(45,62,80,.06)}[ms-editable*=input]:focus{box-shadow:0 2px 3px 0 rgba(45,62,80,.06)}[ms-editable=button]{width:100%;margin-bottom:18px;padding:18px 16px;border-radius:4px;border-width:0;background-color:#2aa8ff;box-shadow:0 10px 10px -5px rgba(45,62,80,.12);color:#fff;font-size:1.1em;line-height:16px;font-weight:700;text-align:center;cursor:pointer}[ms-editable=button]:hover{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.2))}[ms-editable=modalToggle]{position:absolute;left:0;top:100%;right:0;bottom:auto;display:inline-block;margin-top:2em;margin-right:auto;margin-left:auto;border-radius:3px;color:#2aa8ff;font-weight:700;text-decoration:none}@media (max-width:479px){[ms-editable=title]{font-size:22px}}
package/dist/index.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import { launchTemplate, embedTemplate } from "./methods";
2
- import "./styles/modal.css";
3
- export { launchTemplate, embedTemplate };
4
- declare const _default: {
5
- launchTemplate: (props: any) => Promise<void>;
6
- embedTemplate: (props: any) => Promise<void>;
7
- };
8
- export default _default;
package/dist/index.js DELETED
@@ -1,8 +0,0 @@
1
-
2
- 'use strict'
3
-
4
- if (process.env.NODE_ENV === 'production') {
5
- module.exports = require('./ms-dom.cjs.production.min.js')
6
- } else {
7
- module.exports = require('./ms-dom.cjs.development.js')
8
- }
@@ -1,3 +0,0 @@
1
- declare const launchTemplate: (props: any) => Promise<void>;
2
- declare const embedTemplate: (props: any) => Promise<void>;
3
- export { launchTemplate, embedTemplate };
@@ -1,4 +0,0 @@
1
- export declare function fetchModal({ id, embed }: {
2
- id: any;
3
- embed: any;
4
- }): Promise<string>;
@@ -1,8 +0,0 @@
1
- declare global {
2
- interface Window {
3
- MemberStack: {
4
- reload: () => void;
5
- };
6
- }
7
- }
8
- export declare const loadModal: (props: any) => Promise<void>;