npm - @subiz/widget-v4 - Versions diffs - 4.1.49 → 4.1.51 - Mend

@subiz/widget-v4 4.1.49 → 4.1.51

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 (44) hide show

package/compiled_src/lib.js +8 -0
package/compiled_src/plugin.js +2 -1
package/dist/178.js +1 -1
package/dist/18c1a2c5a7f.178.js +1 -0
package/dist/18c1a2c5a7f.213.js +1 -0
package/dist/18c1a2c5a7f.335.js +1 -0
package/dist/{18a02a9c54e.362.js → 18c1a2c5a7f.362.js} +1 -1
package/dist/18c1a2c5a7f.605.js +1 -0
package/dist/{18a02a9c54e.782.js → 18c1a2c5a7f.782.js} +1 -1
package/dist/18c1a2c5a7f.841.js +1 -0
package/dist/18c1a2c5a7f.app.js +1 -0
package/dist/{18a02a9c54e.index.html → 18c1a2c5a7f.index.html} +4 -4
package/dist/{18a02a9c54e.library.html → 18c1a2c5a7f.library.html} +4 -4
package/dist/18c1a2c5a7f.library.js +1 -0
package/dist/{18a02a9c54e.preview.html → 18c1a2c5a7f.preview.html} +1 -1
package/dist/18c1a2c5a7f.preview.js +1 -0
package/dist/18c1a2c5a7f.screenshoot.js +1 -0
package/dist/18c1a2c5a7f.webview.js +1 -0
package/dist/213.js +118 -102
package/dist/335.js +25 -25
package/dist/362.js +1 -1
package/dist/605.js +50 -50
package/dist/782.js +1 -1
package/dist/{132.js → 841.js} +637 -628
package/dist/HASH +1 -1
package/dist/malicious-app.js +8 -3
package/dist/screenshoot.html +1 -1
package/dist/screenshoot.js +452 -430
package/package.json +11 -12
package/src/lib.js +3 -0
package/src/plugin.js +2 -1
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.441.js +0 -1
package/dist/18a02a9c54e.605.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/{18a02a9c54e.678.js → 18c1a2c5a7f.678.js} +0 -0

