npm - @subiz/widget-v4 - Versions diffs - 4.1.60 → 4.1.62 - Mend

@subiz/widget-v4 4.1.60 → 4.1.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

package/app.js +6 -0
package/compiled_src/call/call.js +2 -2
package/compiled_src/chatbox/DropdownSelect.js +2 -2
package/compiled_src/chatbox/ImageAttachments.js +2 -2
package/compiled_src/chatbox/MessageInput.js +2 -2
package/compiled_src/chatbox/Order.js +2 -2
package/compiled_src/chatbox/Rating.js +2 -2
package/compiled_src/chatbox/Widget.js +2 -2
package/compiled_src/contact/contact.js +2 -2
package/compiled_src/lib.js +2 -2
package/compiled_src/notif/notif.js +2 -2
package/compiled_src/order/address_picker.js +2 -2
package/compiled_src/order/order.js +2 -2
package/compiled_src/popup/countdown.js +2 -2
package/compiled_src/popup/popup.js +2 -2
package/compiled_src/store/api.js +2 -2
package/compiled_src/store/api_fake.js +2 -2
package/compiled_src/store/store.js +2 -2
package/dist/{605.js → 104.js} +59 -60
package/dist/{178.js → 176.js} +55 -55
package/dist/18d7db7ca8c.104.js +1 -0
package/dist/18d7db7ca8c.176.js +1 -0
package/dist/{18a02a9c54e.782.js → 18d7db7ca8c.444.js} +1 -1
package/dist/18d7db7ca8c.508.js +1 -0
package/dist/18d7db7ca8c.672.js +1 -0
package/dist/18d7db7ca8c.756.js +1 -0
package/dist/18d7db7ca8c.792.js +1 -0
package/dist/18d7db7ca8c.928.js +1 -0
package/dist/18d7db7ca8c.app.js +1 -0
package/dist/{18a02a9c54e.index.html → 18d7db7ca8c.index.html} +4 -4
package/dist/{18a02a9c54e.library.html → 18d7db7ca8c.library.html} +4 -4
package/dist/18d7db7ca8c.library.js +1 -0
package/dist/{18a02a9c54e.preview.html → 18d7db7ca8c.preview.html} +1 -1
package/dist/18d7db7ca8c.preview.js +1 -0
package/dist/18d7db7ca8c.screenshoot.js +1 -0
package/dist/18d7db7ca8c.webview.js +1 -0
package/dist/{782.js → 444.js} +7 -7
package/dist/{335.js → 508.js} +34 -34
package/dist/{678.js → 672.js} +6 -6
package/dist/{362.js → 756.js} +7 -7
package/dist/{213.js → 792.js} +143 -127
package/dist/{132.js → 928.js} +817 -793
package/dist/HASH +1 -1
package/dist/malicious-app.js +9 -3
package/dist/screenshoot.html +1 -1
package/dist/screenshoot.js +615 -691
package/malicious-app.js +4 -8
package/package.json +10 -10
package/dist/18a02a9c54e.132.js +0 -1
package/dist/18a02a9c54e.178.js +0 -1
package/dist/18a02a9c54e.213.js +0 -1
package/dist/18a02a9c54e.335.js +0 -1
package/dist/18a02a9c54e.362.js +0 -1
package/dist/18a02a9c54e.441.js +0 -1
package/dist/18a02a9c54e.605.js +0 -1
package/dist/18a02a9c54e.678.js +0 -1
package/dist/18a02a9c54e.app.js +0 -1
package/dist/18a02a9c54e.library.js +0 -1
package/dist/18a02a9c54e.preview.js +0 -1
package/dist/18a02a9c54e.screenshoot.js +0 -1
package/dist/18a02a9c54e.webview.js +0 -1
package/dist/441.js +0 -2855

package/dist/{132.js → 928.js} RENAMED Viewed

