@subiz/widget-v4 4.1.4 → 4.1.5

package/dist/605.js

@@ -215,7 +215,7 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
       if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'attributes.bold')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
       if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(op, 'attributes.italic')) out = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("b", null, out);
       return out;
-    });
+    }).filter(a => a);
   }
   render() {
     if (!this.props.t) return null;
@@ -240,6 +240,19 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
     let st = 'position: fixed !important; z-index: 1000000000 !important';
     if (this.props.plugin._preview) st = 'position: absolute !important;';
     if (this.state.closeAnimation) animation = 'fadeOut';
+    let $avatar = null;
+    if (user.avatar_url) $avatar = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
+      alt: "notification avatar",
+      class: "notif_avatar__img",
+      src: user.avatar_url
+    });
+    let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "notif_time",
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.subtext_style)
+    }, this.state.timestamp);
+    let $title = this.renderTextFromQuillDelta(this.state.title, user);
+    let $message = this.renderTextFromQuillDelta(this.state.message, user);
+    if (!lo.size($title) && !lo.size($message)) $time = null;
     return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: animation + ' notif' + ' notif__' + pos,
       onClick: e => this.onClick(e),
@@ -256,22 +269,15 @@ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
     }), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_avatar",
       style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.avatar_style)
-    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
-      alt: "notification avatar",
-      class: "notif_avatar__img",
-      src: user.avatar_url
-    })), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+    }, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_body"
     }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_title",
       style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.title_style)
-    }, this.renderTextFromQuillDelta(this.state.title, user)), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+    }, $title), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
       class: "notif_message",
       style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.message_style)
-    }, this.renderTextFromQuillDelta(this.state.message, user)), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
-      class: "notif_time",
-      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(notif.subtext_style)
-    }, this.state.timestamp))));
+    }, $message), $time)));
   }
 }
 function randomName() {

package/dist/HASH

@@ -1 +1 @@
-185588facf6
+18575b13d4f

package/dist/screenshoot.html

@@ -4,4 +4,4 @@
 			}
 			body {
 				background: #ddd;
-			}</style></head><body><script defer="defer" src="https://vcdn.subiz-cdn.com/widget-v4/public/185588facf6.screenshoot.js"></script></body></html>
+			}</style></head><body><script defer="defer" src="https://vcdn.subiz-cdn.com/widget-v4/public/18575b13d4f.screenshoot.js"></script></body></html>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.4",
+	"version": "4.1.5",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",

package/src/notif/notif.js

@@ -76,7 +76,8 @@ export default class Notif extends Com {
 					height='24'
 					viewBox='0 0 24 24'
 					stroke-linecap='round'
-					stroke-linejoin='round'>
+					stroke-linejoin='round'
+				>
 					<line x1='18' y1='6' x2='6' y2='18' style='stroke-width: 3 !important;'></line>
 					<line x1='6' y1='6' x2='18' y2='18' style='stroke-width: 3 !important;'></line>
 				</svg>
@@ -196,22 +197,24 @@ export default class Notif extends Com {
 	renderTextFromQuillDelta(quilldelta, profile) {
 		let qd = sb.parseJSON(quilldelta)
 		if (!qd || !qd.ops) return null
-		return sb.map(qd.ops, (op) => {
-			let out = null
-			if (!op.insert) return null
-
-			if (typeof op.insert == 'string') out = op.insert
-			if (sb.get(op, 'insert.dynamicField')) {
-				let key = sb.get(op, 'insert.dynamicField.key')
-				if (key === 'user.fullname') out = profile.fullname
-				if (key === 'user.email') out = profile.email
-				if (key === 'user.address') out = profile.address
-				if (key === 'user.phone') out = profile.phone
-			}
-			if (sb.get(op, 'attributes.bold')) out = <b>{out}</b>
-			if (sb.get(op, 'attributes.italic')) out = <b>{out}</b>
-			return out
-		})
+		return sb
+			.map(qd.ops, (op) => {
+				let out = null
+				if (!op.insert) return null
+
+				if (typeof op.insert == 'string') out = op.insert
+				if (sb.get(op, 'insert.dynamicField')) {
+					let key = sb.get(op, 'insert.dynamicField.key')
+					if (key === 'user.fullname') out = profile.fullname
+					if (key === 'user.email') out = profile.email
+					if (key === 'user.address') out = profile.address
+					if (key === 'user.phone') out = profile.phone
+				}
+				if (sb.get(op, 'attributes.bold')) out = <b>{out}</b>
+				if (sb.get(op, 'attributes.italic')) out = <b>{out}</b>
+				return out
+			})
+			.filter((a) => a)
 	}
 
 	render() {
@@ -245,13 +248,27 @@ export default class Notif extends Com {
 		let st = 'position: fixed !important; z-index: 1000000000 !important'
 		if (this.props.plugin._preview) st = 'position: absolute !important;'
 		if (this.state.closeAnimation) animation = 'fadeOut'
+		let $avatar = null
+		if (user.avatar_url) $avatar = <img alt='notification avatar' class='notif_avatar__img' src={user.avatar_url} />
+
+		let $time = (
+			<div class='notif_time' style={sb.js2css(notif.subtext_style)}>
+				{this.state.timestamp}
+			</div>
+		)
+
+		let $title = this.renderTextFromQuillDelta(this.state.title, user)
+		let $message = this.renderTextFromQuillDelta(this.state.message, user)
+		if (!lo.size($title) && !lo.size($message)) $time = null
+
 		return (
 			<div
 				class={animation + ' notif' + ' notif__' + pos}
 				onClick={(e) => this.onClick(e)}
 				onmouseover={(e) => this.setOver(true)}
 				style={st}
-				onmouseleave={(e) => this.setOver(false)}>
+				onmouseleave={(e) => this.setOver(false)}
+			>
 				<div style='position: relative !important; display: flex !important; align-items: center !important;'>
 					<img
 						alt='notification background'
@@ -261,18 +278,16 @@ export default class Notif extends Com {
 					/>
 					{this.renderCloseButton()}
 					<div class='notif_avatar' style={sb.js2css(notif.avatar_style)}>
-						<img alt='notification avatar' class='notif_avatar__img' src={user.avatar_url} />
+						{$avatar}
 					</div>
 					<div class='notif_body'>
 						<div class='notif_title' style={sb.js2css(notif.title_style)}>
-							{this.renderTextFromQuillDelta(this.state.title, user)}
+							{$title}
 						</div>
 						<div class='notif_message' style={sb.js2css(notif.message_style)}>
-							{this.renderTextFromQuillDelta(this.state.message, user)}
-						</div>
-						<div class='notif_time' style={sb.js2css(notif.subtext_style)}>
-							{this.state.timestamp}
+							{$message}
 						</div>
+						{$time}
 					</div>
 				</div>
 			</div>
@@ -303,12 +318,7 @@ function ramdomPhone() {
 }
 
 function randomEmail() {
-	return (
-		randomName()
-			.split(' ')
-			.join('.')
-			.toLowerCase() + '@gmail.com'
-	)
+	return randomName().split(' ').join('.').toLowerCase() + '@gmail.com'
 }
 
 function randomAddress() {