package/dist/{132.js → 841.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([[841],{
-/***/ 8132:
+/***/ 8841:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 "use strict";
@@ -25,7 +25,7 @@ var preact_module = __webpack_require__(6400);
 class Emoji extends common/* Com */.up {
   render() {
     var emojiCode = this.props.emojiCode;
-    if (util/* default.size */.Z.size(emojiCode) < 3) return null;
+    if (util/* default */.Z.size(emojiCode) < 3) return null;
     var emojiText = emojiCode.replace(/:/g, '');
     return (0,preact_module.h)("i", {
       "data-tooltip": emojiCode,
@@ -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 */.Z.get(ev, 'type') !== 'message_sent') return;
+      let bytype = util/* default */.Z.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 */.Z.map(util/* default */.Z.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 */.Z.cloneDeep(chatbox);
+    if (util/* default */.Z.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 */.Z.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 */.Z.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 */.Z.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 */.Z.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 */.Z.get(accountSetting, 'mobile_button.position') || position;
+      let hiddenButtonMobile = util/* default */.Z.get(accountSetting, 'mobile_button.hidden');
       if (hiddenButtonMobile) return null;
     }
-    let hiddenButtonDesktop = util/* default.get */.Z.get(accountSetting, 'desktop_button.hidden');
+    let hiddenButtonDesktop = util/* default */.Z.get(accountSetting, 'desktop_button.hidden');
     if (hiddenButtonDesktop) return null;
     let cls = 'widget-layout widget-layout--' + position;
     let opacity = this.state.opacity;
@@ -111,11 +111,11 @@ class ChatButton extends common/* Com */.up {
     });
   }
   ShowGreeting() {
-    let greeting = util/* default.get */.Z.get(this.props.plugin, 'chatbox.greeting', {});
+    let greeting = util/* default */.Z.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 */.Z.get(greeting, 'greeting', {})) || greeting.message;
     this.setState({
       previewEvent: {
         by: {
@@ -139,9 +139,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 */.Z.Date().getTime() - this.props.store.matchClosePreviewAt() < Ms30Mins) return;
+    let greeting = util/* default */.Z.get(accountSetting, 'greeting', {});
+    let text = this.props.t.i18n(util/* default */.Z.get(greeting, 'greeting', {})) || greeting.message;
     if (!text || !greeting.enabled) {
       this.setState({
         previewEvent: {}
@@ -152,8 +152,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 */.Z.get(lastview, 'view')) {
+      if (lastview.view !== 'list' || util/* default */.Z.size(this.props.store.matchConvo('*')) > 0) {
         return this.props.onClick && this.props.onClick(Object.assign({}, lastview.opts, {
           view: lastview.view
         }));
@@ -162,10 +162,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 */.Z.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 */.Z.map(this.props.store.matchConvo('*'));
+      let convo = util/* default */.Z.find(convos, convo => !util/* default */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
       if (!convo) convo = convos[0] || {};
       cid = convo.id;
     }
@@ -185,13 +185,13 @@ 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 */.Z.get(this.state.previewEvent, 'by.display_id', util/* default */.Z.get(this.state.previewEvent, 'by.id'));
+    let agent = util/* default */.Z.cloneDeep(this.props.store.matchAgent(byid)) || {};
+    agent.fullname = agent.fullname || util/* default */.Z.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 */.Z.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 */.Z.get(accountSetting, 'mobile_button.position') || position;
     }
     if (accountSetting && accountSetting.hide_agent_profile) {
       agent = Object.assign({}, account, {
@@ -202,7 +202,7 @@ class ChatButton extends common/* Com */.up {
     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 */.Z.size(tags) === 0) cls += ' widget-preview--hidden';
     return (0,preact_module.h)("div", {
       class: cls
     }, (0,preact_module.h)("div", {
@@ -245,16 +245,16 @@ 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 */.Z.get(accountSetting, 'desktop_button.background_image_url') || util/* default */.Z.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
+    let background = util/* default */.Z.get(accountSetting, 'background') || DEF_BG;
+    let position = util/* default */.Z.get(accountSetting, 'desktop_button.position') || 'right';
+    let imgurl = util/* default */.Z.get(accountSetting, 'desktop_button.background_image_url');
+    let maskurl = util/* default */.Z.get(accountSetting, 'desktop_button.background_mask_url');
     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 */.Z.get(accountSetting, 'mobile_button.background_image_url') || util/* default */.Z.get(accountSetting, 'mobile_button.background_mask_url') || imgsrc;
+      position = util/* default */.Z.get(accountSetting, 'mobile_button.position') || position;
+      let mobileimgurl = util/* default */.Z.get(accountSetting, 'mobile_button.background_image_url');
+      let mobilemaskurl = util/* default */.Z.get(accountSetting, 'mobile_button.background_mask_url');
       if (mobileimgurl || mobilemaskurl) {
         imgurl = mobileimgurl;
         maskurl = mobilemaskurl;
@@ -350,14 +350,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 */.Z.get(ev, 'data.message.text');
+    var format = util/* default */.Z.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 */.Z.size(util/* default */.Z.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 */.Z.get(ev, 'by.type');
+    var tags = util/* default */.Z.extractText(message).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -368,17 +368,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 */.Z.get(ev, 'data.message.quill_delta');
+    if (!message && util/* default */.Z.size(util/* default */.Z.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 */.Z.parseJSON(message) || {};
+    if (!quilldeltas || util/* default */.Z.size(quilldeltas.ops) === 0) return null;
+    let $deltas = util/* default */.Z.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 */.Z.get(insert, 'dynamicField.text', '');
       }
       if (insert.emoji) return (0,preact_module.h)(Emoji, {
         emojiCode: `:${insert.emoji}:`
@@ -403,8 +403,8 @@ 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 */.Z.filter(agentM, ag => ag.type === 'agent');
+  return agents[Math.floor(Math.random() * util/* default */.Z.size(agents))] || {};
 }
 const Ms30Mins = 30 * 60 * 1000;
 const DEF_BG_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
@@ -420,20 +420,20 @@ class PoweredBy extends common/* Com */.up {
   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"));
   }
 }
@@ -466,17 +466,17 @@ class AgentsAvatar extends common/* Com */.up {
       })));
     }
     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 */.Z.map(this.props.agent_ids, id => agentM[id]);
+    if (this.props.agent_ids === undefined || util/* default */.Z.size(this.props.agent_ids) === 0) {
+      var agids = util/* default */.Z.get(accountSetting, 'header.agent_ids', []);
+      agids = util/* default */.Z.filter(agids, id => !!agentM[id]);
       if (agids.length !== 0) {
-        agents = util/* default.map */.Z.map(agids, id => agentM[id]);
+        agents = util/* default */.Z.map(agids, id => agentM[id]);
       } else {
-        agents = util/* default.filter */.Z.filter(agentM, agent => agent.type === 'agent');
+        agents = util/* default */.Z.filter(agentM, agent => agent.type === 'agent');
       }
     }
-    agents = util/* default.filter */.Z.filter(agents, ag => !!ag);
+    agents = util/* default */.Z.filter(agents, ag => !!ag);
     if (agents.length === 0) {
       return (0,preact_module.h)("div", {
         class: `group-avatar group-avatar--${mode}`
@@ -590,7 +590,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 */.Z.get(accSetting, 'header.layout');
     let renderCollapsed = this.props.view !== 'list' && headerMode === 'collapsed';
     let renderClassic = !renderCollapsed && layout === 'classic';
     if (renderCollapsed || layout == 'classic') {
@@ -608,9 +608,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 */.Z.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 */.Z.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 +636,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 */.Z.get(accSetting, 'header.links') || [];
+    let $links = util/* default */.Z.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 +650,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 */.Z.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 */.Z.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text
       });
@@ -681,7 +680,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 */.Z.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 +691,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 */.Z.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 */.Z.extractText(teamintro).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text
       });
@@ -728,19 +727,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 */.Z.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 */.Z.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 */.Z.map(allconvos, convo => {
       if (convo.id == this.props.cid) return;
-      if (!util/* default.isConvoSeen */.Z.isConvoSeen(convo, user.id)) unreadcount++;
+      if (!util/* default */.Z.isConvoSeen(convo, user.id)) unreadcount++;
     });
     if (unreadcount !== 0) {
       $unreadcount = (0,preact_module.h)("span", {
@@ -779,14 +778,14 @@ 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 */.Z.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 */.Z.filter(agents, agent => util/* default */.Z.trim(agent.fullname));
   if (!agents.length) return null;
-  return util/* default.map */.Z.map(agents, agent => agent.fullname).join(', ');
+  return util/* default */.Z.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; }
@@ -799,22 +798,22 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 class MessageInput extends common/* Com */.up {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onEnter", util/* default.throttle */.Z.throttle(function () {
+    _defineProperty(this, "onEnter", util/* default */.Z.throttle(function () {
       this.submitMessage();
     }, 50));
     this.refFileInput = (0,preact_module/* createRef */.Vf)();
     this.refMessageInput = (0,preact_module/* createRef */.Vf)();
     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 */.Z.convoOfEv(ev);
       if (evcid !== this.props.cid) return;
       this.forceUpdate();
     });
     this.focus();
-    this._forceUpdate = util/* default.throttle */.Z.throttle(() => {
+    this._forceUpdate = util/* default */.Z.throttle(() => {
       this.forceUpdate();
     }, 500);
-    this.resizeInput = util/* default.throttle */.Z.throttle(function () {
+    this.resizeInput = util/* default */.Z.throttle(function () {
       const input = this.refMessageInput.current;
       input.style.setProperty('height', '1em', 'important');
       const height = Math.min(200, input.scrollHeight);
@@ -834,7 +833,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 */.Z.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 +872,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 */.Z.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 */.Z.orderBy(events, 'created', 'desc').filter(ev => ev.type === 'message_sent');
+    let attachments = util/* default */.Z.get(events[0], 'data.message.attachments', []);
+    let lock = util/* default */.Z.find(attachments, att => util/* default */.Z.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 */.Z.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 */.Z.get(last_agent_sent, 'data.message.attachments', []);
+    let pendingForms = util/* default */.Z.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 */.Z.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 */.Z.size(pendingForms) > 0;
   }
   renderEmojiPopup() {
     if (!this.state.openEmoji) return null;
@@ -1000,10 +999,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 */.Z.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     });
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       this.refMessageInput.current && this.refMessageInput.current.focus();
     }, 100);
   }
@@ -1053,9 +1052,9 @@ class MessageInput extends common/* Com */.up {
     $input.value = '';
   }
   _sendFile(files) {
-    if (util/* default.size */.Z.size(files) === 0) return;
+    if (util/* default */.Z.size(files) === 0) return;
     if (this.props.disabled) return;
-    let attachments = util/* default.map */.Z.map(files, file => {
+    let attachments = util/* default */.Z.map(files, file => {
       return {
         type: 'file',
         mimetype: file.type,
@@ -1069,7 +1068,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 */.Z.trim(this.refMessageInput.current.value) || '';
     if (!msg) return;
     if (this.props.disabled) return;
     this.refMessageInput.current.value = '';
@@ -1088,7 +1087,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 */.Z.Date();
     let year = now.getFullYear();
     let month = now.getMonth() + 1;
     let date = now.getDate();
@@ -1110,24 +1109,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 */.Z.get(form, 'fields') || [];
+  return util/* default */.Z.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(arg) { var key = ImageAttachments_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function ImageAttachments_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); }
 class ImageAttachment extends common/* Com */.up {
   constructor(props) {
     super(props);
+    ImageAttachments_defineProperty(this, "containerRef", (0,preact_module/* createRef */.Vf)());
+    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 */.Z.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__(9270);
+      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 */.Z.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 */.Z.get(this.props.ev, 'by.type');
+    util/* default */.Z.each(attachments, (att, i) => {
       if (!att) return;
-      if (!util/* default.includes */.Z.includes(att.mimetype, 'image')) return;
+      if (!util/* default */.Z.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 +1235,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 */.Z.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);
     }
   }
@@ -1167,15 +1258,15 @@ class AudioAttachments extends common/* Com */.up {
     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 */.Z.get(this.props.ev, 'by.type');
+    var attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments', []);
     var audios = [];
-    util/* default.each */.Z.each(attachments, (att, i) => {
+    util/* default */.Z.each(attachments, (att, i) => {
       if (!att) return;
-      if (util/* default.includes */.Z.includes(att.mimetype, 'audio')) audios.push(att);
+      if (util/* default */.Z.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 */.Z.map(audios, (audio, index) => {
       return (0,preact_module.h)("div", {
         key: index,
         class: `audio-attachment audio-attachment--${byType}`
@@ -1198,18 +1289,18 @@ class AudioAttachments extends common/* Com */.up {
 class FileAttachments extends common/* Com */.up {
   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 */.Z.get(this.props.ev, 'by.type', 'agent');
+    var attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments', []);
     var files = [];
-    util/* default.each */.Z.each(attachments, att => {
+    util/* default */.Z.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 */.Z.includes(att.mimetype, 'video') && !util/* default */.Z.includes(att.mimetype, 'audio') && !util/* default */.Z.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 */.Z.map(files, (file, index) => {
       return (0,preact_module.h)("div", {
         key: index,
         class: `file-attachment file-attachment--${byType}`
@@ -1237,8 +1328,8 @@ class Buttons extends common/* Com */.up {
     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 */.Z.size(this.props.buttons) === 0) return null;
+    var $buttons = util/* default */.Z.map(this.props.buttons, (button, index) => {
       if (button.type === 'call_button') {
         return (0,preact_module.h)("a", {
           class: "url-button-attachment",
@@ -1282,13 +1373,13 @@ class ButtonAttachments extends common/* Com */.up {
     super(props);
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.Z.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 */.Z.get(this.props.ev, 'data.message.attachments', []);
+    util/* default */.Z.each(attachments, (att, i) => {
+      if (!att || util/* default */.Z.get(att, 'type') !== 'button') return;
+      util/* default */.Z.each(util/* default */.Z.get(att, 'buttons') || [], btn => buttons.push(btn));
     });
     return (0,preact_module.h)(Buttons, {
       store: this.props.store,
@@ -1306,21 +1397,21 @@ class QuickReplies extends common/* Com */.up {
     super(props);
   }
   render() {
-    if (util/* default.get */.Z.get(this.props.ev, 'by.type') === 'user') return null;
+    if (util/* default */.Z.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 */.Z.map(util/* default */.Z.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 */.Z.get(att, 'quick_replies', []);
       }
     });
-    quickreplies = util/* default.filter */.Z.filter(quickreplies, r => r.title);
+    quickreplies = util/* default */.Z.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 */.Z.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 */.Z.get(convo, 'state') === 'ended') return null;
+    let events = util/* default */.Z.map(this.props.store.listEvents(cid));
+    events = util/* default */.Z.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 +1420,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 */.Z.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 */.Z.map(quickreplies, r => (0,preact_module.h)("div", {
       class: "message_quick_reply",
       onClick: e => this.props.onSelect(r)
     }, r.title));
@@ -1353,18 +1444,18 @@ class ListField extends common/* Com */.up {
     });
   }
   render() {
-    let fields = util/* default.filter */.Z.filter(this.props.items, item => {
+    let fields = util/* default */.Z.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 */.Z.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 */.Z.map(this.props.selected, (item, i) => {
       return (0,preact_module.h)("div", {
         class: "custom-select--selected-item",
         onClick: e => this.remove(e, i)
@@ -1445,16 +1536,16 @@ class FormAttachment extends common/* Com */.up {
     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 */.Z.get(this.props.form, 'fields') || [];
+    let formData = util/* default */.Z.map(fields, field => {
       let is_required = field.is_required || false;
-      var state = util/* default.parseJSON */.Z.parseJSON(field.state) || {};
+      var state = util/* default */.Z.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 */.Z.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 */.Z.parseJSON(field.answer) || util/* default */.Z.parseJSON(field.default_answer) || userattr,
         is_required,
         label: field.title,
         type: field.input_type
@@ -1465,13 +1556,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 */.Z.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 */.Z.convoOfEv(this.props.ev));
     return convo.state === 'ended';
   }
   render() {
-    if (util/* default.size */.Z.size(this.state.formData) === 0) return null;
+    if (util/* default */.Z.size(this.state.formData) === 0) return null;
     let $fields = this.renderFields();
     let $submitbutton = null;
     if (!this.isSummited()) {
@@ -1490,11 +1581,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 */.Z.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 */.Z.size(keys) - 1];
       var lastfield = this.state.formData[lastkey];
       $field = this['field.' + encode(lastfield.name)];
     } else {
@@ -1505,20 +1596,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 */.Z.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 */.Z.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 */.Z.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 */.Z.cloneDeep(this.state.formData);
     let field = formData[index];
     field.value = field.value || [];
     field.value.push(val);
@@ -1527,7 +1618,7 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   onListRemoveItem(index, vindex) {
-    let formData = util/* default.cloneDeep */.Z.cloneDeep(this.state.formData);
+    let formData = util/* default */.Z.cloneDeep(this.state.formData);
     let field = formData[index];
     field.value = field.value || [];
     field.value.splice(vindex, 1);
@@ -1536,9 +1627,9 @@ class FormAttachment extends common/* Com */.up {
     });
   }
   renderFields() {
-    if (util/* default.size */.Z.size(this.state.formData) === 0) return null;
+    if (util/* default */.Z.size(this.state.formData) === 0) return null;
     let $fields = null;
-    $fields = util/* default.map */.Z.map(this.state.formData, (field, index) => {
+    $fields = util/* default */.Z.map(this.state.formData, (field, index) => {
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
       if (field.type === 'text') {
@@ -1614,7 +1705,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 */.Z.filter(util/* default */.Z.get(field, 'items', []), item => !selected.includes(item));
         $field = (0,preact_module.h)(ListField, {
           selected: selected,
           items: items,
@@ -1652,15 +1743,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 */.Z.map(this.state.formData, field => {
+      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.Z.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 */.Z.isEmail(field.value)) {
           field.error = this.props.t('error_email_invalid');
           hasError = true;
         }
@@ -1669,32 +1760,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 */.Z.cloneDeep(this.state.formData);
+    util/* default */.Z.map(formData, field => {
       var attr = {
         key: field.name
       };
-      field.answered = new util/* default.Date */.Z.Date().getTime();
+      field.answered = new util/* default */.Z.Date().getTime();
       if (field.type === 'number') {
         attr.number = parseInt(field.value);
-        field.answer = util/* default.stringify */.Z.stringify(attr.number);
+        field.answer = util/* default */.Z.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 */.Z.Date(field.value).toISOString();
+        field.answer = util/* default */.Z.stringify(attr.datetime);
       }
       if (field.type === 'list') {
         attr.list = field.value;
-        field.answer = util/* default.stringify */.Z.stringify(attr.list);
+        field.answer = util/* default */.Z.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 */.Z.stringify(field.value);
       }
-      util/* default.setUserAttr */.Z.setUserAttr(user, attr);
+      util/* default */.Z.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 */.Z.map(formData, field => {
+      let ffield = util/* default */.Z.find(this.props.form.fields, ffield => ffield.name === field.name);
       if (!ffield) return;
       ffield.answered = field.answered;
     });
@@ -1707,12 +1798,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 */.Z.get(this.props.ev, 'id'),
           fields: formData
         }
       }]
     };
-    let cid = util/* default.convoOfEv */.Z.convoOfEv(this.props.ev);
+    let cid = util/* default */.Z.convoOfEv(this.props.ev);
     this.props.store.sendConvoEvent(cid, 'message_sent', {
       message
     });
@@ -1732,17 +1823,17 @@ class FormAttachments extends common/* Com */.up {
     super(props);
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.Z.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 */.Z.get(this.props.ev, 'data.message.attachments') || [];
+    util/* default */.Z.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 */.Z.map(forms, (form, formIndex) => {
       return (0,preact_module.h)(FormAttachment, {
         store: this.props.store,
         onSubmit: this.props.onSubmit,
@@ -1776,14 +1867,14 @@ class FormSubmitAttachments extends common/* Com */.up {
   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 */.Z.get(this.props.ev, 'data.message.attachments') || [];
+    util/* default */.Z.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 */.Z.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);
@@ -1855,13 +1946,13 @@ class GenericTemplateAttachments extends common/* Com */.up {
     });
   }
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.Z.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 */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let generics = util/* default */.Z.filter(attachments, att => util/* default */.Z.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 */.Z.map(generics, (gen, index) => {
+      var $eles = util/* default */.Z.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", {
@@ -1888,7 +1979,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 */.Z.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';
@@ -1915,7 +2006,7 @@ 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 */.Z.map(eles, ele => bind(ele, () => {}));
   }
 }
 ;// CONCATENATED MODULE: ./src/chatbox/ProductAttachments.js
@@ -1924,19 +2015,19 @@ class GenericTemplateAttachments extends common/* Com */.up {
 class ProductAttachments extends common/* Com */.up {
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.Z.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 */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let products = util/* default */.Z.filter(attachments, att => util/* default */.Z.get(att, 'type') === 'product' || util/* default */.Z.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 */.Z.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 */.Z.size(product.buttons) == 0) $detailbtns.push((0,preact_module.h)("a", {
         class: "product_attachment__btn",
         href: url,
         target: "_blank"
@@ -1945,8 +2036,8 @@ class ProductAttachments extends common/* Com */.up {
         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 */.Z.size(product.buttons) > 0) {
+        $detailbtns = $detailbtns.concat(util/* default */.Z.map(product.buttons, (button, index) => {
           if (button.type === 'call_button') {
             return (0,preact_module.h)("a", {
               class: "product_attachment__btn",
@@ -1986,12 +2077,12 @@ 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 */.Z.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 */.Z.formatCurrency(product.price, currency));
       }
       let imgsrc = this.props.store.replaceFileUrl(product.image);
       if (!product.image) {
@@ -2018,14 +2109,14 @@ class ProductAttachments extends common/* Com */.up {
 class OrderAttachments_ProductAttachments extends common/* Com */.up {
   render() {
-    let byType = util/* default.get */.Z.get(this.props.ev, 'by.type');
+    let byType = util/* default */.Z.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 */.Z.get(this.props.ev, 'data.message.attachments', []);
+    let orders = util/* default */.Z.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 */.Z.map(orders, (order, index) => {
+      util/* default */.Z.calcOrderTotal(order);
       let $note = null;
       if (order.note) {
         $note = (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
@@ -2036,17 +2127,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 */.Z.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 */.Z.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 */.Z.get(product, 'id'),
+            src: util/* default */.Z.get(product, 'image', __webpack_require__(9270))
           }), (0,preact_module.h)("div", {
             style: "overflow: hidden !important;"
           }, (0,preact_module.h)("div", {
@@ -2054,9 +2145,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 */.Z.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 */.Z.formatCurrency(product.price))));
         }));
       }
       let $total = (0,preact_module.h)("div", {
@@ -2065,19 +2156,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 */.Z.formatCurrency(order.total)))));
+      let phoneattr = util/* default */.Z.find(util/* default */.Z.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 */.Z.get(order, 'shipping.address.phone', '').trim();
+      phone = phone || util/* default */.Z.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 */.Z.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 */.Z.displayOrderShippingAddress(order)), (0,preact_module.h)("div", {
           class: "order_attachment__text_truncate"
         }, phone));
       }
@@ -2089,11 +2180,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 */.Z.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 */.Z.formatCurrency(order._discount_before_tax))));
       }
       let $subtotal = (0,preact_module.h)("div", {
         class: "d-flex align-items-center justify-content-between"
@@ -2101,12 +2192,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 */.Z.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 */.Z.size(order._taxM) === 1) {
+          let tax = util/* default */.Z.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 +2206,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 */.Z.formatCurrency(order.total_tax)));
       }
       let $discount = null;
       if (order.discount_type === 'percentage' && order.discount_percentage) {
@@ -2125,7 +2216,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 */.Z.formatCurrency(order._computed_discount)));
       }
       if (order.discount_type === 'amount' && order.discount_amount) {
         $discount = (0,preact_module.h)("div", {
@@ -2134,17 +2225,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 */.Z.formatCurrency(order._computed_discount)));
       }
       let $shipping = null;
-      if (util/* default.get */.Z.get(order, 'shipping.nominal_fee')) {
+      if (util/* default */.Z.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 */.Z.formatCurrency(util/* default */.Z.get(order, 'shipping.nominal_fee', 0))));
       }
       let $adjustment = null;
       if (order.adjustment) {
@@ -2154,7 +2245,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 */.Z.formatCurrency(order.adjustment)));
       }
       $subtotal = (0,preact_module.h)("div", {
         class: "order_attachment__footer"
@@ -2168,7 +2259,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 */.Z.getOrderDisplayName(order))), $products, $shipto, $note, $beforeTax, $subtotal, $total);
     });
     return $orders;
   }
@@ -2182,15 +2273,15 @@ class VideoAttachments extends common/* Com */.up {
     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 */.Z.get(this.props.ev, 'by.type');
+    var attachments = util/* default */.Z.get(this.props.ev, 'data.message.attachments', []);
     var videos = [];
-    util/* default.each */.Z.each(attachments, (att, i) => {
+    util/* default */.Z.each(attachments, (att, i) => {
       if (!att) return;
-      if (util/* default.includes */.Z.includes(att.mimetype, 'video')) videos.push(att);
+      if (util/* default */.Z.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 */.Z.map(videos, (video, index) => {
       return (0,preact_module.h)("div", {
         class: `video-attachment video-attachment--${byType}`
       }, (0,preact_module.h)("video", {
@@ -2209,73 +2300,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 {
   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 */.Z.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 */.Z.get(this.props.ev, 'data.message.text');
+    text = util/* default */.Z.trim(text);
+    if (util/* default */.Z.size(text) === 0) return null;
+    let byType = util/* default */.Z.get(this.props.ev, 'by.type');
+    var tags = util/* default */.Z.extractText(text).map(tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -2299,7 +2340,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 */.Z.size(tags) === 0) return null;
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent message-text--agent"
@@ -2310,16 +2351,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 */.Z.get(this.props.ev, 'data.message.quill_delta') || util/* default */.Z.get(this.props.ev, 'data.message.text');
+    let quilldeltas = util/* default */.Z.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 */.Z.size(quilldeltas.ops) === 0) return null;
+    let $deltas = util/* default */.Z.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 */.Z.get(insert, 'dynamicField.text', '');
       }
       if (insert.mention) {
         if (insert.mention.id == '*' || insert.mention.id == 'all') {
@@ -2328,7 +2369,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 */.Z.getAgentDisplayName(ag, insert.mention.fullname);
         return (0,preact_module.h)("span", {
           class: "mention",
           "data-agent-id": ag.id,
@@ -2339,7 +2380,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 */.Z.extractText(insert).map((tag, i) => {
           if (tag.type === 'link') {
             return (0,preact_module.h)("a", {
               href: absLink(tag.text),
@@ -2363,9 +2404,9 @@ class TextMessage extends common/* Com */.up {
       }
       return null;
     });
-    let byType = util/* default.get */.Z.get(this.ev, 'by.type');
+    let byType = util/* default */.Z.get(this.ev, 'by.type');
     if (byType !== 'user') byType = 'agent';
-    if (util/* default.size */.Z.size($deltas) === 0) return null;
+    if (util/* default */.Z.size($deltas) === 0) return null;
     if (byType === 'agent') {
       return (0,preact_module.h)("div", {
         class: "message-agent message-text--agent"
@@ -2375,46 +2416,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,8 +2464,8 @@ 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 */.Z.Pubsub();
+util/* default */.Z.setInterval(() => g_pub.publish('time'), 20 * 1000);
 class Time extends common/* Com */.up {
@@ -2479,10 +2480,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 */.Z.Date().getTime()) > 86400000 * 10) {
+          let tim = new util/* default */.Z.Date(this.props.time);
           let tzyear = tim.getFullYear();
-          let locale = util/* default.get */.Z.get(navigator, 'languages.0', 'en-US');
+          let locale = util/* default */.Z.get(navigator, 'languages.0', 'en-US');
           let tzmonthname = tim.toLocaleDateString(locale, {
             month: 'short'
           });
@@ -2490,8 +2491,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 */.Z.Date().getTime());
+    } else t = util/* default */.Z.shortTime(this.props.time, this.props.tzoffset);
     if (this.props.uppercase) t = t.toUpperCase();
     if (t === this.state.t) return;
     this.setState({
@@ -2602,7 +2603,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 */.Z.get(ev, 'data.conversation.ratings.0', {
         no_rating: true,
         rating: 0
       });
@@ -2613,7 +2614,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 */.Z.get(ev, 'data.conversation.state') === 'ended') {
       return (0,preact_module.h)("div", {
         class: "convo-event"
       }, $time, (0,preact_module.h)("div", {
@@ -2647,7 +2648,7 @@ class Event extends common/* Com */.up {
     this.refForm = (0,preact_module/* createRef */.Vf)();
   }
   render() {
-    var ev = util/* default.get */.Z.get(this.props.event, 'ev', {});
+    var ev = util/* default */.Z.get(this.props.event, 'ev', {});
     switch (ev.type) {
       case 'conversation_joined':
         break;
@@ -2656,7 +2657,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 */.Z.startsWith(ev.id, 'ev')) return null;
         return (0,preact_module.h)(InfoMessage, {
           t: this.props.t,
           store: this.props.store,
@@ -2669,7 +2670,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 */.Z.get(this.props.event, 'ev', {});
     let message = {
       text: reply.title,
       format: 'plaintext'
@@ -2686,7 +2687,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 */.Z.get(this.props.event, 'ev', {});
     let message = {
       text: button.title,
       format: 'plaintext'
@@ -2703,13 +2704,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 */.Z.get(ev, 'by.type');
+    let byid = util/* default */.Z.get(ev, 'by.display_id', util/* default */.Z.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')) {
+    if (util/* default */.Z.get(this.props, 'chatbox.hide_agent_profile')) {
       return (0,preact_module.h)("div", {
         class: "message-sender"
       }, (0,preact_module.h)("img", {
@@ -2722,7 +2723,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 */.Z.get(agentM[byid], 'avatar_url') || acc.logo_url || __webpack_require__(4761);
     }
     return (0,preact_module.h)("div", {
       class: "message-sender"
@@ -2744,8 +2745,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 */.Z.Date(ev.created).toLocaleString();
+    if (util/* default */.Z.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 +2802,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 */.Z.getMsgField(ev, 'idempotency') === ev.id && this.props.store.now() - ev.created < 900) {
+      util/* default */.Z.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 */.Z.getMsgField(ev, 'idempotency') !== ev.id) {
       $dot = (0,preact_module.h)("div", {
         class: "sending_dot sending_dot__hide"
       });
@@ -2873,7 +2874,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 */.Z.get(ev, 'data.conversation.state');
     if (state === 'active') return null;
     if (state === 'pending') return null;
     return (0,preact_module.h)("div", {
@@ -2883,18 +2884,18 @@ 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 */.Z.convoOfEv(this.props.event.ev);
+    const message = util/* default */.Z.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 */.Z.get(ev, 'by.type');
+    let byid = util/* default */.Z.get(ev, 'by.display_id', util/* default */.Z.get(ev, 'by.id'));
+    if (bytype === 'user') return util/* default */.Z.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 */.Z.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
     if (byid === 'system' || bytype === 'dummy' || bytype === 'workflow') return acc.name || 'system';
     return '';
   }
@@ -2941,7 +2942,7 @@ class Events extends common/* Com */.up {
     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 */.Z.throttle(() => {
       if (this.props.isShow && this.isBottom() && this.props.store.browserVisibility === 'visible' && document.hasFocus()) {
         this.props.store.seenConvo(this.props.cid);
       }
@@ -2953,8 +2954,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 */.Z.map(this.props.store.listEvents(this.props.cid));
+    if (!this.state.loading && util/* default */.Z.size(events) === 0) {
       return (0,preact_module.h)("div", {
         ref: ref => this.refBody = ref,
         class: "widget-body--events-container"
@@ -2968,13 +2969,13 @@ class Events extends common/* Com */.up {
         store: this.props.store
       }));
     }
-    events = util/* default.orderBy */.Z.orderBy(events, 'created', 'asc');
+    events = util/* default */.Z.orderBy(events, 'created', 'asc');
     let convo = this.props.store.matchConvo(this.props.cid);
-    events = util/* default.map */.Z.map(events, ev => ({
+    events = util/* default */.Z.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 */.Z.map(events, ev => (0,preact_module.h)(Event, {
       chatbox: this.props.chatbox,
       onLink: this.props.onLink,
       store: this.props.store,
@@ -2990,7 +2991,7 @@ 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 */.Z.get(this.props.chatbox, 'primary_color', 'dark'),
         size: "120",
         center: true
       });
@@ -3029,23 +3030,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 */.Z.orderBy(util/* default */.Z.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 */.Z.get(ev, 'type') !== 'message_sent') continue;
+      if (util/* default */.Z.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 */.Z.get(last_agent_sent, 'by.type') === 'user') last_agent_sent = null;
+    let attachments = util/* default */.Z.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 */.Z.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 */.Z.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 +3054,10 @@ class Events extends common/* Com */.up {
     });
   }
   onEvent(newev) {
-    if (util/* default.convoOfEv */.Z.convoOfEv(newev) !== this.props.cid) return;
+    if (util/* default */.Z.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 */.Z.get(newev, 'type') === 'message_sent' && newev.id === util/* default */.Z.getMsgField(newev, 'idempotency')) byme = true;
     if (byme || isBottom) this.scrollToBottom();
   }
   async loadConvo() {
@@ -3066,7 +3067,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 */.Z.size(events) === 0) {
       let cid = this.props.cid;
       let {
         error
@@ -3090,7 +3091,7 @@ class Events extends common/* Com */.up {
       error: false
     });
     this.scrollToBottom();
-    util/* default.setTimeout */.Z.setTimeout(() => this.setState({
+    util/* default */.Z.setTimeout(() => this.setState({
       loading: false
     }), 50);
   }
@@ -3100,11 +3101,11 @@ class Events extends common/* Com */.up {
     return $container.scrollHeight < $container.scrollTop + $container.offsetHeight + 50;
   }
   scrollToBottom() {
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     });
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       const $div = this.refBody;
       if ($div) $div.scrollTop = $div.scrollHeight;
     }, 200);
@@ -3122,13 +3123,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 */.Z.unixSec(curEvent.ev.created) - util/* default */.Z.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 */.Z.get(curEvent, 'ev.type') === 'message_sent') {
       curEvent.show_time = true;
       break;
     }
@@ -3138,7 +3139,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 */.Z.get(prevEvent, 'ev.type') === 'message_sent' && util/* default */.Z.get(prevEvent, 'ev.by.id') === util/* default */.Z.get(curEvent, 'ev.by.id')) {
         curEvent.mode = 'follow';
       }
       continue;
@@ -3146,12 +3147,12 @@ function processEvents(convo, events) {
   }
 }
 function visibleEvent(ev) {
-  let type = util/* default.get */.Z.get(ev, 'type');
+  let type = util/* default */.Z.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 */.Z.get(form, 'fields') || [];
+  return util/* default */.Z.find(fields, field => !!field.answered);
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Typing.js
@@ -3167,29 +3168,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 */.Z.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 */.Z.get(ev, 'by.id') === user.id) return;
+      let oldby = util/* default */.Z.get(this.state.ev, 'by.id');
+      if (oldby && util/* default */.Z.get(ev, 'by.id') !== oldby) return;
+      if (util/* default */.Z.get(ev, 'type') === 'message_sent') {
+        if (this.timer) util/* default */.Z.clearTimeout(this.timer);
         this.timer = null;
         this.setState({
           isShow: false
         });
         return;
       }
-      let ag = this.props.store.matchAgent(ev.by.id) || {};
+      if (util/* default */.Z.get(ev, 'type') !== 'conversation_typing') return;
+      let ag = this.props.store.matchAgent(util/* default */.Z.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 */.Z.clearTimeout(this.timer);
+      this.timer = util/* default */.Z.setTimeout(() => {
+        if (util/* default */.Z.convoOfEv(ev) !== this.props.cid) return;
         this.timer = null;
         this.setState({
           isShow: false
@@ -3200,8 +3201,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 */.Z.get(this.state.ev, 'by.display_id', util/* default */.Z.get(this.state.ev, 'by.id'));
+    let agentName = util/* default */.Z.getAgentDisplayName(account, this.props.store.matchAgent(byid));
     return (0,preact_module.h)("div", {
       class: `typing ${cls}`
     }, agentName, " ", this.props.t('typing'));
@@ -3220,7 +3221,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 */.Z.Date().getTime();
       var deltaT = t - t0;
       var [newy, done] = this.calcY(v, y0, deltaT);
       cb(newy);
@@ -3228,7 +3229,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 */.Z.Date().getTime();
       run(t0);
     });
   }
@@ -3290,7 +3291,7 @@ class Rating extends common/* Com */.up {
       if (this.shoudDisplay()) this.open();
     });
     this.props.store.onConvoEvent(this, ev => {
-      var cid = util/* default.convoOfEv */.Z.convoOfEv(ev);
+      var cid = util/* default */.Z.convoOfEv(ev);
       if (cid !== this.props.cid) return;
       if (this.shoudDisplay()) this.open();
     });
@@ -3399,12 +3400,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 */.Z.map(this.props.store.listEvents(this.props.cid), ev => {
+      if (util/* default */.Z.get(ev, 'type') === 'conversation_state_updated' && util/* default */.Z.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 */.Z.get(ev, 'type') === 'conversation_rating_requested') requested = ev;
+      if (util/* default */.Z.get(ev, 'type') === 'conversation_rated' && util/* default */.Z.get(ev, 'by.id') === user.id) rated = ev;
     });
     if (rated) return false;
     let accountSetting = this.props.plugin.chatbox;
@@ -3445,7 +3446,7 @@ class Rating extends common/* Com */.up {
       hide: false
     });
     if (!this.refRating.current) return;
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       if (this.refComment.current) this.refComment.current.focus();
     }, 400);
     this.refComment.current.value = '';
@@ -3567,15 +3568,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 */.Z.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 */.Z.filter(items, item => {
+          let optionName = util/* default */.Z.unicodeToAscii(item.name).toLowerCase().replace(/ /g, '');
+          let optionDesc = util/* default */.Z.unicodeToAscii(item.desc).toLowerCase().replace(/ /g, '');
+          let searchValue = util/* default */.Z.unicodeToAscii(this.state.searchValue).toLowerCase().replace(/ /g, '');
           return optionName.indexOf(searchValue) != -1 || optionDesc.indexOf(searchValue) != -1;
         });
       }
@@ -3634,7 +3635,7 @@ class DropdownSelect extends common/* Com */.up {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.setTimeout(() => {
       if (!this.filterRef.current) return;
       this.filterRef.current.focus();
     }, 100);
@@ -3642,7 +3643,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 */.Z.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "dropdown_select__item",
         onClick: _ => this.onSelect(item)
@@ -3703,10 +3704,10 @@ 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 */.Z.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 */.Z.get(this.props, 'selected.name'));
     let style = 'position: relative !important;';
     if (this.props.full) {
       style = '';
@@ -3766,13 +3767,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 */.Z.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 */.Z.get(res, 'body.addresses', [])
       });
     }, 100));
     address_picker_defineProperty(this, "onChangeSearchValue", e => {
@@ -3829,14 +3830,14 @@ class AddressPicker extends common/* Com */.up {
   focusFilter() {
     if (!this.filterRef.current) return;
     this.filterRef.current.focus();
-    util/* default.setTimeout */.Z.setTimeout(() => {
+    util/* default */.Z.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 */.Z.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", {
@@ -3938,7 +3939,7 @@ 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 */.Z.preloadWebfonts(['Roboto'], [400, 500]);
 let icon_defaultAvatar = __webpack_require__(4761);
@@ -4045,7 +4046,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 */.Z.get(out, 'body.addresses')
       });
     });
     order_defineProperty(this, "onSelectDistrict", async item => {
@@ -4064,7 +4065,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 */.Z.get(out, 'body.addresses')
       });
     });
     order_defineProperty(this, "onSelectWard", item => this.setState({
@@ -4085,7 +4086,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 */.Z.trim(addr.address), util/* default */.Z.trim(addr.street)].join(' ').trim(),
         street: addr.street,
         err: {},
         g_err: ''
@@ -4132,36 +4133,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 */.Z.isPhone(this.state.phone)) {
           err.phone = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.fullname)) {
+        if (!util/* default */.Z.trim(this.state.fullname)) {
           err.name = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.email)) {
+        if (!util/* default */.Z.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 */.Z.isPhone(this.state.phone)) {
           err.phone = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.fullname)) {
+        if (!util/* default */.Z.trim(this.state.fullname)) {
           err.name = true;
         }
-        if (!util/* default.trim */.Z.trim(this.state.address)) {
+        if (!util/* default */.Z.trim(this.state.address)) {
           err.address = true;
         }
-        if (util/* default.size */.Z.size(this.state.selectedWard) == 0) {
+        if (util/* default */.Z.size(this.state.selectedWard) == 0) {
           err.ward = true;
         }
-        if (util/* default.size */.Z.size(this.state.selectedDistrict) == 0) {
+        if (util/* default */.Z.size(this.state.selectedDistrict) == 0) {
           err.district = true;
         }
-        if (util/* default.size */.Z.size(this.state.selectedProvince) == 0) {
+        if (util/* default */.Z.size(this.state.selectedProvince) == 0) {
           err.province = true;
         }
       }
-      if (util/* default.size */.Z.size(err) > 0) {
+      if (util/* default */.Z.size(err) > 0) {
         this.setState({
           err,
           g_err: this.props.t('input_shipping_info_err')
@@ -4169,15 +4170,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 */.Z.getUserAttr(user, 'fullname', 'text');
+      let uemail = util/* default */.Z.getUserAttr(user, 'emails', 'text');
+      let uphone = util/* default */.Z.getUserAttr(user, 'phones', 'text');
+      let order = util/* default */.Z.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 */.Z.set(order, 'shipping.pickup_at_shop', true);
+        util/* default */.Z.set(order, 'shipping.address.phone', this.state.phone);
+        util/* default */.Z.set(order, 'shipping.address.fullname', this.state.fullname);
+        util/* default */.Z.set(order, 'shipping.address.email', this.state.email);
       } else {
         if (this.state.shipping_address == 'new') {
           let out = await this.props.store.createShippingAddress({
@@ -4197,37 +4198,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 */.Z.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 */.Z.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 */.Z.set(order, 'shipping.address', sa);
         }
       }
       let changeduser = false;
       if (!ufullname && this.state.fullname) {
         changeduser = true;
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.Z.setUserAttr(user, {
           key: 'fullname',
           text: this.state.fullname
         });
       }
       if (!uemail && this.state.email) {
         changeduser = true;
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.Z.setUserAttr(user, {
           key: 'emails',
           text: this.state.email
         });
       }
       if (!uphone && this.state.phone) {
         changeduser = true;
-        util/* default.setUserAttr */.Z.setUserAttr(user, {
+        util/* default */.Z.setUserAttr(user, {
           key: 'phones',
           text: this.state.phone
         });
@@ -4254,7 +4255,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 */.Z.cloneDeep(this.state.order);
         order.user_confirmation = 'rejected';
         this.props.store.updateOrder(order);
       }
@@ -4281,10 +4282,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 */.Z.get(this.props.store.matchUser(), 'attributes', []);
+    let fullname = util/* default */.Z.get(util/* default */.Z.find(attributes, att => att.key === 'fullname'), 'text');
+    let email = util/* default */.Z.get(util/* default */.Z.find(attributes, att => att.key === 'emails'), 'text');
+    let phone = util/* default */.Z.get(util/* default */.Z.find(attributes, att => att.key === 'phones'), 'text');
     this.setState({
       fullname,
       email,
@@ -4296,7 +4297,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 */.Z.get(out, 'body.addresses')
     });
   }
   isMobile() {
@@ -4326,7 +4327,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 */.Z.map(pms, pm => {
         let $name = pm.description;
         if (pm.method == 'bank_transfer') {
           $name = pm.description + ' ' + pm.bank_name + ' ' + pm.bank_branch;
@@ -4407,15 +4408,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 */.Z.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 */.Z.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 */.Z.map(this.state.wards, ward => ({
         id: ward.id,
         name: ward.ward
       }));
@@ -4424,7 +4425,7 @@ 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 */.Z.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) {
@@ -4556,7 +4557,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 */.Z.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);
@@ -4634,13 +4635,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 */.Z.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 */.Z.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 +4660,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 */.Z.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 */.Z.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", {
         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 */.Z.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 */.Z.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 */.Z.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 */.Z.get(order, 'shipping.fee', 0), " d"));
     let editmode = false;
     if (!order.status || order.status == 'open') {
       editmode = !order.user_confirmation;
@@ -4706,12 +4707,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 */.Z.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 */.Z.formatCurrency(order.total))), $pay));
   }
   renderStatusBadge(order) {
     let status = order.status || 'open';
@@ -4722,9 +4723,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 */.Z.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 */.Z.get(order, 'shipping.shipping_code');
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0,preact_module.h)("div", {
       class: "muted",
@@ -4752,9 +4753,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 */.Z.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 */.Z.get(order, 'shipping.shipping_code');
     let $tracking_code = null;
     if (shipping_code) $tracking_code = (0,preact_module.h)("div", {
       class: "muted",
@@ -4781,7 +4782,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 */.Z.map(order.items, item => {
       if (!item || !item.product) return null;
       let product = item.product;
       return (0,preact_module.h)("div", {
@@ -4789,7 +4790,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 */.Z.get(product, 'images.0') || __webpack_require__(9270)
       }), (0,preact_module.h)("div", {
         style: "overflow: hidden !important;"
       }, (0,preact_module.h)("div", {
@@ -4798,7 +4799,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 */.Z.formatCurrency(product.price))));
     });
     if (!this.isMobile()) return (0,preact_module.h)("div", null, (0,preact_module.h)("div", {
       class: "order_label"
@@ -4816,7 +4817,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 */.Z.map(order.items, item => {
         if (!item || !item.product) return null;
         let product = item.product;
         return (0,preact_module.h)("div", {
@@ -4824,7 +4825,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 */.Z.get(product, 'images.0') || __webpack_require__(9270)
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -4833,7 +4834,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 */.Z.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 +4842,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 */.Z.formatCurrency(item.quantity * product.price))));
       });
     } else {
-      $products = util/* default.map */.Z.map(order.items, item => {
+      $products = util/* default */.Z.map(order.items, item => {
         if (!item || !item.product) return null;
         let product = item.product;
         return (0,preact_module.h)("div", {
@@ -4852,7 +4853,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 */.Z.get(product, 'images.0') || __webpack_require__(9270)
         }), (0,preact_module.h)("div", {
           style: "overflow: hidden !important; flex: 1 !important"
         }, (0,preact_module.h)("div", {
@@ -4861,11 +4862,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 */.Z.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 */.Z.formatCurrency(item.total))));
       });
     }
     return (0,preact_module.h)("div", {
@@ -5083,7 +5084,7 @@ class Order extends common/* Com */.up {
       });
     });
     Order_defineProperty(this, "close", async () => {
-      await util/* default.sleep */.Z.sleep(100);
+      await util/* default */.Z.sleep(100);
       if (this.state.response === 'confirmed') {
         this.props.store.sendConvoEvent(this.props.cid, 'message_sent', {
           message: {
@@ -5184,7 +5185,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 */.Z.setTimeout(() => {
         if (!this._show) this.close();else this.open();
       });
     }
@@ -5311,7 +5312,7 @@ class Widget extends common/* Com */.up {
     super(props);
     Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */.Vf)());
     Widget_defineProperty(this, "sendMessage", async message => {
-      let hasPostback = util/* default.find */.Z.find(message.attachments, att => att.type === 'postback');
+      let hasPostback = util/* default */.Z.find(message.attachments, att => att.type === 'postback');
       if (this.isFormRequired() && hasPostback) {
         this.onStartConvoClick();
         this.fillQuickReplyToQuestion(message);
@@ -5390,7 +5391,7 @@ class Widget extends common/* Com */.up {
         clickedJoin: false,
         quickReplyMessage: {}
       });
-      util/* default.setTimeout */.Z.setTimeout(() => {
+      util/* default */.Z.setTimeout(() => {
         this.events && this.events.focus();
         if (!this.props.store.isMobile()) this.focusInput();
       }, 100);
@@ -5401,10 +5402,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 */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.Z.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 */.Z.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 +5415,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 */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.Z.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
       submitLabel = this.props.t('offline_form_btn');
@@ -5432,8 +5433,8 @@ 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 */.Z.get(accountSetting, 'desktop_button.position') || 'right';
+    if (this.props.store.isMobile()) position = util/* default */.Z.get(accountSetting, 'mobile_button.position', position);
     let cls = 'widget-container widget-container--' + position;
     if (!this.props.isShow) cls += ' widget-container--hide';
     return (0,preact_module.h)("div", {
@@ -5452,42 +5453,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 */.Z.map(this.state.formData, (field, key) => {
+      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.Z.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 */.Z.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 */.Z.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 */.Z.cloneDeep(this.state.formData);
+    let user = util/* default */.Z.cloneDeep(this.props.store.matchUser());
     let is_lead = false;
-    util/* default.map */.Z.map(data, (field, key) => {
+    util/* default */.Z.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 */.Z.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 */.Z.setUserAttr(user, attr);
     });
-    if (is_lead) util/* default.setUserAttr */.Z.setUserAttr(user, {
+    if (is_lead) util/* default */.Z.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 */.Z.get(data, 'question.value');
+    let groupid = util/* default */.Z.get(data, 'group.value', '');
     if (this.props.cid) {
       this.props.store.setUser(user);
       this.setState({
@@ -5499,7 +5500,7 @@ class Widget extends common/* Com */.up {
           format: 'plaintext',
           fields: [{
             key: 'to_agent_group',
-            value: util/* default.stringify */.Z.stringify(groupid)
+            value: util/* default */.Z.stringify(groupid)
           }],
           attachments: this.state.quickReplyMessage.attachments
         }
@@ -5559,7 +5560,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 */.Z.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text',
       value: this.state.quickReplyMessage.text
     };
@@ -5570,8 +5571,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = e.target.checked;
     this.setState({
@@ -5580,8 +5581,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = val;
     this.setState({
@@ -5590,8 +5591,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = field.value || [];
     field.value.push(val);
@@ -5601,8 +5602,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.find(formData, (_, fkkey) => fkkey === key);
     if (!field) return;
     field.value = field.value || [];
     field.value.splice(index, 1);
@@ -5611,11 +5612,11 @@ class Widget extends common/* Com */.up {
     });
   }
   renderCheckboxField(field) {
-    let items = util/* default.get */.Z.get(field, 'def.items', []);
+    let items = util/* default */.Z.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 */.Z.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "checkbox"
       }, (0,preact_module.h)("input", {
@@ -5633,14 +5634,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.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 */.Z.filter(values, value => value !== v);
     } else {
       values.push(v);
     }
@@ -5650,9 +5651,9 @@ class Widget extends common/* Com */.up {
     });
   }
   renderRadioField(field) {
-    let items = util/* default.get */.Z.get(field, 'def.items', []);
+    let items = util/* default */.Z.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 */.Z.map(items, item => {
       return (0,preact_module.h)("div", {
         class: "radio"
       }, (0,preact_module.h)("input", {
@@ -5671,8 +5672,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     field.value = v;
     this.setState({
@@ -5681,8 +5682,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 */.Z.cloneDeep(this.state.formData);
+    let field = util/* default */.Z.find(formData, (f, fkkey) => f.key === key);
     if (!field) return;
     field.value = v;
     this.setState({
@@ -5690,20 +5691,20 @@ class Widget extends common/* Com */.up {
     });
   }
   renderDropdownField(field) {
-    let items = util/* default.get */.Z.get(field, 'def.items', []);
+    let items = util/* default */.Z.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 */.Z.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 */.Z.size(this.state.formData) === 0) return null;
+    let $fields = util/* default */.Z.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 +5720,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 */.Z.get(field, 'def.select') === 'checkbox') {
           $field = this.renderCheckboxField(field);
-        } else if (util/* default.get */.Z.get(field, 'def.select') === 'radio') {
+        } else if (util/* default */.Z.get(field, 'def.select') === 'radio') {
           $field = this.renderRadioField(field);
-        } else if (util/* default.get */.Z.get(field, 'def.select') === 'dropdown') {
+        } else if (util/* default */.Z.get(field, 'def.select') === 'dropdown') {
           $field = this.renderDropdownField(field);
-        } else if (util/* default.get */.Z.get(field, 'def.multiple_line')) {
+        } else if (util/* default */.Z.get(field, 'def.multiple_line')) {
           $field = (0,preact_module.h)("textarea", {
             class: "form-control",
             ref: ref => {
@@ -5772,7 +5773,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 */.Z.map(field.list, item => (0,preact_module.h)("div", {
           class: "radio"
         }, (0,preact_module.h)("input", {
           type: "radio",
@@ -5789,8 +5790,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 */.Z.filter(util/* default */.Z.get(field, 'list', []), item => {
+          return !util/* default */.Z.includes(selected, item);
         });
         $field = (0,preact_module.h)(ListField, {
           selected: selected,
@@ -5838,8 +5839,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 */.Z.get(form, `i18n_title`, {}));
+    if (!title) title = util/* default */.Z.get(form, 'title', this.props.t('capture_lead_title'));
     title = title.replace('↵', '');
     return (0,preact_module.h)("div", {
       class: "widget-body"
@@ -5870,15 +5871,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 */.Z.map(convoM, convo => this.props.store.matchConvo(convo.id));
+    convos = util/* default */.Z.filter(convos, convo => !!convo);
+    convos = util/* default */.Z.orderByF(convos, convo => util/* default */.Z.get(convo, 'last_message_sent.created', convo.actived), 'desc');
+    var $convos = util/* default */.Z.map(convos, convo => {
+      let ags = util/* default */.Z.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 */.Z.map(ags, m => m.id);
+      agentids = agentids || util/* default */.Z.agentsOfConvo(convo)[0];
       return (0,preact_module.h)("div", {
         class: "convo-list--item",
         onClick: () => this.goToConvo(convo.id),
@@ -5895,7 +5896,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 */.Z.size(convos) === 0) {
       $body = (0,preact_module.h)("div", {
         class: "convo-list--list"
       }, (0,preact_module.h)("div", {
@@ -5931,19 +5932,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 */.Z.setTimeout(() => $input && $input.blur());
+    util/* default */.Z.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 */.Z.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 */.Z.setTimeout(() => {
         var $input = this['form_' + Widget_encode(firstemptykey)];
         if (!$input) return;
         $input.focus();
@@ -5952,8 +5953,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 */.Z.setTimeout(() => $input.focus());
+    util/* default */.Z.setTimeout(() => $input.focus(), 300);
   }
   onRate(rating) {
     if (!this.props.cid) return;
@@ -5967,7 +5968,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 */.Z.set(formData, 'question.value', message.text);
     }
     this.setState({
       formData,
@@ -6060,8 +6061,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 */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.Z.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 +6070,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 */.Z.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 */.Z.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 */.Z.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 */.Z.map(ags, m => m.id);
+    agentids = agentids || util/* default */.Z.agentsOfConvo(convo)[0];
+    let agents = util/* default */.Z.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 */.Z.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 */.Z.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 */.Z.getMs(util/* default */.Z.get(convo, 'last_message_sent.created')) || util/* default */.Z.getMs(convo.created);
     let $unread = seen ? null : (0,preact_module.h)("div", {
       class: "convo-list--item-unread"
     });
@@ -6129,23 +6130,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 */.Z.agentsOfConvo(convo, true);
+    return util/* default */.Z.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 */.Z.get(ev, 'data.message.text');
+    var format = util/* default */.Z.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 */.Z.size(util/* default */.Z.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 */.Z.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 */.Z.map(util/* default */.Z.extractText(message), tag => {
       if (tag.type === 'emoji') return (0,preact_module.h)(Emoji, {
         emojiCode: tag.text,
         byType: byType
@@ -6157,19 +6158,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 */.Z.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 */.Z.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 */.Z.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 +6180,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 */.Z.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
+    let offlineEnabled = util/* default */.Z.get(accountSetting, 'offline_form.enabled');
     if (this.isOffline(acc, accountSetting) && offlineEnabled) {
       form = accountSetting.offline_form;
     }
@@ -6190,23 +6191,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 */.Z.size(form) === 0) return [];
     var data = {};
-    util/* default.each */.Z.each(form.fields, f => {
+    util/* default */.Z.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 */.Z.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 */.Z.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 */.Z.get(form, `i18n_group_label`, {})) || form.group_label,
         type: 'group',
-        list: util/* default.map */.Z.map(form.groups, group => ({
+        list: util/* default */.Z.map(form.groups, group => ({
           value: group.id,
           label: group.name
         }))
@@ -6215,7 +6216,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 */.Z.get(form, `i18n_question_label`, {})) || form.question_label,
       type: 'text'
     };
     if (this.isFormChanged(this.state.formData, data)) {
@@ -6229,38 +6230,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 */.Z.get(oldForm, `${oldKeys[i]}.label`) !== util/* default */.Z.get(newForm, `${newKeys[i]}.label`)) return true;
+      if (util/* default */.Z.get(oldForm, `${oldKeys[i]}.is_required`) !== util/* default */.Z.get(newForm, `${newKeys[i]}.is_required`)) return true;
+      if (util/* default */.Z.stringify(util/* default */.Z.get(oldForm, `${oldKeys[i]}.list`)) !== util/* default */.Z.stringify(util/* default */.Z.get(newForm, `${newKeys[i]}.list`))) {
         return true;
       }
     }
     return false;
   }
   fillForm(form) {
-    if (util/* default.size */.Z.size(form) === 0) return [];
+    if (util/* default */.Z.size(form) === 0) return [];
     var data = {};
     let user = this.props.store.matchUser();
-    util/* default.each */.Z.each(form.fields, f => {
+    util/* default */.Z.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 */.Z.getUserAttr(user, f.key, f.type);
+      if (newf.key == 'emails' && !newf.value) {
+        newf.value = util/* default */.Z.getUserAttr(user, 'related_email', 'text');
+      }
+      if (newf.key == 'phones' && !newf.value) {
+        newf.value = util/* default */.Z.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 */.Z.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 */.Z.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 */.Z.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 */.Z.get(form, `i18n_group_label`, {})) || form.group_label,
         type: 'group',
-        list: util/* default.map */.Z.map(form.groups, group => ({
+        list: util/* default */.Z.map(form.groups, group => ({
           value: group.id,
           label: group.name
         }))
@@ -6292,14 +6299,14 @@ class Main extends common/* Com */.up {
   }
   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 */.Z.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 */.Z.replaceCssVariable(css, found.chatbox);
+    util/* default */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
   }
   componentWillUnmount() {
-    util/* default.setCss */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
+    util/* default */.Z.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
   }
   async componentDidMount() {
     this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
@@ -6335,7 +6342,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 */.Z.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 +6376,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 */.Z.get(ev, 'by.type');
+    let byid = util/* default */.Z.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 */.Z.get(ev, 'data.message.conversation_id');
     if (!cid) return;
     this.showWidget({
       cid,
@@ -6384,7 +6391,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 */.Z.find(convoM, convo => !util/* default */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
     if (!redconvo || !redconvo.id) return;
     if (!this.state.isShowWidget) this.showWidget({
       view: 'chat',
@@ -6402,14 +6409,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 */.Z.get(lastview, 'view');
+      p.cid = util/* default */.Z.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 */.Z.find(convoM, convo => !util/* default */.Z.isConvoSeen(convo, this.props.store.matchUser().id));
+      p.cid = util/* default */.Z.get(redconvo, 'id', util/* default */.Z.get(convoM, '0.id'));
       p.view = 'chat';
     }
     if (this.props.store.isMobile()) modifyViewport();
@@ -6447,11 +6454,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';