@@ -1,6 +1,6 @@
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[132],{
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[928],{
-/***/ 8132:
+/***/ 3928:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
@@ -13,19 +13,19 @@ __webpack_require__.d(__webpack_exports__, {
 });
 // EXTERNAL MODULE: ./src/util/index.js + 3 modules
-var util = __webpack_require__(4494);
+var util = __webpack_require__(5780);
 // EXTERNAL MODULE: ./src/common.js
-var common = __webpack_require__(2493);
+var common = __webpack_require__(6304);
 // EXTERNAL MODULE: ./node_modules/preact/dist/preact.module.js
-var preact_module = __webpack_require__(6400);
+var preact_module = __webpack_require__(4284);
 ;// CONCATENATED MODULE: ./src/chatbox/Emoji.js
-class Emoji extends common/* Com */.up {
+class Emoji extends common/* Com */.Sq {
   render() {
     var emojiCode = this.props.emojiCode;
-    if (util/* default.size */.Z.size(emojiCode) < 3) return null;
+    if (util/* default */.c.size(emojiCode) < 3) return null;
     var emojiText = emojiCode.replace(/:/g, '');
     return (0,preact_module.h)("i", {
       "data-tooltip": emojiCode,
@@ -36,11 +36,11 @@ class Emoji extends common/* Com */.up {
 ;// CONCATENATED MODULE: ./src/chatbox/ChatButton.js
-var defaultBubble = __webpack_require__(6755);
-let defaultAvatar = __webpack_require__(4761);
+var defaultBubble = __webpack_require__(5671);
+let defaultAvatar = __webpack_require__(9460);
-class ChatButton extends common/* Com */.up {
+class ChatButton extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     this.setState({
@@ -51,11 +51,11 @@ class ChatButton extends common/* Com */.up {
     this.loadGreeting();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => {
-      if (util/* default.get */.Z.get(ev, 'type') !== 'message_sent') return;
-      let bytype = util/* default.get */.Z.get(ev, 'by.type');
+      if (util/* default */.c.get(ev, 'type') !== 'message_sent') return;
+      let bytype = util/* default */.c.get(ev, 'by.type');
       if (bytype !== 'system' && bytype !== 'agent') return;
       let isquickreplies = false;
-      util/* default.map */.Z.map(util/* default.get */.Z.get(ev, 'data.message.attachments', []), att => {
+      util/* default */.c.map(util/* default */.c.get(ev, 'data.message.attachments', []), att => {
         if (!att) return;
         if (att.type === 'quick_replies') {
           isquickreplies = true;
@@ -69,30 +69,30 @@ class ChatButton extends common/* Com */.up {
     });
   }
   fixMissingSetting(chatbox) {
-    chatbox = util/* default.cloneDeep */.Z.cloneDeep(chatbox);
-    if (util/* default.get */.Z.get(chatbox, 'desktop_button.background_image_url')) {
+    chatbox = util/* default */.c.cloneDeep(chatbox);
+    if (util/* default */.c.get(chatbox, 'desktop_button.background_image_url')) {
       chatbox.desktop_button.background_image_url = this.props.store.replaceFileUrl(chatbox.desktop_button.background_image_url);
     }
-    if (util/* default.get */.Z.get(chatbox, 'desktop_button.background_mask_url')) {
+    if (util/* default */.c.get(chatbox, 'desktop_button.background_mask_url')) {
       chatbox.desktop_button.background_mask_url = this.props.store.replaceFileUrl(chatbox.desktop_button.background_mask_url);
     }
-    if (util/* default.get */.Z.get(chatbox, 'mobile_button.background_image_url')) {
+    if (util/* default */.c.get(chatbox, 'mobile_button.background_image_url')) {
       chatbox.mobile_button.background_image_url = this.props.store.replaceFileUrl(chatbox.mobile_button.background_image_url);
     }
-    if (util/* default.get */.Z.get(chatbox, 'mobile_button.background_mask_url')) {
+    if (util/* default */.c.get(chatbox, 'mobile_button.background_mask_url')) {
       chatbox.mobile_button.background_mask_url = this.props.store.replaceFileUrl(chatbox.mobile_button.background_mask_url);
     }
     return chatbox;
   }
   render() {
     let accountSetting = this.props.plugin.chatbox;
-    let position = util/* default.get */.Z.get(accountSetting, 'desktop_button.position') || 'right';
+    let position = util/* default */.c.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) {
-      position = util/* default.get */.Z.get(accountSetting, 'mobile_button.position') || position;
-      let hiddenButtonMobile = util/* default.get */.Z.get(accountSetting, 'mobile_button.hidden');
+      position = util/* default */.c.get(accountSetting, 'mobile_button.position') || position;
+      let hiddenButtonMobile = util/* default */.c.get(accountSetting, 'mobile_button.hidden');
       if (hiddenButtonMobile) return null;
     }
-    let hiddenButtonDesktop = util/* default.get */.Z.get(accountSetting, 'desktop_button.hidden');
+    let hiddenButtonDesktop = util/* default */.c.get(accountSetting, 'desktop_button.hidden');
     if (hiddenButtonDesktop) return null;
     let cls = 'widget-layout widget-layout--' + position;
     let opacity = this.state.opacity;
@@ -111,11 +111,15 @@ class ChatButton extends common/* Com */.up {
     });
   }
   ShowGreeting() {
-    let greeting = util/* default.get */.Z.get(this.props.plugin, 'chatbox.greeting', {});
+    if (this.props.store.isMobile()) {
+      let accid = util/* default */.c.get(this.props.plugin, 'chatbox.account_id', {});
+      if (accid === 'acqjeefqeaoiagyfprap') return;
+    }
+    let greeting = util/* default */.c.get(this.props.plugin, 'chatbox.greeting', {});
     let agentM = this.props.store.matchAgent('*');
     let byid = greeting.agent_id;
     if (!byid) byid = randomAgent(agentM).id;
-    let text = this.props.t.i18n(util/* default.get */.Z.get(greeting, 'greeting', {})) || greeting.message;
+    let text = this.props.t.i18n(util/* default */.c.get(greeting, 'greeting', {})) || greeting.message;
     this.setState({
       previewEvent: {
         by: {
@@ -139,9 +143,9 @@ class ChatButton extends common/* Com */.up {
   }
   loadGreeting() {
     let accountSetting = this.props.plugin.chatbox;
-    if (new util/* default.Date */.Z.Date().getTime() - this.props.store.matchClosePreviewAt() < Ms30Mins) return;
-    let greeting = util/* default.get */.Z.get(accountSetting, 'greeting', {});
-    let text = this.props.t.i18n(util/* default.get */.Z.get(greeting, 'greeting', {})) || greeting.message;
+    if (new util/* default */.c.Date().getTime() - this.props.store.matchClosePreviewAt() < Ms30Mins) return;
+    let greeting = util/* default */.c.get(accountSetting, 'greeting', {});
+    let text = this.props.t.i18n(util/* default */.c.get(greeting, 'greeting', {})) || greeting.message;
     if (!text || !greeting.enabled) {
       this.setState({
         previewEvent: {}
@@ -152,8 +156,8 @@ class ChatButton extends common/* Com */.up {
   }
   onClick() {
     let lastview = this.props.store.matchLastview();
-    if (util/* default.get */.Z.get(lastview, 'view')) {
-      if (lastview.view !== 'list' || util/* default.size */.Z.size(this.props.store.matchConvo('*')) > 0) {
+    if (util/* default */.c.get(lastview, 'view')) {
+      if (lastview.view !== 'list' || util/* default */.c.size(this.props.store.matchConvo('*')) > 0) {
         return this.props.onClick && this.props.onClick(Object.assign({}, lastview.opts, {
           view: lastview.view
         }));
@@ -162,10 +166,10 @@ class ChatButton extends common/* Com */.up {
     return this.onPreviewClick();
   }
   onPreviewClick(e) {
-    let cid = util/* default.convoOfEv */.Z.convoOfEv(this.state.previewEvent);
+    let cid = util/* default */.c.convoOfEv(this.state.previewEvent);
     if (!cid) {
-      let convos = util/* default.map */.Z.map(this.props.store.matchConvo('*'));
-      let convo = util/* default.find */.Z.find(convos, convo => !util/* default.isConvoSeen */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
+      let convos = util/* default */.c.map(this.props.store.matchConvo('*'));
+      let convo = util/* default */.c.find(convos, convo => !util/* default */.c.isConvoSeen(convo, this.props.store.matchUser().id));
       if (!convo) convo = convos[0] || {};
       cid = convo.id;
     }
@@ -185,24 +189,24 @@ class ChatButton extends common/* Com */.up {
   renderPreview() {
     let account = this.props.store.matchAccount();
     let accountSetting = this.props.plugin.chatbox;
-    let byid = util/* default.get */.Z.get(this.state.previewEvent, 'by.display_id', util/* default.get */.Z.get(this.state.previewEvent, 'by.id'));
-    let agent = util/* default.cloneDeep */.Z.cloneDeep(this.props.store.matchAgent(byid)) || {};
-    agent.fullname = agent.fullname || util/* default.get */.Z.get(account, 'name') || this.props.t('agent');
+    let byid = util/* default */.c.get(this.state.previewEvent, 'by.display_id', util/* default */.c.get(this.state.previewEvent, 'by.id'));
+    let agent = util/* default */.c.cloneDeep(this.props.store.matchAgent(byid)) || {};
+    agent.fullname = agent.fullname || util/* default */.c.get(account, 'name') || this.props.t('agent');
     agent.avatar_url = agent.avatar_url || defaultAvatar;
-    let position = util/* default.get */.Z.get(accountSetting, 'desktop_button.position') || 'right';
+    let position = util/* default */.c.get(accountSetting, 'desktop_button.position') || 'right';
     if (this.props.store.isMobile()) {
-      position = util/* default.get */.Z.get(accountSetting, 'mobile_button.position') || position;
+      position = util/* default */.c.get(accountSetting, 'mobile_button.position') || position;
     }
     if (accountSetting && accountSetting.hide_agent_profile) {
       agent = Object.assign({}, account, {
-        avatar_url: account.logo_url || __webpack_require__(9895),
+        avatar_url: account.logo_url || __webpack_require__(6980),
         fullname: account.name || this.props.t('agent')
       });
     }
     let cls = 'widget-preview widget-preview--' + position;
     if (!this.state.displayPreview) cls += ' widget-preview--hidden';
     var tags = this.renderMessagePreview(this.state.previewEvent, this.props.t('sent_you_a_message'));
-    if (util/* default.size */.Z.size(tags) === 0) cls += ' widget-preview--hidden';
+    if (util/* default */.c.size(tags) === 0) cls += ' widget-preview--hidden';
     return (0,preact_module.h)("div", {
       class: cls
     }, (0,preact_module.h)("div", {
@@ -245,16 +249,20 @@ class ChatButton extends common/* Com */.up {
   renderButton() {
     let accountSetting = this.props.plugin.chatbox;
     accountSetting = this.fixMissingSetting(accountSetting);
-    let imgsrc = util/* default.get */.Z.get(accountSetting, 'desktop_button.background_image_url') || util/* default.get */.Z.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
-    let background = util/* default.get */.Z.get(accountSetting, 'background') || DEF_BG;
-    let position = util/* default.get */.Z.get(accountSetting, 'desktop_button.position') || 'right';
-    let imgurl = util/* default.get */.Z.get(accountSetting, 'desktop_button.background_image_url');
-    let maskurl = util/* default.get */.Z.get(accountSetting, 'desktop_button.background_mask_url');
+    let imgsrc = util/* default */.c.get(accountSetting, 'desktop_button.background_image_url') || util/* default */.c.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
+    let background = util/* default */.c.get(accountSetting, 'background') || DEF_BG;
+    let position = util/* default */.c.get(accountSetting, 'desktop_button.position') || 'right';
+    let imgurl = util/* default */.c.get(accountSetting, 'desktop_button.background_image_url');
+    let maskurl = util/* default */.c.get(accountSetting, 'desktop_button.background_mask_url');
+    let imgwidth = util/* default */.c.get(accountSetting, 'desktop_button.width') || 70;
+    let imgheight = util/* default */.c.get(accountSetting, 'desktop_button.height') || 70;
     if (this.props.store.isMobile()) {
-      imgsrc = util/* default.get */.Z.get(accountSetting, 'mobile_button.background_image_url') || util/* default.get */.Z.get(accountSetting, 'mobile_button.background_mask_url') || imgsrc;
-      position = util/* default.get */.Z.get(accountSetting, 'mobile_button.position') || position;
-      let mobileimgurl = util/* default.get */.Z.get(accountSetting, 'mobile_button.background_image_url');
-      let mobilemaskurl = util/* default.get */.Z.get(accountSetting, 'mobile_button.background_mask_url');
+      imgsrc = util/* default */.c.get(accountSetting, 'mobile_button.background_image_url') || util/* default */.c.get(accountSetting, 'mobile_button.background_mask_url') || imgsrc;
+      position = util/* default */.c.get(accountSetting, 'mobile_button.position') || position;
+      let mobileimgurl = util/* default */.c.get(accountSetting, 'mobile_button.background_image_url');
+      let mobilemaskurl = util/* default */.c.get(accountSetting, 'mobile_button.background_mask_url');
+      imgwidth = util/* default */.c.get(accountSetting, 'mobile_button.width') || 70;
+      imgheight = util/* default */.c.get(accountSetting, 'mobile_button.height') || 70;
       if (mobileimgurl || mobilemaskurl) {
         imgurl = mobileimgurl;
         maskurl = mobilemaskurl;
@@ -273,8 +281,9 @@ class ChatButton extends common/* Com */.up {
 				-o-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
 				-moz-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
 				mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
-				height: 70px !important;
-				width: 70px !important;
+				height: ${imgheight}px !important;
+				width: ${imgwidth}px !important;
+				background: ${background} !important;
 				background: ${background} !important;
         mask-size: cover !important;
         -webkit-mask-size: cover !important;
@@ -309,8 +318,8 @@ class ChatButton extends common/* Com */.up {
 				-o-mask-image: url("${encodeURI(maskurl)}") !important;
 				-moz-mask-image: url("${encodeURI(maskurl)}") !important;
 				mask-image: url("${encodeURI(maskurl)}") !important;
-				height: 70px !important;
-				width: 70px !important;
+				height: ${imgheight}px !important;
+				width: ${imgwidth}px !important;
 				background: ${background} !important;
         -webkit-mask-size: cover !important;
         -o-mask-size: cover !important;
@@ -319,11 +328,17 @@ class ChatButton extends common/* Com */.up {
 			`;
     }
     let cls = 'chat-button chat-button--' + position;
+    let whiteBgStyle = `
+			width: ${imgwidth - 4}px !important;
+			height: ${imgheight - 4}px !important;
+    `;
     return (0,preact_module.h)("div", {
       class: cls,
       onClick: e => this.onClick(e)
     }, (0,preact_module.h)("div", {
-      class: whitebgcls
+      class: whitebgcls,
+      style: whiteBgStyle
     }), (0,preact_module.h)("div", {
       class: "chat-button--img-container",
       style: imgcontainerstyle
@@ -350,14 +365,14 @@ class ChatButton extends common/* Com */.up {
   }
   renderMessagePreview(ev, defmsg) {
     defmsg = defmsg || 'Sent you a message';
-    let message = util/* default.get */.Z.get(ev, 'data.message.text');
-    var format = util/* default.get */.Z.get(ev, 'data.message.format');
+    let message = util/* default */.c.get(ev, 'data.message.text');
+    var format = util/* default */.c.get(ev, 'data.message.format');
     if (format === 'delta') return this.renderDeltaMessagePreview(ev, defmsg);
     if (format && format !== 'plaintext') message = defmsg;
-    if (!message && util/* default.size */.Z.size(util/* default.get */.Z.get(ev, 'data.message.attachments')) > 0) message = defmsg;
+    if (!message && util/* default */.c.size(util/* default */.c.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;
-    let byType = util/* default.get */.Z.get(ev, 'by.type');
-    var tags = util/* default.extractText */.Z.extractText(message).map(tag => {
+    let byType = util/* default */.c.get(ev, 'by.type');
+    var tags = util/* default */.c.extractText(message).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -368,17 +383,17 @@ class ChatButton extends common/* Com */.up {
   }
   renderDeltaMessagePreview(ev, defmsg) {
     defmsg = defmsg || 'Sent you a message';
-    let message = util/* default.get */.Z.get(ev, 'data.message.quill_delta');
-    if (!message && util/* default.size */.Z.size(util/* default.get */.Z.get(ev, 'data.message.attachments')) > 0) message = defmsg;
+    let message = util/* default */.c.get(ev, 'data.message.quill_delta');
+    if (!message && util/* default */.c.size(util/* default */.c.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return;
-    let quilldeltas = util/* default.parseJSON */.Z.parseJSON(message) || {};
-    if (!quilldeltas || util/* default.size */.Z.size(quilldeltas.ops) === 0) return null;
-    let $deltas = util/* default.map */.Z.map(quilldeltas.ops, delta => {
+    let quilldeltas = util/* default */.c.parseJSON(message) || {};
+    if (!quilldeltas || util/* default */.c.size(quilldeltas.ops) === 0) return null;
+    let $deltas = util/* default */.c.map(quilldeltas.ops, delta => {
       let html = '';
       let insert = delta.insert;
       let attributes = delta.attributes;
       if (insert.dynamicField) {
-        return util/* default.get */.Z.get(insert, 'dynamicField.text', '');
+        return util/* default */.c.get(insert, 'dynamicField.text', '');
       }
       if (insert.emoji) return (0,preact_module.h)(Emoji, {
         emojiCode: `:${insert.emoji}:`
@@ -403,37 +418,37 @@ class ChatButton extends common/* Com */.up {
   }
 }
 function randomAgent(agentM) {
-  var agents = util/* default.filter */.Z.filter(agentM, ag => ag.type === 'agent');
-  return agents[Math.floor(Math.random() * util/* default.size */.Z.size(agents))] || {};
+  var agents = util/* default */.c.filter(agentM, ag => ag.type === 'agent');
+  return agents[Math.floor(Math.random() * util/* default */.c.size(agents))] || {};
 }
 const Ms30Mins = 30 * 60 * 1000;
 const DEF_BG_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
 const DEF_BG = 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)';
 ;// CONCATENATED MODULE: ./src/chatbox/PoweredBy.js
-var logo = __webpack_require__(8430);
+var logo = __webpack_require__(2560);
-class PoweredBy extends common/* Com */.up {
+class PoweredBy extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
     if (this.props.store.isMobile()) return null;
     let user = this.props.store.matchUser() || {};
-    var link = `https://subiz.com.vn/?utm_source=id-${user.account_id}&utm_medium=widget&utm_campaign=widget_referral`;
+    var link = `https://subiz.com.vn/?utm_source=${window.location.host || `id-${user.account_id}`}&utm_medium=widget&utm_campaign=widget_referral`;
     return (0,preact_module.h)("div", {
       class: "poweredby"
     }, (0,preact_module.h)("a", {
       href: link,
       class: "poweredby--text",
       target: "_blank",
-      rel: "noreferrer"
+      title: "Subiz"
     }, (0,preact_module.h)("img", {
       width: "14",
       height: "10",
       class: "poweredby--subiz-logo",
       src: logo,
-      alt: "power by"
+      alt: "power by subiz"
     }), " Subiz"));
   }
 }
@@ -441,7 +456,7 @@ class PoweredBy extends common/* Com */.up {
-class AgentsAvatar extends common/* Com */.up {
+class AgentsAvatar extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
@@ -462,21 +477,21 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         alt: "agent avatar left",
         class: "avatar group-avatar--agent-left",
-        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(9895)
+        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(6980)
       })));
     }
     let agentM = this.props.store.matchAgent('*');
-    var agents = util/* default.map */.Z.map(this.props.agent_ids, id => agentM[id]);
-    if (this.props.agent_ids === undefined || util/* default.size */.Z.size(this.props.agent_ids) === 0) {
-      var agids = util/* default.get */.Z.get(accountSetting, 'header.agent_ids', []);
-      agids = util/* default.filter */.Z.filter(agids, id => !!agentM[id]);
+    var agents = util/* default */.c.map(this.props.agent_ids, id => agentM[id]);
+    if (this.props.agent_ids === undefined || util/* default */.c.size(this.props.agent_ids) === 0) {
+      var agids = util/* default */.c.get(accountSetting, 'header.agent_ids', []);
+      agids = util/* default */.c.filter(agids, id => !!agentM[id]);
       if (agids.length !== 0) {
-        agents = util/* default.map */.Z.map(agids, id => agentM[id]);
+        agents = util/* default */.c.map(agids, id => agentM[id]);
       } else {
-        agents = util/* default.filter */.Z.filter(agentM, agent => agent.type === 'agent');
+        agents = util/* default */.c.filter(agentM, agent => agent.type === 'agent');
       }
     }
-    agents = util/* default.filter */.Z.filter(agents, ag => !!ag);
+    agents = util/* default */.c.filter(agents, ag => !!ag);
     if (agents.length === 0) {
       return (0,preact_module.h)("div", {
         class: `group-avatar group-avatar--${mode}`
@@ -489,7 +504,7 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         alt: "agent avatar left",
         class: "avatar group-avatar--agent-left",
-        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(9895)
+        src: this.props.store.replaceFileUrl(acc.logo_url) || __webpack_require__(6980)
       })));
     }
     if (agents.length === 1) {
@@ -506,7 +521,7 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         class: `avatar ${groupClass}`,
         alt: "agent avatar",
-        src: this.props.store.replaceFileUrl(agent.avatar_url) || __webpack_require__(4761)
+        src: this.props.store.replaceFileUrl(agent.avatar_url) || __webpack_require__(9460)
       })));
     }
     if (agents.length === 2) {
@@ -523,7 +538,7 @@ class AgentsAvatar extends common/* Com */.up {
         height: 35,
         alt: "agent avatar left",
         class: "avatar group-avatar--agent-left",
-        src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(4761)
+        src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(9460)
       })), (0,preact_module.h)("div", {
         class: "d-inline-block pos-relative",
         "data-tooltip": rightAgent.fullname || acc.name,
@@ -533,7 +548,7 @@ class AgentsAvatar extends common/* Com */.up {
         width: 35,
         height: 35,
         class: "avatar group-avatar--agent-right",
-        src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(4761)
+        src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(9460)
       })));
     }
     let leftAgent = agents[0];
@@ -550,7 +565,7 @@ class AgentsAvatar extends common/* Com */.up {
       height: 35,
       alt: "agent avatar left",
       class: "avatar group-avatar--agent-left",
-      src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(4761)
+      src: this.props.store.replaceFileUrl(leftAgent.avatar_url) || __webpack_require__(9460)
     })), (0,preact_module.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": middleAgent.fullname || acc.name,
@@ -560,7 +575,7 @@ class AgentsAvatar extends common/* Com */.up {
       width: 35,
       height: 35,
       class: "avatar group-avatar--agent-middle",
-      src: this.props.store.replaceFileUrl(middleAgent.avatar_url) || __webpack_require__(4761)
+      src: this.props.store.replaceFileUrl(middleAgent.avatar_url) || __webpack_require__(9460)
     })), (0,preact_module.h)("div", {
       class: "d-inline-block pos-relative",
       "data-tooltip": rightAgent.fullname || acc.name,
@@ -570,7 +585,7 @@ class AgentsAvatar extends common/* Com */.up {
       height: 35,
       alt: "agent avatar right",
       class: "avatar group-avatar--agent-right",
-      src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(4761)
+      src: this.props.store.replaceFileUrl(rightAgent.avatar_url) || __webpack_require__(9460)
     })));
   }
 }
@@ -580,7 +595,7 @@ class AgentsAvatar extends common/* Com */.up {
-class Header extends common/* Com */.up {
+class Header extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
@@ -590,7 +605,7 @@ class Header extends common/* Com */.up {
     let renderSocial = false;
     let renderTeam = false;
     let accSetting = this.props.plugin.chatbox || {};
-    let layout = util/* default.get */.Z.get(accSetting, 'header.layout');
+    let layout = util/* default */.c.get(accSetting, 'header.layout');
     let renderCollapsed = this.props.view !== 'list' && headerMode === 'collapsed';
     let renderClassic = !renderCollapsed && layout === 'classic';
     if (renderCollapsed || layout == 'classic') {
@@ -608,9 +623,9 @@ class Header extends common/* Com */.up {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     let state = acc.is_online ? this.props.t('agent_online') : this.props.t('agent_offline');
-    let tagline = util/* default.get */.Z.get(accSetting, `tagline`, {});
+    let tagline = util/* default */.c.get(accSetting, `tagline`, {});
     let desc = this.props.t.i18n(tagline) || accSetting.introduction || state;
-    let agentIdsJoined = util/* default.map */.Z.map(this.getAgentJoined(this.props.cid), agent => agent.id);
+    let agentIdsJoined = util/* default */.c.map(this.getAgentJoined(this.props.cid), agent => agent.id);
     let cls = 'widget-header--inner widget-header--inner--collapsed';
     if (!show) cls += ' widget-header--inner--hidden';
     let $back = null;
@@ -636,8 +651,8 @@ class Header extends common/* Com */.up {
   renderSocial(show) {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    let links = util/* default.get */.Z.get(accSetting, 'header.links') || [];
-    let $links = util/* default.map */.Z.map(links, link => {
+    let links = util/* default */.c.get(accSetting, 'header.links') || [];
+    let $links = util/* default */.c.map(links, link => {
       if (!link.url || !link.type || link.type === 'subiz') return null;
       if (link.type === 'email') {
         return (0,preact_module.h)("div", null, (0,preact_module.h)("a", {
@@ -650,17 +665,16 @@ class Header extends common/* Com */.up {
       return (0,preact_module.h)("div", null, (0,preact_module.h)("a", {
         href: link.url,
         target: "_blank",
-        title: link.url,
-        rel: "noreferrer"
+        title: link.url
       }, (0,preact_module.h)("i", {
         class: `social__links-logo social__links-logo--${link.type}`
       })));
     });
     const DEFTEAMINTO = `Chúng tôi sẵn sàng trợ giúp :wave:.
 Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn`;
-    let tagline = util/* default.get */.Z.get(accSetting, `tagline`, {});
+    let tagline = util/* default */.c.get(accSetting, `tagline`, {});
     var teamintro = this.props.t.i18n(tagline) || accSetting.introduction || this.props.t('team_intro') || DEFTEAMINTO;
-    var tags = util/* default.extractText */.Z.extractText(teamintro).map(tag => {
+    var tags = util/* default */.c.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text
       });
@@ -681,7 +695,7 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     }, (0,preact_module.h)("img", {
       alt: "logo",
       class: "social__account_logo",
-      src: this.props.store.replaceFileUrl(util/* default.get */.Z.get(acc, 'logo_url'))
+      src: this.props.store.replaceFileUrl(util/* default */.c.get(acc, 'logo_url'))
     }), (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
       class: "social__introduction"
     }, tags), (0,preact_module.h)("div", {
@@ -692,9 +706,9 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     let accSetting = this.props.plugin.chatbox || {};
     const DEFTEAMINTO = `Chúng tôi sẵn sàng trợ giúp :wave:.
 Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn`;
-    let tagline = util/* default.get */.Z.get(accSetting, `tagline`, {});
+    let tagline = util/* default */.c.get(accSetting, `tagline`, {});
     var teamintro = this.props.t.i18n(tagline) || accSetting.introduction || this.props.t('team_intro') || DEFTEAMINTO;
-    var tags = util/* default.extractText */.Z.extractText(teamintro).map(tag => {
+    var tags = util/* default */.c.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text
       });
@@ -728,19 +742,19 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     let agentsJoined = this.getAgentJoined(this.props.cid);
-    let caption = util/* default.get */.Z.get(this.props.plugin, 'chatbox.caption', {});
+    let caption = util/* default */.c.get(this.props.plugin, 'chatbox.caption', {});
     let title = this.props.t.i18n(caption) || accSetting.title;
     return getJoinedNameMember(agentsJoined) || title || acc.name || this.props.t('widget_title');
   }
   renderBackButton() {
     let allconvos = this.props.store.matchConvo('*');
-    if (util/* default.size */.Z.size(allconvos) === 0) return null;
+    if (util/* default */.c.size(allconvos) === 0) return null;
     var $unreadcount = null;
     let user = this.props.store.matchUser();
     let unreadcount = 0;
-    util/* default.map */.Z.map(allconvos, convo => {
+    util/* default */.c.map(allconvos, convo => {
       if (convo.id == this.props.cid) return;
-      if (!util/* default.isConvoSeen */.Z.isConvoSeen(convo, user.id)) unreadcount++;
+      if (!util/* default */.c.isConvoSeen(convo, user.id)) unreadcount++;
     });
     if (unreadcount !== 0) {
       $unreadcount = (0,preact_module.h)("span", {
@@ -779,42 +793,42 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
   }
   getAgentJoined(cid) {
     var convo = this.props.store.matchConvo(cid) || {};
-    let joined = util/* default.filter */.Z.filter(convo.members, mem => mem.type === 'agent' && mem.membership === 'active');
+    let joined = util/* default */.c.filter(convo.members, mem => mem.type === 'agent' && mem.membership === 'active');
     return joined;
   }
 }
 let getJoinedNameMember = agents => {
-  agents = util/* default.filter */.Z.filter(agents, agent => util/* default.trim */.Z.trim(agent.fullname));
+  agents = util/* default */.c.filter(agents, agent => util/* default */.c.trim(agent.fullname));
   if (!agents.length) return null;
-  return util/* default.map */.Z.map(agents, agent => agent.fullname).join(', ');
+  return util/* default */.c.map(agents, agent => agent.fullname).join(', ');
 };
 ;// CONCATENATED MODULE: ./src/chatbox/MessageInput.js
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class MessageInput extends common/* Com */.up {
+class MessageInput extends common/* Com */.Sq {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onEnter", util/* default.throttle */.Z.throttle(function () {
+    _defineProperty(this, "onEnter", util/* default */.c.throttle(function () {
       this.submitMessage();
     }, 50));
-    this.refFileInput = (0,preact_module/* createRef */.Vf)();
-    this.refMessageInput = (0,preact_module/* createRef */.Vf)();
+    this.refFileInput = (0,preact_module/* createRef */.Yn)();
+    this.refMessageInput = (0,preact_module/* createRef */.Yn)();
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => {
-      var evcid = util/* default.convoOfEv */.Z.convoOfEv(ev);
+      var evcid = util/* default */.c.convoOfEv(ev);
       if (evcid !== this.props.cid) return;
       this.forceUpdate();
     });
     this.focus();
-    this._forceUpdate = util/* default.throttle */.Z.throttle(() => {
+    this._forceUpdate = util/* default */.c.throttle(() => {
       this.forceUpdate();
     }, 500);
-    this.resizeInput = util/* default.throttle */.Z.throttle(function () {
+    this.resizeInput = util/* default */.c.throttle(function () {
       const input = this.refMessageInput.current;
       input.style.setProperty('height', '1em', 'important');
       const height = Math.min(200, input.scrollHeight);
@@ -834,7 +848,7 @@ class MessageInput extends common/* Com */.up {
       class: "message-input--button message-input--attachment-button",
       onClick: e => this.selectFile(e)
     }));
-    var msg = util/* default.trim */.Z.trim(this.refMessageInput.current && this.refMessageInput.current.value);
+    var msg = util/* default */.c.trim(this.refMessageInput.current && this.refMessageInput.current.value);
     if (msg.length > 0) {
       buttons = (0,preact_module.h)("div", {
         class: "d-flex flex-row align-self-end"
@@ -873,30 +887,30 @@ class MessageInput extends common/* Com */.up {
   }
   hasUnfinishRequiredFormOrLock() {
     let convo = this.props.store.matchConvo(this.props.cid);
-    if (util/* default.get */.Z.get(convo, 'state') === 'ended') return false;
+    if (util/* default */.c.get(convo, 'state') === 'ended') return false;
     let events = this.props.store.listEvents(this.props.cid);
-    events = util/* default.orderBy */.Z.orderBy(events, 'created', 'desc').filter(ev => ev.type === 'message_sent');
-    let attachments = util/* default.get */.Z.get(events[0], 'data.message.attachments', []);
-    let lock = util/* default.find */.Z.find(attachments, att => util/* default.get */.Z.get(att, 'lock_input'));
+    events = util/* default */.c.orderBy(events, 'created', 'desc').filter(ev => ev.type === 'message_sent');
+    let attachments = util/* default */.c.get(events[0], 'data.message.attachments', []);
+    let lock = util/* default */.c.find(attachments, att => util/* default */.c.get(att, 'lock_input'));
     if (lock) return true;
     var last_agent_sent;
     for (let ev of events) {
-      if (util/* default.get */.Z.get(ev, 'by.type') === 'user') continue;
+      if (util/* default */.c.get(ev, 'by.type') === 'user') continue;
       last_agent_sent = ev;
       break;
     }
-    attachments = util/* default.get */.Z.get(last_agent_sent, 'data.message.attachments', []);
-    let pendingForms = util/* default.filter */.Z.filter(attachments, att => {
+    attachments = util/* default */.c.get(last_agent_sent, 'data.message.attachments', []);
+    let pendingForms = util/* default */.c.filter(attachments, att => {
       if (!att) return false;
       if (att.type !== 'form' && att.type !== 'ask_info_form') return false;
       var form = att.form;
       if (!form) return false;
-      var state = util/* default.parseJSON */.Z.parseJSON(form.state) || {};
+      var state = util/* default */.c.parseJSON(form.state) || {};
       if (!state.require_finished && att.type !== 'ask_info_form') return false;
       if (isSummited(att.form)) return false;
       return true;
     });
-    return util/* default.size */.Z.size(pendingForms) > 0;
+    return util/* default */.c.size(pendingForms) > 0;
   }
   renderEmojiPopup() {
     if (!this.state.openEmoji) return null;
@@ -1000,10 +1014,10 @@ class MessageInput extends common/* Com */.up {
   focus() {
     if (this.props.disabled) return;
     this.refMessageInput.current && this.refMessageInput.current.focus();
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     });
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     }, 100);
   }
@@ -1053,9 +1067,9 @@ class MessageInput extends common/* Com */.up {
     $input.value = '';
   }
   _sendFile(files) {
-    if (util/* default.size */.Z.size(files) === 0) return;
+    if (util/* default */.c.size(files) === 0) return;
     if (this.props.disabled) return;
-    let attachments = util/* default.map */.Z.map(files, file => {
+    let attachments = util/* default */.c.map(files, file => {
       return {
         type: 'file',
         mimetype: file.type,
@@ -1069,7 +1083,7 @@ class MessageInput extends common/* Com */.up {
     });
   }
   async submitMessage(msg) {
-    msg = msg || util/* default.trim */.Z.trim(this.refMessageInput.current.value) || '';
+    msg = msg || util/* default */.c.trim(this.refMessageInput.current.value) || '';
     if (!msg) return;
     if (this.props.disabled) return;
     this.refMessageInput.current.value = '';
@@ -1088,7 +1102,7 @@ class MessageInput extends common/* Com */.up {
   }
   pasteImage(event) {
     if (!window.File || !window.FileReader || !window.FileList || !window.Blob) return;
-    let now = new util/* default.Date */.Z.Date();
+    let now = new util/* default */.c.Date();
     let year = now.getFullYear();
     let month = now.getMonth() + 1;
     let date = now.getDate();
@@ -1110,24 +1124,124 @@ class MessageInput extends common/* Com */.up {
   }
 }
 function isSummited(form) {
-  let fields = util/* default.get */.Z.get(form, 'fields') || [];
-  return util/* default.find */.Z.find(fields, field => !!field.answered);
+  let fields = util/* default */.c.get(form, 'fields') || [];
+  return util/* default */.c.find(fields, field => !!field.answered);
 }
 ;// CONCATENATED MODULE: ./src/chatbox/ImageAttachments.js
+function ImageAttachments_defineProperty(obj, key, value) { key = ImageAttachments_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function ImageAttachments_toPropertyKey(t) { var i = ImageAttachments_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function ImageAttachments_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class ImageAttachment extends common/* Com */.up {
+class ImageAttachment extends common/* Com */.Sq {
   constructor(props) {
     super(props);
+    ImageAttachments_defineProperty(this, "containerRef", (0,preact_module/* createRef */.Yn)());
+    this.setState({
+      ready: false,
+      errorIndecies: []
+    });
+  }
+  componentDidMount() {
+    this.setImageFrameDimension();
+  }
+  setImageFrameDimension() {
+    const MAX_HEIGHT = 240;
+    const DEFAULT_MAX_WIDTH = 267;
+    let $container = this.containerRef.current;
+    this.frameWidth = $container ? $container.offsetWidth : DEFAULT_MAX_WIDTH;
+    this.frameHeight = MAX_HEIGHT;
+    this.setState({
+      ready: true
+    });
+  }
+  onErrorImage(index) {
+    let indecies = this.state.errorIndecies || [];
+    indecies.push(index);
+    indecies = [...indecies];
+    this.setState({
+      errorIndecies: indecies
+    });
+  }
+  calculateImageDimension(image) {
+    if (!image.width || !image.height) return {
+      width: this.frameWidth,
+      height: this.frameHeight
+    };
+    let ratio = image.width / image.height - this.frameWidth / this.frameHeight;
+    if (ratio >= 0) {
+      let width = this.frameWidth;
+      let height = image.height * this.frameWidth / image.width;
+      height = Math.round(height);
+      return {
+        width,
+        height
+      };
+    } else {
+      let height = this.frameHeight;
+      let width = image.width * this.frameHeight / image.height;
+      width = Math.round(width);
+      return {
+        width,
+        height
+      };
+    }
+  }
+  renderImage(image, index) {
+    if (!this.state.ready) {
+      return;
+    }
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
+    if (!image.width || !image.height) {
+      return (0,preact_module.h)("div", {
+        class: `image-attachment image-attachment--${byType}`
+      }, (0,preact_module.h)("a", {
+        href: this.props.store.replaceFileUrl(image.url),
+        target: "_blank"
+      }, (0,preact_module.h)("img", {
+        alt: true,
+        class: "image-attachment__img",
+        src: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
+        onload: e => this.props.onLoad && this.props.onLoad()
+      })));
+    }
+    let {
+      width,
+      height
+    } = this.calculateImageDimension(image);
+    let url = this.props.store.replaceFileUrl(image.thumbnail_url || image.url);
+    let trueUrl = this.props.store.replaceFileUrl(image.url);
+    if (this.state.errorIndecies.includes(index)) {
+      url = __webpack_require__(4824);
+      trueUrl = url;
+    }
+    return (0,preact_module.h)("div", {
+      class: `image-attachment image-attachment--${byType}`
+    }, (0,preact_module.h)("a", {
+      href: trueUrl,
+      target: "_blank"
+    }, (0,preact_module.h)("img", {
+      alt: true,
+      ref: el => {
+        if (el) {
+          el.style.setProperty('width', `${width}px`, 'important');
+          el.style.setProperty('height', `${height}px`, 'important');
+        }
+      },
+      class: "image-attachment__img",
+      src: url,
+      onload: e => this.props.onLoad && this.props.onLoad(),
+      onerror: e => this.onErrorImage(index)
+    })));
   }
   render() {
-    var attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
+    var attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
     var images = [];
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
-    util/* default.each */.Z.each(attachments, (att, i) => {
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
+    util/* default */.c.each(attachments, (att, i) => {
       if (!att) return;
-      if (!util/* default.includes */.Z.includes(att.mimetype, 'image')) return;
+      if (!util/* default */.c.includes(att.mimetype, 'image')) return;
       if (!att.url) return;
       var uri = att.url;
       if (!uri.startsWith('https://') && !uri.startsWith('http://') && !uri.startsWith('content://') && !uri.startsWith('data:')) {
@@ -1136,24 +1250,16 @@ class ImageAttachment extends common/* Com */.up {
       images.push(att);
     });
     if (images.length === 0) return null;
-    var $images = util/* default.map */.Z.map(images, (image, index) => (0,preact_module.h)("div", {
-      class: `image-attachment image-attachment--${byType}`
-    }, (0,preact_module.h)("a", {
-      href: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
-      target: "_blank"
-    }, (0,preact_module.h)("img", {
-      alt: true,
-      class: "image-attachment__img",
-      src: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
-      onload: e => this.props.onLoad && this.props.onLoad()
-    }))));
+    let $images = util/* default */.c.map(images, (image, index) => this.renderImage(image, index));
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
-        class: "message-agent"
+        class: "message-agent",
+        ref: this.containerRef
       }, $images);
     } else {
       return (0,preact_module.h)("div", {
-        class: "message-user"
+        class: "message-user message-user-images-container",
+        ref: this.containerRef
       }, $images);
     }
   }
@@ -1162,20 +1268,20 @@ class ImageAttachment extends common/* Com */.up {
-class AudioAttachments extends common/* Com */.up {
+class AudioAttachments extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
-    var attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
+    var attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
     var audios = [];
-    util/* default.each */.Z.each(attachments, (att, i) => {
+    util/* default */.c.each(attachments, (att, i) => {
       if (!att) return;
-      if (util/* default.includes */.Z.includes(att.mimetype, 'audio')) audios.push(att);
+      if (util/* default */.c.includes(att.mimetype, 'audio')) audios.push(att);
     });
     if (audios.length === 0) return null;
-    var $audios = util/* default.map */.Z.map(audios, (audio, index) => {
+    var $audios = util/* default */.c.map(audios, (audio, index) => {
       return (0,preact_module.h)("div", {
         key: index,
         class: `audio-attachment audio-attachment--${byType}`
@@ -1196,20 +1302,20 @@ class AudioAttachments extends common/* Com */.up {
-class FileAttachments extends common/* Com */.up {
+class FileAttachments extends common/* Com */.Sq {
   render() {
-    var byType = util/* default.get */.Z.get(this.props.ev, 'by.type', 'agent');
-    var attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
+    var byType = util/* default */.c.get(this.props.ev, 'by.type', 'agent');
+    var attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
     var files = [];
-    util/* default.each */.Z.each(attachments, att => {
+    util/* default */.c.each(attachments, att => {
       if (!att) return;
       if (!att.url && !att._file) return;
-      if (!util/* default.includes */.Z.includes(att.mimetype, 'video') && !util/* default.includes */.Z.includes(att.mimetype, 'audio') && !util/* default.includes */.Z.includes(att.mimetype, 'image') && att.type !== 'button' && att.type !== 'quick_replies' && att.type !== 'form' && att.type !== 'form_submit') {
+      if (!util/* default */.c.includes(att.mimetype, 'video') && !util/* default */.c.includes(att.mimetype, 'audio') && !util/* default */.c.includes(att.mimetype, 'image') && att.type !== 'button' && att.type !== 'quick_replies' && att.type !== 'form' && att.type !== 'form_submit') {
         files.push(att);
       }
     });
     if (files.length === 0) return null;
-    var $files = util/* default.map */.Z.map(files, (file, index) => {
+    var $files = util/* default */.c.map(files, (file, index) => {
       return (0,preact_module.h)("div", {
         key: index,
         class: `file-attachment file-attachment--${byType}`
@@ -1232,13 +1338,13 @@ class FileAttachments extends common/* Com */.up {
-class Buttons extends common/* Com */.up {
+class Buttons extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
-    if (util/* default.size */.Z.size(this.props.buttons) === 0) return null;
-    var $buttons = util/* default.map */.Z.map(this.props.buttons, (button, index) => {
+    if (util/* default */.c.size(this.props.buttons) === 0) return null;
+    var $buttons = util/* default */.c.map(this.props.buttons, (button, index) => {
       if (button.type === 'call_button') {
         return (0,preact_module.h)("a", {
           class: "url-button-attachment",
@@ -1277,18 +1383,18 @@ class Buttons extends common/* Com */.up {
-class ButtonAttachments extends common/* Com */.up {
+class ButtonAttachments extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
     let buttons = [];
-    let attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
-    util/* default.each */.Z.each(attachments, (att, i) => {
-      if (!att || util/* default.get */.Z.get(att, 'type') !== 'button') return;
-      util/* default.each */.Z.each(util/* default.get */.Z.get(att, 'buttons') || [], btn => buttons.push(btn));
+    let attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
+    util/* default */.c.each(attachments, (att, i) => {
+      if (!att || util/* default */.c.get(att, 'type') !== 'button') return;
+      util/* default */.c.each(util/* default */.c.get(att, 'buttons') || [], btn => buttons.push(btn));
     });
     return (0,preact_module.h)(Buttons, {
       store: this.props.store,
@@ -1301,26 +1407,26 @@ class ButtonAttachments extends common/* Com */.up {
-class QuickReplies extends common/* Com */.up {
+class QuickReplies extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
-    if (util/* default.get */.Z.get(this.props.ev, 'by.type') === 'user') return null;
+    if (util/* default */.c.get(this.props.ev, 'by.type') === 'user') return null;
     let quickreplies = [];
-    util/* default.map */.Z.map(util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []), att => {
+    util/* default */.c.map(util/* default */.c.get(this.props.ev, 'data.message.attachments', []), att => {
       if (!att) return;
       if (att.type === 'quick_replies') {
-        quickreplies = util/* default.get */.Z.get(att, 'quick_replies', []);
+        quickreplies = util/* default */.c.get(att, 'quick_replies', []);
       }
     });
-    quickreplies = util/* default.filter */.Z.filter(quickreplies, r => r.title);
+    quickreplies = util/* default */.c.filter(quickreplies, r => r.title);
     if (quickreplies.length === 0) return null;
-    let cid = util/* default.convoOfEv */.Z.convoOfEv(this.props.ev);
+    let cid = util/* default */.c.convoOfEv(this.props.ev);
     let convo = this.props.store.matchConvo(cid);
-    if (util/* default.get */.Z.get(convo, 'state') === 'ended') return null;
-    let events = util/* default.map */.Z.map(this.props.store.listEvents(cid));
-    events = util/* default.orderBy */.Z.orderBy(events, 'created', 'asc').filter(ev => ev.type === 'message_sent');
+    if (util/* default */.c.get(convo, 'state') === 'ended') return null;
+    let events = util/* default */.c.map(this.props.store.listEvents(cid));
+    events = util/* default */.c.orderBy(events, 'created', 'asc').filter(ev => ev.type === 'message_sent');
     let evindex = 0;
     for (var i = 0; i < events.length; i++) {
       if (events[i].id === this.props.ev.id) {
@@ -1329,9 +1435,9 @@ class QuickReplies extends common/* Com */.up {
       }
     }
     for (var i = evindex + 1; i < events.length; i++) {
-      if (util/* default.get */.Z.get(events[i], 'by.type') === 'user') return null;
+      if (util/* default */.c.get(events[i], 'by.type') === 'user') return null;
     }
-    let $replies = util/* default.map */.Z.map(quickreplies, r => (0,preact_module.h)("div", {
+    let $replies = util/* default */.c.map(quickreplies, r => (0,preact_module.h)("div", {
       class: "message_quick_reply",
       onClick: e => this.props.onSelect(r)
     }, r.title));
@@ -1344,7 +1450,7 @@ class QuickReplies extends common/* Com */.up {
-class ListField extends common/* Com */.up {
+class ListField extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     this.setState({
@@ -1353,18 +1459,18 @@ class ListField extends common/* Com */.up {
     });
   }
   render() {
-    let fields = util/* default.filter */.Z.filter(this.props.items, item => {
+    let fields = util/* default */.c.filter(this.props.items, item => {
       let search = this.state.search.toLowerCase();
       let name = item || '';
       return name.toLowerCase().indexOf(search) > -1;
     });
-    let $fields = util/* default.map */.Z.map(fields, field => {
+    let $fields = util/* default */.c.map(fields, field => {
       return (0,preact_module.h)("li", {
         class: "custom-select--item-options",
         onClick: () => this.add(field)
       }, field);
     });
-    let $selected = util/* default.map */.Z.map(this.props.selected, (item, i) => {
+    let $selected = util/* default */.c.map(this.props.selected, (item, i) => {
       return (0,preact_module.h)("div", {
         class: "custom-select--selected-item",
         onClick: e => this.remove(e, i)
@@ -1397,7 +1503,7 @@ class ListField extends common/* Com */.up {
     }
     return (0,preact_module.h)("div", {
       class: "form-control custom-select"
-    }, (0,preact_module.h)(common/* Clickaway */.u$, {
+    }, (0,preact_module.h)(common/* Clickaway */.C3, {
       onClickaway: e => this.clickaway()
     }, (0,preact_module.h)("div", {
       class: "custom-select--wrap-selected",
@@ -1440,21 +1546,21 @@ class ListField extends common/* Com */.up {
-class FormAttachment extends common/* Com */.up {
+class FormAttachment extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     let user = this.props.store.matchUser();
-    let fields = util/* default.get */.Z.get(this.props.form, 'fields') || [];
-    let formData = util/* default.map */.Z.map(fields, field => {
+    let fields = util/* default */.c.get(this.props.form, 'fields') || [];
+    let formData = util/* default */.c.map(fields, field => {
       let is_required = field.is_required || false;
-      var state = util/* default.parseJSON */.Z.parseJSON(field.state) || {};
+      var state = util/* default */.c.parseJSON(field.state) || {};
       if (!is_required) is_required = state.require || false;
-      var userattr = util/* default.getUserAttr */.Z.getUserAttr(user, field.name, state.type || 'text');
+      var userattr = util/* default */.c.getUserAttr(user, field.name, state.type || 'text');
       return {
         name: field.name,
         items: field.items,
-        value: util/* default.parseJSON */.Z.parseJSON(field.answer) || util/* default.parseJSON */.Z.parseJSON(field.default_answer) || userattr,
+        value: util/* default */.c.parseJSON(field.answer) || util/* default */.c.parseJSON(field.default_answer) || userattr,
         is_required,
         label: field.title,
         type: field.input_type
@@ -1465,13 +1571,13 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   isSummited() {
-    let found = util/* default.find */.Z.find(this.state.formData, field => !!field.answered);
+    let found = util/* default */.c.find(this.state.formData, field => !!field.answered);
     if (found) return true;
-    let convo = this.props.store.matchConvo(util/* default.convoOfEv */.Z.convoOfEv(this.props.ev));
+    let convo = this.props.store.matchConvo(util/* default */.c.convoOfEv(this.props.ev));
     return convo.state === 'ended';
   }
   render() {
-    if (util/* default.size */.Z.size(this.state.formData) === 0) return null;
+    if (util/* default */.c.size(this.state.formData) === 0) return null;
     let $fields = this.renderFields();
     let $submitbutton = null;
     if (!this.isSummited()) {
@@ -1490,11 +1596,11 @@ class FormAttachment extends common/* Com */.up {
   }
   focus() {
     if (this.props.store.isPreview) return;
-    if (util/* default.size */.Z.size(this.state.formData) === 0) return;
+    if (util/* default */.c.size(this.state.formData) === 0) return;
     let $field;
     if (this.isFormFilled()) {
       var keys = Object.keys(this.state.formData);
-      var lastkey = keys[util/* default.size */.Z.size(keys) - 1];
+      var lastkey = keys[util/* default */.c.size(keys) - 1];
       var lastfield = this.state.formData[lastkey];
       $field = this['field.' + encode(lastfield.name)];
     } else {
@@ -1505,20 +1611,20 @@ class FormAttachment extends common/* Com */.up {
     if ($field) $field.focus();
   }
   firstUnfilledField() {
-    return util/* default.find */.Z.find(this.state.formData, field => field.value == null || field.value === '');
+    return util/* default */.c.find(this.state.formData, field => field.value == null || field.value === '');
   }
   isFormFilled() {
-    return !util/* default.find */.Z.find(this.state.formData, field => field.value == null || field.value === '');
+    return !util/* default */.c.find(this.state.formData, field => field.value == null || field.value === '');
   }
   onInputChange(index, val) {
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
     formData[index].value = val;
     this.setState({
       formData
     });
   }
   onListAddItem(index, val) {
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
     let field = formData[index];
     field.value = field.value || [];
     field.value.push(val);
@@ -1527,7 +1633,7 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   onListRemoveItem(index, vindex) {
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
     let field = formData[index];
     field.value = field.value || [];
     field.value.splice(vindex, 1);
@@ -1536,9 +1642,9 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   renderFields() {
-    if (util/* default.size */.Z.size(this.state.formData) === 0) return null;
+    if (util/* default */.c.size(this.state.formData) === 0) return null;
     let $fields = null;
-    $fields = util/* default.map */.Z.map(this.state.formData, (field, index) => {
+    $fields = util/* default */.c.map(this.state.formData, (field, index) => {
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
       if (field.type === 'text') {
@@ -1614,7 +1720,7 @@ class FormAttachment extends common/* Com */.up {
         }, (0,preact_module.h)("div", null)));
       } else if (field.type === 'list') {
         let selected = field.value || [];
-        let items = util/* default.filter */.Z.filter(util/* default.get */.Z.get(field, 'items', []), item => !selected.includes(item));
+        let items = util/* default */.c.filter(util/* default */.c.get(field, 'items', []), item => !selected.includes(item));
         $field = (0,preact_module.h)(ListField, {
           selected: selected,
           items: items,
@@ -1652,15 +1758,15 @@ class FormAttachment extends common/* Com */.up {
   }
   async submit() {
     var hasError = false;
-    util/* default.map */.Z.map(this.state.formData, field => {
-      if (field.is_required && (field.value === undefined || field.value === '' || util/* default.size */.Z.size(field.value) === 0 && Array.isArray(field.value))) {
+    util/* default */.c.map(this.state.formData, field => {
+      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.c.size(field.value) === 0 && Array.isArray(field.value))) {
         field.error = this.props.t('error_empty');
         hasError = true;
       } else {
         field.error = '';
       }
       if (field.name === 'emails' && field.value) {
-        if (!util/* default.isEmail */.Z.isEmail(field.value)) {
+        if (!util/* default */.c.isEmail(field.value)) {
           field.error = this.props.t('error_email_invalid');
           hasError = true;
         }
@@ -1669,32 +1775,32 @@ class FormAttachment extends common/* Com */.up {
     this.forceUpdate();
     if (hasError) return;
     let user = {};
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    util/* default.map */.Z.map(formData, field => {
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    util/* default */.c.map(formData, field => {
       var attr = {
         key: field.name
       };
-      field.answered = new util/* default.Date */.Z.Date().getTime();
+      field.answered = new util/* default */.c.Date().getTime();
       if (field.type === 'number') {
         attr.number = parseInt(field.value);
-        field.answer = util/* default.stringify */.Z.stringify(attr.number);
+        field.answer = util/* default */.c.stringify(attr.number);
       }
       if (field.type === 'datetime') {
-        attr.datetime = new util/* default.Date */.Z.Date(field.value).toISOString();
-        field.answer = util/* default.stringify */.Z.stringify(attr.datetime);
+        attr.datetime = new util/* default */.c.Date(field.value).toISOString();
+        field.answer = util/* default */.c.stringify(attr.datetime);
       }
       if (field.type === 'list') {
         attr.list = field.value;
-        field.answer = util/* default.stringify */.Z.stringify(attr.list);
+        field.answer = util/* default */.c.stringify(attr.list);
       }
       if (field.type === 'text' || field.type === 'boolean') {
         attr[field.type] = field.value;
-        field.answer = util/* default.stringify */.Z.stringify(field.value);
+        field.answer = util/* default */.c.stringify(field.value);
       }
-      util/* default.setUserAttr */.Z.setUserAttr(user, attr);
+      util/* default */.c.setUserAttr(user, attr);
     });
-    util/* default.map */.Z.map(formData, field => {
-      let ffield = util/* default.find */.Z.find(this.props.form.fields, ffield => ffield.name === field.name);
+    util/* default */.c.map(formData, field => {
+      let ffield = util/* default */.c.find(this.props.form.fields, ffield => ffield.name === field.name);
       if (!ffield) return;
       ffield.answered = field.answered;
     });
@@ -1707,12 +1813,12 @@ class FormAttachment extends common/* Com */.up {
         type: 'form_submit',
         form_submit: {
           state: '{"user_id":"' + this.props.store.matchUser().id + '"}',
-          form_message_id: util/* default.get */.Z.get(this.props.ev, 'id'),
+          form_message_id: util/* default */.c.get(this.props.ev, 'id'),
           fields: formData
         }
       }]
     };
-    let cid = util/* default.convoOfEv */.Z.convoOfEv(this.props.ev);
+    let cid = util/* default */.c.convoOfEv(this.props.ev);
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
@@ -1727,22 +1833,22 @@ function encode(key) {
-class FormAttachments extends common/* Com */.up {
+class FormAttachments extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
     if (byType === 'user') return;
     let forms = [];
-    let attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments') || [];
-    util/* default.each */.Z.each(attachments, att => {
+    let attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments') || [];
+    util/* default */.c.each(attachments, att => {
       if (!att) return;
       if (att.type !== 'form' && att.type !== 'ask_info_form') return;
       att.form._type = att.type;
       forms.push(att.form);
     });
-    let $forms = util/* default.map */.Z.map(forms, (form, formIndex) => {
+    let $forms = util/* default */.c.map(forms, (form, formIndex) => {
       return (0,preact_module.h)(FormAttachment, {
         store: this.props.store,
         onSubmit: this.props.onSubmit,
@@ -1769,21 +1875,21 @@ class FormAttachments extends common/* Com */.up {
-class FormSubmitAttachments extends common/* Com */.up {
+class FormSubmitAttachments extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
     return null;
     let submits = [];
-    let attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments') || [];
-    util/* default.each */.Z.each(attachments, att => {
+    let attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments') || [];
+    util/* default */.c.each(attachments, att => {
       if (!att) return;
       if (att.type !== 'form_submit') return;
       if (!att.form_submit) return;
       submits.push(att.form_submit);
     });
-    let $submits = util/* default.map */.Z.map(submits, (submit, index) => (0,preact_module.h)("div", {
+    let $submits = util/* default */.c.map(submits, (submit, index) => (0,preact_module.h)("div", {
       class: "info-message"
     }, (0,preact_module.h)("span", null, this.props.tt('prechat_form_thanks'))));
     return (0,preact_module.h)("div", null, $submits);
@@ -1834,13 +1940,13 @@ function getFirstTouch(ev) {
-class GenericTemplateAttachments extends common/* Com */.up {
+class GenericTemplateAttachments extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     this.state = {
       focusing: 0
     };
-    this.galleryRef = (0,preact_module/* createRef */.Vf)();
+    this.galleryRef = (0,preact_module/* createRef */.Yn)();
   }
   componentDidMount() {
     this.bindDrag();
@@ -1855,13 +1961,13 @@ class GenericTemplateAttachments extends common/* Com */.up {
     });
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-    let attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
-    let generics = util/* default.filter */.Z.filter(attachments, att => util/* default.get */.Z.get(att, 'type') === 'generic');
+    let attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
+    let generics = util/* default */.c.filter(attachments, att => util/* default */.c.get(att, 'type') === 'generic');
     if (generics.length === 0) return null;
-    var $generics = util/* default.map */.Z.map(generics, (gen, index) => {
-      var $eles = util/* default.map */.Z.map(gen.elements, ele => {
+    var $generics = util/* default */.c.map(generics, (gen, index) => {
+      var $eles = util/* default */.c.map(gen.elements, ele => {
         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 ? (0,preact_module.h)("div", {
@@ -1872,7 +1978,7 @@ class GenericTemplateAttachments extends common/* Com */.up {
         }, subtitle) : null;
         let imgsrc = this.props.store.replaceFileUrl(ele.image_url);
         if (!ele.image_url) {
-          imgsrc = __webpack_require__(9270);
+          imgsrc = __webpack_require__(4824);
         }
         return (0,preact_module.h)("div", {
           class: "generic-attachment--element swiper-slide"
@@ -1888,7 +1994,7 @@ class GenericTemplateAttachments extends common/* Com */.up {
           t: this.props.t
         }));
       });
-      let elements = util/* default.get */.Z.get(attachments, '0.elements', []);
+      let elements = util/* default */.c.get(attachments, '0.elements', []);
       let leftNavigatorCls = 'generic-attachment-navigator generic-attachment-navigator--left';
       let rightNavigatorCls = 'generic-attachment-navigator generic-attachment-navigator--right';
       if (this.state.focusing === 0) leftNavigatorCls += ' generic-attachment-navigator--disabled';
@@ -1898,7 +2004,7 @@ class GenericTemplateAttachments extends common/* Com */.up {
       }, (0,preact_module.h)("div", {
         class: "generic-attachment",
         ref: this.galleryRef
-      }, $eles), !this.props.store.isMobile() && (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      }, $eles), !this.props.store.isMobile() && (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
         class: leftNavigatorCls,
         onClick: _ => this.focus(this.state.focusing - 1)
       }, (0,preact_module.h)("span", {
@@ -1915,38 +2021,38 @@ class GenericTemplateAttachments extends common/* Com */.up {
   bindDrag() {
     if (!this.props.store.isMobile()) return;
     let eles = document.getElementsByClassName('generic-attachment');
-    util/* default.map */.Z.map(eles, ele => bind(ele, () => {}));
+    util/* default */.c.map(eles, ele => bind(ele, () => {}));
   }
 }
 ;// CONCATENATED MODULE: ./src/chatbox/ProductAttachments.js
-class ProductAttachments extends common/* Com */.up {
+class ProductAttachments extends common/* Com */.Sq {
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
-    let attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
-    let products = util/* default.filter */.Z.filter(attachments, att => util/* default.get */.Z.get(att, 'type') === 'product' || util/* default.get */.Z.get(att, 'type') === 'product_preview');
+    let attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
+    let products = util/* default */.c.filter(attachments, att => util/* default */.c.get(att, 'type') === 'product' || util/* default */.c.get(att, 'type') === 'product_preview');
     products = products.filter(product => product.product && product.product.name);
     if (products.length === 0) return null;
     let acc = this.props.store.matchAccount();
-    let $products = util/* default.map */.Z.map(products, (att, index) => {
+    let $products = util/* default */.c.map(products, (att, index) => {
       let product = att.product;
       let $detailbtns = [];
       let url = product.url || product.mobile_url;
       if (this.props.store.isMobile()) url = product.mobile_url || product.url;
-      if (url && util/* default.size */.Z.size(product.buttons) == 0) $detailbtns.push((0,preact_module.h)("a", {
+      if (url && util/* default */.c.size(product.buttons) == 0) $detailbtns.push((0,preact_module.h)("a", {
         class: "product_attachment__btn",
         href: url,
         target: "_blank"
       }, this.props.t('detail'), (0,preact_module.h)("img", {
-        src: __webpack_require__(8453),
+        src: __webpack_require__(928),
         class: "product_attachment__btn_external_link"
       })));
       console.log('P', product);
-      if (util/* default.size */.Z.size(product.buttons) > 0) {
-        $detailbtns = $detailbtns.concat(util/* default.map */.Z.map(product.buttons, (button, index) => {
+      if (util/* default */.c.size(product.buttons) > 0) {
+        $detailbtns = $detailbtns.concat(util/* default */.c.map(product.buttons, (button, index) => {
           if (button.type === 'call_button') {
             return (0,preact_module.h)("a", {
               class: "product_attachment__btn",
@@ -1963,7 +2069,7 @@ class ProductAttachments extends common/* Com */.up {
               key: index,
               title: button.title
             }, this.props.t.i18n(button.i18n_title) || button.title || this.props.t('detail'), ' ', (0,preact_module.h)("img", {
-              src: __webpack_require__(8453),
+              src: __webpack_require__(928),
               class: "product_attachment__btn_external_link"
             }));
           }
@@ -1986,16 +2092,16 @@ class ProductAttachments extends common/* Com */.up {
       if (desc) $subtitle = (0,preact_module.h)("div", {
         class: "product_attachment__subtitle"
       }, desc);
-      let currency = product.currency || util/* default.get */.Z.get(acc, 'currency', 'VND');
+      let currency = product.currency || util/* default */.c.get(acc, 'currency', 'VND');
       let $price = null;
       if (product.price) {
         $price = (0,preact_module.h)("div", {
           class: "product_attachment__price"
-        }, util/* default.formatCurrency */.Z.formatCurrency(product.price, currency));
+        }, util/* default */.c.formatCurrency(product.price, currency));
       }
       let imgsrc = this.props.store.replaceFileUrl(product.image);
       if (!product.image) {
-        imgsrc = __webpack_require__(9270);
+        imgsrc = __webpack_require__(4824);
       }
       return (0,preact_module.h)("div", {
         class: 'product_attachment product_attachment__' + byType
@@ -2016,16 +2122,16 @@ class ProductAttachments extends common/* Com */.up {
-class OrderAttachments_ProductAttachments extends common/* Com */.up {
+class OrderAttachments_ProductAttachments extends common/* Com */.Sq {
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
     if (byType === 'user') return null;
     let acc = this.props.store.matchAccount();
-    var attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
-    let orders = util/* default.filter */.Z.filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);
+    var attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
+    let orders = util/* default */.c.filter(attachments, att => att.type === 'order' && att.order).map(att => att.order);
     if (orders.length === 0) return null;
-    let $orders = util/* default.map */.Z.map(orders, (order, index) => {
-      util/* default.calcOrderTotal */.Z.calcOrderTotal(order);
+    let $orders = util/* default */.c.map(orders, (order, index) => {
+      util/* default */.c.calcOrderTotal(order);
       let $note = null;
       if (order.note) {
         $note = (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
@@ -2036,17 +2142,17 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         }, order.note));
       }
       let $products = null;
-      if (util/* default.size */.Z.size(order.items) > 0) {
+      if (util/* default */.c.size(order.items) > 0) {
         $products = (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
           class: "order_attachment__label"
-        }, this.props.t('product')), util/* default.map */.Z.map(order.items, item => {
+        }, this.props.t('product')), util/* default */.c.map(order.items, item => {
           let product = item.product || {};
           return (0,preact_module.h)("div", {
             class: "order_attachment__product"
           }, (0,preact_module.h)("img", {
             class: "order_attachment__product_img",
-            alt: '' + util/* default.get */.Z.get(product, 'id'),
-            src: util/* default.get */.Z.get(product, 'image', __webpack_require__(9270))
+            alt: '' + util/* default */.c.get(product, 'id'),
+            src: util/* default */.c.get(product, 'image', __webpack_require__(4824))
           }), (0,preact_module.h)("div", {
             style: "overflow: hidden !important;"
           }, (0,preact_module.h)("div", {
@@ -2054,9 +2160,9 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
             title: this.props.t.i18n(product.i18n_name) || product.name
           }, this.props.t.i18n(product.i18n_name) || product.name), (0,preact_module.h)("div", {
             class: "order_attachment__product_desc"
-          }, util/* default.getProductPropName */.Z.getProductPropName(product, ' / ')), (0,preact_module.h)("div", {
+          }, util/* default */.c.getProductPropName(product, ' / ')), (0,preact_module.h)("div", {
             class: "order_attachment__product_desc"
-          }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default.formatCurrency */.Z.formatCurrency(product.price))));
+          }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default */.c.formatCurrency(product.price))));
         }));
       }
       let $total = (0,preact_module.h)("div", {
@@ -2065,19 +2171,19 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         class: "d-flex align-items-center justify-content-between"
       }, (0,preact_module.h)("div", null, this.props.t('total')), ' ', (0,preact_module.h)("div", null, (0,preact_module.h)("b", {
         class: "order_attachment__total"
-      }, util/* default.formatCurrency */.Z.formatCurrency(order.total)))));
-      let phoneattr = util/* default.find */.Z.find(util/* default.get */.Z.get(order, 'user.attributes', []), attr => attr.key === 'phones') || {
+      }, util/* default */.c.formatCurrency(order.total)))));
+      let phoneattr = util/* default */.c.find(util/* default */.c.get(order, 'user.attributes', []), attr => attr.key === 'phones') || {
         key: 'phones',
         text: ''
       };
-      let phone = util/* default.get */.Z.get(order, 'shipping.address.phone', '').trim();
-      phone = phone || util/* default.trim */.Z.trim(phoneattr.text);
+      let phone = util/* default */.c.get(order, 'shipping.address.phone', '').trim();
+      phone = phone || util/* default */.c.trim(phoneattr.text);
       if (phone) phone = this.props.t('phn') + ': ' + phone;
       let $shipto = null;
-      if (util/* default.displayOrderShippingAddress */.Z.displayOrderShippingAddress(order) || phone) {
+      if (util/* default */.c.displayOrderShippingAddress(order) || phone) {
         $shipto = (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
           class: "order_attachment__label"
-        }, this.props.t('ship_to')), (0,preact_module.h)("div", null, util/* default.displayOrderShippingAddress */.Z.displayOrderShippingAddress(order)), (0,preact_module.h)("div", {
+        }, this.props.t('ship_to')), (0,preact_module.h)("div", null, util/* default */.c.displayOrderShippingAddress(order)), (0,preact_module.h)("div", {
           class: "order_attachment__text_truncate"
         }, phone));
       }
@@ -2089,11 +2195,11 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "d-flex align-items-center justify-content-between"
         }, (0,preact_module.h)("div", {
           class: "order_attachment__label no_margin"
-        }, this.props.t('subtotal_before_tax')), ' ', (0,preact_module.h)("div", null, util/* default.formatCurrency */.Z.formatCurrency(order._order_value))), (0,preact_module.h)("div", {
+        }, this.props.t('subtotal_before_tax')), ' ', (0,preact_module.h)("div", null, util/* default */.c.formatCurrency(order._order_value))), (0,preact_module.h)("div", {
           class: "d-flex align-items-center justify-content-between"
         }, (0,preact_module.h)("div", {
           class: "order_attachment__label no_margin"
-        }, this.props.t('discount_before_tax')), ' ', (0,preact_module.h)("div", null, "-", util/* default.formatCurrency */.Z.formatCurrency(order._discount_before_tax))));
+        }, this.props.t('discount_before_tax')), ' ', (0,preact_module.h)("div", null, "-", util/* default */.c.formatCurrency(order._discount_before_tax))));
       }
       let $subtotal = (0,preact_module.h)("div", {
         class: "d-flex align-items-center justify-content-between"
@@ -2101,12 +2207,12 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         class: "order_attachment__label no_margin"
       }, this.props.t('subtotal')), ' ', (0,preact_module.h)("div", {
         style: ""
-      }, util/* default.formatCurrency */.Z.formatCurrency(order.subtotal)));
+      }, util/* default */.c.formatCurrency(order.subtotal)));
       let $tax = null;
       if (order.total_tax) {
         let taxname = '';
-        if (util/* default.size */.Z.size(order._taxM) === 1) {
-          let tax = util/* default.get */.Z.get(order._taxM, '0.tax', {});
+        if (util/* default */.c.size(order._taxM) === 1) {
+          let tax = util/* default */.c.get(order._taxM, '0.tax', {});
           if (tax.name && tax.percentage) taxname = `(${tax.name} ${Math.round(tax.percentage || 0) / 100}%)`;
         }
         $tax = (0,preact_module.h)("div", {
@@ -2115,7 +2221,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, this.props.t('tax'), " ", taxname), (0,preact_module.h)("div", {
           style: ""
-        }, util/* default.formatCurrency */.Z.formatCurrency(order.total_tax)));
+        }, util/* default */.c.formatCurrency(order.total_tax)));
       }
       let $discount = null;
       if (order.discount_type === 'percentage' && order.discount_percentage) {
@@ -2125,7 +2231,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, this.props.t('discount_after_tax'), " (", Math.round(order.discount_percentage / 100), "%)"), ' ', (0,preact_module.h)("div", {
           style: ""
-        }, "-", util/* default.formatCurrency */.Z.formatCurrency(order._computed_discount)));
+        }, "-", util/* default */.c.formatCurrency(order._computed_discount)));
       }
       if (order.discount_type === 'amount' && order.discount_amount) {
         $discount = (0,preact_module.h)("div", {
@@ -2134,17 +2240,17 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, this.props.t('discount_after_tax')), ' ', (0,preact_module.h)("div", {
           class: "no-shrink"
-        }, "-", util/* default.formatCurrency */.Z.formatCurrency(order._computed_discount)));
+        }, "-", util/* default */.c.formatCurrency(order._computed_discount)));
       }
       let $shipping = null;
-      if (util/* default.get */.Z.get(order, 'shipping.nominal_fee')) {
+      if (util/* default */.c.get(order, 'shipping.nominal_fee')) {
         $shipping = (0,preact_module.h)("div", {
           class: "d-flex align-items-center justify-content-between"
         }, (0,preact_module.h)("div", {
           class: "order_attachment__label no_margin"
         }, this.props.t('shipping_fee')), ' ', (0,preact_module.h)("div", {
           style: ""
-        }, util/* default.formatCurrency */.Z.formatCurrency(util/* default.get */.Z.get(order, 'shipping.nominal_fee', 0))));
+        }, util/* default */.c.formatCurrency(util/* default */.c.get(order, 'shipping.nominal_fee', 0))));
       }
       let $adjustment = null;
       if (order.adjustment) {
@@ -2154,7 +2260,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
           class: "order_attachment__label no_margin"
         }, order.adjustment_description), ' ', (0,preact_module.h)("div", {
           class: "no-shrink"
-        }, util/* default.formatCurrency */.Z.formatCurrency(order.adjustment)));
+        }, util/* default */.c.formatCurrency(order.adjustment)));
       }
       $subtotal = (0,preact_module.h)("div", {
         class: "order_attachment__footer"
@@ -2168,7 +2274,7 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
         class: "order_attachment__header"
       }, this.props.t('order'), (0,preact_module.h)("span", {
         class: "order_attachment__text_muted order_attachment__text_sm"
-      }, util/* default.getOrderDisplayName */.Z.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
+      }, util/* default */.c.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
     });
     return $orders;
   }
@@ -2177,20 +2283,20 @@ class OrderAttachments_ProductAttachments extends common/* Com */.up {
-class VideoAttachments extends common/* Com */.up {
+class VideoAttachments extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
-    var attachments = util/* default.get */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
+    var attachments = util/* default */.c.get(this.props.ev, 'data.message.attachments', []);
     var videos = [];
-    util/* default.each */.Z.each(attachments, (att, i) => {
+    util/* default */.c.each(attachments, (att, i) => {
       if (!att) return;
-      if (util/* default.includes */.Z.includes(att.mimetype, 'video')) videos.push(att);
+      if (util/* default */.c.includes(att.mimetype, 'video')) videos.push(att);
     });
     if (videos.length === 0) return null;
-    var $videos = util/* default.map */.Z.map(videos, (video, index) => {
+    var $videos = util/* default */.c.map(videos, (video, index) => {
       return (0,preact_module.h)("div", {
         class: `video-attachment video-attachment--${byType}`
       }, (0,preact_module.h)("video", {
@@ -2200,8 +2306,7 @@ class VideoAttachments extends common/* Com */.up {
         height: "",
         poster: this.props.store.replaceFileUrl(video.thumbnail_url),
         controls: "controls",
-        preload: "metadata",
-        onclick: "this.play()"
+        preload: "metadata"
       }));
     });
     return (0,preact_module.h)("div", {
@@ -2209,73 +2314,23 @@ class VideoAttachments extends common/* Com */.up {
     }, $videos);
   }
 }
-;// CONCATENATED MODULE: ./src/chatbox/ShadowDomRoot.js
-class ShadowDomRoot extends common/* Com */.up {
-  constructor(props) {
-    super(props);
-    this.ref = (0,preact_module/* createRef */.Vf)();
-  }
-  componentDidMount() {
-    this.shadowRoot = this.ref.current.attachShadow({
-      mode: 'open'
-    });
-    this.update(this.props.html);
-  }
-  update(html) {
-    this.shadowRoot.innerHTML = `<style type="text/css">
-body { font-family: 'Inter', sans-serif!important; font-size: 14px!important; line-height: 20px; overflow-y: hidden; margin:0 }
-h{ font-size: 14/18px!important; }
-a { text-decoration: none;}
-img { max-width: 100%; display: block; margin: 10px auto; }
-* { white-space: normal }
-ul > li { margin-bottom: 5px }
-ul:last-child { margin-bottom: 0 }
-p { margin-bottom: 0; margin-top: 0;}
-</style>
-<div>${html}</div>`;
-    let links = this.shadowRoot.querySelectorAll('a');
-    for (var i = 0; i < links.length; i++) links[i].target = '_blank';
-  }
-  render() {
-    return (0,preact_module.h)("div", {
-      ref: this.ref,
-      style: "white-space: normal !important"
-    });
-  }
-}
 ;// CONCATENATED MODULE: ./src/chatbox/TextMessage.js
-let mustrerender = [];
-let marked = (obj, text) => {
-  mustrerender.push(obj);
-  return '';
-};
-const loadMarked = () => __webpack_require__.e(/* import() */ 441).then(__webpack_require__.bind(__webpack_require__, 7441));
-(async () => {
-  let markedf = (await loadMarked()).marked;
-  marked = (obj, text) => markedf(text);
-  util/* default.map */.Z.map(mustrerender, obj => obj.forceUpdate());
-  mustrerender = [];
-})();
-class TextMessage extends common/* Com */.up {
+class TextMessage extends common/* Com */.Sq {
   render() {
-    var format = util/* default.get */.Z.get(this.props.ev, 'data.message.format', 'plaintext');
-    if (format === 'markdown') return this.renderMarkdown();
+    var format = util/* default */.c.get(this.props.ev, 'data.message.format', 'plaintext');
     if (format === 'delta') return this.renderDelta();
     return this.renderPlainText();
   }
   renderPlainText() {
-    var text = util/* default.get */.Z.get(this.props.ev, 'data.message.text');
-    text = util/* default.trim */.Z.trim(text);
-    if (util/* default.size */.Z.size(text) === 0) return null;
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
-    var tags = util/* default.extractText */.Z.extractText(text).map(tag => {
+    var text = util/* default */.c.get(this.props.ev, 'data.message.text');
+    text = util/* default */.c.trim(text);
+    if (util/* default */.c.size(text) === 0) return null;
+    let byType = util/* default */.c.get(this.props.ev, 'by.type');
+    var tags = util/* default */.c.extractText(text).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -2299,7 +2354,7 @@ class TextMessage extends common/* Com */.up {
       }, tag.text);
       return tag.text;
     });
-    if (util/* default.size */.Z.size(tags) === 0) return null;
+    if (util/* default */.c.size(tags) === 0) return null;
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent message-text--agent"
@@ -2310,16 +2365,16 @@ class TextMessage extends common/* Com */.up {
     }, tags);
   }
   renderDelta() {
-    let deltas = util/* default.get */.Z.get(this.props.ev, 'data.message.quill_delta') || util/* default.get */.Z.get(this.props.ev, 'data.message.text');
-    let quilldeltas = util/* default.parseJSON */.Z.parseJSON(deltas) || {};
+    let deltas = util/* default */.c.get(this.props.ev, 'data.message.quill_delta') || util/* default */.c.get(this.props.ev, 'data.message.text');
+    let quilldeltas = util/* default */.c.parseJSON(deltas) || {};
     quilldeltas = trimQuillDelta(quilldeltas);
-    if (!quilldeltas || util/* default.size */.Z.size(quilldeltas.ops) === 0) return null;
-    let $deltas = util/* default.map */.Z.map(quilldeltas.ops, delta => {
+    if (!quilldeltas || util/* default */.c.size(quilldeltas.ops) === 0) return null;
+    let $deltas = util/* default */.c.map(quilldeltas.ops, delta => {
       let html = '';
       let insert = delta.insert;
       let attributes = delta.attributes;
       if (insert.dynamicField) {
-        return util/* default.get */.Z.get(insert, 'dynamicField.text', '');
+        return util/* default */.c.get(insert, 'dynamicField.text', '');
       }
       if (insert.mention) {
         if (insert.mention.id == '*' || insert.mention.id == 'all') {
@@ -2328,7 +2383,7 @@ class TextMessage extends common/* Com */.up {
           }, "@", this.$t('all'));
         }
         let ag = store.matchAgent(insert.mention.id);
-        let name = util/* default.getAgentDisplayName */.Z.getAgentDisplayName(ag, insert.mention.fullname);
+        let name = util/* default */.c.getAgentDisplayName(ag, insert.mention.fullname);
         return (0,preact_module.h)("span", {
           class: "mention",
           "data-agent-id": ag.id,
@@ -2339,7 +2394,7 @@ class TextMessage extends common/* Com */.up {
         emojiCode: `:${insert.emoji}:`
       });
       if (typeof insert === 'string') {
-        let $tags = util/* default.extractText */.Z.extractText(insert).map((tag, i) => {
+        let $tags = util/* default */.c.extractText(insert).map((tag, i) => {
           if (tag.type === 'link') {
             return (0,preact_module.h)("a", {
               href: absLink(tag.text),
@@ -2363,9 +2418,9 @@ class TextMessage extends common/* Com */.up {
       }
       return null;
     });
-    let byType = util/* default.get */.Z.get(this.ev, 'by.type');
+    let byType = util/* default */.c.get(this.ev, 'by.type');
     if (byType !== 'user') byType = 'agent';
-    if (util/* default.size */.Z.size($deltas) === 0) return null;
+    if (util/* default */.c.size($deltas) === 0) return null;
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent message-text--agent"
@@ -2375,46 +2430,6 @@ class TextMessage extends common/* Com */.up {
       class: "message-user message-text--user"
     }, $deltas);
   }
-  renderMarkdown(text) {
-    if (!text) text = util/* default.get */.Z.get(this.props.ev, 'data.message.text');
-    if (util/* default.size */.Z.size(text) === 0) return null;
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
-    text = util/* default.trim */.Z.trim(text);
-    if (util/* default.size */.Z.size(text) === 0) return null;
-    if (byType === 'agent') {
-      return (0,preact_module.h)("div", {
-        class: "markdown-message message-agent message-text--agent"
-      }, (0,preact_module.h)(ShadowDomRoot, {
-        html: marked(this, text)
-      }));
-    }
-    return (0,preact_module.h)("div", {
-      class: "d-flex flex-column align-items-end"
-    }, (0,preact_module.h)("div", {
-      class: "markdown-message message-user message-text--user"
-    }, (0,preact_module.h)(ShadowDomRoot, {
-      html: marked(this, text)
-    })));
-  }
-}
-function deltaToMarkdown(deltas) {
-  let output = '';
-  sb.each(deltas, (delta, idx) => {
-    let text = '';
-    let insert = delta.insert;
-    let attributes = delta.attributes;
-    if (insert.emoji) text = emojiCodes[insert.emoji] || '';
-    if (attributes) {
-      if (attributes.italic && attributes.bold) text = `*__${insert}__*`;else if (attributes.italic) text = `*${insert}*`;else if (attributes.bold) text = `**${insert}**`;else text = insert;
-    }
-    if (insert.dynamicField) text = `${sb.get(insert, 'dynamicField.text', '')}`;
-    if (!insert.emoji && !attributes && !insert.dynamicField) {
-      text = insert || '';
-      text = text.replace(/\n/g, '<br/>');
-    }
-    output += text;
-  });
-  return output;
 }
 const emojiCodes = {
   like: '👍',
@@ -2463,11 +2478,11 @@ function absLink(url) {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/time.js
-var g_pub = new util/* default.Pubsub */.Z.Pubsub();
-util/* default.setInterval */.Z.setInterval(() => g_pub.publish('time'), 20 * 1000);
+var g_pub = new util/* default */.c.Pubsub();
+util/* default */.c.setInterval(() => g_pub.publish('time'), 20 * 1000);
-class Time extends common/* Com */.up {
+class Time extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     this.setState({
@@ -2479,10 +2494,10 @@ class Time extends common/* Com */.up {
     var t = '';
     if (this.props.ago) {
       if (this.props.short) {
-        if (Math.abs(this.props.time - new util/* default.Date */.Z.Date().getTime()) > 86400000 * 10) {
-          let tim = new util/* default.Date */.Z.Date(this.props.time);
+        if (Math.abs(this.props.time - new util/* default */.c.Date().getTime()) > 86400000 * 10) {
+          let tim = new util/* default */.c.Date(this.props.time);
           let tzyear = tim.getFullYear();
-          let locale = util/* default.get */.Z.get(navigator, 'languages.0', 'en-US');
+          let locale = util/* default */.c.get(navigator, 'languages.0', 'en-US');
           let tzmonthname = tim.toLocaleDateString(locale, {
             month: 'short'
           });
@@ -2490,8 +2505,8 @@ class Time extends common/* Com */.up {
           t = tzdate + ' ' + tzmonthname + ' ' + tzyear;
         }
       }
-      if (!t && this.props.time > 0) t = ago(this.props.time, new util/* default.Date */.Z.Date().getTime());
-    } else t = util/* default.shortTime */.Z.shortTime(this.props.time, this.props.tzoffset);
+      if (!t && this.props.time > 0) t = ago(this.props.time, new util/* default */.c.Date().getTime());
+    } else t = util/* default */.c.shortTime(this.props.time, this.props.tzoffset);
     if (this.props.uppercase) t = t.toUpperCase();
     if (t === this.state.t) return;
     this.setState({
@@ -2590,7 +2605,7 @@ function getRateLang(rating) {
-class InfoMessage extends common/* Com */.up {
+class InfoMessage extends common/* Com */.Sq {
   render() {
     let ev = this.props.ev.ev;
     var $time = null;
@@ -2602,7 +2617,7 @@ class InfoMessage extends common/* Com */.up {
       }));
     }
     if (ev.type === 'conversation_rated') {
-      var rating = util/* default.get */.Z.get(ev, 'data.conversation.ratings.0', {
+      var rating = util/* default */.c.get(ev, 'data.conversation.ratings.0', {
         no_rating: true,
         rating: 0
       });
@@ -2613,7 +2628,7 @@ class InfoMessage extends common/* Com */.up {
         class: "info-message"
       }, this.props.t('rated_as') + ' ' + this.props.t(getRateLang(rating.rating)).toLowerCase()));
     }
-    if (ev.type === 'conversation_state_updated' && util/* default.get */.Z.get(ev, 'data.conversation.state') === 'ended') {
+    if (ev.type === 'conversation_state_updated' && util/* default */.c.get(ev, 'data.conversation.state') === 'ended') {
       return (0,preact_module.h)("div", {
         class: "convo-event"
       }, $time, (0,preact_module.h)("div", {
@@ -2641,13 +2656,13 @@ class InfoMessage extends common/* Com */.up {
-class Event extends common/* Com */.up {
+class Event extends common/* Com */.Sq {
   constructor(props) {
     super(props);
-    this.refForm = (0,preact_module/* createRef */.Vf)();
+    this.refForm = (0,preact_module/* createRef */.Yn)();
   }
   render() {
-    var ev = util/* default.get */.Z.get(this.props.event, 'ev', {});
+    var ev = util/* default */.c.get(this.props.event, 'ev', {});
     switch (ev.type) {
       case 'conversation_joined':
         break;
@@ -2656,7 +2671,7 @@ class Event extends common/* Com */.up {
       case 'conversation_state_updated':
       case 'conversation_rating_requested':
       case 'conversation_rated':
-        if (!util/* default.startsWith */.Z.startsWith(ev.id, 'ev')) return null;
+        if (!util/* default */.c.startsWith(ev.id, 'ev')) return null;
         return (0,preact_module.h)(InfoMessage, {
           t: this.props.t,
           store: this.props.store,
@@ -2669,7 +2684,7 @@ class Event extends common/* Com */.up {
     this.refForm.current && this.refForm.current.focus();
   }
   chooseQuickReply(reply) {
-    let ev = util/* default.get */.Z.get(this.props.event, 'ev', {});
+    let ev = util/* default */.c.get(this.props.event, 'ev', {});
     let message = {
       text: reply.title,
       format: 'plaintext'
@@ -2686,7 +2701,7 @@ class Event extends common/* Com */.up {
     this.props.onSend(message);
   }
   choosePostbackBtn(button) {
-    let ev = util/* default.get */.Z.get(this.props.event, 'ev', {});
+    let ev = util/* default */.c.get(this.props.event, 'ev', {});
     let message = {
       text: button.title,
       format: 'plaintext'
@@ -2703,13 +2718,13 @@ class Event extends common/* Com */.up {
     this.props.onSend(message);
   }
   renderAgentAvatar(ev) {
-    let bytype = util/* default.get */.Z.get(ev, 'by.type');
-    let byid = util/* default.get */.Z.get(ev, 'by.display_id', util/* default.get */.Z.get(ev, 'by.id'));
+    let bytype = util/* default */.c.get(ev, 'by.type');
+    let byid = util/* default */.c.get(ev, 'by.display_id', util/* default */.c.get(ev, 'by.id'));
     if (bytype === 'user') return null;
     var senderName = this.getSenderName(ev);
     let acc = this.props.store.matchAccount();
-    var uri = acc.logo_url || __webpack_require__(9895);
-    if (util/* default.get */.Z.get(this.props, 'chatbox.hide_agent_profile')) {
+    var uri = acc.logo_url || __webpack_require__(6980);
+    if (util/* default */.c.get(this.props, 'chatbox.hide_agent_profile')) {
       return (0,preact_module.h)("div", {
         class: "message-sender"
       }, (0,preact_module.h)("img", {
@@ -2722,7 +2737,7 @@ class Event extends common/* Com */.up {
     }
     let agentM = this.props.store.matchAgent('*');
     if (byid !== 'system' && bytype !== 'dummy' && bytype !== 'workflow') {
-      uri = util/* default.get */.Z.get(agentM[byid], 'avatar_url') || acc.logo_url || __webpack_require__(4761);
+      uri = util/* default */.c.get(agentM[byid], 'avatar_url') || acc.logo_url || __webpack_require__(9460);
     }
     return (0,preact_module.h)("div", {
       class: "message-sender"
@@ -2744,8 +2759,8 @@ class Event extends common/* Com */.up {
         time: ev.created
       }));
     }
-    let t = new util/* default.Date */.Z.Date(ev.created).toLocaleString();
-    if (util/* default.get */.Z.get(ev, 'by.type') !== 'user') {
+    let t = new util/* default */.c.Date(ev.created).toLocaleString();
+    if (util/* default */.c.get(ev, 'by.type') !== 'user') {
       let $sender = null;
       if (this.props.event.mode === 'lead') $sender = this.renderAgentAvatar(ev);
       return (0,preact_module.h)("div", {
@@ -2801,15 +2816,15 @@ class Event extends common/* Com */.up {
         onSelect: e => this.chooseQuickReply(e)
       }));
     }
-    if (util/* default.getMsgField */.Z.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
-      util/* default.setTimeout */.Z.setTimeout(() => this.setState({
+    if (util/* default */.c.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
+      util/* default */.c.setTimeout(() => this.setState({
         refresh: this.state.refresh
       }), 1000);
     }
     let $dot = (0,preact_module.h)("div", {
       class: "sending_dot"
     });
-    if (this.props.store.now() - ev.created < 900 || util/* default.getMsgField */.Z.getMsgField(ev, 'idempotency') !== ev.id) {
+    if (this.props.store.now() - ev.created < 900 || util/* default */.c.getMsgField(ev, 'idempotency') !== ev.id) {
       $dot = (0,preact_module.h)("div", {
         class: "sending_dot sending_dot__hide"
       });
@@ -2873,7 +2888,7 @@ class Event extends common/* Com */.up {
     })), $error);
   }
   renderUpdateConvo(ev) {
-    var state = util/* default.get */.Z.get(ev, 'data.conversation.state');
+    var state = util/* default */.c.get(ev, 'data.conversation.state');
     if (state === 'active') return null;
     if (state === 'pending') return null;
     return (0,preact_module.h)("div", {
@@ -2883,27 +2898,27 @@ class Event extends common/* Com */.up {
     }));
   }
   resendMessage() {
-    let cid = util/* default.convoOfEv */.Z.convoOfEv(this.props.event.ev);
-    const message = util/* default.get */.Z.get(this.props.event, 'ev.data.message');
+    let cid = util/* default */.c.convoOfEv(this.props.event.ev);
+    const message = util/* default */.c.get(this.props.event, 'ev.data.message');
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
   }
   getSenderName(ev) {
-    let bytype = util/* default.get */.Z.get(ev, 'by.type');
-    let byid = util/* default.get */.Z.get(ev, 'by.display_id', util/* default.get */.Z.get(ev, 'by.id'));
-    if (bytype === 'user') return util/* default.getUserDisplayName */.Z.getUserDisplayName(this.props.store.matchUser());
+    let bytype = util/* default */.c.get(ev, 'by.type');
+    let byid = util/* default */.c.get(ev, 'by.display_id', util/* default */.c.get(ev, 'by.id'));
+    if (bytype === 'user') return util/* default */.c.getUserDisplayName(this.props.store.matchUser());
     let acc = this.props.store.matchAccount();
-    if (bytype === 'agent') return util/* default.getAgentDisplayName */.Z.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
+    if (bytype === 'agent') return util/* default */.c.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
     if (byid === 'system' || bytype === 'dummy' || bytype === 'workflow') return acc.name || 'system';
     return '';
   }
 }
 ;// CONCATENATED MODULE: ./src/chatbox/spinner.js
-const loadingimg = __webpack_require__(6484);
+const loadingimg = __webpack_require__(8860);
-class Spinner extends common/* Com */.up {
+class Spinner extends common/* Com */.Sq {
   render() {
     let mode = (this.props.mode + '').toLowerCase();
     let mainColor = mode === 'dark' ? '#000000dd' : mode === 'blue' ? 'rgba(52, 152, 220, .8)' : mode;
@@ -2929,19 +2944,19 @@ class Spinner extends common/* Com */.up {
 ;// CONCATENATED MODULE: ./src/chatbox/Events.js
-const convoemptyimg = __webpack_require__(6188);
+const convoemptyimg = __webpack_require__(5580);
-class Events extends common/* Com */.up {
+class Events extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     this.props.store.onUpdate(this, _ => this.forceUpdate());
     this.props.store.onConvoEvent(this, ev => this.onEvent(ev));
     this.loadConvo();
     this.refBody = null;
-    this.checkAndSeen = util/* default.throttle */.Z.throttle(() => {
+    this.checkAndSeen = util/* default */.c.throttle(() => {
       if (this.props.isShow && this.isBottom() && this.props.store.browserVisibility === 'visible' && document.hasFocus()) {
         this.props.store.seenConvo(this.props.cid);
       }
@@ -2953,8 +2968,8 @@ class Events extends common/* Com */.up {
   }
   render() {
     if (this.state.error) return this.renderError();
-    let events = util/* default.map */.Z.map(this.props.store.listEvents(this.props.cid));
-    if (!this.state.loading && util/* default.size */.Z.size(events) === 0) {
+    let events = util/* default */.c.map(this.props.store.listEvents(this.props.cid));
+    if (!this.state.loading && util/* default */.c.size(events) === 0) {
       return (0,preact_module.h)("div", {
         ref: ref => this.refBody = ref,
         class: "widget-body--events-container"
@@ -2968,13 +2983,13 @@ class Events extends common/* Com */.up {
         store: this.props.store
       }));
     }
-    events = util/* default.orderBy */.Z.orderBy(events, 'created', 'asc');
+    events = util/* default */.c.orderBy(events, 'created', 'asc');
     let convo = this.props.store.matchConvo(this.props.cid);
-    events = util/* default.map */.Z.map(events, ev => ({
+    events = util/* default */.c.map(events, ev => ({
       ev: ev
     }));
     processEvents(convo, events);
-    let $events = util/* default.map */.Z.map(events, ev => (0,preact_module.h)(Event, {
+    let $events = util/* default */.c.map(events, ev => (0,preact_module.h)(Event, {
       chatbox: this.props.chatbox,
       onLink: this.props.onLink,
       store: this.props.store,
@@ -2990,13 +3005,13 @@ class Events extends common/* Com */.up {
     if (this.state.loading || this.props.creating) {
       $loading = (0,preact_module.h)(Spinner, {
         static: true,
-        mode: util/* default.get */.Z.get(this.props.chatbox, 'primary_color', 'dark'),
+        mode: util/* default */.c.get(this.props.chatbox, 'primary_color', 'dark'),
         size: "120",
         center: true
       });
       style = 'opacity: 0 !important';
     }
-    return (0,preact_module.h)(preact_module/* Fragment */.HY, null, $loading, (0,preact_module.h)("div", {
+    return (0,preact_module.h)(preact_module/* Fragment */.ae, null, $loading, (0,preact_module.h)("div", {
       style: style,
       ref: ref => this.refBody = ref,
       class: "widget-body--events-container",
@@ -3029,23 +3044,23 @@ class Events extends common/* Com */.up {
   }
   focus() {
     let events = this.props.store.listEvents(this.props.cid);
-    events = util/* default.orderBy */.Z.orderBy(util/* default.map */.Z.map(events), 'created', 'desc');
+    events = util/* default */.c.orderBy(util/* default */.c.map(events), 'created', 'desc');
     var last_agent_sent;
     for (let ev of events) {
-      if (util/* default.get */.Z.get(ev, 'type') !== 'message_sent') continue;
-      if (util/* default.get */.Z.get(ev, 'by.type') === 'user') continue;
+      if (util/* default */.c.get(ev, 'type') !== 'message_sent') continue;
+      if (util/* default */.c.get(ev, 'by.type') === 'user') continue;
       last_agent_sent = ev;
       break;
     }
-    if (util/* default.get */.Z.get(last_agent_sent, 'by.type') === 'user') last_agent_sent = null;
-    let attachments = util/* default.get */.Z.get(last_agent_sent, 'data.message.attachments', []);
+    if (util/* default */.c.get(last_agent_sent, 'by.type') === 'user') last_agent_sent = null;
+    let attachments = util/* default */.c.get(last_agent_sent, 'data.message.attachments', []);
     let convo = this.props.store.matchConvo(this.props.cid);
-    let pendingForms = util/* default.filter */.Z.filter(attachments, att => {
+    let pendingForms = util/* default */.c.filter(attachments, att => {
       if (!att) return false;
       if (att.type !== 'form' && att.type !== 'ask_info_form') return false;
       var form = att.form;
       if (!form) return false;
-      var state = util/* default.parseJSON */.Z.parseJSON(form.state) || {};
+      var state = util/* default */.c.parseJSON(form.state) || {};
       if (!state.require_finished && att.type !== 'ask_info_form') return false;
       if (Events_isSummited(att.form)) return false;
       if (convo.state === 'ended') return false;
@@ -3053,10 +3068,10 @@ class Events extends common/* Com */.up {
     });
   }
   onEvent(newev) {
-    if (util/* default.convoOfEv */.Z.convoOfEv(newev) !== this.props.cid) return;
+    if (util/* default */.c.convoOfEv(newev) !== this.props.cid) return;
     let isBottom = this.isBottom();
     var byme = false;
-    if (util/* default.get */.Z.get(newev, 'type') === 'message_sent' && newev.id === util/* default.getMsgField */.Z.getMsgField(newev, 'idempotency')) byme = true;
+    if (util/* default */.c.get(newev, 'type') === 'message_sent' && newev.id === util/* default */.c.getMsgField(newev, 'idempotency')) byme = true;
     if (byme || isBottom) this.scrollToBottom();
   }
   async loadConvo() {
@@ -3066,7 +3081,7 @@ class Events extends common/* Com */.up {
       loading: true
     });
     let events = this.props.store.listEvents(this.props.cid);
-    if (util/* default.size */.Z.size(events) === 0) {
+    if (util/* default */.c.size(events) === 0) {
       let cid = this.props.cid;
       let {
         error
@@ -3090,7 +3105,7 @@ class Events extends common/* Com */.up {
       error: false
     });
     this.scrollToBottom();
-    util/* default.setTimeout */.Z.setTimeout(() => this.setState({
+    util/* default */.c.setTimeout(() => this.setState({
       loading: false
     }), 50);
   }
@@ -3100,11 +3115,11 @@ class Events extends common/* Com */.up {
     return $container.scrollHeight < $container.scrollTop + $container.offsetHeight + 50;
   }
   scrollToBottom() {
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     });
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     }, 200);
@@ -3122,13 +3137,13 @@ function processEvents(convo, events) {
     let curEvent = events[i];
     let lastEvent = events[i - 1];
     if (visibleEvent(curEvent.ev)) {
-      let elapsedSec = util/* default.unixSec */.Z.unixSec(curEvent.ev.created) - util/* default.unixSec */.Z.unixSec(lastEvent.ev.created);
+      let elapsedSec = util/* default */.c.unixSec(curEvent.ev.created) - util/* default */.c.unixSec(lastEvent.ev.created);
       if (elapsedSec > 120) curEvent.show_time = true;
     }
   }
   for (var i = 0; i < events.length; i++) {
     let curEvent = events[i];
-    if (util/* default.get */.Z.get(curEvent, 'ev.type') === 'message_sent') {
+    if (util/* default */.c.get(curEvent, 'ev.type') === 'message_sent') {
       curEvent.show_time = true;
       break;
     }
@@ -3138,7 +3153,7 @@ function processEvents(convo, events) {
     let prevEvent = events[i - 1];
     if (curEvent.ev.type === 'message_sent') {
       curEvent.mode = 'lead';
-      if (util/* default.get */.Z.get(prevEvent, 'ev.type') === 'message_sent' && util/* default.get */.Z.get(prevEvent, 'ev.by.id') === util/* default.get */.Z.get(curEvent, 'ev.by.id')) {
+      if (util/* default */.c.get(prevEvent, 'ev.type') === 'message_sent' && util/* default */.c.get(prevEvent, 'ev.by.id') === util/* default */.c.get(curEvent, 'ev.by.id')) {
         curEvent.mode = 'follow';
       }
       continue;
@@ -3146,18 +3161,18 @@ function processEvents(convo, events) {
   }
 }
 function visibleEvent(ev) {
-  let type = util/* default.get */.Z.get(ev, 'type');
+  let type = util/* default */.c.get(ev, 'type');
   return type === 'message_sent' || type === 'conversation_state_updated';
 }
 function Events_isSummited(form) {
-  let fields = util/* default.get */.Z.get(form, 'fields') || [];
-  return util/* default.find */.Z.find(fields, field => !!field.answered);
+  let fields = util/* default */.c.get(form, 'fields') || [];
+  return util/* default */.c.find(fields, field => !!field.answered);
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Typing.js
-class Typing extends common/* Com */.up {
+class Typing extends common/* Com */.Sq {
   constructor(props) {
     super(props);
   }
@@ -3167,29 +3182,29 @@ class Typing extends common/* Com */.up {
       ev: {}
     });
     this.props.store.onConvoEvent(this, ev => {
-      if (util/* default.convoOfEv */.Z.convoOfEv(ev) !== this.props.cid) return;
+      if (util/* default */.c.convoOfEv(ev) !== this.props.cid) return;
       let user = this.props.store.matchUser();
-      if (util/* default.get */.Z.get(ev, 'by.id') === user.id) return;
-      let oldby = util/* default.get */.Z.get(this.state.ev, 'by.id');
-      if (oldby && util/* default.get */.Z.get(ev, 'by.id') !== oldby) return;
-      if (util/* default.get */.Z.get(ev, 'type') === 'message_sent') {
-        if (this.timer) util/* default.clearTimeout */.Z.clearTimeout(this.timer);
+      if (util/* default */.c.get(ev, 'by.id') === user.id) return;
+      let oldby = util/* default */.c.get(this.state.ev, 'by.id');
+      if (oldby && util/* default */.c.get(ev, 'by.id') !== oldby) return;
+      if (util/* default */.c.get(ev, 'type') === 'message_sent') {
+        if (this.timer) util/* default */.c.clearTimeout(this.timer);
         this.timer = null;
         this.setState({
           isShow: false
         });
         return;
       }
-      let ag = this.props.store.matchAgent(ev.by.id) || {};
+      if (util/* default */.c.get(ev, 'type') !== 'conversation_typing') return;
+      let ag = this.props.store.matchAgent(util/* default */.c.get(ev, 'by.id')) || {};
       if (ag.type == 'agent') return;
-      if (util/* default.get */.Z.get(ev, 'type') !== 'conversation_typing') return;
       this.setState({
         ev: ev,
         isShow: true
       });
-      if (this.timer) util/* default.clearTimeout */.Z.clearTimeout(this.timer);
-      this.timer = util/* default.setTimeout */.Z.setTimeout(() => {
-        if (util/* default.convoOfEv */.Z.convoOfEv(ev) !== this.props.cid) return;
+      if (this.timer) util/* default */.c.clearTimeout(this.timer);
+      this.timer = util/* default */.c.setTimeout(() => {
+        if (util/* default */.c.convoOfEv(ev) !== this.props.cid) return;
         this.timer = null;
         this.setState({
           isShow: false
@@ -3200,8 +3215,8 @@ class Typing extends common/* Com */.up {
   render() {
     let account = this.props.store.matchAccount();
     var cls = this.state.isShow ? '' : 'typing--hidden';
-    let byid = util/* default.get */.Z.get(this.state.ev, 'by.display_id', util/* default.get */.Z.get(this.state.ev, 'by.id'));
-    let agentName = util/* default.getAgentDisplayName */.Z.getAgentDisplayName(account, this.props.store.matchAgent(byid));
+    let byid = util/* default */.c.get(this.state.ev, 'by.display_id', util/* default */.c.get(this.state.ev, 'by.id'));
+    let agentName = util/* default */.c.getAgentDisplayName(account, this.props.store.matchAgent(byid));
     return (0,preact_module.h)("div", {
       class: `typing ${cls}`
     }, agentName, " ", this.props.t('typing'));
@@ -3220,7 +3235,7 @@ class Typing extends common/* Com */.up {
     this.stop();
     var t0;
     var run = t => {
-      if (!t) t = new util/* default.Date */.Z.Date().getTime();
+      if (!t) t = new util/* default */.c.Date().getTime();
       var deltaT = t - t0;
       var [newy, done] = this.calcY(v, y0, deltaT);
       cb(newy);
@@ -3228,7 +3243,7 @@ class Typing extends common/* Com */.up {
       this.animationframe = window.requestAnimationFrame(run);
     };
     this.animationframe = window.requestAnimationFrame(t => {
-      t0 = t || new util/* default.Date */.Z.Date().getTime();
+      t0 = t || new util/* default */.c.Date().getTime();
       run(t0);
     });
   }
@@ -3263,8 +3278,8 @@ function eqFloat(a, b) {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Rating.js
 function Rating_defineProperty(obj, key, value) { key = Rating_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function Rating_toPropertyKey(arg) { var key = Rating_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function Rating_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Rating_toPropertyKey(t) { var i = Rating_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function Rating_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const POPUP_MAX_HEIGHT = 400;
@@ -3272,7 +3287,7 @@ const POPUP_HARD_MAX_HEIGHT = 500;
 const POPUP_MIN_HEIGHT = 0;
-class Rating extends common/* Com */.up {
+class Rating extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     Rating_defineProperty(this, "state", {
@@ -3281,16 +3296,16 @@ class Rating extends common/* Com */.up {
       overlayOpacity: 0.3,
       comment: ''
     });
-    this.refComment = (0,preact_module/* createRef */.Vf)();
-    this.refRating = (0,preact_module/* createRef */.Vf)();
-    this.refHandle = (0,preact_module/* createRef */.Vf)();
+    this.refComment = (0,preact_module/* createRef */.Yn)();
+    this.refRating = (0,preact_module/* createRef */.Yn)();
+    this.refHandle = (0,preact_module/* createRef */.Yn)();
   }
   componentDidMount() {
     this.props.store.onUpdate(this, () => {
       if (this.shoudDisplay()) this.open();
     });
     this.props.store.onConvoEvent(this, ev => {
-      var cid = util/* default.convoOfEv */.Z.convoOfEv(ev);
+      var cid = util/* default */.c.convoOfEv(ev);
       if (cid !== this.props.cid) return;
       if (this.shoudDisplay()) this.open();
     });
@@ -3369,7 +3384,7 @@ class Rating extends common/* Com */.up {
       onClick: e => this.onRatingPoor(e)
     }, (0,preact_module.h)("img", {
       alt: "poor",
-      src: __webpack_require__(8367)
+      src: __webpack_require__(5168)
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('poor'))), (0,preact_module.h)("div", {
@@ -3377,7 +3392,7 @@ class Rating extends common/* Com */.up {
       onClick: e => this.onRatingAverage(e)
     }, (0,preact_module.h)("img", {
       alt: "average",
-      src: __webpack_require__(6535)
+      src: __webpack_require__(2672)
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('average'))), (0,preact_module.h)("div", {
@@ -3385,7 +3400,7 @@ class Rating extends common/* Com */.up {
       onClick: e => this.onRatingGreat(e)
     }, (0,preact_module.h)("img", {
       alt: "great",
-      src: __webpack_require__(3824)
+      src: __webpack_require__(1240)
     }), (0,preact_module.h)("p", {
       class: "rating-face--text"
     }, this.props.t('great')))), (0,preact_module.h)("div", {
@@ -3399,12 +3414,12 @@ class Rating extends common/* Com */.up {
     var rated;
     var ended;
     let user = this.props.store.matchUser();
-    util/* default.map */.Z.map(this.props.store.listEvents(this.props.cid), ev => {
-      if (util/* default.get */.Z.get(ev, 'type') === 'conversation_state_updated' && util/* default.get */.Z.get(ev, 'data.conversation.state') === 'ended') {
+    util/* default */.c.map(this.props.store.listEvents(this.props.cid), ev => {
+      if (util/* default */.c.get(ev, 'type') === 'conversation_state_updated' && util/* default */.c.get(ev, 'data.conversation.state') === 'ended') {
         ended = ev;
       }
-      if (util/* default.get */.Z.get(ev, 'type') === 'conversation_rating_requested') requested = ev;
-      if (util/* default.get */.Z.get(ev, 'type') === 'conversation_rated' && util/* default.get */.Z.get(ev, 'by.id') === user.id) rated = ev;
+      if (util/* default */.c.get(ev, 'type') === 'conversation_rating_requested') requested = ev;
+      if (util/* default */.c.get(ev, 'type') === 'conversation_rated' && util/* default */.c.get(ev, 'by.id') === user.id) rated = ev;
     });
     if (rated) return false;
     let accountSetting = this.props.plugin.chatbox;
@@ -3445,7 +3460,7 @@ class Rating extends common/* Com */.up {
       hide: false
     });
     if (!this.refRating.current) return;
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       if (this.refComment.current) this.refComment.current.focus();
     }, 400);
     this.refComment.current.value = '';
@@ -3528,21 +3543,21 @@ class Rating extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/DropdownSelect.js
 function DropdownSelect_defineProperty(obj, key, value) { key = DropdownSelect_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function DropdownSelect_toPropertyKey(arg) { var key = DropdownSelect_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function DropdownSelect_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function DropdownSelect_toPropertyKey(t) { var i = DropdownSelect_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function DropdownSelect_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class DropdownSelect extends common/* Com */.up {
+class DropdownSelect extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     DropdownSelect_defineProperty(this, "state", {
       show: false,
       searchValue: ''
     });
-    DropdownSelect_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Vf)());
-    DropdownSelect_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Vf)());
+    DropdownSelect_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Yn)());
+    DropdownSelect_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Yn)());
     DropdownSelect_defineProperty(this, "onTouchMove", e => {
       if (e.target === this.overlayRef.current) {
         e.preventDefault();
@@ -3567,15 +3582,15 @@ class DropdownSelect extends common/* Com */.up {
     });
     DropdownSelect_defineProperty(this, "hasSearch", () => {
       if (this.props.has_search) return true;
-      return util/* default.size */.Z.size(this.props.items) >= 10;
+      return util/* default */.c.size(this.props.items) >= 10;
     });
     DropdownSelect_defineProperty(this, "getFilteredOptions", () => {
       let items = this.props.items;
       if (this.state.searchValue && this.hasSearch()) {
-        items = util/* default.filter */.Z.filter(items, item => {
-          let optionName = util/* default.unicodeToAscii */.Z.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
-          let optionDesc = util/* default.unicodeToAscii */.Z.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
-          let searchValue = util/* default.unicodeToAscii */.Z.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
+        items = util/* default */.c.filter(items, item => {
+          let optionName = util/* default */.c.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
+          let optionDesc = util/* default */.c.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
+          let searchValue = util/* default */.c.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
           return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
         });
       }
@@ -3614,7 +3629,7 @@ class DropdownSelect extends common/* Com */.up {
       class: "dropdown_select_filter__empty"
     }, (0,preact_module.h)("img", {
       class: "dropdown_select_filter__empty_img",
-      src: __webpack_require__(6071)
+      src: __webpack_require__(864)
     }), (0,preact_module.h)("div", {
       class: "muted",
       style: "text-align: center !important;"
@@ -3634,7 +3649,7 @@ class DropdownSelect extends common/* Com */.up {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);
@@ -3642,7 +3657,7 @@ class DropdownSelect extends common/* Com */.up {
   renderDropdown() {
     if (!this.state.show) return null;
     let items = this.getFilteredOptions();
-    let $items = util/* default.map */.Z.map(items, item => {
+    let $items = util/* default */.c.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "dropdown_select__item",
         onClick: _ => this.onSelect(item)
@@ -3652,12 +3667,12 @@ class DropdownSelect extends common/* Com */.up {
     if (this.hasSearch()) {
       let $img = (0,preact_module.h)("img", {
         class: "dropdown_select_filter__icon",
-        src: __webpack_require__(636)
+        src: __webpack_require__(6528)
       });
       if (this.props.loading) {
         $img = (0,preact_module.h)("img", {
           class: "dropdown_select_filter__icon",
-          src: __webpack_require__(5770)
+          src: __webpack_require__(5616)
         });
       }
       $filter = (0,preact_module.h)("div", {
@@ -3703,17 +3718,17 @@ class DropdownSelect extends common/* Com */.up {
       class: "muted text-truncate",
       style: "flex: 1 !important;"
     }, "Ch\u1ECDn m\u1ED9t ph\u1EA7n t\u1EED");
-    if (util/* default.get */.Z.get(this.props, 'selected.name')) $name = (0,preact_module.h)("div", {
+    if (util/* default */.c.get(this.props, 'selected.name')) $name = (0,preact_module.h)("div", {
       class: "text-truncate",
       style: "flex: 1 !important;"
-    }, util/* default.get */.Z.get(this.props, 'selected.name'));
+    }, util/* default */.c.get(this.props, 'selected.name'));
     let style = 'position: relative !important;';
     if (this.props.full) {
       style = '';
     }
     return (0,preact_module.h)("div", {
       style: style
-    }, (0,preact_module.h)(common/* Clickaway */.u$, {
+    }, (0,preact_module.h)(common/* Clickaway */.C3, {
       onClickaway: this.hideDropdown
     }, (0,preact_module.h)("div", {
       type: "text",
@@ -3721,19 +3736,19 @@ class DropdownSelect extends common/* Com */.up {
       onClick: this.toogleDropdown
     }, $name, "\xA0", (0,preact_module.h)("img", {
       class: "dropdown_select__caret",
-      src: __webpack_require__(8712)
+      src: __webpack_require__(744)
     })), this.renderDropdown()));
   }
 }
 ;// CONCATENATED MODULE: ./src/order/address_picker.js
 function address_picker_defineProperty(obj, key, value) { key = address_picker_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function address_picker_toPropertyKey(arg) { var key = address_picker_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function address_picker_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function address_picker_toPropertyKey(t) { var i = address_picker_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function address_picker_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-class AddressPicker extends common/* Com */.up {
+class AddressPicker extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     address_picker_defineProperty(this, "state", {
@@ -3741,8 +3756,8 @@ class AddressPicker extends common/* Com */.up {
       searchValue: '',
       addresses: []
     });
-    address_picker_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Vf)());
-    address_picker_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Vf)());
+    address_picker_defineProperty(this, "filterRef", (0,preact_module/* createRef */.Yn)());
+    address_picker_defineProperty(this, "overlayRef", (0,preact_module/* createRef */.Yn)());
     address_picker_defineProperty(this, "onTouchMove", e => {
       if (e.target === this.overlayRef.current) {
         e.preventDefault();
@@ -3766,13 +3781,13 @@ class AddressPicker extends common/* Com */.up {
       }
       if (e.key == 'Enter') {}
     });
-    address_picker_defineProperty(this, "doSearch", util/* default.throttle */.Z.throttle(async () => {
+    address_picker_defineProperty(this, "doSearch", util/* default */.c.throttle(async () => {
       let requestId = Date.now();
       this.requestId = requestId;
       let res = await this.props.store.suggest_addresses(this.state.searchValue);
       if (this.requestId !== requestId) return;
       this.setState({
-        addresses: util/* default.get */.Z.get(res, 'body.addresses', [])
+        addresses: util/* default */.c.get(res, 'body.addresses', [])
       });
     }, 100));
     address_picker_defineProperty(this, "onChangeSearchValue", e => {
@@ -3809,7 +3824,7 @@ class AddressPicker extends common/* Com */.up {
       class: "dropdown_select_filter__empty"
     }, (0,preact_module.h)("img", {
       class: "dropdown_select_filter__empty_img",
-      src: __webpack_require__(6071)
+      src: __webpack_require__(864)
     }), (0,preact_module.h)("div", {
       class: "muted",
       style: "text-align: center !important;"
@@ -3829,14 +3844,14 @@ class AddressPicker extends common/* Com */.up {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.c.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);
   }
   renderDropdown() {
     if (!this.state.show) return null;
-    let $items = util/* default.map */.Z.map(this.state.addresses, (addr, i) => {
+    let $items = util/* default */.c.map(this.state.addresses, (addr, i) => {
       let label = [((addr.address || '') + ' ' + normalize(addr.street)).trim()].join(', ');
       let desc = [normalize(addr.ward), normalize(addr.district), normalize(addr.province)].join(', ');
       return (0,preact_module.h)("div", {
@@ -3850,12 +3865,12 @@ class AddressPicker extends common/* Com */.up {
     let $filter = null;
     let $img = (0,preact_module.h)("img", {
       class: "dropdown_select_filter__icon",
-      src: __webpack_require__(636)
+      src: __webpack_require__(6528)
     });
     if (this.props.loading) {
       $img = (0,preact_module.h)("img", {
         class: "dropdown_select_filter__icon",
-        src: __webpack_require__(5770)
+        src: __webpack_require__(5616)
       });
     }
     $filter = (0,preact_module.h)("div", {
@@ -3906,7 +3921,7 @@ class AddressPicker extends common/* Com */.up {
     }
     return (0,preact_module.h)("div", {
       style: style
-    }, (0,preact_module.h)(common/* Clickaway */.u$, {
+    }, (0,preact_module.h)(common/* Clickaway */.C3, {
       onClickaway: this.hideDropdown
     }, (0,preact_module.h)("div", {
       type: "text",
@@ -3933,45 +3948,45 @@ function normalize(s) {
 }
 ;// CONCATENATED MODULE: ./src/order/icon.js
-let promiseMainCSS = (() => __webpack_require__.e(/* import() */ 178).then(__webpack_require__.bind(__webpack_require__, 178)))();
+let promiseMainCSS = (() => __webpack_require__.e(/* import() */ 176).then(__webpack_require__.bind(__webpack_require__, 6176)))();
 var $link = document.createElement('link');
 $link.href = 'https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap';
 $link.rel = 'stylesheet';
 document.head.append($link);
-util/* default.preloadWebfonts */.Z.preloadWebfonts(['Roboto'], [400, 500]);
+util/* default */.c.preloadWebfonts(['Roboto'], [400, 500]);
-let icon_defaultAvatar = __webpack_require__(4761);
+let icon_defaultAvatar = __webpack_require__(9460);
-class Icon extends common/* Com */.up {
+class Icon extends common/* Com */.Sq {
   render() {
     if (this.props.name == 'package') {
       if (this.props.active) return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(25)
+        src: __webpack_require__(8224)
       });
       return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(1216)
+        src: __webpack_require__(7848)
       });
     }
     if (this.props.name === 'shop') {
       if (this.props.active) return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(6180)
+        src: __webpack_require__(428)
       });
       return (0,preact_module.h)("img", {
         style: "width: 18px !important;",
-        src: __webpack_require__(750)
+        src: __webpack_require__(6083)
       });
     }
   }
 }
 ;// CONCATENATED MODULE: ./src/order/order.js
 function order_defineProperty(obj, key, value) { key = order_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function order_toPropertyKey(arg) { var key = order_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function order_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function order_toPropertyKey(t) { var i = order_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -3980,9 +3995,9 @@ function order_toPrimitive(input, hint) { if (typeof input !== "object" || input
-var checkedimg = __webpack_require__(763);
-var ximg = __webpack_require__(2514);
-class order_Order extends common/* Com */.up {
+var checkedimg = __webpack_require__(4548);
+var ximg = __webpack_require__(7400);
+class order_Order extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     order_defineProperty(this, "state", {
@@ -4045,7 +4060,7 @@ class order_Order extends common/* Com */.up {
         loadDistrict: false
       });
       if (!out.error) this.setState({
-        districts: util/* default.get */.Z.get(out, 'body.addresses')
+        districts: util/* default */.c.get(out, 'body.addresses')
       });
     });
     order_defineProperty(this, "onSelectDistrict", async item => {
@@ -4064,7 +4079,7 @@ class order_Order extends common/* Com */.up {
         loadWard: false
       });
       if (!out.error) this.setState({
-        wards: util/* default.get */.Z.get(out, 'body.addresses')
+        wards: util/* default */.c.get(out, 'body.addresses')
       });
     });
     order_defineProperty(this, "onSelectWard", item => this.setState({
@@ -4085,7 +4100,7 @@ class order_Order extends common/* Com */.up {
     order_defineProperty(this, "onSelectAddress", addr => {
       if (!addr) return;
       this.setState({
-        address: [util/* default.trim */.Z.trim(addr.address), util/* default.trim */.Z.trim(addr.street)].join(' ').trim(),
+        address: [util/* default */.c.trim(addr.address), util/* default */.c.trim(addr.street)].join(' ').trim(),
         street: addr.street,
         err: {},
         g_err: ''
@@ -4132,36 +4147,36 @@ class order_Order extends common/* Com */.up {
         });
       }
       if (this.state.shipping === 'shop') {
-        if (!util/* default.isPhone */.Z.isPhone(this.state.phone)) {
+        if (!util/* default */.c.isPhone(this.state.phone)) {
           err.phone = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.fullname)) {
+        if (!util/* default */.c.trim(this.state.fullname)) {
           err.name = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.email)) {
+        if (!util/* default */.c.trim(this.state.email)) {
           err.email = true;
         }
       } else if (this.state.shipping_address == 'new') {
-        if (!util/* default.isPhone */.Z.isPhone(this.state.phone)) {
+        if (!util/* default */.c.isPhone(this.state.phone)) {
           err.phone = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.fullname)) {
+        if (!util/* default */.c.trim(this.state.fullname)) {
           err.name = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.address)) {
+        if (!util/* default */.c.trim(this.state.address)) {
           err.address = true;
         }
-        if (util/* default.size */.Z.size(this.state.selectedWard) == 0) {
+        if (util/* default */.c.size(this.state.selectedWard) == 0) {
           err.ward = true;
         }
-        if (util/* default.size */.Z.size(this.state.selectedDistrict) == 0) {
+        if (util/* default */.c.size(this.state.selectedDistrict) == 0) {
           err.district = true;
         }
-        if (util/* default.size */.Z.size(this.state.selectedProvince) == 0) {
+        if (util/* default */.c.size(this.state.selectedProvince) == 0) {
           err.province = true;
         }
       }
-      if (util/* default.size */.Z.size(err) > 0) {
+      if (util/* default */.c.size(err) > 0) {
         this.setState({
           err,
           g_err: this.props.t('input_shipping_info_err')
@@ -4169,15 +4184,15 @@ class order_Order extends common/* Com */.up {
         return;
       }
       let user = this.props.store.matchUser();
-      let ufullname = util/* default.getUserAttr */.Z.getUserAttr(user, 'fullname', 'text');
-      let uemail = util/* default.getUserAttr */.Z.getUserAttr(user, 'emails', 'text');
-      let uphone = util/* default.getUserAttr */.Z.getUserAttr(user, 'phones', 'text');
-      let order = util/* default.cloneDeep */.Z.cloneDeep(this.state.order);
+      let ufullname = util/* default */.c.getUserAttr(user, 'fullname', 'text');
+      let uemail = util/* default */.c.getUserAttr(user, 'emails', 'text');
+      let uphone = util/* default */.c.getUserAttr(user, 'phones', 'text');
+      let order = util/* default */.c.cloneDeep(this.state.order);
       if (this.state.shipping === 'shop') {
-        util/* default.set */.Z.set(order, 'shipping.pickup_at_shop', true);
-        util/* default.set */.Z.set(order, 'shipping.address.phone', this.state.phone);
-        util/* default.set */.Z.set(order, 'shipping.address.fullname', this.state.fullname);
-        util/* default.set */.Z.set(order, 'shipping.address.email', this.state.email);
+        util/* default */.c.set(order, 'shipping.pickup_at_shop', true);
+        util/* default */.c.set(order, 'shipping.address.phone', this.state.phone);
+        util/* default */.c.set(order, 'shipping.address.fullname', this.state.fullname);
+        util/* default */.c.set(order, 'shipping.address.email', this.state.email);
       } else {
         if (this.state.shipping_address == 'new') {
           let out = await this.props.store.createShippingAddress({
@@ -4197,37 +4212,37 @@ class order_Order extends common/* Com */.up {
           if (out.error) return this.setState({
             g_err: this.props.t('update_failed')
           });
-          util/* default.set */.Z.set(order, 'shipping.address', out.body);
+          util/* default */.c.set(order, 'shipping.address', out.body);
         } else {
           let addresses = this.props.store.matchShippingAddresses();
-          let sa = util/* default.find */.Z.find(addresses, addr => addr.id === this.state.shipping_address);
+          let sa = util/* default */.c.find(addresses, addr => addr.id === this.state.shipping_address);
           if (!sa) {
             return this.setState({
               err,
               g_err: this.props.t('input_shipping_info_err')
             });
           }
-          util/* default.set */.Z.set(order, 'shipping.address', sa);
+          util/* default */.c.set(order, 'shipping.address', sa);
         }
       }
       let changeduser = false;
       if (!ufullname && this.state.fullname) {
         changeduser = true;
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.c.setUserAttr(user, {
           key: 'fullname',
           text: this.state.fullname
         });
       }
       if (!uemail && this.state.email) {
         changeduser = true;
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.c.setUserAttr(user, {
           key: 'emails',
           text: this.state.email
         });
       }
       if (!uphone && this.state.phone) {
         changeduser = true;
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.c.setUserAttr(user, {
           key: 'phones',
           text: this.state.phone
         });
@@ -4254,7 +4269,7 @@ class order_Order extends common/* Com */.up {
     order_defineProperty(this, "onCancel", () => {
       if (this.props.onResponse) this.props.onResponse('rejected');
       if (this.props.cid && !this.state.order.user_confirmation) {
-        let order = util/* default.cloneDeep */.Z.cloneDeep(this.state.order);
+        let order = util/* default */.c.cloneDeep(this.state.order);
         order.user_confirmation = 'rejected';
         this.props.store.updateOrder(order);
       }
@@ -4281,10 +4296,10 @@ class order_Order extends common/* Com */.up {
       });
     }
     let user = this.props.store.matchUser();
-    let attributes = util/* default.get */.Z.get(this.props.store.matchUser(), 'attributes', []);
-    let fullname = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'fullname'), 'text');
-    let email = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'emails'), 'text');
-    let phone = util/* default.get */.Z.get(util/* default.find */.Z.find(attributes, att => att.key === 'phones'), 'text');
+    let attributes = util/* default */.c.get(this.props.store.matchUser(), 'attributes', []);
+    let fullname = util/* default */.c.get(util/* default */.c.find(attributes, att => att.key === 'fullname'), 'text');
+    let email = util/* default */.c.get(util/* default */.c.find(attributes, att => att.key === 'emails'), 'text');
+    let phone = util/* default */.c.get(util/* default */.c.find(attributes, att => att.key === 'phones'), 'text');
     this.setState({
       fullname,
       email,
@@ -4296,7 +4311,7 @@ class order_Order extends common/* Com */.up {
       loadProvince: false
     });
     if (!out.error) this.setState({
-      provinces: util/* default.get */.Z.get(out, 'body.addresses')
+      provinces: util/* default */.c.get(out, 'body.addresses')
     });
   }
   isMobile() {
@@ -4326,7 +4341,7 @@ class order_Order extends common/* Com */.up {
     }
     if (editmode) {
       let pms = this.props.store.matchPaymentMethods();
-      let $pms = util/* default.map */.Z.map(pms, pm => {
+      let $pms = util/* default */.c.map(pms, pm => {
         let $name = pm.description;
         if (pm.method == 'bank_transfer') {
           $name = pm.description + ' ' + pm.bank_name + ' ' + pm.bank_branch;
@@ -4368,7 +4383,7 @@ class order_Order extends common/* Com */.up {
       });
       let seccls = 'card_section';
       if (this.isMobile()) seccls = 'order_section';
-      return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      return (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
         class: "order_section__line"
       }), (0,preact_module.h)("div", {
         class: seccls
@@ -4395,7 +4410,7 @@ class order_Order extends common/* Com */.up {
       }, "S\u1ED1 t\xE0i kho\u1EA3n: ", pm.bank_number));
     }
     if (!$body) return null;
-    return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+    return (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
       class: "order_label"
     }, this.props.t('payment')), $body);
   }
@@ -4407,15 +4422,15 @@ class order_Order extends common/* Com */.up {
     let user = this.props.store.matchUser();
     if (editmode) {
       let addresses = this.props.store.matchShippingAddresses();
-      let provinces = util/* default.map */.Z.map(this.state.provinces, province => ({
+      let provinces = util/* default */.c.map(this.state.provinces, province => ({
         id: province.id,
         name: province.province
       }));
-      let districts = util/* default.map */.Z.map(this.state.districts, district => ({
+      let districts = util/* default */.c.map(this.state.districts, district => ({
         id: district.id,
         name: district.district
       }));
-      let wards = util/* default.map */.Z.map(this.state.wards, ward => ({
+      let wards = util/* default */.c.map(this.state.wards, ward => ({
         id: ward.id,
         name: ward.ward
       }));
@@ -4424,11 +4439,11 @@ class order_Order extends common/* Com */.up {
       let ship_icon_active = false;
       if (this.state.shipping === 'ship') {
         ship_icon_active = true;
-        let $preaddrs = util/* default.map */.Z.map(addresses, addr => {
+        let $preaddrs = util/* default */.c.map(addresses, addr => {
           let fulladdr = [addr.street, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');
           let $phone = null;
           if (addr.phone) {
-            $phone = (0,preact_module.h)(preact_module/* Fragment */.HY, null, "\xA0\xB7\xA0", this.props.t('phn'), " ", addr.phone);
+            $phone = (0,preact_module.h)(preact_module/* Fragment */.ae, null, "\xA0\xB7\xA0", this.props.t('phn'), " ", addr.phone);
           }
           return (0,preact_module.h)("div", {
             style: "margin-bottom: 15px !important"
@@ -4556,7 +4571,7 @@ class order_Order extends common/* Com */.up {
           style: "flex: 1 !important; margin-left: 7px !important;"
         })));
         cls += ' ship_card__active';
-        if (util/* default.size */.Z.size(addresses) == 0) {
+        if (util/* default */.c.size(addresses) == 0) {
           $body = (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
             class: 'mt-3 mb-2 '
           }, this.props.t('input_shipping_info')), $new);
@@ -4608,7 +4623,7 @@ class order_Order extends common/* Com */.up {
       }
       let seccls = 'card_section';
       if (this.isMobile()) seccls = 'order_section';
-      return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      return (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
         class: "order_section__line"
       }), (0,preact_module.h)("div", {
         class: seccls
@@ -4634,13 +4649,13 @@ class order_Order extends common/* Com */.up {
         class: "ml-2"
       }, "Giao h\xE0ng cho t\xF4i"))), $body));
     }
-    let addr = util/* default.get */.Z.get(order, 'shipping.address') || {};
+    let addr = util/* default */.c.get(order, 'shipping.address') || {};
     let fulladdr = [addr.address, addr.ward, addr.district, addr.region, addr.country].filter(a => a).join(', ');
     let $phone = null;
     if (addr.phone) $phone = (0,preact_module.h)("div", {
       class: "mt-1 muted"
     }, this.props.t('phn'), ":\xA0", addr.phone);
-    if (util/* default.get */.Z.get(order, 'shipping.pickup_at_shop')) {
+    if (util/* default */.c.get(order, 'shipping.pickup_at_shop')) {
       fulladdr = 'Nhận hàng tại cửa hàng';
     }
     let $addr = fulladdr ? (0,preact_module.h)("div", null, fulladdr) : (0,preact_module.h)("i", {
@@ -4659,28 +4674,28 @@ class order_Order extends common/* Com */.up {
     if (order.deposit > 0) {
       $deposit = (0,preact_module.h)("span", {
         class: "muted"
-      }, "(c\u1ECDc ", util/* default.formatCurrency */.Z.formatCurrency(order.deposit), ")");
+      }, "(c\u1ECDc ", util/* default */.c.formatCurrency(order.deposit), ")");
     }
     let $discount = null;
     if (order.total_discount > 0) {
       $discount = (0,preact_module.h)("div", {
         class: "order_summary_line"
-      }, (0,preact_module.h)("div", null, "Gi\u1EA3m gi\xE1"), (0,preact_module.h)("div", null, util/* default.formatCurrency */.Z.formatCurrency(order.total_discount)));
+      }, (0,preact_module.h)("div", null, "Gi\u1EA3m gi\xE1"), (0,preact_module.h)("div", null, util/* default */.c.formatCurrency(order.total_discount)));
     }
     let $pay = null;
     if ($deposit || order.payment_made) {
-      $pay = (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      $pay = (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
         class: "order_summary_line"
-      }, (0,preact_module.h)("div", null, "B\u1EA1n \u0111\xE3 tr\u1EA3"), (0,preact_module.h)("div", null, $deposit, " ", util/* default.formatCurrency */.Z.formatCurrency(order.payment_made))), (0,preact_module.h)("div", {
+      }, (0,preact_module.h)("div", null, "B\u1EA1n \u0111\xE3 tr\u1EA3"), (0,preact_module.h)("div", null, $deposit, " ", util/* default */.c.formatCurrency(order.payment_made))), (0,preact_module.h)("div", {
         class: "order_summary_line"
-      }, (0,preact_module.h)("div", null, "B\u1EA1n ch\u01B0a tr\u1EA3"), (0,preact_module.h)("div", null, util/* default.formatCurrency */.Z.formatCurrency((order.total || 0) - (order.payment_made || 0)))));
+      }, (0,preact_module.h)("div", null, "B\u1EA1n ch\u01B0a tr\u1EA3"), (0,preact_module.h)("div", null, util/* default */.c.formatCurrency((order.total || 0) - (order.payment_made || 0)))));
     }
     let $tax = (0,preact_module.h)("div", {
       class: "order_summary_line"
-    }, (0,preact_module.h)("div", null, "Ti\u1EC1n thu\u1EBF"), (0,preact_module.h)("div", null, util/* default.formatCurrency */.Z.formatCurrency(order.total_tax)));
+    }, (0,preact_module.h)("div", null, "Ti\u1EC1n thu\u1EBF"), (0,preact_module.h)("div", null, util/* default */.c.formatCurrency(order.total_tax)));
     let $ship = (0,preact_module.h)("div", {
       class: "order_summary_line"
-    }, (0,preact_module.h)("div", null, "Ph\xED v\u1EADn chuy\u1EC3n"), (0,preact_module.h)("div", null, util/* default.get */.Z.get(order, 'shipping.fee', 0), " d"));
+    }, (0,preact_module.h)("div", null, "Ph\xED v\u1EADn chuy\u1EC3n"), (0,preact_module.h)("div", null, util/* default */.c.get(order, 'shipping.fee', 0), " d"));
     let editmode = false;
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
@@ -4693,12 +4708,12 @@ class order_Order extends common/* Com */.up {
         class: "muted"
       }, (0,preact_module.h)("img", {
         class: "order_ship_icon",
-        src: __webpack_require__(9256)
+        src: __webpack_require__(3576)
       }), "\xA0 Ch\u01B0a bao g\u1ED3m thu\u1EBF v\xE0 ph\xED v\u1EADn chuy\u1EC3n");
     }
     let seccls = '';
     if (this.isMobile()) seccls = 'order_section';
-    return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+    return (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
       class: "order_section__line"
     }), (0,preact_module.h)("div", {
       class: seccls
@@ -4706,12 +4721,12 @@ class order_Order extends common/* Com */.up {
       class: "order_label"
     }, "T\xF3m t\u1EAFt"), (0,preact_module.h)("div", {
       class: "order_summary_line"
-    }, (0,preact_module.h)("div", null, "T\u1ED5ng ti\u1EC1n h\xE0ng"), (0,preact_module.h)("div", null, util/* default.formatCurrency */.Z.formatCurrency(order.subtotal))), $tax, $discount, $ship, $note, (0,preact_module.h)("div", {
+    }, (0,preact_module.h)("div", null, "T\u1ED5ng ti\u1EC1n h\xE0ng"), (0,preact_module.h)("div", null, util/* default */.c.formatCurrency(order.subtotal))), $tax, $discount, $ship, $note, (0,preact_module.h)("div", {
       class: "order_summary_line",
       style: "margin-top: 10px !important; padding-top: 15px !important; border-top: 1px solid #eee !important"
     }, (0,preact_module.h)("div", null, "B\u1EA1n ph\u1EA3i tr\u1EA3"), (0,preact_module.h)("div", {
       class: "order__total"
-    }, util/* default.formatCurrency */.Z.formatCurrency(order.total))), $pay));
+    }, util/* default */.c.formatCurrency(order.total))), $pay));
   }
   renderStatusBadge(order) {
     let status = order.status || 'open';
@@ -4722,9 +4737,9 @@ class order_Order extends common/* Com */.up {
   }
   renderShippingInfo(order) {
     if (order.status != 'open' || order.user_confirmation) {}
-    let shipping_provider = util/* default.get */.Z.get(order, 'shipping.shipping_provider');
+    let shipping_provider = util/* default */.c.get(order, 'shipping.shipping_provider');
     if (!shipping_provider) return null;
-    let shipping_code = util/* default.get */.Z.get(order, 'shipping.shipping_code');
+    let shipping_code = util/* default */.c.get(order, 'shipping.shipping_code');
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0,preact_module.h)("div", {
       class: "muted",
@@ -4735,7 +4750,7 @@ class order_Order extends common/* Com */.up {
       href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code
     }, shipping_code, "\xA0", (0,preact_module.h)("img", {
       class: "order_tracking_link_icon",
-      src: __webpack_require__(8453)
+      src: __webpack_require__(928)
     })));
     if (shipping_provider == 'ghtk') {
       return (0,preact_module.h)("div", {
@@ -4752,9 +4767,9 @@ class order_Order extends common/* Com */.up {
     return null;
   }
   renderDesktopShippingInfo(order) {
-    let shipping_provider = util/* default.get */.Z.get(order, 'shipping.shipping_provider');
+    let shipping_provider = util/* default */.c.get(order, 'shipping.shipping_provider');
     if (!shipping_provider) return null;
-    let shipping_code = util/* default.get */.Z.get(order, 'shipping.shipping_code');
+    let shipping_code = util/* default */.c.get(order, 'shipping.shipping_code');
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0,preact_module.h)("div", {
       class: "muted",
@@ -4765,10 +4780,10 @@ class order_Order extends common/* Com */.up {
       href: 'https://giaohangtietkiem.vn/tra-cuu-van-don/' + shipping_code
     }, shipping_code, "\xA0", (0,preact_module.h)("img", {
       class: "order_tracking_link_icon",
-      src: __webpack_require__(8453)
+      src: __webpack_require__(928)
     })));
     if (shipping_provider == 'ghtk') {
-      return (0,preact_module.h)(preact_module/* Fragment */.HY, null, (0,preact_module.h)("div", {
+      return (0,preact_module.h)(preact_module/* Fragment */.ae, null, (0,preact_module.h)("div", {
         class: "order_label"
       }, "\u0110\u01A1n v\u1ECB v\u1EADn chuy\u1EC3n"), (0,preact_module.h)("div", {
         class: "d-flex align-items-center"
@@ -4781,7 +4796,7 @@ class order_Order extends common/* Com */.up {
   }
   renderProducts(order) {
     let $products = null;
-    $products = util/* default.map */.Z.map(order.items, item => {
+    $products = util/* default */.c.map(order.items, item => {
       if (!item || !item.product) return null;
       let product = item.product;
       return (0,preact_module.h)("div", {
@@ -4789,7 +4804,7 @@ class order_Order extends common/* Com */.up {
       }, (0,preact_module.h)("img", {
         class: "order_attachment__product_img",
         alt: '' + product.id,
-        src: util/* default.get */.Z.get(product, 'images.0') || __webpack_require__(9270)
+        src: util/* default */.c.get(product, 'images.0') || __webpack_require__(4824)
       }), (0,preact_module.h)("div", {
         style: "overflow: hidden !important;"
       }, (0,preact_module.h)("div", {
@@ -4798,7 +4813,7 @@ class order_Order extends common/* Com */.up {
         class: "order_attachment__product_desc"
       }, product.description || product.long_description), (0,preact_module.h)("div", {
         class: "order_attachment__product_desc"
-      }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default.formatCurrency */.Z.formatCurrency(product.price))));
+      }, this.props.t('qty'), " ", item.quantity, "\xA0\xB7\xA0", util/* default */.c.formatCurrency(product.price))));
     });
     if (!this.isMobile()) return (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
       class: "order_label"
@@ -4816,7 +4831,7 @@ class order_Order extends common/* Com */.up {
       editmode = !order.user_confirmation;
     }
     if (editmode) {
-      $products = util/* default.map */.Z.map(order.items, item => {
+      $products = util/* default */.c.map(order.items, item => {
         if (!item || !item.product) return null;
         let product = item.product;
         return (0,preact_module.h)("div", {
@@ -4824,7 +4839,7 @@ class order_Order extends common/* Com */.up {
         }, (0,preact_module.h)("img", {
           class: "order_attachment__product_img",
           alt: '' + product.id,
-          src: util/* default.get */.Z.get(product, 'images.0') || __webpack_require__(9270)
+          src: util/* default */.c.get(product, 'images.0') || __webpack_require__(4824)
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -4833,7 +4848,7 @@ class order_Order extends common/* Com */.up {
           class: "order_attachment__product_desc"
         }, product.description || product.long_description), (0,preact_module.h)("div", {
           class: "order_attachment__product_desc"
-        }, util/* default.formatCurrency */.Z.formatCurrency(product.price))), (0,preact_module.h)("input", {
+        }, util/* default */.c.formatCurrency(product.price))), (0,preact_module.h)("input", {
           class: "form-control",
           style: "text-align: center !important; font-weight: 400 !important; width: 50px !important",
           value: item.quantity,
@@ -4841,10 +4856,10 @@ class order_Order extends common/* Com */.up {
           type: "text"
         }), (0,preact_module.h)("div", {
           style: "width: 80px !important; text-align: right !important; "
-        }, (0,preact_module.h)("b", null, util/* default.formatCurrency */.Z.formatCurrency(item.quantity * product.price))));
+        }, (0,preact_module.h)("b", null, util/* default */.c.formatCurrency(item.quantity * product.price))));
       });
     } else {
-      $products = util/* default.map */.Z.map(order.items, item => {
+      $products = util/* default */.c.map(order.items, item => {
         if (!item || !item.product) return null;
         let product = item.product;
         return (0,preact_module.h)("div", {
@@ -4852,7 +4867,7 @@ class order_Order extends common/* Com */.up {
         }, (0,preact_module.h)("img", {
           class: "order_attachment__product_img",
           alt: '' + product.id,
-          src: util/* default.get */.Z.get(product, 'images.0') || __webpack_require__(9270)
+          src: util/* default */.c.get(product, 'images.0') || __webpack_require__(4824)
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -4861,11 +4876,11 @@ class order_Order extends common/* Com */.up {
           class: "order_attachment__product_desc"
         }, product.description || product.long_description), (0,preact_module.h)("div", {
           class: "order_attachment__product_desc"
-        }, util/* default.formatCurrency */.Z.formatCurrency(product.price))), (0,preact_module.h)("div", {
+        }, util/* default */.c.formatCurrency(product.price))), (0,preact_module.h)("div", {
           style: "text-align: center !important; font-weight: 400 !important; width: 50px !important"
         }, item.quantity), (0,preact_module.h)("div", {
           style: "width: 80px !important; text-align: right !important; "
-        }, (0,preact_module.h)("b", null, util/* default.formatCurrency */.Z.formatCurrency(item.total))));
+        }, (0,preact_module.h)("b", null, util/* default */.c.formatCurrency(item.total))));
       });
     }
     return (0,preact_module.h)("div", {
@@ -4973,7 +4988,7 @@ class order_Order extends common/* Com */.up {
   }
   renderDesktop(order) {
     let acc = this.props.store.matchAccount();
-    var uri = acc.logo_url || __webpack_require__(9895);
+    var uri = acc.logo_url || __webpack_require__(6980);
     return (0,preact_module.h)("div", {
       class: "desktop order"
     }, (0,preact_module.h)("div", {
@@ -5019,7 +5034,7 @@ class order_Order extends common/* Com */.up {
       class: "order_error"
     }, (0,preact_module.h)("img", {
       class: "mt-3",
-      src: __webpack_require__(6825)
+      src: __webpack_require__(1020)
     }), (0,preact_module.h)("div", {
       class: "mt-3"
     }, this.props.t('order_load_error')));
@@ -5031,28 +5046,28 @@ class order_Order extends common/* Com */.up {
 let ShippingProvider = {
   ghtk: {
     name: 'Giao hàng tiết kiệm',
-    logo: __webpack_require__(6890)
+    logo: __webpack_require__(9256)
   },
   ghn: {
     name: 'Giao hàng nhanh',
-    logo: __webpack_require__(1473)
+    logo: __webpack_require__(3964)
   }
 };
 ;// CONCATENATED MODULE: ./src/chatbox/Order.js
 function Order_defineProperty(obj, key, value) { key = Order_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function Order_toPropertyKey(arg) { var key = Order_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function Order_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Order_toPropertyKey(t) { var i = Order_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function Order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const Order_POPUP_MAX_HEIGHT = 400;
 const Order_POPUP_HARD_MAX_HEIGHT = 500;
 const Order_POPUP_MIN_HEIGHT = 0;
-let Order_defaultAvatar = __webpack_require__(4761);
+let Order_defaultAvatar = __webpack_require__(9460);
-class Order extends common/* Com */.up {
+class Order extends common/* Com */.Sq {
   constructor(props) {
     super(props);
     Order_defineProperty(this, "state", {
@@ -5083,7 +5098,7 @@ class Order extends common/* Com */.up {
       });
     });
     Order_defineProperty(this, "close", async () => {
-      await util/* default.sleep */.Z.sleep(100);
+      await util/* default */.c.sleep(100);
       if (this.state.response === 'confirmed') {
         this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
           message: {
@@ -5139,8 +5154,8 @@ class Order extends common/* Com */.up {
       });
       this.props.onClose();
     });
-    this.refRating = (0,preact_module/* createRef */.Vf)();
-    this.refHandle = (0,preact_module/* createRef */.Vf)();
+    this.refRating = (0,preact_module/* createRef */.Yn)();
+    this.refHandle = (0,preact_module/* createRef */.Yn)();
   }
   componentDidMount() {
     this.mouseUp = e => this.onMouseUp(e);
@@ -5184,7 +5199,7 @@ class Order extends common/* Com */.up {
   render() {
     if (this._show != this.props.show) {
       this._show = this.props.show;
-      util/* default.setTimeout */.Z.setTimeout(() => {
+      util/* default */.c.setTimeout(() => {
         if (!this._show) this.close();else this.open();
       });
     }
@@ -5285,16 +5300,16 @@ class Order extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Widget.js
 function Widget_defineProperty(obj, key, value) { key = Widget_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function Widget_toPropertyKey(arg) { var key = Widget_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function Widget_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Widget_toPropertyKey(t) { var i = Widget_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function Widget_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var send = __webpack_require__(9737);
-var Widget_checkedimg = __webpack_require__(8909);
-var empty = __webpack_require__(29);
+var send = __webpack_require__(7808);
+var Widget_checkedimg = __webpack_require__(5856);
+var empty = __webpack_require__(2160);
@@ -5306,12 +5321,12 @@ const Widget_defaultAvatar = 'https://file-subiz.com/fiqoahedjbgwclpouoml-avatar
-class Widget extends common/* Com */.up {
+class Widget extends common/* Com */.Sq {
   constructor(props) {
     super(props);
-    Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */.Vf)());
+    Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */.Yn)());
     Widget_defineProperty(this, "sendMessage", async message => {
-      let hasPostback = util/* default.find */.Z.find(message.attachments, att => att.type === 'postback');
+      let hasPostback = util/* default */.c.find(message.attachments, att => att.type === 'postback');
       if (this.isFormRequired() && hasPostback) {
         this.onStartConvoClick();
         this.fillQuickReplyToQuestion(message);
@@ -5390,7 +5405,7 @@ class Widget extends common/* Com */.up {
         clickedJoin: false,
         quickReplyMessage: {}
       });
-      util/* default.setTimeout */.Z.setTimeout(() => {
+      util/* default */.c.setTimeout(() => {
         this.events && this.events.focus();
         if (!this.props.store.isMobile()) this.focusInput();
       }, 100);
@@ -5401,10 +5416,10 @@ class Widget extends common/* Com */.up {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    if (util/* default.get */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default.get */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.c.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.c.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
-    if (!this.hasSentMessage(this.props.cid) && form && (util/* default.size */.Z.size(form.groups) || form.group_required)) return true;
+    if (!this.hasSentMessage(this.props.cid) && form && (util/* default */.c.size(form.groups) || form.group_required)) return true;
     let formRequired = this.isFormRequired();
     return formRequired && !this.props.cid || formRequired && this.props.cid && this.state.clickedJoin;
   }
@@ -5414,8 +5429,8 @@ class Widget extends common/* Com */.up {
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
     let submitLabel = this.props.t('prechat_form_btn');
-    if (util/* default.get */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default.get */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.c.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.c.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
       submitLabel = this.props.t('offline_form_btn');
@@ -5432,9 +5447,10 @@ class Widget extends common/* Com */.up {
     }
     let $body = null;
     if (this.props.view === 'list') $body = this.renderConvoList();else if (showform) $body = this.renderForm(form, submitLabel);else $body = this.renderChat();
-    let position = util/* default.get */.Z.get(accountSetting, 'desktop_button.position') || 'right';
-    if (this.props.store.isMobile()) position = util/* default.get */.Z.get(accountSetting, 'mobile_button.position', position);
+    let position = util/* default */.c.get(accountSetting, 'desktop_button.position') || 'right';
+    if (this.props.store.isMobile()) position = util/* default */.c.get(accountSetting, 'mobile_button.position', position);
     let cls = 'widget-container widget-container--' + position;
+    if (!this.props.store.isMobile() && util/* default */.c.get(accountSetting, 'window_mode') === 'full') cls += ' widget-container--full';
     if (!this.props.isShow) cls += ' widget-container--hide';
     return (0,preact_module.h)("div", {
       class: cls
@@ -5452,42 +5468,42 @@ class Widget extends common/* Com */.up {
   }
   async submitPrechatForm(form) {
     var hasError = false;
-    util/* default.map */.Z.map(this.state.formData, (field, key) => {
-      if (field.is_required && (field.value === undefined || field.value === '' || util/* default.size */.Z.size(field.value) === 0 && Array.isArray(field.value))) {
+    util/* default */.c.map(this.state.formData, (field, key) => {
+      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.c.size(field.value) === 0 && Array.isArray(field.value))) {
         field.error = this.props.t('error_empty');
         hasError = true;
       } else field.error = '';
-      if (key.substr(5) === 'emails' && !util/* default.isEmail */.Z.isEmail(field.value) && field.is_required) {
+      if (key.substr(5) === 'emails' && !util/* default */.c.isEmail(field.value) && field.is_required) {
         field.error = this.props.t('error_email_invalid');
         hasError = true;
       }
-      if (key.substr(5) === 'phones' && !util/* default.isPhone */.Z.isPhone(field.value) && field.is_required) {
+      if (key.substr(5) === 'phones' && !util/* default */.c.isPhone(field.value) && field.is_required) {
         field.error = this.props.t('error_phone_invalid');
         hasError = true;
       }
     });
     if (hasError) return this.forceUpdate();
-    let data = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let user = util/* default.cloneDeep */.Z.cloneDeep(this.props.store.matchUser());
+    let data = util/* default */.c.cloneDeep(this.state.formData);
+    let user = util/* default */.c.cloneDeep(this.props.store.matchUser());
     let is_lead = false;
-    util/* default.map */.Z.map(data, (field, key) => {
+    util/* default */.c.map(data, (field, key) => {
       if (!key.startsWith('attr:')) return;
       var attr = {
         key: key.substr(5)
       };
       is_lead = is_lead || key == 'emails' || key == 'phones';
       if (field.type === 'number') attr.number = parseInt(field.value);
-      if (field.type === 'datetime') attr.datetime = new util/* default.Date */.Z.Date(field.value).toISOString();
+      if (field.type === 'datetime') attr.datetime = new util/* default */.c.Date(field.value).toISOString();
       if (field.type === 'list') attr.text = field.value;
       if (field.type === 'text' || field.type === 'boolean') attr[field.type] = field.value;
-      util/* default.setUserAttr */.Z.setUserAttr(user, attr);
+      util/* default */.c.setUserAttr(user, attr);
     });
-    if (is_lead) util/* default.setUserAttr */.Z.setUserAttr(user, {
+    if (is_lead) util/* default */.c.setUserAttr(user, {
       key: 'lead_source',
       text: 'widget'
     });
-    let firstmsg = util/* default.get */.Z.get(data, 'question.value');
-    let groupid = util/* default.get */.Z.get(data, 'group.value', '');
+    let firstmsg = util/* default */.c.get(data, 'question.value');
+    let groupid = util/* default */.c.get(data, 'group.value', '');
     if (this.props.cid) {
       this.props.store.setUser(user);
       this.setState({
@@ -5499,7 +5515,7 @@ class Widget extends common/* Com */.up {
           format: 'plaintext',
           fields: [{
             key: 'to_agent_group',
-            value: util/* default.stringify */.Z.stringify(groupid)
+            value: util/* default */.c.stringify(groupid)
           }],
           attachments: this.state.quickReplyMessage.attachments
         }
@@ -5559,7 +5575,7 @@ class Widget extends common/* Com */.up {
     formData['question'] = {
       key: 'question',
       is_required: true,
-      label: this.props.t.i18n(util/* default.get */.Z.get(form, `i18n_question_label`, {})) || form.question_label,
+      label: this.props.t.i18n(util/* default */.c.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text',
       value: this.state.quickReplyMessage.text
     };
@@ -5570,8 +5586,8 @@ class Widget extends common/* Com */.up {
   }
   onBooleanChange(key, e) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = e.target.checked;
     this.setState({
@@ -5580,8 +5596,8 @@ class Widget extends common/* Com */.up {
   }
   onInputChange(key, val) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = val;
     this.setState({
@@ -5590,8 +5606,8 @@ class Widget extends common/* Com */.up {
   }
   onListAddItem(key, val) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = field.value || [];
     field.value.push(val);
@@ -5601,8 +5617,8 @@ class Widget extends common/* Com */.up {
   }
   onListRemoveItem(key, index) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (_, fkkey) => fkkey === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = field.value || [];
     field.value.splice(index, 1);
@@ -5611,11 +5627,11 @@ class Widget extends common/* Com */.up {
     });
   }
   renderCheckboxField(field) {
-    let items = util/* default.get */.Z.get(field, 'def.items', []);
+    let items = util/* default */.c.get(field, 'def.items', []);
     let values = [];
     let value = field.value || '';
     if (value) values = value.split(',');
-    return (0,preact_module.h)("div", null, util/* default.map */.Z.map(items, item => {
+    return (0,preact_module.h)("div", null, util/* default */.c.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "checkbox"
       }, (0,preact_module.h)("input", {
@@ -5633,14 +5649,14 @@ class Widget extends common/* Com */.up {
   }
   toggleCheckboxField(key, v) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (f, fkkey) => f.key === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     let value = field.value || '';
     let values = [];
     if (value) values = value.split(',');
     if (values.includes(v)) {
-      values = util/* default.filter */.Z.filter(values, value => value !== v);
+      values = util/* default */.c.filter(values, value => value !== v);
     } else {
       values.push(v);
     }
@@ -5650,9 +5666,9 @@ class Widget extends common/* Com */.up {
     });
   }
   renderRadioField(field) {
-    let items = util/* default.get */.Z.get(field, 'def.items', []);
+    let items = util/* default */.c.get(field, 'def.items', []);
     let value = field.value || '';
-    return (0,preact_module.h)("div", null, util/* default.map */.Z.map(items, item => {
+    return (0,preact_module.h)("div", null, util/* default */.c.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "radio"
       }, (0,preact_module.h)("input", {
@@ -5671,8 +5687,8 @@ class Widget extends common/* Com */.up {
   }
   toggleRadioField(key, v) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (f, fkkey) => f.key === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     field.value = v;
     this.setState({
@@ -5681,8 +5697,8 @@ class Widget extends common/* Com */.up {
   }
   selectDropdownField(key, v) {
     this.wasFormInputed = true;
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
-    let field = util/* default.find */.Z.find(formData, (f, fkkey) => f.key === key);
+    let formData = util/* default */.c.cloneDeep(this.state.formData);
+    let field = util/* default */.c.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     field.value = v;
     this.setState({
@@ -5690,20 +5706,20 @@ class Widget extends common/* Com */.up {
     });
   }
   renderDropdownField(field) {
-    let items = util/* default.get */.Z.get(field, 'def.items', []);
+    let items = util/* default */.c.get(field, 'def.items', []);
     return (0,preact_module.h)("select", {
       class: "form-control",
       value: field.value,
       onChange: e => this.selectDropdownField(field.key, e.target.value)
     }, (0,preact_module.h)("option", {
       value: ""
-    }, "-- ", this.props.t('no_select'), " --"), util/* default.map */.Z.map(items, item => (0,preact_module.h)("option", {
+    }, "-- ", this.props.t('no_select'), " --"), util/* default */.c.map(items, item => (0,preact_module.h)("option", {
       value: item.value
     }, this.props.t.i18n(item.i18n_label) || item.label || item.value)));
   }
   renderFields() {
-    if (util/* default.size */.Z.size(this.state.formData) === 0) return null;
-    let $fields = util/* default.map */.Z.map(this.state.formData, (field, key) => {
+    if (util/* default */.c.size(this.state.formData) === 0) return null;
+    let $fields = util/* default */.c.map(this.state.formData, (field, key) => {
       if (this.state.quickReplyMessage.text && key === 'question') return null;
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
@@ -5719,13 +5735,13 @@ class Widget extends common/* Com */.up {
             row: "4",
             class: "form-control"
           });
-        } else if (util/* default.get */.Z.get(field, 'def.select') === 'checkbox') {
+        } else if (util/* default */.c.get(field, 'def.select') === 'checkbox') {
           $field = this.renderCheckboxField(field);
-        } else if (util/* default.get */.Z.get(field, 'def.select') === 'radio') {
+        } else if (util/* default */.c.get(field, 'def.select') === 'radio') {
           $field = this.renderRadioField(field);
-        } else if (util/* default.get */.Z.get(field, 'def.select') === 'dropdown') {
+        } else if (util/* default */.c.get(field, 'def.select') === 'dropdown') {
           $field = this.renderDropdownField(field);
-        } else if (util/* default.get */.Z.get(field, 'def.multiple_line')) {
+        } else if (util/* default */.c.get(field, 'def.multiple_line')) {
           $field = (0,preact_module.h)("textarea", {
             class: "form-control",
             ref: ref => {
@@ -5772,7 +5788,7 @@ class Widget extends common/* Com */.up {
           class: "checkbox--check"
         }, (0,preact_module.h)("div", null)));
       } else if (field.type === 'group') {
-        $field = util/* default.map */.Z.map(field.list, item => (0,preact_module.h)("div", {
+        $field = util/* default */.c.map(field.list, item => (0,preact_module.h)("div", {
           class: "radio"
         }, (0,preact_module.h)("input", {
           type: "radio",
@@ -5789,8 +5805,8 @@ class Widget extends common/* Com */.up {
         }))));
       } else if (field.type === 'list') {
         let selected = this.state.formData[key].value || [];
-        let items = util/* default.filter */.Z.filter(util/* default.get */.Z.get(field, 'list', []), item => {
-          return !util/* default.includes */.Z.includes(selected, item);
+        let items = util/* default */.c.filter(util/* default */.c.get(field, 'list', []), item => {
+          return !util/* default */.c.includes(selected, item);
         });
         $field = (0,preact_module.h)(ListField, {
           selected: selected,
@@ -5838,8 +5854,8 @@ class Widget extends common/* Com */.up {
       size: "16",
       mode: "white"
     }));
-    let title = this.props.t.i18n(util/* default.get */.Z.get(form, `i18n_title`, {}));
-    if (!title) title = util/* default.get */.Z.get(form, 'title', this.props.t('capture_lead_title'));
+    let title = this.props.t.i18n(util/* default */.c.get(form, `i18n_title`, {}));
+    if (!title) title = util/* default */.c.get(form, 'title', this.props.t('capture_lead_title'));
     title = title.replace('↵', '');
     return (0,preact_module.h)("div", {
       class: "widget-body"
@@ -5870,15 +5886,15 @@ class Widget extends common/* Com */.up {
   }
   renderConvoList() {
     let convoM = this.props.store.matchConvo('*');
-    var convos = util/* default.map */.Z.map(convoM, convo => this.props.store.matchConvo(convo.id));
-    convos = util/* default.filter */.Z.filter(convos, convo => !!convo);
-    convos = util/* default.orderByF */.Z.orderByF(convos, convo => util/* default.get */.Z.get(convo, 'last_message_sent.created', convo.actived), 'desc');
-    var $convos = util/* default.map */.Z.map(convos, convo => {
-      let ags = util/* default.filter */.Z.filter(convo.members, m => {
+    var convos = util/* default */.c.map(convoM, convo => this.props.store.matchConvo(convo.id));
+    convos = util/* default */.c.filter(convos, convo => !!convo);
+    convos = util/* default */.c.orderByF(convos, convo => util/* default */.c.get(convo, 'last_message_sent.created', convo.actived), 'desc');
+    var $convos = util/* default */.c.map(convos, convo => {
+      let ags = util/* default */.c.filter(convo.members, m => {
         return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
       });
-      let agentids = util/* default.map */.Z.map(ags, m => m.id);
-      agentids = agentids || util/* default.agentsOfConvo */.Z.agentsOfConvo(convo)[0];
+      let agentids = util/* default */.c.map(ags, m => m.id);
+      agentids = agentids || util/* default */.c.agentsOfConvo(convo)[0];
       return (0,preact_module.h)("div", {
         class: "convo-list--item",
         onClick: () => this.goToConvo(convo.id),
@@ -5895,7 +5911,7 @@ class Widget extends common/* Com */.up {
     let $body = (0,preact_module.h)("div", {
       class: "convo-list--list"
     }, $convos);
-    if (util/* default.size */.Z.size(convos) === 0) {
+    if (util/* default */.c.size(convos) === 0) {
       $body = (0,preact_module.h)("div", {
         class: "convo-list--list"
       }, (0,preact_module.h)("div", {
@@ -5931,19 +5947,19 @@ class Widget extends common/* Com */.up {
     if (this.props.store.isPreview) return;
     var $input = this.msgInput.current;
     if (!$input) return;
-    util/* default.setTimeout */.Z.setTimeout(() => $input && $input.blur());
-    util/* default.setTimeout */.Z.setTimeout(() => $input && $input.blur(), 300);
+    util/* default */.c.setTimeout(() => $input && $input.blur());
+    util/* default */.c.setTimeout(() => $input && $input.blur(), 300);
   }
   focusInput() {
     if (this.props.store.isPreview) return;
     if (this.shouldShowForm()) {
       let firstemptykey = '';
-      util/* default.map */.Z.map(this.state.formData, (field, key) => {
+      util/* default */.c.map(this.state.formData, (field, key) => {
         if (field.type !== 'text') return;
         if (firstemptykey) return;
         if (!field.value) firstemptykey = key;
       });
-      util/* default.setTimeout */.Z.setTimeout(() => {
+      util/* default */.c.setTimeout(() => {
         var $input = this['form_' + Widget_encode(firstemptykey)];
         if (!$input) return;
         $input.focus();
@@ -5952,8 +5968,8 @@ class Widget extends common/* Com */.up {
     }
     var $input = this.msgInput.current;
     if (!$input) return;
-    util/* default.setTimeout */.Z.setTimeout(() => $input.focus());
-    util/* default.setTimeout */.Z.setTimeout(() => $input.focus(), 300);
+    util/* default */.c.setTimeout(() => $input.focus());
+    util/* default */.c.setTimeout(() => $input.focus(), 300);
   }
   onRate(rating) {
     if (!this.props.cid) return;
@@ -5967,7 +5983,7 @@ class Widget extends common/* Com */.up {
   fillQuickReplyToQuestion(message) {
     let formData = this.state.formData;
     if (formData) {
-      util/* default.set */.Z.set(formData, 'question.value', message.text);
+      util/* default */.c.set(formData, 'question.value', message.text);
     }
     this.setState({
       formData,
@@ -6060,8 +6076,8 @@ class Widget extends common/* Com */.up {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    if (util/* default.get */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default.get */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.c.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.c.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
     if (!form) return false;
     let formData = this.fillForm(form);
@@ -6069,34 +6085,34 @@ class Widget extends common/* Com */.up {
     if (convo.state === 'ended') return true;
     if (convo.state && convo.state !== 'pending') delete formData.group;
     let isAllFiledEmpty = true;
-    util/* default.each */.Z.each(formData, field => {
+    util/* default */.c.each(formData, field => {
       if (field.value) isAllFiledEmpty = false;
     });
     if (isAllFiledEmpty && !this.userHasSent(this.props.cid)) return true;
-    return !!util/* default.find */.Z.find(formData, field => field.is_required && (field.value == null || field.value === ''));
+    return !!util/* default */.c.find(formData, field => field.is_required && (field.value == null || field.value === ''));
   }
   renderConvoSummary(convo) {
     let accountSetting = this.props.plugin.chatbox || {};
     let agentM = this.props.store.matchAgent('*');
-    let ags = util/* default.filter */.Z.filter(convo.members, m => {
+    let ags = util/* default */.c.filter(convo.members, m => {
       return (m.type === 'agent' || m.type === 'bot') && m.membership === 'active';
     });
-    let agentids = util/* default.map */.Z.map(ags, m => m.id);
-    agentids = agentids || util/* default.agentsOfConvo */.Z.agentsOfConvo(convo)[0];
-    let agents = util/* default.map */.Z.map(agentids, id => agentM[id] || {
+    let agentids = util/* default */.c.map(ags, m => m.id);
+    agentids = agentids || util/* default */.c.agentsOfConvo(convo)[0];
+    let agents = util/* default */.c.map(agentids, id => agentM[id] || {
       avatar_url: Widget_defaultAvatar,
       fullname: 'Offline Agent'
     });
-    var name = util/* default.each */.Z.each(agents, ag => ag.fullname).join(', ');
+    var name = util/* default */.c.each(agents, ag => ag.fullname).join(', ');
     if (accountSetting.hide_agent_profile || !name) name = this.props.store.matchAccount().name;
     if (!name) name = this.props.t('agent');
     var $you = null;
     if (convo.lastSenderType === 'user') {
       $you = (0,preact_module.h)("span", null, this.props.t('you'), ":");
     }
-    let seen = util/* default.isConvoSeen */.Z.isConvoSeen(convo, this.props.store.matchUser().id);
+    let seen = util/* default */.c.isConvoSeen(convo, this.props.store.matchUser().id);
     var lastmsg = this.renderMessagePreview(convo.last_message_sent);
-    var time = util/* default.getMs */.Z.getMs(util/* default.get */.Z.get(convo, 'last_message_sent.created')) || util/* default.getMs */.Z.getMs(convo.created);
+    var time = util/* default */.c.getMs(util/* default */.c.get(convo, 'last_message_sent.created')) || util/* default */.c.getMs(convo.created);
     let $unread = seen ? null : (0,preact_module.h)("div", {
       class: "convo-list--item-unread"
     });
@@ -6129,23 +6145,23 @@ class Widget extends common/* Com */.up {
   }
   agentsOfConvo(convo) {
     let agentM = this.props.store.matchAgent('*');
-    var agentids = util/* default.agentsOfConvo */.Z.agentsOfConvo(convo, true);
-    return util/* default.map */.Z.map(agentids, id => agentM[id] || {
+    var agentids = util/* default */.c.agentsOfConvo(convo, true);
+    return util/* default */.c.map(agentids, id => agentM[id] || {
       avatar_url: Widget_defaultAvatar,
       fullname: 'Offline Agent'
     });
   }
   renderMessagePreview(ev) {
     let defmsg = this.props.t('sent_you_a_message');
-    let message = util/* default.get */.Z.get(ev, 'data.message.text');
-    var format = util/* default.get */.Z.get(ev, 'data.message.format');
+    let message = util/* default */.c.get(ev, 'data.message.text');
+    var format = util/* default */.c.get(ev, 'data.message.format');
     if (format !== 'plaintext') message = defmsg;
-    if (!message && util/* default.size */.Z.size(util/* default.get */.Z.get(ev, 'data.message.attachments')) > 0) message = defmsg;
+    if (!message && util/* default */.c.size(util/* default */.c.get(ev, 'data.message.attachments')) > 0) message = defmsg;
     if (!message) return null;
-    let byType = util/* default.get */.Z.get(ev, 'by.type');
+    let byType = util/* default */.c.get(ev, 'by.type');
     return (0,preact_module.h)("div", {
       class: "convo-list--convo-last-mes"
-    }, util/* default.map */.Z.map(util/* default.extractText */.Z.extractText(message), tag => {
+    }, util/* default */.c.map(util/* default */.c.extractText(message), tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -6157,19 +6173,19 @@ class Widget extends common/* Com */.up {
     var convo = this.props.store.matchConvo(cid) || {};
     let user = this.props.store.matchUser();
     if (this.userSent[cid]) return true;
-    let joined = util/* default.find */.Z.find(convo.members, mem => mem.id === user.id && (mem.membership === 'active' || mem.last_sent > 0));
+    let joined = util/* default */.c.find(convo.members, mem => mem.id === user.id && (mem.membership === 'active' || mem.last_sent > 0));
     return joined;
   }
   hasSentMessage(cid) {
     let convo = this.props.store.matchConvo(cid) || {};
-    let joined = util/* default.find */.Z.find(convo.members, mem => {
+    let joined = util/* default */.c.find(convo.members, mem => {
       if (mem.type === 'bot') return true;
       return mem.last_sent;
     });
     return joined;
   }
   isOffline(acc, accSetting) {
-    let enableWhen = util/* default.get */.Z.get(accSetting, 'offline_form.enable_when');
+    let enableWhen = util/* default */.c.get(accSetting, 'offline_form.enable_when');
     let isonline = true;
     if (enableWhen === 'all_agents_offline') isonline = acc.is_online;
     if (enableWhen === 'out_of_bussiness_hour') isonline = acc.is_in_business_hour;
@@ -6179,8 +6195,8 @@ class Widget extends common/* Com */.up {
     let form;
     let accountSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
-    if (util/* default.get */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default.get */.Z.get(accountSetting, 'offline_form.enabled');
+    if (util/* default */.c.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.c.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
     }
@@ -6190,23 +6206,23 @@ class Widget extends common/* Com */.up {
     if (this.props.view === 'prechat_form') {
       form = accountSetting.prechat_form;
     }
-    if (util/* default.size */.Z.size(form) === 0) return [];
+    if (util/* default */.c.size(form) === 0) return [];
     var data = {};
-    util/* default.each */.Z.each(form.fields, f => {
+    util/* default */.c.each(form.fields, f => {
       var newf = Object.assign({}, f);
       if (f.type === 'list') {
         newf.list = f.list;
       }
-      newf.label = this.props.t.i18n(util/* default.get */.Z.get(f, `i18n_label`, {})) || f.label;
+      newf.label = this.props.t.i18n(util/* default */.c.get(f, `i18n_label`, {})) || f.label;
       data['attr:' + f.key] = newf;
     });
-    if (form.group_required && util/* default.size */.Z.size(form.groups) > 0) {
+    if (form.group_required && util/* default */.c.size(form.groups) > 0) {
       data['group'] = {
         key: 'group',
         is_required: !!form.group_required,
-        label: this.props.t.i18n(util/* default.get */.Z.get(form, `i18n_group_label`, {})) || form.group_label,
+        label: this.props.t.i18n(util/* default */.c.get(form, `i18n_group_label`, {})) || form.group_label,
         type: 'group',
-        list: util/* default.map */.Z.map(form.groups, group => ({
+        list: util/* default */.c.map(form.groups, group => ({
           value: group.id,
           label: group.name
         }))
@@ -6215,7 +6231,7 @@ class Widget extends common/* Com */.up {
     data['question'] = {
       key: 'question',
       is_required: true,
-      label: this.props.t.i18n(util/* default.get */.Z.get(form, `i18n_question_label`, {})) || form.question_label,
+      label: this.props.t.i18n(util/* default */.c.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text'
     };
     if (this.isFormChanged(this.state.formData, data)) {
@@ -6229,38 +6245,44 @@ class Widget extends common/* Com */.up {
     let newKeys = Object.keys(newForm);
     if (oldKeys.length !== newKeys.length) return true;
     for (let i = 0; i < oldKeys.length; i++) {
-      if (util/* default.get */.Z.get(oldForm, `${oldKeys[i]}.label`) !== util/* default.get */.Z.get(newForm, `${newKeys[i]}.label`)) return true;
-      if (util/* default.get */.Z.get(oldForm, `${oldKeys[i]}.is_required`) !== util/* default.get */.Z.get(newForm, `${newKeys[i]}.is_required`)) return true;
-      if (util/* default.stringify */.Z.stringify(util/* default.get */.Z.get(oldForm, `${oldKeys[i]}.list`)) !== util/* default.stringify */.Z.stringify(util/* default.get */.Z.get(newForm, `${newKeys[i]}.list`))) {
+      if (util/* default */.c.get(oldForm, `${oldKeys[i]}.label`) !== util/* default */.c.get(newForm, `${newKeys[i]}.label`)) return true;
+      if (util/* default */.c.get(oldForm, `${oldKeys[i]}.is_required`) !== util/* default */.c.get(newForm, `${newKeys[i]}.is_required`)) return true;
+      if (util/* default */.c.stringify(util/* default */.c.get(oldForm, `${oldKeys[i]}.list`)) !== util/* default */.c.stringify(util/* default */.c.get(newForm, `${newKeys[i]}.list`))) {
         return true;
       }
     }
     return false;
   }
   fillForm(form) {
-    if (util/* default.size */.Z.size(form) === 0) return [];
+    if (util/* default */.c.size(form) === 0) return [];
     var data = {};
     let user = this.props.store.matchUser();
-    util/* default.each */.Z.each(form.fields, f => {
+    util/* default */.c.each(form.fields, f => {
       var newf = Object.assign({}, f);
-      newf.value = util/* default.getUserAttr */.Z.getUserAttr(user, f.key, f.type);
+      newf.value = util/* default */.c.getUserAttr(user, f.key, f.type);
+      if (newf.key == 'emails' && !newf.value) {
+        newf.value = util/* default */.c.getUserAttr(user, 'related_email', 'text');
+      }
+      if (newf.key == 'phones' && !newf.value) {
+        newf.value = util/* default */.c.getUserAttr(user, 'related_phone', 'text');
+      }
       if (f.type === 'boolean' && !newf.value) newf.value = false;
       if (f.type === 'datetime' && newf.value) {
-        newf.value = new util/* default.Date */.Z.Date(data.value).toLocaleDateString('en-CA');
+        newf.value = new util/* default */.c.Date(data.value).toLocaleDateString('en-CA');
       }
       if (f.type === 'list') {
         newf.list = f.list;
       }
-      newf.label = this.props.t.i18n(util/* default.get */.Z.get(f, `i18n_label`, {})) || f.label;
+      newf.label = this.props.t.i18n(util/* default */.c.get(f, `i18n_label`, {})) || f.label;
       data['attr:' + f.key] = newf;
     });
-    if (form.group_required && util/* default.size */.Z.size(form.groups) > 0) {
+    if (form.group_required && util/* default */.c.size(form.groups) > 0) {
       data['group'] = {
         key: 'group',
         is_required: !!form.group_required,
-        label: this.props.t.i18n(util/* default.get */.Z.get(form, `i18n_group_label`, {})) || form.group_label,
+        label: this.props.t.i18n(util/* default */.c.get(form, `i18n_group_label`, {})) || form.group_label,
         type: 'group',
-        list: util/* default.map */.Z.map(form.groups, group => ({
+        list: util/* default */.c.map(form.groups, group => ({
           value: group.id,
           label: group.name
         }))
@@ -6269,7 +6291,7 @@ class Widget extends common/* Com */.up {
     return data;
   }
 }
-class FormMounter extends common/* Com */.up {
+class FormMounter extends common/* Com */.Sq {
   componentDidMount() {
     this.props.onMount(this.props.form);
   }
@@ -6283,23 +6305,23 @@ function Widget_encode(key) {
-let main_promiseMainCSS = (() => __webpack_require__.e(/* import() */ 178).then(__webpack_require__.bind(__webpack_require__, 178)))();
-class Main extends common/* Com */.up {
+let main_promiseMainCSS = (() => __webpack_require__.e(/* import() */ 176).then(__webpack_require__.bind(__webpack_require__, 6176)))();
+class Main extends common/* Com */.Sq {
   constructor(props) {
     super(props);
-    this.refButton = (0,preact_module/* createRef */.Vf)();
-    this.refWidget = (0,preact_module/* createRef */.Vf)();
+    this.refButton = (0,preact_module/* createRef */.Yn)();
+    this.refWidget = (0,preact_module/* createRef */.Yn)();
   }
   async refreshCSS() {
     let plugins = this.props.store.matchPlugin();
-    let found = util/* default.find */.Z.find(plugins, plugin => plugin.id === this.props.plugin.id);
+    let found = util/* default */.c.find(plugins, plugin => plugin.id === this.props.plugin.id);
     if (!found) return;
     let css = (await main_promiseMainCSS).default.default.toString();
-    var outcss = util/* default.replaceCssVariable */.Z.replaceCssVariable(css, found.chatbox);
-    util/* default.setCss */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
+    var outcss = util/* default */.c.replaceCssVariable(css, found.chatbox);
+    util/* default */.c.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
   componentWillUnmount() {
-    util/* default.setCss */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
+    util/* default */.c.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
@@ -6335,7 +6357,7 @@ class Main extends common/* Com */.up {
   }
   render() {
     if (!this.state.cssready) return null;
-    if (util/* default.isUserBanned */.Z.isUserBanned(this.props.store.matchUser())) return null;
+    if (util/* default */.c.isUserBanned(this.props.store.matchUser())) return null;
     if (!this.props.t) return null;
     return (0,preact_module.h)("div", {
       class: this.props.store.isMobile() ? 'mobile' : 'desktop'
@@ -6369,10 +6391,10 @@ class Main extends common/* Com */.up {
     if ($widget.wasFormInputed) return;
     if (ev.type !== 'message_sent') return;
     if (!this.state.isShowWidget) return;
-    let byType = util/* default.get */.Z.get(ev, 'by.type');
-    let byid = util/* default.get */.Z.get(ev, 'by.id') || '';
+    let byType = util/* default */.c.get(ev, 'by.type');
+    let byid = util/* default */.c.get(ev, 'by.id') || '';
     if (!byid.startsWith('bb') || byType !== 'agent') return;
-    let cid = util/* default.get */.Z.get(ev, 'data.message.conversation_id');
+    let cid = util/* default */.c.get(ev, 'data.message.conversation_id');
     if (!cid) return;
     this.showWidget({
       cid,
@@ -6384,7 +6406,7 @@ class Main extends common/* Com */.up {
     if (this.props.plugin._no_auto_expand) return;
     if (this.props.store.matchHasManuallyClosed()) return;
     let convoM = this.props.store.matchConvo('*');
-    let redconvo = util/* default.find */.Z.find(convoM, convo => !util/* default.isConvoSeen */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
+    let redconvo = util/* default */.c.find(convoM, convo => !util/* default */.c.isConvoSeen(convo, this.props.store.matchUser().id));
     if (!redconvo || !redconvo.id) return;
     if (!this.state.isShowWidget) this.showWidget({
       view: 'chat',
@@ -6402,14 +6424,14 @@ class Main extends common/* Com */.up {
     this.refButton.current && this.refButton.current.ClearPreview();
     if (!p.view) {
       let lastview = this.props.store.matchLastview() || {};
-      p.view = util/* default.get */.Z.get(lastview, 'view');
-      p.cid = util/* default.get */.Z.get(lastview, 'opts.cid');
+      p.view = util/* default */.c.get(lastview, 'view');
+      p.cid = util/* default */.c.get(lastview, 'opts.cid');
     }
     p = p || {};
     if (!p.view && !p.cid) {
       let convoM = this.props.store.matchConvo('*');
-      let redconvo = util/* default.find */.Z.find(convoM, convo => !util/* default.isConvoSeen */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
-      p.cid = util/* default.get */.Z.get(redconvo, 'id', util/* default.get */.Z.get(convoM, '0.id'));
+      let redconvo = util/* default */.c.find(convoM, convo => !util/* default */.c.isConvoSeen(convo, this.props.store.matchUser().id));
+      p.cid = util/* default */.c.get(redconvo, 'id', util/* default */.c.get(convoM, '0.id'));
       p.view = 'chat';
     }
     if (this.props.store.isMobile()) modifyViewport();
@@ -6447,11 +6469,13 @@ class Main extends common/* Com */.up {
 }
 function restoreViewport() {
   if (document.body && document.body.classList) document.body.classList.remove('sbz_no_scroll');
+  if (document.documentElement && document.documentElement.classList) document.documentElement.classList.remove('sbz_no_scroll');
   let metatag = document.getElementById('subiz-meta-viewport');
   if (metatag) metatag.remove();
 }
 function modifyViewport() {
   if (document.body && document.body.classList) document.body.classList.add('sbz_no_scroll');
+  if (document.documentElement && document.documentElement.classList) document.documentElement.classList.add('sbz_no_scroll');
   let metatag = document.createElement('meta');
   metatag.httpEquiv = 'X-UA-Compatible';
   metatag.name = 'viewport';
@@ -6462,196 +6486,196 @@ function modifyViewport() {
 /***/ }),
-/***/ 6755:
+/***/ 5671:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/bubble_default.7d5e4ab.svg";
 /***/ }),
-/***/ 8712:
+/***/ 744:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/caret.998eb8f.svg";
 /***/ }),
-/***/ 6188:
+/***/ 5580:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/convos_empty.2353007.svg";
 /***/ }),
-/***/ 9270:
+/***/ 4824:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/default.06e6ee0.jpg";
 /***/ }),
-/***/ 4761:
+/***/ 9460:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/default_avatar.5b74dc1.png";
 /***/ }),
-/***/ 8909:
+/***/ 5856:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/done_gray.d7e8203.svg";
 /***/ }),
-/***/ 763:
+/***/ 4548:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/done_green.b817fd4.svg";
 /***/ }),
-/***/ 29:
+/***/ 2160:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/empty.29bed2d.svg";
 /***/ }),
-/***/ 6825:
+/***/ 1020:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/empty_1.0b98af0.svg";
 /***/ }),
-/***/ 8453:
+/***/ 928:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/external-link.90577cc.svg";
 /***/ }),
-/***/ 1473:
+/***/ 3964:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/ghn.070f8e3.svg";
 /***/ }),
-/***/ 6890:
+/***/ 9256:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/ghtk.326eac1.svg";
 /***/ }),
-/***/ 9895:
+/***/ 6980:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/image_default.be0698b.png";
 /***/ }),
-/***/ 9256:
+/***/ 3576:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/info.ebce7ea.svg";
 /***/ }),
-/***/ 5770:
+/***/ 5616:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/loader.37000a7.svg";
 /***/ }),
-/***/ 6484:
+/***/ 8860:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/loading_static.a27f0ac.svg";
 /***/ }),
-/***/ 6071:
+/***/ 864:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/not_found_search.2ddb8d1.png";
 /***/ }),
-/***/ 25:
+/***/ 8224:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/package.8d37d0f.svg";
 /***/ }),
-/***/ 1216:
+/***/ 7848:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/package_fade.763c001.svg";
 /***/ }),
-/***/ 6535:
+/***/ 2672:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/rating--average.1ea492c.svg";
 /***/ }),
-/***/ 3824:
+/***/ 1240:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/rating--great.e3d712e.svg";
 /***/ }),
-/***/ 8367:
+/***/ 5168:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/rating--poor.2938a25.svg";
 /***/ }),
-/***/ 636:
+/***/ 6528:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/search.f9705ff.svg";
 /***/ }),
-/***/ 9737:
+/***/ 7808:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/send.6db52a9.svg";
 /***/ }),
-/***/ 6180:
+/***/ 428:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/shop.f7dc7d8.svg";
 /***/ }),
-/***/ 750:
+/***/ 6083:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/shop_faded.df7845a.svg";
 /***/ }),
-/***/ 8430:
+/***/ 2560:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/subiz-mono.877e9f5.svg";
 /***/ }),
-/***/ 2514:
+/***/ 7400:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 module.exports = __webpack_require__.p + "assets/img/x.26fdfa3.svg";