@memberstack/dom 1.9.26 → 1.9.28

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.
@@ -1,53 +0,0 @@
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.getMemberToken = exports.removeMemberToken = exports.setMemberToken = exports.setUseCookies = void 0;
7
- var js_cookie_1 = __importDefault(require("js-cookie"));
8
- var memberAuthTokenName = "_ms-mid";
9
- function isLocalStorageAvailable() {
10
- try {
11
- localStorage.setItem("test", "test");
12
- localStorage.removeItem("test");
13
- return true;
14
- }
15
- catch (e) {
16
- return false;
17
- }
18
- }
19
- var localStorageAvailable = isLocalStorageAvailable();
20
- var useCookies = false;
21
- exports.setUseCookies = function () {
22
- useCookies = true;
23
- };
24
- exports.setMemberToken = function (token, expires) {
25
- if (localStorageAvailable && !useCookies) {
26
- localStorage.setItem(memberAuthTokenName, token);
27
- }
28
- else {
29
- js_cookie_1.default.set(memberAuthTokenName, token, {
30
- expires: (expires && Number(expires)) || 14,
31
- sameSite: "strict",
32
- });
33
- }
34
- };
35
- exports.removeMemberToken = function () {
36
- if (localStorageAvailable) {
37
- localStorage.removeItem(memberAuthTokenName);
38
- }
39
- js_cookie_1.default.set(memberAuthTokenName, "", {
40
- expires: -1,
41
- sameSite: "strict",
42
- });
43
- };
44
- exports.getMemberToken = function () {
45
- if (localStorageAvailable && !useCookies) {
46
- var memAuthToken = localStorage.getItem(memberAuthTokenName);
47
- if (memAuthToken)
48
- return memAuthToken;
49
- }
50
- // todo: it's safe to make this an else in 2 weeks
51
- // fallback to cookie -> this is to prevent folks from having to log in again
52
- return js_cookie_1.default.get(memberAuthTokenName);
53
- };
@@ -1,3 +0,0 @@
1
- export declare const addSuccessBox: () => void;
2
- export declare const addErrorBox: () => void;
3
- export declare const initCSS: () => void;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.initCSS = exports.addErrorBox = exports.addSuccessBox = void 0;
4
- var closeIcon;
5
- if (typeof window !== "undefined") {
6
- closeIcon = document.createElement("div");
7
- closeIcon.setAttribute("id", "ms-status-close");
8
- closeIcon.setAttribute("data-ms-message-close", "");
9
- 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>";
10
- }
11
- exports.addSuccessBox = function () {
12
- var successStatusIcon = document.createElement("div");
13
- successStatusIcon.setAttribute("id", "ms-status-icon");
14
- 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>";
15
- 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>";
16
- var successdiv = document.createElement("div");
17
- successdiv.setAttribute("data-ms-message", "success");
18
- successdiv.innerHTML = successHTML;
19
- successdiv.style.display = "none";
20
- document.body.appendChild(successdiv);
21
- };
22
- exports.addErrorBox = function () {
23
- var errorStatusIcon = document.createElement("div");
24
- errorStatusIcon.setAttribute("id", "ms-status-icon");
25
- 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>";
26
- 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>";
27
- var errordiv = document.createElement("div");
28
- errordiv.setAttribute("data-ms-message", "error");
29
- errordiv.innerHTML = errorHTML;
30
- errordiv.style.display = "none";
31
- document.body.appendChild(errordiv);
32
- };
33
- exports.initCSS = function () {
34
- var cssEl = document.createElement("style");
35
- 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}";
36
- cssEl.setAttribute("data-ms-style", "");
37
- cssEl.appendChild(document.createTextNode(css));
38
- document.head.appendChild(cssEl);
39
- };