@subiz/widget-v4 4.1.116 → 4.1.119

package/src/chatbox/Typing.js

@@ -1,72 +0,0 @@
-import sb from '../util/index.js'
-import {Com} from '../common.js'
-import {h} from 'preact'
-
-export default class Typing extends Com {
-	constructor(props) {
-		super(props)
-	}
-
-	componentDidMount() {
-		this.setState({
-			isShow: false,
-			ev: {},
-		})
-
-		this.props.store.onConvoEvent(this, (ev) => {
-			if (sb.convoOfEv(ev) !== this.props.cid) return
-			let user = this.props.store.matchUser()
-			if (sb.get(ev, 'by.id') === user.id) return
-			// fixwidget in dashboard show typing of user
-			if (sb.get(ev, 'by.type') === 'user') return
-
-			let oldby = sb.get(this.state.ev, 'by.id')
-			if (oldby && sb.get(ev, 'by.id') !== oldby) return
-
-			if (sb.get(ev, 'type') === 'message_sent') {
-				// stop the typing
-				if (this.timer) sb.clearTimeout(this.timer)
-				this.timer = null
-				this.setState({isShow: false})
-				return
-			}
-
-			if (sb.get(ev, 'type') !== 'conversation_typing') return
-			// dont show typing of agent, some agent dont like this
-			let ag = this.props.store.matchAgent(sb.get(ev, 'by.id')) || {}
-			if (ag.type == 'agent' && !sb.get(this.props.plugin, 'chatbox.show_agent_typing')) return
-			this.setState({ev: ev, isShow: true})
-			if (this.timer) sb.clearTimeout(this.timer)
-			this.timer = sb.setTimeout(() => {
-				if (sb.convoOfEv(ev) !== this.props.cid) return
-
-				this.timer = null
-				this.setState({isShow: false})
-			}, 5000)
-		})
-	}
-
-	ShowTyping() {
-		this.setState({isShow: true})
-		if (this.timer) sb.clearTimeout(this.timer)
-		this.timer = sb.setTimeout(() => {
-			this.timer = null
-			this.setState({isShow: false})
-		}, 5000)
-	}
-
-	render() {
-		let account = this.props.store.matchAccount()
-		var cls = this.state.isShow ? '' : 'typing--hidden'
-		let byid = sb.get(this.state.ev, 'by.display_id', sb.get(this.state.ev, 'by.id'))
-		let agentName = sb.getAgentDisplayName(account, this.props.store.matchAgent(byid))
-		if (sb.get(this.props.plugin, 'chatbox.hide_agent_profile')) {
-			agentName = sb.get(account, 'name')
-		}
-		return (
-			<div class={`typing ${cls}`}>
-				{agentName} {this.props.t('typing')}
-			</div>
-		)
-	}
-}