@subiz/widget-v4 4.1.54 → 4.1.56

package/dist/{132.js → 841.js}

@@ -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,19 +778,19 @@ 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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -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(t) { var i = ImageAttachments_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function ImageAttachments_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
 class ImageAttachment extends common/* Com */.up {
   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", {
@@ -2200,8 +2291,7 @@ class VideoAttachments extends common/* Com */.up {
         height: "",
         poster: this.props.store.replaceFileUrl(video.thumbnail_url),
         controls: "controls",
-        preload: "metadata",
-        onclick: "this.play()"
+        preload: "metadata"
       }));
     });
     return (0,preact_module.h)("div", {
@@ -2209,73 +2299,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 +2339,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 +2350,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 +2368,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 +2379,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 +2403,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 +2415,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 +2463,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 +2479,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 +2490,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 +2602,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 +2613,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 +2647,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 +2656,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 +2669,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 +2686,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 +2703,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 +2722,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 +2744,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 +2801,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 +2873,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 +2883,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 +2941,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 +2953,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 +2968,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 +2990,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 +3029,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 +3053,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 +3066,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 +3090,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 +3100,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 +3122,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 +3138,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 +3146,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 +3167,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 +3200,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 +3220,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 +3228,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);
     });
   }
@@ -3263,8 +3263,8 @@ function eqFloat(a, b) {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Rating.js
 function Rating_defineProperty(obj, key, value) { key = Rating_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function Rating_toPropertyKey(arg) { var key = Rating_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function Rating_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Rating_toPropertyKey(t) { var i = Rating_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function Rating_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 const POPUP_MAX_HEIGHT = 400;
@@ -3290,7 +3290,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 +3399,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 +3445,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 = '';
@@ -3528,8 +3528,8 @@ class Rating extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/DropdownSelect.js
 function DropdownSelect_defineProperty(obj, key, value) { key = DropdownSelect_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function DropdownSelect_toPropertyKey(arg) { var key = DropdownSelect_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function DropdownSelect_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function DropdownSelect_toPropertyKey(t) { var i = DropdownSelect_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function DropdownSelect_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -3567,15 +3567,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 +3634,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 +3642,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 +3703,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 = '';
@@ -3727,8 +3727,8 @@ class DropdownSelect extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/order/address_picker.js
 function address_picker_defineProperty(obj, key, value) { key = address_picker_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function address_picker_toPropertyKey(arg) { var key = address_picker_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function address_picker_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function address_picker_toPropertyKey(t) { var i = address_picker_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function address_picker_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -3766,13 +3766,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 +3829,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 +3938,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);
 
@@ -3970,8 +3970,8 @@ class Icon extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/order/order.js
 function order_defineProperty(obj, key, value) { key = order_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function order_toPropertyKey(arg) { var key = order_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function order_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function order_toPropertyKey(t) { var i = order_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -4045,7 +4045,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 +4064,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 +4085,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 +4132,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 +4169,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 +4197,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 +4254,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 +4281,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 +4296,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 +4326,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 +4407,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 +4424,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 +4556,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 +4634,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 +4659,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 +4706,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 +4722,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 +4752,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 +4781,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 +4789,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 +4798,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 +4816,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 +4824,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 +4833,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 +4841,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 +4852,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 +4861,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", {
@@ -5040,8 +5040,8 @@ let ShippingProvider = {
 };
 ;// CONCATENATED MODULE: ./src/chatbox/Order.js
 function Order_defineProperty(obj, key, value) { key = Order_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function Order_toPropertyKey(arg) { var key = Order_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function Order_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Order_toPropertyKey(t) { var i = Order_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function Order_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -5083,7 +5083,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 +5184,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();
       });
     }
@@ -5285,8 +5285,8 @@ class Order extends common/* Com */.up {
 }
 ;// CONCATENATED MODULE: ./src/chatbox/Widget.js
 function Widget_defineProperty(obj, key, value) { key = Widget_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function Widget_toPropertyKey(arg) { var key = Widget_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function Widget_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function Widget_toPropertyKey(t) { var i = Widget_toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function Widget_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 
 
@@ -5311,7 +5311,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 +5390,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 +5401,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 +5414,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,9 +5432,10 @@ class Widget extends common/* Com */.up {
     }
     let $body = null;
     if (this.props.view === 'list') $body = this.renderConvoList();else if (showform) $body = this.renderForm(form, submitLabel);else $body = this.renderChat();
-    let position = util/* default.get */.Z.get(accountSetting, 'desktop_button.position') || 'right';
-    if (this.props.store.isMobile()) position = util/* default.get */.Z.get(accountSetting, 'mobile_button.position', position);
+    let position = util/* default */.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.store.isMobile() && util/* default */.Z.get(accountSetting, 'window_mode') === 'full') cls += ' widget-container--full';
     if (!this.props.isShow) cls += ' widget-container--hide';
     return (0,preact_module.h)("div", {
       class: cls
@@ -5452,42 +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';