@subiz/widget-v4 4.1.186 → 4.1.187

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.186",
+	"version": "4.1.187",
 	"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.24.0",
+		"puppeteer": "^24.25.0",
 		"webpack": "^5.102.1",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",

package/src/bot.js

@@ -17,7 +17,7 @@ export default function (store) {
 					bot.id,
 					bot.welcome_message,
 					common.getLocale(bot, sb.detectLang()),
-					true,
+					false,
 				)
 				if (error) return console.error(error)
 				store.logBotRun(bot.id)

package/src/chatbox/ChatButton.js

@@ -52,7 +52,7 @@ export default class ChatButton extends Com {
 				let mobileDisabled = sb.get(this.props.plugin, 'chatbox.greeting.mobile_disabled')
 				if (mobileDisabled) {
 					// need setState previewEvent for display 1 unread in mobile
-					this.props.store.updateLastview({previewEvent: ev})
+					this.props.store.updateLastview({screen: 'button', previewEvent: ev})
 					this.forceUpdate()
 					return
 				}

package/src/chatbox/TextMessage.js

@@ -45,13 +45,23 @@ export default class TextMessage extends Com {
 				}
 
 				return (
-					<a href={url} target='_blank' onClick={(e) => this.props.onLink(e, url)}>
+					<a class='text-message-link' href={url} target='_blank' onClick={(e) => this.props.onLink(e, url)}>
 						{tag.text}
 					</a>
 				)
 			}
-			if (tag.type === 'phone') return <a href={'tel:' + tag.text}>{tag.text}</a>
-			if (tag.type === 'email') return <a href={'mailto:' + tag.text}>{tag.text}</a>
+			if (tag.type === 'phone')
+				return (
+					<a class='text-message-link' href={'tel:' + tag.text}>
+						{tag.text}
+					</a>
+				)
+			if (tag.type === 'email')
+				return (
+					<a class='text-message-link' href={'mailto:' + tag.text}>
+						{tag.text}
+					</a>
+				)
 			return tag.text
 		})
 
@@ -80,7 +90,7 @@ export default class TextMessage extends Com {
 		if (byType === 'agent') {
 			return (
 				<div class='message-agent message-text--agent' title={t}>
-					<Block block={block} onLink={this.props.onLink} textMessage/>
+					<Block block={block} onLink={this.props.onLink} textMessage />
 					{this.renderTime()}
 				</div>
 			)
@@ -89,7 +99,7 @@ export default class TextMessage extends Com {
 		if (this.props.ev._error) msgcls += ' message-user--error'
 		return (
 			<div class={msgcls} title={t}>
-				<Block block={block} onLink={this.props.onLink} textMessage/>
+				<Block block={block} onLink={this.props.onLink} textMessage />
 			</div>
 		)
 	}

package/src/chatbox/block.js

@@ -188,6 +188,7 @@ export default class Block extends Com {
 			case 'a':
 				return (
 					<a
+          class={this.props.textMessage ? 'message-text-link' : ''}
 						href={ele.attrs['href']}
 						target={this.props.textMessage ? '_blank' : ele.attrs['target']}
 						title={ele.attrs['title']}

package/src/store/store.js

@@ -594,8 +594,14 @@ export default class Store {
 			}
 		}
 
-		// mobile always has screen button initially
-		if (this.isMobile()) lastView.screen = 'preview'
+		if (this.isMobile()) {
+			lastView.screen = 'preview'
+			let plugins = this.matchPlugin() || {}
+			let chatbox = sb.find(plugins, (plugin) => plugin.type === 'chatbox') || {}
+			if (sb.get(chatbox, 'chatbox.greeting.mobile_disabled')) {
+				lastView.screen = 'button'
+			}
+		}
 		this.kv.put('lastview', lastView)
 	}