@subiz/widget-v4 4.1.177 → 4.1.178

package/assets/less/base.less

@@ -17,6 +17,9 @@
 @yellow: #ffc107;
 @green: #28a745;
 
+@link: #0d6efd;
+@link-hover: #024dbc;
+
 ::-webkit-scrollbar {
 	width: 7px;
 	height: 7px;

package/assets/less/message.less

@@ -412,7 +412,7 @@ a.message_error {
 		padding: 10px 18px;
 		display: block;
 		text-align: center;
-		.color(@black);
+		.color(@link);
 		border: 1px solid @black;
 		border-radius: 12px;
 		text-overflow: ellipsis;
@@ -420,7 +420,7 @@ a.message_error {
 		font-weight: 500;
 		text-decoration: underline;
 		&:hover {
-			.color(@primary-color);
+			.color(@link-hover);
 		}
 		white-space: nowrap;
 	}
@@ -507,8 +507,7 @@ a.message_error {
 	}
 
 	.url-button-attachment {
-		font-weight: 500;
-
+		text-decoration: none;
 		padding: 10px;
 		display: block;
 		padding-top: 9px;
@@ -522,7 +521,7 @@ a.message_error {
 		padding: 0px 13px;
 		margin-top: 13px;
 		.color(@black);
-		font-weight: 500;
+		font-weight: 600;
 		font-size: 16px;
 		line-height: 20px;
 		white-space: normal;
@@ -541,6 +540,17 @@ a.message_error {
 	}
 }
 
+.generic-attachment--element.clickable {
+	cursor: pointer;
+	.generic-attachment--element-title {
+		.color(@link);
+	}
+
+	&:hover .generic-attachment--element-title {
+		.color(@link-hover);
+	}
+}
+
 .widget_body__events__error_msg {
 	margin-top: 50px;
 	.color(@text-muted);

package/compiled_src/chatbox/GenericTemplateAttachments.js

@@ -51,8 +51,12 @@ class GenericTemplateAttachments extends _common.Com {
         if (!ele.image_url) {
           imgsrc = require('../../assets/img/default.jpg');
         }
+        let defaultActionUrl = ['url_button', 'web_url'].includes(_index.default.get(ele, 'default_action.type')) && _index.default.get(ele, 'default_action.url');
+        let cls = 'generic-attachment--element swiper-slide';
+        if (defaultActionUrl) cls += ' clickable';
         return (0, _preact.h)("div", {
-          class: "generic-attachment--element swiper-slide"
+          class: cls,
+          onClick: () => defaultActionUrl && window.open(defaultActionUrl, '_blank')
         }, (0, _preact.h)("div", null, (0, _preact.h)("img", {
           alt: "generic attachment element",
           class: "generic-attachment--element-img",

package/compiled_src/chatbox/Widget.js

@@ -359,6 +359,18 @@ class Widget extends _common.Com {
     await this.props.store.submitForm('chatbox_' + formName, formData, user);
     await _index.default.sleep(500);
     if (_creating != this._creating) return;
+    if (this.props.cid && this.props.cid.startsWith('cslight')) {
+      this.sendMessage({
+        text: firstmsg,
+        format: 'plaintext',
+        fields: [{
+          key: 'to_agent_group',
+          value: _index.default.stringify(groupid)
+        }],
+        attachments: this.state.quickReplyMessage.attachments
+      });
+      return;
+    }
     if (this.props.cid) {
       this.setState({
         clickedJoin: false

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.177",
+	"version": "4.1.178",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -29,7 +29,7 @@
 		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.4",
-		"puppeteer": "^24.20.0",
+		"puppeteer": "^24.22.2",
 		"webpack": "^5.101.3",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",

package/src/chatbox/GenericTemplateAttachments.js

@@ -40,14 +40,23 @@ export default class GenericTemplateAttachments extends Com {
 				let title = this.props.t.i18n(ele.i18n_title) || ele.title
 				let subtitle = this.props.t.i18n(ele.i18n_subtitle) || ele.subtitle
 				let $title = title ? <div class='generic-attachment--element-title'>{title}</div> : null
-				let $subtitle = subtitle ? <div class='generic-attachment--element-subtitle' title={subtitle}>{subtitle}</div> : null
+				let $subtitle = subtitle ? (
+					<div class='generic-attachment--element-subtitle' title={subtitle}>
+						{subtitle}
+					</div>
+				) : null
 
 				let imgsrc = this.props.store.replaceFileUrl(ele.image_url)
 				if (!ele.image_url) {
 					imgsrc = require('../../assets/img/default.jpg')
 				}
+
+				let defaultActionUrl =
+					['url_button', 'web_url'].includes(sb.get(ele, 'default_action.type')) && sb.get(ele, 'default_action.url')
+				let cls = 'generic-attachment--element swiper-slide'
+				if (defaultActionUrl) cls += ' clickable'
 				return (
-					<div class='generic-attachment--element swiper-slide'>
+					<div class={cls} onClick={() => defaultActionUrl && window.open(defaultActionUrl, '_blank')}>
 						<div>
 							<img alt='generic attachment element' class='generic-attachment--element-img' src={imgsrc} />
 						</div>

package/src/chatbox/Widget.js

@@ -250,6 +250,15 @@ export default class Widget extends Com {
 		await sb.sleep(500)
 
 		if (_creating != this._creating) return // outdated
+		if (this.props.cid && this.props.cid.startsWith('cslight')) {
+			this.sendMessage({
+				text: firstmsg,
+				format: 'plaintext',
+				fields: [{key: 'to_agent_group', value: sb.stringify(groupid)}],
+				attachments: this.state.quickReplyMessage.attachments,
+			})
+			return
+		}
 		if (this.props.cid) {
 			// this.props.store.setUser(user)
 			this.setState({clickedJoin: false})