@memberstack/dom 1.9.3 → 1.9.6

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,5 +1,5 @@
1
1
  export declare type OpenModalParams = {
2
- type: "LOGIN" | "SIGNUP" | "FORGOT_PASSWORD" | "RESET_PASSWORD";
2
+ type: "LOGIN" | "SIGNUP" | "FORGOT_PASSWORD" | "RESET_PASSWORD" | "PROFILE";
3
3
  };
4
4
  export declare const showMessage: (msg: any, isError: any) => void;
5
5
  export declare const showLoader: (element?: any) => void;
@@ -41,14 +41,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
41
41
  Object.defineProperty(exports, "__esModule", { value: true });
42
42
  exports.hideModal = exports.openModal = exports.handleRedirect = exports.hideLoader = exports.showLoader = exports.showMessage = void 0;
43
43
  var main_dom_js_1 = __importDefault(require("./main-dom.js"));
44
- var showMessage = function (msg, isError) {
44
+ exports.showMessage = function (msg, isError) {
45
45
  var cssEl = document.createElement("style");
46
46
  var css = ".ms-error-message { position: fixed; left: 5%; right: 5%; bottom: 3%; z-index: 10000000; display: block; margin-right: auto; margin-left: auto; padding-top: 1em; padding-right: 10px; padding-bottom: 1em; border-radius: 3px; background-color: #fd3a57; box-shadow: 0 0 0 2px #fff; color: #fff; font-size: 1.1em; line-height: 1.8em; font-weight: 700; text-align: center; }";
47
47
  cssEl.setAttribute("data-ms-style", "");
48
48
  cssEl.appendChild(document.createTextNode(css));
49
49
  document.head.appendChild(cssEl);
50
50
  var color = isError ? "#FD3A57" : "#40c88b";
51
- var messageHTML = "<div data-ms-message style=\"background: ".concat(color, "\" class=\"ms-error-message\"><div id=\"ms-message\">").concat(msg, "</div></div>");
51
+ var messageHTML = "<div data-ms-message style=\"background: " + color + "\" class=\"ms-error-message\"><div id=\"ms-message\">" + msg + "</div></div>";
52
52
  var div = document.createElement("div");
53
53
  div.setAttribute("data-ms-message", "");
54
54
  div.innerHTML = messageHTML;
@@ -59,8 +59,7 @@ var showMessage = function (msg, isError) {
59
59
  (_b = document.querySelector("[data-ms-message]")) === null || _b === void 0 ? void 0 : _b.remove();
60
60
  }, 4000);
61
61
  };
62
- exports.showMessage = showMessage;
63
- var showLoader = function (element) {
62
+ exports.showLoader = function (element) {
64
63
  if (element) {
65
64
  element.style.display = "block";
66
65
  return;
@@ -75,8 +74,7 @@ var showLoader = function (element) {
75
74
  div.innerHTML = loaderHTML;
76
75
  document.body.appendChild(div);
77
76
  };
78
- exports.showLoader = showLoader;
79
- var hideLoader = function (element) {
77
+ exports.hideLoader = function (element) {
80
78
  var _a;
81
79
  if (element) {
82
80
  element.style.display = "none";
@@ -84,15 +82,14 @@ var hideLoader = function (element) {
84
82
  }
85
83
  (_a = document.querySelector("[data-ms-loader]")) === null || _a === void 0 ? void 0 : _a.remove();
86
84
  };
87
- exports.hideLoader = hideLoader;
88
- var handleRedirect = function (redirect, redirectOverride) {
85
+ exports.handleRedirect = function (redirect, redirectOverride) {
89
86
  if (redirectOverride)
90
87
  return window.location.href = redirectOverride;
91
88
  if (redirect && (window.location.pathname !== redirect))
92
89
  return window.location.href = redirect;
93
90
  };
94
- exports.handleRedirect = handleRedirect;
95
- var openModal = function (type, params) {
91
+ var modal;
92
+ exports.openModal = function (type, params) {
96
93
  if (params === void 0) { params = {}; }
97
94
  return __awaiter(void 0, void 0, void 0, function () {
98
95
  var resolveModal, modalPromise;
@@ -100,8 +97,7 @@ var openModal = function (type, params) {
100
97
  modalPromise = new Promise(function (resolve) {
101
98
  resolveModal = resolve;
102
99
  });
103
- console.log(type);
104
- new main_dom_js_1.default({
100
+ modal = new main_dom_js_1.default({
105
101
  target: document.body,
106
102
  props: {
107
103
  display: type.toLowerCase(),
@@ -113,10 +109,7 @@ var openModal = function (type, params) {
113
109
  });
114
110
  });
115
111
  };
116
- exports.openModal = openModal;
117
- var hideModal = function () {
118
- var _a;
119
- (_a = document.querySelector("#msOverlay")) === null || _a === void 0 ? void 0 : _a.remove();
120
- (0, exports.hideLoader)();
112
+ exports.hideModal = function () {
113
+ modal === null || modal === void 0 ? void 0 : modal.$destroy();
114
+ exports.hideLoader();
121
115
  };
122
- exports.hideModal = hideModal;