@memberstack/dom 2.0.1 → 2.0.2

package/lib/utils/cookies.js

@@ -1,179 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/utils/cookies.ts
-var cookies_exports = {};
-__export(cookies_exports, {
-  extractDomainFromHostname: () => extractDomainFromHostname,
-  getMemberToken: () => getMemberToken,
-  getSessionId: () => getSessionId,
-  removeMemberToken: () => removeMemberToken,
-  removeSessionId: () => removeSessionId,
-  setApiDomain: () => setApiDomain,
-  setMemberToken: () => setMemberToken,
-  setMemberTokenIfAvailable: () => setMemberTokenIfAvailable,
-  setSessionId: () => setSessionId,
-  setUseCookies: () => setUseCookies,
-  useCookiesValid: () => useCookiesValid
-});
-module.exports = __toCommonJS(cookies_exports);
-var import_js_cookie = __toESM(require("js-cookie"));
-var memberAuthTokenName = "_ms-mid";
-function isLocalStorageAvailable() {
-  try {
-    localStorage.setItem("test", "test");
-    localStorage.removeItem("test");
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-var localStorageAvailable = isLocalStorageAvailable();
-var useCookies = false;
-var setCookieOnRootDomain = false;
-var apiDomain;
-var setUseCookies = (setCookieOnRoot) => {
-  useCookies = true;
-  if (setCookieOnRoot)
-    setCookieOnRootDomain = true;
-};
-var setApiDomain = (domain) => {
-  apiDomain = domain;
-};
-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 useCookiesValid = () => {
-  if (!useCookies)
-    return false;
-  if (setCookieOnRootDomain) {
-    const apiDomainHost = extractDomainFromHostname(apiDomain);
-    const currentHost = extractDomainFromHostname(window.location.hostname);
-    return apiDomainHost === currentHost;
-  }
-  return true;
-};
-var setMemberToken = (token, expires) => {
-  if (localStorageAvailable && useCookiesValid() === false) {
-    localStorage.setItem(memberAuthTokenName, token);
-  } else {
-    const domain = extractDomainFromHostname(window.location.hostname);
-    import_js_cookie.default.set(memberAuthTokenName, token, __spreadValues({
-      expires: expires && Number(expires) || 14,
-      sameSite: "strict"
-    }, setCookieOnRootDomain && { domain }));
-  }
-};
-var removeMemberToken = () => {
-  if (localStorageAvailable) {
-    localStorage.removeItem(memberAuthTokenName);
-  }
-  const domain = extractDomainFromHostname(window.location.hostname);
-  import_js_cookie.default.set(memberAuthTokenName, "", __spreadValues({
-    expires: -1,
-    sameSite: "strict"
-  }, setCookieOnRootDomain && { domain }));
-  import_js_cookie.default.set(memberAuthTokenName, "", {
-    expires: -1,
-    sameSite: "strict"
-  });
-};
-var getMemberToken = () => {
-  if (localStorageAvailable) {
-    const memAuthToken = localStorage.getItem(memberAuthTokenName);
-    if (memAuthToken)
-      return memAuthToken;
-  }
-  return import_js_cookie.default.get(memberAuthTokenName);
-};
-var setMemberTokenIfAvailable = () => {
-  if (typeof window !== "undefined") {
-    const urlParams = new URLSearchParams(window.location.search);
-    const memberToken = urlParams.get("memberToken");
-    if (memberToken)
-      setMemberToken(memberToken);
-  }
-};
-var getSessionId = () => {
-  if (typeof window === "undefined")
-    return null;
-  const sessionId = window.localStorage.getItem("ms_session_id");
-  if (!sessionId || sessionId.length > 26) {
-    window.localStorage.removeItem("ms_session_id");
-    return null;
-  }
-  return sessionId;
-};
-var setSessionId = (sessionId) => {
-  if (typeof window !== "undefined") {
-    window.localStorage.setItem("ms_session_id", sessionId);
-  } else {
-    console.warn("setSessionId: window is not defined");
-  }
-};
-var removeSessionId = () => {
-  if (typeof window !== "undefined") {
-    window.localStorage.removeItem("ms_session_id");
-  } else {
-    console.warn("removeSessionId: window is not defined");
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  extractDomainFromHostname,
-  getMemberToken,
-  getSessionId,
-  removeMemberToken,
-  removeSessionId,
-  setApiDomain,
-  setMemberToken,
-  setMemberTokenIfAvailable,
-  setSessionId,
-  setUseCookies,
-  useCookiesValid
-});

package/lib/utils/cookies.mjs

@@ -1,138 +0,0 @@
-var __defProp = Object.defineProperty;
-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;
-};
-
-// src/utils/cookies.ts
-import Cookie from "js-cookie";
-var memberAuthTokenName = "_ms-mid";
-function isLocalStorageAvailable() {
-  try {
-    localStorage.setItem("test", "test");
-    localStorage.removeItem("test");
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-var localStorageAvailable = isLocalStorageAvailable();
-var useCookies = false;
-var setCookieOnRootDomain = false;
-var apiDomain;
-var setUseCookies = (setCookieOnRoot) => {
-  useCookies = true;
-  if (setCookieOnRoot)
-    setCookieOnRootDomain = true;
-};
-var setApiDomain = (domain) => {
-  apiDomain = domain;
-};
-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 useCookiesValid = () => {
-  if (!useCookies)
-    return false;
-  if (setCookieOnRootDomain) {
-    const apiDomainHost = extractDomainFromHostname(apiDomain);
-    const currentHost = extractDomainFromHostname(window.location.hostname);
-    return apiDomainHost === currentHost;
-  }
-  return true;
-};
-var setMemberToken = (token, expires) => {
-  if (localStorageAvailable && useCookiesValid() === false) {
-    localStorage.setItem(memberAuthTokenName, token);
-  } else {
-    const domain = extractDomainFromHostname(window.location.hostname);
-    Cookie.set(memberAuthTokenName, token, __spreadValues({
-      expires: expires && Number(expires) || 14,
-      sameSite: "strict"
-    }, setCookieOnRootDomain && { domain }));
-  }
-};
-var removeMemberToken = () => {
-  if (localStorageAvailable) {
-    localStorage.removeItem(memberAuthTokenName);
-  }
-  const domain = extractDomainFromHostname(window.location.hostname);
-  Cookie.set(memberAuthTokenName, "", __spreadValues({
-    expires: -1,
-    sameSite: "strict"
-  }, setCookieOnRootDomain && { domain }));
-  Cookie.set(memberAuthTokenName, "", {
-    expires: -1,
-    sameSite: "strict"
-  });
-};
-var getMemberToken = () => {
-  if (localStorageAvailable) {
-    const memAuthToken = localStorage.getItem(memberAuthTokenName);
-    if (memAuthToken)
-      return memAuthToken;
-  }
-  return Cookie.get(memberAuthTokenName);
-};
-var setMemberTokenIfAvailable = () => {
-  if (typeof window !== "undefined") {
-    const urlParams = new URLSearchParams(window.location.search);
-    const memberToken = urlParams.get("memberToken");
-    if (memberToken)
-      setMemberToken(memberToken);
-  }
-};
-var getSessionId = () => {
-  if (typeof window === "undefined")
-    return null;
-  const sessionId = window.localStorage.getItem("ms_session_id");
-  if (!sessionId || sessionId.length > 26) {
-    window.localStorage.removeItem("ms_session_id");
-    return null;
-  }
-  return sessionId;
-};
-var setSessionId = (sessionId) => {
-  if (typeof window !== "undefined") {
-    window.localStorage.setItem("ms_session_id", sessionId);
-  } else {
-    console.warn("setSessionId: window is not defined");
-  }
-};
-var removeSessionId = () => {
-  if (typeof window !== "undefined") {
-    window.localStorage.removeItem("ms_session_id");
-  } else {
-    console.warn("removeSessionId: window is not defined");
-  }
-};
-export {
-  extractDomainFromHostname,
-  getMemberToken,
-  getSessionId,
-  removeMemberToken,
-  removeSessionId,
-  setApiDomain,
-  setMemberToken,
-  setMemberTokenIfAvailable,
-  setSessionId,
-  setUseCookies,
-  useCookiesValid
-};

package/lib/utils/defaultMessageBox.d.mts

@@ -1,5 +0,0 @@
-declare const addSuccessBox: () => void;
-declare const addErrorBox: () => void;
-declare const initCSS: () => void;
-
-export { addErrorBox, addSuccessBox, initCSS };

package/lib/utils/defaultMessageBox.d.ts

@@ -1,5 +0,0 @@
-declare const addSuccessBox: () => void;
-declare const addErrorBox: () => void;
-declare const initCSS: () => void;
-
-export { addErrorBox, addSuccessBox, initCSS };

package/lib/utils/defaultMessageBox.global.js

@@ -1,125 +0,0 @@
-var MemberstackDOM = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  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/utils/defaultMessageBox.ts
-  var defaultMessageBox_exports = {};
-  __export(defaultMessageBox_exports, {
-    addErrorBox: () => addErrorBox,
-    addSuccessBox: () => addSuccessBox,
-    initCSS: () => initCSS
-  });
-  var closeIcon;
-  if (typeof window !== "undefined") {
-    closeIcon = document.createElement("div");
-    closeIcon.setAttribute("id", "ms-status-close");
-    closeIcon.setAttribute("data-ms-message-close", "");
-    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>`;
-  }
-  var addSuccessBox = () => {
-    const successStatusIcon = document.createElement("div");
-    successStatusIcon.setAttribute("id", "ms-status-icon");
-    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>`;
-    const successHTML = `<div data-ms-message class="ms-error-message">
-		${successStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-    const successdiv = document.createElement("div");
-    successdiv.setAttribute("data-ms-message", "success");
-    successdiv.innerHTML = successHTML;
-    successdiv.style.display = "none";
-    document.body.appendChild(successdiv);
-  };
-  var addErrorBox = () => {
-    const errorStatusIcon = document.createElement("div");
-    errorStatusIcon.setAttribute("id", "ms-status-icon");
-    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>`;
-    const errorHTML = `<div data-ms-message class="ms-error-message">
-		${errorStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-    const errordiv = document.createElement("div");
-    errordiv.setAttribute("data-ms-message", "error");
-    errordiv.innerHTML = errorHTML;
-    errordiv.style.display = "none";
-    document.body.appendChild(errordiv);
-  };
-  var initCSS = () => {
-    const cssEl = document.createElement("style");
-    const css = `
-		@keyframes fadeIn {
-			0% {
-				opacity: 0;
-			}
-			100% {
-				opacity: 1;
-			}
-		}
-		.ms-error-message { 
-				position: fixed;
-				left: 50%;
-				bottom: 3%;
-				transform: translate(-50%, -50%);
-				margin: 0 auto;
-				z-index: 10000000; 
-				display: flex; 
-				align-items: center;
-				padding: 12px 16px;
-				border-radius: 8px; 
-				background-color: #0A0A0A; 
-				color: #fff; 
-				font-size: 16.8px; 
-				line-height: 28px; 
-				font-weight: 500; 
-				transform-origin: center;
-				animation: fadeIn 0.2s ease-in;
-				-webkit-animation: fadeIn 0.2s ease-in;
-				-moz-animation: fadeIn 0.2s ease-in;
-				-o-animation: fadeIn 0.2s ease-in;
-				-ms-animation: fadeIn 0.2s ease-in;
-			}
-			@media screen and (max-width: 768px) {
-				.ms-error-message {
-					bottom: 12px;
-					width: calc(100% - 24px);
-					max-width: none;
-					padding: 10px 12px;
-					font-size: 14px;
-					line-height: 20px;
-				}
-			}
-			#ms-status-icon {
-				width: 20px;
-				height: 20px;
-				margin-right: 12px;
-				}
-				#ms-status-close {
-					margin-left: 20px;
-					cursor: pointer;
-					}
-					#ms-status-close svg {
-						height: 12px;
-					}`;
-    cssEl.setAttribute("data-ms-style", "");
-    cssEl.appendChild(document.createTextNode(css));
-    document.head.appendChild(cssEl);
-  };
-  return __toCommonJS(defaultMessageBox_exports);
-})();

package/lib/utils/defaultMessageBox.js

@@ -1,129 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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/utils/defaultMessageBox.ts
-var defaultMessageBox_exports = {};
-__export(defaultMessageBox_exports, {
-  addErrorBox: () => addErrorBox,
-  addSuccessBox: () => addSuccessBox,
-  initCSS: () => initCSS
-});
-module.exports = __toCommonJS(defaultMessageBox_exports);
-var closeIcon;
-if (typeof window !== "undefined") {
-  closeIcon = document.createElement("div");
-  closeIcon.setAttribute("id", "ms-status-close");
-  closeIcon.setAttribute("data-ms-message-close", "");
-  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>`;
-}
-var addSuccessBox = () => {
-  const successStatusIcon = document.createElement("div");
-  successStatusIcon.setAttribute("id", "ms-status-icon");
-  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>`;
-  const successHTML = `<div data-ms-message class="ms-error-message">
-		${successStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const successdiv = document.createElement("div");
-  successdiv.setAttribute("data-ms-message", "success");
-  successdiv.innerHTML = successHTML;
-  successdiv.style.display = "none";
-  document.body.appendChild(successdiv);
-};
-var addErrorBox = () => {
-  const errorStatusIcon = document.createElement("div");
-  errorStatusIcon.setAttribute("id", "ms-status-icon");
-  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>`;
-  const errorHTML = `<div data-ms-message class="ms-error-message">
-		${errorStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const errordiv = document.createElement("div");
-  errordiv.setAttribute("data-ms-message", "error");
-  errordiv.innerHTML = errorHTML;
-  errordiv.style.display = "none";
-  document.body.appendChild(errordiv);
-};
-var initCSS = () => {
-  const cssEl = document.createElement("style");
-  const css = `
-		@keyframes fadeIn {
-			0% {
-				opacity: 0;
-			}
-			100% {
-				opacity: 1;
-			}
-		}
-		.ms-error-message { 
-				position: fixed;
-				left: 50%;
-				bottom: 3%;
-				transform: translate(-50%, -50%);
-				margin: 0 auto;
-				z-index: 10000000; 
-				display: flex; 
-				align-items: center;
-				padding: 12px 16px;
-				border-radius: 8px; 
-				background-color: #0A0A0A; 
-				color: #fff; 
-				font-size: 16.8px; 
-				line-height: 28px; 
-				font-weight: 500; 
-				transform-origin: center;
-				animation: fadeIn 0.2s ease-in;
-				-webkit-animation: fadeIn 0.2s ease-in;
-				-moz-animation: fadeIn 0.2s ease-in;
-				-o-animation: fadeIn 0.2s ease-in;
-				-ms-animation: fadeIn 0.2s ease-in;
-			}
-			@media screen and (max-width: 768px) {
-				.ms-error-message {
-					bottom: 12px;
-					width: calc(100% - 24px);
-					max-width: none;
-					padding: 10px 12px;
-					font-size: 14px;
-					line-height: 20px;
-				}
-			}
-			#ms-status-icon {
-				width: 20px;
-				height: 20px;
-				margin-right: 12px;
-				}
-				#ms-status-close {
-					margin-left: 20px;
-					cursor: pointer;
-					}
-					#ms-status-close svg {
-						height: 12px;
-					}`;
-  cssEl.setAttribute("data-ms-style", "");
-  cssEl.appendChild(document.createTextNode(css));
-  document.head.appendChild(cssEl);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  addErrorBox,
-  addSuccessBox,
-  initCSS
-});

package/lib/utils/defaultMessageBox.mjs

@@ -1,103 +0,0 @@
-// src/utils/defaultMessageBox.ts
-var closeIcon;
-if (typeof window !== "undefined") {
-  closeIcon = document.createElement("div");
-  closeIcon.setAttribute("id", "ms-status-close");
-  closeIcon.setAttribute("data-ms-message-close", "");
-  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>`;
-}
-var addSuccessBox = () => {
-  const successStatusIcon = document.createElement("div");
-  successStatusIcon.setAttribute("id", "ms-status-icon");
-  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>`;
-  const successHTML = `<div data-ms-message class="ms-error-message">
-		${successStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const successdiv = document.createElement("div");
-  successdiv.setAttribute("data-ms-message", "success");
-  successdiv.innerHTML = successHTML;
-  successdiv.style.display = "none";
-  document.body.appendChild(successdiv);
-};
-var addErrorBox = () => {
-  const errorStatusIcon = document.createElement("div");
-  errorStatusIcon.setAttribute("id", "ms-status-icon");
-  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>`;
-  const errorHTML = `<div data-ms-message class="ms-error-message">
-		${errorStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const errordiv = document.createElement("div");
-  errordiv.setAttribute("data-ms-message", "error");
-  errordiv.innerHTML = errorHTML;
-  errordiv.style.display = "none";
-  document.body.appendChild(errordiv);
-};
-var initCSS = () => {
-  const cssEl = document.createElement("style");
-  const css = `
-		@keyframes fadeIn {
-			0% {
-				opacity: 0;
-			}
-			100% {
-				opacity: 1;
-			}
-		}
-		.ms-error-message { 
-				position: fixed;
-				left: 50%;
-				bottom: 3%;
-				transform: translate(-50%, -50%);
-				margin: 0 auto;
-				z-index: 10000000; 
-				display: flex; 
-				align-items: center;
-				padding: 12px 16px;
-				border-radius: 8px; 
-				background-color: #0A0A0A; 
-				color: #fff; 
-				font-size: 16.8px; 
-				line-height: 28px; 
-				font-weight: 500; 
-				transform-origin: center;
-				animation: fadeIn 0.2s ease-in;
-				-webkit-animation: fadeIn 0.2s ease-in;
-				-moz-animation: fadeIn 0.2s ease-in;
-				-o-animation: fadeIn 0.2s ease-in;
-				-ms-animation: fadeIn 0.2s ease-in;
-			}
-			@media screen and (max-width: 768px) {
-				.ms-error-message {
-					bottom: 12px;
-					width: calc(100% - 24px);
-					max-width: none;
-					padding: 10px 12px;
-					font-size: 14px;
-					line-height: 20px;
-				}
-			}
-			#ms-status-icon {
-				width: 20px;
-				height: 20px;
-				margin-right: 12px;
-				}
-				#ms-status-close {
-					margin-left: 20px;
-					cursor: pointer;
-					}
-					#ms-status-close svg {
-						height: 12px;
-					}`;
-  cssEl.setAttribute("data-ms-style", "");
-  cssEl.appendChild(document.createTextNode(css));
-  document.head.appendChild(cssEl);
-};
-export {
-  addErrorBox,
-  addSuccessBox,
-  initCSS
-};