@memberstack/dom 1.9.28 → 1.9.30

package/lib/utils/defaultMessageBox.mjs

@@ -0,0 +1,93 @@
+// 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;
+			}
+			#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
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberstack/dom",
-  "version": "1.9.28",
+  "version": "1.9.30",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
@@ -15,15 +15,15 @@
     "js-cookie": "^3.0.1"
   },
   "scripts": {
-    "dev": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT=https://client.memberstack.com",
-    "build": "tsup --format esm,cjs --dts --env.API_ENDPOINT=https://client.memberstack.com",
+    "dev": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT https://client.memberstack.com",
+    "build": "tsup --format esm,cjs --dts --env.API_ENDPOINT https://client.memberstack.com",
     "prepublishOnly": "yarn workspace prebuilt-uis build && yarn build:local",
-    "prepublishOnly:porter-prod": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT=https://client.memberstack.com",
-    "prepublishOnly:porter-dev": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT=https://dev-client.memberstack.com",
+    "prepublishOnly:porter-prod": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT https://client.memberstack.com",
+    "prepublishOnly:porter-dev": "yarn workspace prebuilt-uis build && tsup --format esm,cjs --dts --env.API_ENDPOINT https://dev-client.memberstack.com",
     "watch": "tsc-watch",
-    "watch:dev": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT=http://localhost:3005",
-    "watch:dev-ngrok": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT=https://client-testing.ngrok.io",
-    "watch:dev-api": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT=https://dev-client.memberstack.com",
+    "watch:dev": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT http://localhost:3005",
+    "watch:dev-ngrok": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT https://client-testing.ngrok.io",
+    "watch:dev-api": "tsup --format esm,cjs --dts --watch --env.API_ENDPOINT https://dev-client.memberstack.com",
     "clean": "rm -rf node_modules lib",
     "deploy:latest": "npx np --tag latest --no-tests --any-branch",
     "deploy:next": "npx np --tag next --no-tests --any-branch",