@subiz/widget-v4 4.1.73 → 4.1.75

package/compiled_src/chatbox/Event.js

@@ -198,7 +198,7 @@ class Event extends _common.Com {
         onSelect: e => this.chooseQuickReply(e)
       }));
     }
-    if (_index.default.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
+    if (_index.default.get(ev, 'data.message.idempotency_key') === ev.id && this.props.store.now() - ev.created < 900) {
       _index.default.setTimeout(() => this.setState({
         refresh: this.state.refresh
       }), 1000);
@@ -206,7 +206,7 @@ class Event extends _common.Com {
     let $dot = (0, _preact.h)("div", {
       class: "sending_dot"
     });
-    if (this.props.store.now() - ev.created < 900 || _index.default.getMsgField(ev, 'idempotency') !== ev.id) {
+    if (this.props.store.now() - ev.created < 900 || _index.default.get(ev, 'data.message.idempotency_key') !== ev.id) {
       $dot = (0, _preact.h)("div", {
         class: "sending_dot sending_dot__hide"
       });

package/compiled_src/chatbox/Events.js

@@ -134,7 +134,7 @@ class Events extends _common.Com {
     if (_index.default.convoOfEv(newev) !== this.props.cid) return;
     let isBottom = this.isBottom();
     var byme = false;
-    if (_index.default.get(newev, 'type') === 'message_sent' && newev.id === _index.default.getMsgField(newev, 'idempotency')) byme = true;
+    if (_index.default.get(newev, 'type') === 'message_sent' && newev.id === _index.default.get(newev, 'data.message.idempotency_key')) byme = true;
     if (byme || isBottom) this.scrollToBottom();
   }
   async loadConvo() {

package/compiled_src/store/api_fake.js

@@ -274,10 +274,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
         conversation_id: convoid,
         text: 'Xin chào',
         format: 'plaintext',
-        fields: [{
-          key: 'idempotency',
-          value: '"wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw"'
-        }],
+        idempotency_key: 'wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw',
         integration_id: inteid,
         pongs: [{
           member_id: userid,

package/compiled_src/store/store.js

@@ -175,6 +175,7 @@ class Store {
     this.fake = fakeapi;
     this.FileURL = FileURL;
     this._track_page_view = true;
+    this.device_type = 'desktop';
     if (this.fake) this.api = new _api_fake.default(ApiURL, FileURL);else this.api = new _api.default(ApiURL, FileURL);
     if (!inmem) {
       try {
@@ -195,15 +196,27 @@ class Store {
     this.chain = new _storage.default.chain(new _storage.default.lsdb('cbz2023', true), 'ch');
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
-    window.addEventListener('blur', this.sendPresence);
-    window.addEventListener('focus', this.sendPresence);
+    this.last_focused = _index.default.Date.now();
+    window.addEventListener('blur', () => {
+      this.last_focused = _index.default.Date.now();
+      this.sendPresence();
+    });
+    window.addEventListener('focus', () => {
+      this.last_focused = 0;
+      this.sendPresence();
+    });
+    window.addEventListener('beforeunload', () => this.api.sendLostFocus());
     this._presenceInterval1 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval1);
       if (this.browserVisibility === 'visible' && document.hasFocus()) this.sendPresence();
     }, 20000);
     this._presenceInterval2 = _index.default.setInterval(() => {
       if (this._die) return _index.default.clearInterval(this._presenceInterval2);
-      if (this.browserVisibility !== 'visible' || !document.hasFocus()) this.sendPresence();
+      if (this.browserVisibility === 'visible' && document.hasFocus()) return;
+      if (this.last_focused && _index.default.Date.now() - this.last_focused > 30 * 60000) {
+        return;
+      }
+      this.sendPresence();
     }, 60000);
     onVisibilityChange(val => {
       if (this._die) return;
@@ -281,12 +294,9 @@ class Store {
   }
   getDeviceInfo() {
     let device = {
-      user_agent: window.navigator.userAgent,
       screen_resolution: window.screen.width + 'x' + window.screen.height,
       source_referrer: document.referrer,
       platform: window.navigator.platform,
-      referrer: document.URL,
-      type: this.isMobile() ? 'mobile' : 'desktop',
       language: navigator.language,
       page_url: document.URL,
       page_title: document.title
@@ -305,10 +315,10 @@ class Store {
     this.pubsub.publish('account');
   }
   isMobile() {
-    return this.forceDevice === 'mobile' || mobileCheck;
+    return this.forceDevice === 'mobile' || this.device_type == 'mobile';
   }
   isTablet() {
-    return this.forceDevice === 'tablet' || tabletCheck;
+    return this.forceDevice === 'tablet' || this.device_type == 'tablet';
   }
   isDesktop() {
     return this.forceDevice === 'desktop' || !this.isMobile() && !this.isTable();
@@ -436,7 +446,7 @@ class Store {
         var lastmsgsent = events[_index.default.size(events) - 1];
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
-        if (lastmsgsent.id === _index.default.getMsgField(lastmsgsent, 'idempotency')) return;
+        if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return;
         this.api.markAsSeen(id, lastmsgsent.id);
         let convo = this.cache.match('convo_' + id) || {};
         let mem = _index.default.find(convo.members, m => m.id === user.id);
@@ -546,6 +556,7 @@ class Store {
       botM[bot.id] = bot;
     });
     this.cache.put('bot', botM);
+    this.device_type = setting.device_type || 'desktop';
     let plugins = _index.default.get(setting, 'plugins', []);
     let pluginM = {};
     _index.default.map(plugins, plugin => {
@@ -672,7 +683,7 @@ class Store {
       this.chain.put(cid, oldev.id, _index.default.getMs(oldev.created), oldev);
     }
     if (ev.type === 'message_sent') {
-      let idemkey = _index.default.getMsgField(ev, 'idempotency');
+      let idemkey = _index.default.get(ev, 'data.message.idempotency_key');
       let found = _index.default.find(this.listEvents(cid), oldev => oldev.id === idemkey);
       if (found) {
         this.chain.del(cid, found.id);
@@ -739,7 +750,7 @@ class Store {
     _index.default.convoToEv(cid, event);
     let files = [];
     if (type === 'message_sent') {
-      _index.default.setMsgField(event, 'idempotency', idempotency);
+      event.data.message.idempotency_key = idempotency;
       event.data.message.conversation_id = cid;
       await flow.map(event.data.message.attachments, 2, async (att, i) => {
         if (att.type !== 'file') return;
@@ -1076,10 +1087,6 @@ function sendEventToThirdParty(category, action, label) {
     event_label: label
   });
 }
-let mobileCheck = function (a) {
-  return /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4));
-}(navigator.userAgent || navigator.vendor || window.opera);
-let tabletCheck = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(navigator.userAgent);
 let cleanLocalStorage = () => {
   try {
     localStorage;

package/compiled_src/util/common.js

@@ -20,7 +20,6 @@ exports.formatCurrency = formatCurrency;
 exports.getAgentDisplayName = getAgentDisplayName;
 exports.getDayName = getDayName;
 exports.getMs = getMs;
-exports.getMsgField = getMsgField;
 exports.getUrlParameter = getUrlParameter;
 exports.getUserAttr = getUserAttr;
 exports.includes = includes;
@@ -50,9 +49,7 @@ exports.requestAnimationFrame = void 0;
 exports.sameDay = sameDay;
 exports.scrollIntoViewIfNeeded = scrollIntoViewIfNeeded;
 exports.setCss = setCss;
-exports.setInterval = void 0;
-exports.setMsgField = setMsgField;
-exports.setTimeout = void 0;
+exports.setTimeout = exports.setInterval = void 0;
 exports.setUserAttr = setUserAttr;
 exports.shortTime = shortTime;
 exports.size = size;
@@ -91,16 +88,6 @@ function convoOfEv(ev) {
 function convoToEv(convoid, ev) {
   if (!ev) return '';
   switch (ev.type) {
-    case 'conversation_state_updated':
-    case 'conversation_joined':
-    case 'conversation_invited':
-    case 'conversation_left':
-    case 'conversation_tagged':
-    case 'conversation_untagged':
-    case 'conversation_typing':
-    case 'conversation_rating_requested':
-    case 'conversation_rated':
-      return op.set(ev, 'data.conversation.id', convoid);
     case 'message_sent':
     case 'message_updated':
     case 'message_pong':
@@ -108,27 +95,9 @@ function convoToEv(convoid, ev) {
     case 'ticket_updated':
       return op.set(ev, 'data.ticket.conversation_id', convoid);
     default:
-      return '';
+      return op.set(ev, 'data.conversation.id', convoid);
   }
 }
-function setMsgField(ev, key, value) {
-  var fields = op.get(ev, 'data.message.fields') || [];
-  fields = filter(fields, field => field.key !== key);
-  fields.push({
-    key: key,
-    value: stringify(value)
-  });
-  op.set(ev, 'data.message.fields', fields);
-}
-function getMsgField(ev, fieldName) {
-  var fields = op.get(ev, 'data.message.fields');
-  if (size(fields) === 0) return undefined;
-  let f = fields.find(f => f.key === fieldName);
-  try {
-    if (f) return parse(f.value);
-    return undefined;
-  } catch (e) {}
-}
 function isObject(item) {
   return item && typeof item === 'object' && !Array.isArray(item);
 }
@@ -975,7 +944,7 @@ function replaceFileUrl(src) {
 }
 function unicodeToAscii(str) {
   str = str + '';
-  str = str.replace('đ', 'd').replace('Đ', 'D');
+  str = str.replaceAll('đ', 'd').replaceAll('Đ', 'D');
   return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
 function scrollIntoViewIfNeeded($ele) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.73",
+	"version": "4.1.75",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -14,7 +14,7 @@
 		"@subiz/storage": "0.0.8",
 		"@subiz/wsclient": "^4.0.24",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.36.1",
+		"core-js": "^3.37.0",
 		"css-loader": "5.2.7",
 		"file-loader": "^6.2.0",
 		"less": "^4.2.0",
@@ -22,17 +22,17 @@
 		"preact": "10.19.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.24.1",
-		"@babel/core": "^7.24.4",
+		"@babel/cli": "^7.24.5",
+		"@babel/core": "^7.24.5",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.23.4",
-		"@babel/preset-env": "^7.24.4",
+		"@babel/preset-env": "^7.24.5",
 		"babel-loader": "^9.1.3",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.0",
-		"puppeteer": "^22.6.3",
+		"puppeteer": "^22.7.1",
 		"webpack": "^5.91.0",
-		"webpack-bundle-analyzer": "^4.10.1",
+		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^5.1.4",
 		"webpack-dev-server": "^5.0.4"
 	}

package/src/chatbox/Event.js

@@ -185,14 +185,14 @@ export default class Event extends Com {
 			)
 		}
 
-		if (sb.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
+		if (sb.get(ev, 'data.message.idempotency_key') === ev.id && this.props.store.now() - ev.created < 900) {
 			sb.setTimeout(() => this.setState({refresh: this.state.refresh}), 1000)
 		}
 
 		// only show sending while the message is send too long (>300ms) but haven't returned from
 		// the server
 		let $dot = <div class='sending_dot'></div>
-		if (this.props.store.now() - ev.created < 900 || sb.getMsgField(ev, 'idempotency') !== ev.id) {
+		if (this.props.store.now() - ev.created < 900 || sb.get(ev, 'data.message.idempotency_key') !== ev.id) {
 			$dot = <div class='sending_dot sending_dot__hide'></div>
 		}
 

package/src/chatbox/Events.js

@@ -146,7 +146,8 @@ export default class Events extends Com {
 		let isBottom = this.isBottom()
 
 		var byme = false
-		if (sb.get(newev, 'type') === 'message_sent' && newev.id === sb.getMsgField(newev, 'idempotency')) byme = true
+		if (sb.get(newev, 'type') === 'message_sent' && newev.id === sb.get(newev, 'data.message.idempotency_key'))
+			byme = true
 		// scroll to bottom when message is sent by me
 		// auto scroll to bottom on new message when we are at the bottom
 		if (byme || isBottom) this.scrollToBottom()

package/src/store/api_fake.js

@@ -247,7 +247,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
 					conversation_id: convoid,
 					text: 'Xin chào',
 					format: 'plaintext',
-					fields: [{key: 'idempotency', value: '"wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw"'}],
+					idempotency_key: 'wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw',
 					integration_id: inteid,
 					pongs: [{member_id: userid, type: 'seen', created: 1616213203068}],
 				},

package/src/store/store.js

@@ -29,6 +29,7 @@ export default class Store {
 		this.fake = fakeapi
 		this.FileURL = FileURL
 		this._track_page_view = true
+		this.device_type = 'desktop'
 		if (this.fake) this.api = new APIFake(ApiURL, FileURL)
 		else this.api = new API(ApiURL, FileURL)
 
@@ -57,9 +58,16 @@ export default class Store {
 
 		// dont dupplicate seen
 		this.g_haveSentSeenM = {}
-
-		window.addEventListener('blur', this.sendPresence)
-		window.addEventListener('focus', this.sendPresence)
+		this.last_focused = sb.Date.now() // 0 -> in focus, timestamp -> lost focus at
+		window.addEventListener('blur', () => {
+			this.last_focused = sb.Date.now()
+			this.sendPresence()
+		})
+		window.addEventListener('focus', () => {
+			this.last_focused = 0 //
+			this.sendPresence()
+		})
+		window.addEventListener('beforeunload', () => this.api.sendLostFocus())
 
 		// faster send rate when has focus
 		this._presenceInterval1 = sb.setInterval(() => {
@@ -69,7 +77,12 @@ export default class Store {
 		// slower send rate send when user not focused
 		this._presenceInterval2 = sb.setInterval(() => {
 			if (this._die) return sb.clearInterval(this._presenceInterval2)
-			if (this.browserVisibility !== 'visible' || !document.hasFocus()) this.sendPresence()
+			if (this.browserVisibility === 'visible' && document.hasFocus()) return
+			if (this.last_focused && sb.Date.now() - this.last_focused > 30 * 60000) {
+				// lost focus for more than 30 min
+				return // dont send presence
+			}
+			this.sendPresence()
 		}, 60000) // dont bother delete this
 
 		onVisibilityChange((val) => {
@@ -162,12 +175,9 @@ export default class Store {
 
 	getDeviceInfo() {
 		let device = {
-			user_agent: window.navigator.userAgent,
 			screen_resolution: window.screen.width + 'x' + window.screen.height,
 			source_referrer: document.referrer,
 			platform: window.navigator.platform,
-			referrer: document.URL,
-			type: this.isMobile() ? 'mobile' : 'desktop',
 			language: navigator.language,
 			page_url: document.URL,
 			page_title: document.title,
@@ -192,11 +202,11 @@ export default class Store {
 	}
 
 	isMobile() {
-		return this.forceDevice === 'mobile' || mobileCheck
+		return this.forceDevice === 'mobile' || this.device_type == 'mobile'
 	}
 
 	isTablet() {
-		return this.forceDevice === 'tablet' || tabletCheck
+		return this.forceDevice === 'tablet' || this.device_type == 'tablet'
 	}
 
 	isDesktop() {
@@ -495,7 +505,7 @@ export default class Store {
 				if (this.g_haveSentSeenM[lastmsgsent.id]) return
 
 				// ignore sending message
-				if (lastmsgsent.id === sb.getMsgField(lastmsgsent, 'idempotency')) return
+				if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return
 
 				// send seen
 				this.api.markAsSeen(id, lastmsgsent.id)
@@ -647,7 +657,7 @@ export default class Store {
 			botM[bot.id] = bot
 		})
 		this.cache.put('bot', botM)
-
+		this.device_type = setting.device_type || 'desktop'
 		// web plugin
 		let plugins = sb.get(setting, 'plugins', [])
 		let pluginM = {}
@@ -803,7 +813,7 @@ export default class Store {
 		}
 
 		if (ev.type === 'message_sent') {
-			let idemkey = sb.getMsgField(ev, 'idempotency')
+			let idemkey = sb.get(ev, 'data.message.idempotency_key')
 			let found = sb.find(this.listEvents(cid), (oldev) => oldev.id === idemkey)
 			if (found) {
 				// keeping old created so the ui can be static
@@ -874,7 +884,7 @@ export default class Store {
 		sb.convoToEv(cid, event)
 		let files = []
 		if (type === 'message_sent') {
-			sb.setMsgField(event, 'idempotency', idempotency)
+			event.data.message.idempotency_key = idempotency
 			event.data.message.conversation_id = cid
 
 			// pre upload image files
@@ -1259,23 +1269,6 @@ function sendEventToThirdParty(category, action, label) {
 	dataLayer.push({event: category, event_action: action, event_label: label})
 }
 
-// from http://detectmobilebrowsers.com/
-let mobileCheck = (function (a) {
-	return (
-		/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
-			a,
-		) ||
-		/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
-			a.substr(0, 4),
-		)
-	)
-})(navigator.userAgent || navigator.vendor || window.opera)
-
-let tabletCheck =
-	/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(
-		navigator.userAgent,
-	)
-
 let cleanLocalStorage = () => {
 	try {
 		localStorage

package/src/util/common.js

@@ -30,16 +30,6 @@ export function convoOfEv(ev) {
 export function convoToEv(convoid, ev) {
 	if (!ev) return ''
 	switch (ev.type) {
-		case 'conversation_state_updated':
-		case 'conversation_joined':
-		case 'conversation_invited':
-		case 'conversation_left':
-		case 'conversation_tagged':
-		case 'conversation_untagged':
-		case 'conversation_typing':
-		case 'conversation_rating_requested':
-		case 'conversation_rated':
-			return op.set(ev, 'data.conversation.id', convoid)
 		case 'message_sent':
 		case 'message_updated':
 		case 'message_pong':
@@ -47,27 +37,10 @@ export function convoToEv(convoid, ev) {
 		case 'ticket_updated':
 			return op.set(ev, 'data.ticket.conversation_id', convoid)
 		default:
-			return ''
+			return op.set(ev, 'data.conversation.id', convoid)
 	}
 }
 
-export function setMsgField(ev, key, value) {
-	var fields = op.get(ev, 'data.message.fields') || []
-	fields = filter(fields, (field) => field.key !== key)
-	fields.push({key: key, value: stringify(value)})
-	op.set(ev, 'data.message.fields', fields)
-}
-
-export function getMsgField(ev, fieldName) {
-	var fields = op.get(ev, 'data.message.fields')
-	if (size(fields) === 0) return undefined
-	let f = fields.find((f) => f.key === fieldName)
-	try {
-		if (f) return parse(f.value)
-		return undefined
-	} catch (e) {}
-}
-
 function isObject(item) {
 	return item && typeof item === 'object' && !Array.isArray(item)
 }
@@ -1124,7 +1097,7 @@ function replaceFileUrl(src) {
 export function unicodeToAscii(str) {
 	str = str + ''
 	// worka round Đ not work
-	str = str.replace('đ', 'd').replace('Đ', 'D')
+	str = str.replaceAll('đ', 'd').replaceAll('Đ', 'D')
 	return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
 }